/* Customer DB list visual layer. Query, paging and customer actions are unchanged. */
#db-list{font-family:EverycallPretendard,"Malgun Gothic",sans-serif;color:#172b4d;}
#db-list :is(button,input,select,table){font-family:inherit;}
#workspace #db-list #db-target-tools{display:flex;flex-direction:column;align-items:stretch;gap:10px;background:white;border:0;padding:12px 0 16px;margin:0;}
#workspace #db-list .db-filter-primary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
#workspace #db-list #db-target-tools :is(select,input[type=search],button){height:40px;min-height:40px;margin:0;padding:8px 12px;border:1px solid #8590a2;border-radius:6px;background:white;color:#172b4d;font-size:14px;box-sizing:border-box;}
#workspace #db-list #db-target-tools button.db-search-submit{background:#0c66e4;border-color:#0c66e4;color:white;}
#workspace #db-list #db-target-tools .db-filter-inline-label{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:13px;}
#workspace #db-list #db-target-tools select[aria-label="DB 페이지당 표시 건수"]{width:80px;}
#db-list .db-all-tab{background:#0c66e4;color:white;}
#db-list .db-count-label{background:#44546f;color:white;}
#db-list .db-count-value{background:#f1f2f4;color:#172b4d;font-variant-numeric:tabular-nums;}
#db-list .table-wrap{overflow:auto;max-height:65vh;border:1px solid #dfe1e6;border-radius:8px;}
#db-list table{width:100%;min-width:1300px;table-layout:auto;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;}
#db-list table th{position:sticky!important;top:0!important;z-index:3;background:#f7f8f9!important;color:#44546f!important;border:0!important;border-bottom:1px solid #dfe1e6!important;padding:10px 12px!important;font-size:13px!important;font-weight:600!important;white-space:nowrap;}
#db-list table td{background:white;color:#172b4d;border:0!important;border-bottom:1px solid #dfe1e6!important;padding:10px 12px!important;font-size:14px!important;line-height:1.5!important;vertical-align:middle;}
#db-list table tr:hover td{background:#f7f8f9;}
#db-list table :is(th,td):nth-child(4){white-space:nowrap;min-width:130px;}
#db-list table td:nth-child(3){min-width:130px;max-width:200px;overflow-wrap:anywhere;}
#db-list table td:nth-child(6){min-width:150px;max-width:280px;white-space:normal;overflow-wrap:anywhere;}
#db-list table :is(th,td):nth-last-child(2){min-width:100px;white-space:nowrap;}
#db-list table :is(th,td):last-child{min-width:170px;white-space:nowrap;}
#db-list table td button{border-radius:5px;min-height:32px;font-size:13px;padding:5px 9px;white-space:nowrap;}
#db-list table td:last-child .controls{display:flex;flex-wrap:nowrap;gap:6px;}
#db-list .pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 0;margin:0;color:#44546f;}
#db-list .pagination button{border:1px solid #dfe1e6;border-radius:6px;background:white;color:#172b4d;min-height:36px;padding:8px 12px;}
#db-list :is(button,input,select,summary):focus-visible{outline:2px solid #0c66e4;outline-offset:2px;}
#db-list [hidden]{display:none!important;}
/* Keep company names on one line and reduce the supplemental-info column. */
#db-list table :is(th,td):first-child{min-width:150px;width:150px;white-space:nowrap;}
#db-list table :is(th,td):nth-child(6){min-width:100px;width:120px;max-width:140px;}
#db-list table td:nth-child(6){white-space:normal;overflow-wrap:anywhere;}