#db-list table{font-family:"Malgun Gothic","맑은 고딕",sans-serif;font-size:12px;width:100%;min-width:1500px;table-layout:auto}
#db-list thead th{font-size:11.04px;font-weight:400;padding:8px 5px;line-height:1.4;white-space:nowrap;height:32px}
#db-list td{font-size:12px;padding:5px;line-height:1.5;height:37px;vertical-align:middle}
#db-list td:nth-child(1),#db-list td:nth-child(3){font-size:11px}
#db-list th:nth-child(1),#db-list th:nth-child(2){min-width:90px}
#db-list th:nth-child(3){min-width:190px}#db-list td:nth-child(3){max-width:250px;overflow-wrap:anywhere;white-space:normal}
#db-list th:nth-child(4){min-width:130px}#db-list th:nth-child(5){min-width:120px}
#db-list th:nth-child(6){min-width:145px}#db-list td:nth-child(6){max-width:220px;white-space:normal;overflow-wrap:anywhere}
#db-list th:nth-child(7),#db-list th:nth-child(8),#db-list th:nth-child(10){min-width:95px}
#db-list th:nth-child(9){min-width:55px}#db-list th:nth-child(11){min-width:145px}
#db-list .table-wrap{overflow-x:auto}#db-list .db-memo-cell{min-width:160px;max-width:230px;text-align:left}
#db-list .db-memo-cell span{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:54px;overflow:auto}
#db-list td button{font-size:11px;min-height:25px;padding:2px 6px;line-height:19px}
#db-list td .badge{font-size:11px;padding:2px 5px;line-height:17px}
#db-list .db-filter-primary{gap:6px}#db-list .db-filter-primary input,#db-list .db-filter-primary select,#db-list .db-filter-primary button{font-family:"Malgun Gothic","맑은 고딕",sans-serif;font-size:12px;height:34px}
#db-list .db-filter-primary .db-filter-inline-label{font-size:12px;gap:4px}
.customer-memo-dialog{width:600px;max-width:calc(100vw - 24px);max-height:90vh;padding:0;border:1px solid #dce1eb;border-radius:10px;background:white;overflow:auto;color:#273447}
.customer-memo-dialog::backdrop{background:#18203866}.customer-memo-dialog header{display:block;position:static;height:auto;padding:18px 22px;background:#1d2438;color:white}
.customer-memo-dialog h2{font-size:19px;margin:0;color:white}.customer-memo-body{padding:20px}.customer-memo-body p{font-size:13px;line-height:1.7;margin:0 0 12px}.customer-memo-body textarea{width:100%;font-size:14px;line-height:1.7;min-height:180px}.customer-memo-body [role=status]{color:#a33434;margin:8px 0 0}
.customer-memo-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid #e2e6ed}.customer-memo-foot .primary{background:#5947d7;border-color:#5947d7}
/* Twelve columns, with customer memo inside additional information. */
#db-list table{min-width:0;table-layout:fixed;width:100%}
#db-list table th,#db-list table td{min-width:0;max-width:none;padding:5px 3px;white-space:normal;overflow-wrap:anywhere;font-size:11px}
#db-list table th:nth-child(1){width:7%}#db-list table th:nth-child(2){width:6%}
#db-list table th:nth-child(3){width:15%}#db-list table th:nth-child(4){width:10%}
#db-list table th:nth-child(5){width:8%}#db-list table th:nth-child(6){width:18%}
#db-list table th:nth-child(7),#db-list table th:nth-child(8){width:6%}
#db-list table th:nth-child(9){width:3%}#db-list table th:nth-child(10){width:5%}
#db-list table th:nth-child(11){width:9%}#db-list table th:nth-child(12){width:7%}
#db-list .db-memo-cell{min-width:0;max-width:100%;width:100%;text-align:left}
#db-list .db-memo-cell span{font-size:11px;max-width:100%}
#db-list .db-additional-info{display:block;margin-bottom:5px;white-space:pre-wrap;overflow-wrap:anywhere}
#db-list table td button{font-size:10px;padding:2px 4px;white-space:normal;max-width:100%;overflow-wrap:anywhere}
#db-list table td .badge{font-size:10px;padding:2px 3px;white-space:normal;max-width:100%;overflow-wrap:anywhere}
#db-list table td:last-child .controls{flex-wrap:wrap;gap:3px}
#db-list table td .reference-status{min-width:0;max-width:100%;font-size:10px;line-height:1.4;padding:3px;white-space:normal;overflow-wrap:anywhere}

/* Assignment and call results: readable colored text without badge decoration. */
#db-list table td .reference-status{display:inline;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;font-size:inherit;font-weight:600;color:#64748b}
#db-list table td .reference-status--green{color:#15803d}
#db-list table td .reference-status--red{color:#b91c1c}
#db-list table td .reference-status--yellow{color:#a16207}
#db-list table td .reference-status--blue{color:#1d4ed8}
#db-list table td .reference-status--dark{color:#475569}
#db-list table td .reference-status[data-status="REJECTED_AFTER_ANSWER"],#db-list table td .reference-status[data-status="REJECTED_BEFORE_ANSWER"]{color:#b45309}

/* Soft full-cell backgrounds, not pill badges. */
#db-list table td:has(> .reference-status){background:#f1f5f9}
#db-list table td:has(> .reference-status--green){background:#e8f5ec}
#db-list table td:has(> .reference-status--red){background:#fcebec}
#db-list table td:has(> .reference-status--yellow){background:#fff7df}
#db-list table td:has(> .reference-status--blue){background:#eaf1ff}
#db-list table td:has(> .reference-status--dark){background:#e9edf2}
#db-list table td:has(> .reference-status[data-status="REJECTED_AFTER_ANSWER"]),#db-list table td:has(> .reference-status[data-status="REJECTED_BEFORE_ANSWER"]){background:#fff1e4}
#db-list table td:has(> .reference-status[data-status=""]){background:transparent}
/* Keep the company header above the horizontally frozen company cells. */
#db-list .table-wrap thead th{position:sticky;top:0;z-index:3;background:#3d526d;color:#fff}
#db-list .table-wrap thead th:first-child{left:0;z-index:4}
#db-list .table-wrap tbody td:first-child:not([colspan]){position:sticky;left:0;z-index:1}