#tab-clients{--clients-ink:#102445;--clients-muted:#647b9d;--clients-blue:#0b69ec;--clients-line:#d8e5f2;--clients-soft:#f3f8fd;color:var(--clients-ink);padding:16px;background:linear-gradient(135deg,#f8fbff,#f2f7fc);overflow-x:hidden}
#tab-clients [hidden]{display:none!important}
#tab-clients .clientsManagementHeader{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(390px,.8fr);gap:24px;align-items:start;margin:0 0 16px}
#tab-clients .clientsManagementHeader h2{margin:0 0 5px;font-size:31px;line-height:1.08;color:var(--clients-ink)}
#tab-clients .clientsManagementHeader>div>p{margin:0;color:var(--clients-muted);font-size:14px}
#tab-clients .clientsManagementNotice{display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 15px;border:1px solid #c9e0fa;border-radius:12px;background:#f1f8ff;box-sizing:border-box}
#tab-clients .clientsManagementNotice>span{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:50%;color:#fff;background:var(--clients-blue);font-family:Georgia,serif;font-weight:900}
#tab-clients .clientsManagementNotice p{flex:1;margin:0;color:#5174aa;font-size:12px;line-height:1.45}
#tab-clients .clientsManagementNotice button{border:0;color:#5b7ca9;background:transparent;font-size:22px;cursor:pointer}
#tab-clients .clientsManagementTabs{display:flex;align-items:stretch;width:max-content;max-width:100%;margin:0 0 6px;border:1px solid var(--clients-line);border-radius:11px 11px 0 0;background:#fff;overflow-x:auto}
#tab-clients .clientsManagementTabs button{display:inline-flex;align-items:center;gap:8px;min-height:53px;padding:0 22px;border:0;border-right:1px solid var(--clients-line);color:#536a8b;background:#fff;font-weight:800;white-space:nowrap;cursor:pointer}
#tab-clients .clientsManagementTabs button:last-child{border-right:0}
#tab-clients .clientsManagementTabs button.active{position:relative;color:var(--clients-blue)}
#tab-clients .clientsManagementTabs button.active::after{content:'';position:absolute;left:10px;right:10px;bottom:0;height:3px;border-radius:3px;background:var(--clients-blue)}
#tab-clients .clientsWorkspace{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(390px,1fr);gap:18px;align-items:start}
#tab-clients .clientsTableCard,#tab-clients .clientsEditorCard,#tab-clients .clientsOperationCard{margin:0!important;border:1px solid var(--clients-line);border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(27,78,137,.06)}
#tab-clients .clientsTableCard{padding:18px}
#tab-clients .clientsTableTitle{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}
#tab-clients .clientsTableTitle h3{margin:0 0 4px;color:var(--clients-ink);font-size:20px}
#tab-clients .clientsTableTitle p{margin:0;color:var(--clients-muted);font-size:12px}
#tab-clients .clientsTableTitle .btn{min-height:43px;padding:0 18px;border-radius:9px;white-space:nowrap}
#tab-clients .btn.primary{color:#fff!important;border-color:#0b69ec!important;background:linear-gradient(135deg,#075bc8,#0876fb)!important;box-shadow:0 7px 16px rgba(8,105,238,.18)!important}
#tab-clients .clientsFilterBar{display:grid!important;grid-template-columns:minmax(0,1fr) 220px!important;gap:12px;margin:0 0 12px!important}
#tab-clients .clientsFilterBar .field{margin:0!important}
#tab-clients .clientsFilterBar input,#tab-clients .clientsFilterBar select{min-height:42px;border:1px solid #cad8e8;border-radius:9px;background:#fff}
#tab-clients .clientsTableScroll{display:block!important;width:100%;overflow-x:auto;border:1px solid var(--clients-line);border-radius:10px;background:#fff}
#tab-clients .clientsExecutiveTable{width:100%;min-width:920px;table-layout:fixed;border-collapse:collapse;font-size:12px}
#tab-clients .clientsExecutiveTable th:nth-child(1){width:17%}
#tab-clients .clientsExecutiveTable th:nth-child(2){width:16%}
#tab-clients .clientsExecutiveTable th:nth-child(3){width:14%}
#tab-clients .clientsExecutiveTable th:nth-child(4){width:14%}
#tab-clients .clientsExecutiveTable th:nth-child(5){width:8%}
#tab-clients .clientsExecutiveTable th:nth-child(6){width:14%}
#tab-clients .clientsExecutiveTable th:nth-child(7){width:10%}
#tab-clients .clientsExecutiveTable th:nth-child(8){width:7%}
#tab-clients .clientsExecutiveTable th{padding:12px 10px;color:#334d72;background:#eaf2fa;text-align:left;white-space:nowrap}
#tab-clients .clientsExecutiveTable td{padding:11px 10px;border-top:1px solid #e0eaf4;color:#587090;vertical-align:middle;white-space:nowrap}
#tab-clients .clientsExecutiveTable td:first-child{color:var(--clients-ink)}
#tab-clients .clientsExecutiveRow{cursor:pointer;outline:0}
#tab-clients .clientsExecutiveRow:hover,#tab-clients .clientsExecutiveRow.selected{background:#e8f2ff}
#tab-clients .clientsExecutiveRow:focus{box-shadow:inset 0 0 0 2px var(--clients-blue)}
#tab-clients .clientsRowChevron{display:inline-block;margin-right:8px;color:#55759e;font-size:19px;vertical-align:-1px}
#tab-clients .clientsRowMenu{border:0;color:#3c5e89;background:transparent;font-weight:900;letter-spacing:1px}
#tab-clients .clientsPill{display:inline-flex;align-items:center;min-height:26px;padding:0 11px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}
#tab-clients .clientsPill.success{color:#159159;background:#dcf8e9}
#tab-clients .clientsPill.warning{color:#a26709;background:#fff0cf}
#tab-clients .clientsPill.muted{color:#637794;background:#edf2f8}
#tab-clients .clientsPagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;color:var(--clients-muted);font-size:12px}
#tab-clients .clientsPaginationControls{display:flex;gap:5px}
#tab-clients .clientsPaginationControls button{min-width:34px;height:34px;border:1px solid var(--clients-line);border-radius:7px;color:#516a8e;background:#fff;font-weight:800}
#tab-clients .clientsPaginationControls button.active{color:#fff;border-color:var(--clients-blue);background:var(--clients-blue)}
#tab-clients .clientsEditorCard{position:sticky;top:12px;min-width:0;padding:16px}
#tab-clients .clientsEditorHeader{display:flex;align-items:center;gap:13px;margin-bottom:12px}
#tab-clients .clientsEditorHeader>div{flex:1;min-width:0}
#tab-clients .clientsEditorHeader h3{margin:0 0 4px;color:var(--clients-ink);font-size:23px;line-height:1.1}
#tab-clients .clientsEditorHeader p{display:flex;align-items:center;gap:8px;margin:0;color:var(--clients-muted);font-size:12px}
#tab-clients .clientsEditorIcon{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;border-radius:13px;color:#0869ee;background:#eaf4ff;font-size:26px}
#tab-clients .clientsEditorClose{align-self:flex-start;border:0;color:#587190;background:transparent;font-size:24px;cursor:pointer}
#tab-clients .clientsEditorTabs{display:flex;border-bottom:1px solid var(--clients-line);margin-bottom:15px}
#tab-clients .clientsEditorTabs button{position:relative;flex:1;min-height:43px;border:0;color:#596f8e;background:transparent;font-weight:800}
#tab-clients .clientsEditorTabs button.active{color:var(--clients-blue)}
#tab-clients .clientsEditorTabs button.active::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px;background:var(--clients-blue)}
#tab-clients .clientsEditorForm h4{margin:0 0 11px;color:var(--clients-ink);font-size:15px}
#tab-clients .clientsEditorFormGrid,#tab-clients #clientsNewEditor>.clientsEditorForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
#tab-clients .clientsEditorFormGrid>.companyFiscalFields,#tab-clients #clientsNewEditor .companyFiscalFields{grid-column:1/-1}
#tab-clients .clientsEditorCard .field{min-width:0;margin:0}
#tab-clients .clientsEditorCard label{display:block;margin-bottom:5px;color:var(--clients-ink);font-size:11px;font-weight:800}
#tab-clients .clientsEditorCard input,#tab-clients .clientsEditorCard select{width:100%;min-height:39px;border:1px solid #c9d7e7;border-radius:8px;color:var(--clients-ink)!important;background:#fff!important;opacity:1!important;box-sizing:border-box}
#tab-clients .clientsEditorCard .companyFiscalFields{margin:4px 0 0;padding:12px;border:1px solid var(--clients-line);border-radius:10px}
#tab-clients .clientsEditorCard .companyFiscalFields .formGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
#tab-clients .clientsEditorActions{display:flex;justify-content:space-between;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--clients-line)}
#tab-clients .clientsEditorActions .btn{min-width:120px;min-height:42px;border-radius:9px}
#tab-clients #clientsContactsPane .sectionTitle{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important}
#tab-clients #clientsContactsPane .clientContactToolbar{display:grid;grid-template-columns:1fr;gap:9px}
#tab-clients #clientsContactsPane .clientContactToolbar .btn{color:#31577f!important;border:1px solid #c9d7e7!important;background:#fff!important;box-shadow:none!important}
#tab-clients .clientsOperationsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px;align-items:stretch}
#tab-clients .clientsOperationCard{display:flex;flex-direction:column;min-width:0;padding:16px!important}
#tab-clients .clientsOperationCard .sectionTitle{min-height:53px}
#tab-clients .clientsOperationCard .sectionTitle h3{font-size:16px}
#tab-clients .clientsOperationCard .sectionTitle small{font-size:11px}
#tab-clients .clientKamBulkGrid,#tab-clients .clientMergeForm{display:grid!important;grid-template-columns:1fr auto 1fr!important;gap:8px!important;align-items:end}
#tab-clients .clientKamBulkGrid .btn,#tab-clients .clientMergeForm .btn{grid-column:auto/span 1}
#tab-clients .clientKamBulkGrid .btn:first-of-type{grid-column:1/2}
#tab-clients .clientKamBulkGrid .btn:last-of-type{grid-column:2/4}
#tab-clients .clientMergeForm .btn{grid-column:1/4}
#tab-clients .clientsOperationCard input,#tab-clients .clientsOperationCard select{color:var(--clients-ink)!important;background:#fff!important;opacity:1!important}
#tab-clients .clientsOperationCard .notice{color:#5676a5!important;border:1px solid #cee2f8!important;background:#f1f8ff!important}
#tab-clients .clientsCalendarCard #calendarDomainPoliciesMaintenance{margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
#tab-clients .clientsCalendarCard .performanceMergedKpisHeader{display:none!important}
#tab-clients .clientsEmpty{padding:24px;text-align:center;color:var(--clients-muted)}
#tab-clients .srOnly{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:1050px){
 #tab-clients .clientsManagementHeader{grid-template-columns:1fr}
 #tab-clients .clientsWorkspace{grid-template-columns:1fr}
 #tab-clients .clientsEditorCard{position:static}
 #tab-clients .clientsOperationsGrid{grid-template-columns:1fr}
}
@media(max-width:620px){
 #tab-clients{padding:10px}
 #tab-clients .clientsManagementHeader h2{font-size:25px}
 #tab-clients .clientsManagementTabs{width:100%}
 #tab-clients .clientsManagementTabs button{padding:0 14px}
 #tab-clients .clientsTableCard,#tab-clients .clientsEditorCard,#tab-clients .clientsOperationCard{padding:12px!important}
 #tab-clients .clientsTableTitle{align-items:flex-start;flex-direction:column}
 #tab-clients .clientsTableTitle .btn{width:100%}
 #tab-clients .clientsFilterBar{grid-template-columns:1fr!important}
 #tab-clients .clientsEditorFormGrid,#tab-clients #clientsNewEditor>.clientsEditorForm,#tab-clients .clientsEditorCard .companyFiscalFields .formGrid{grid-template-columns:1fr}
 #tab-clients .clientsPagination{align-items:flex-start;flex-direction:column}
 #tab-clients .clientKamBulkGrid,#tab-clients .clientMergeForm{grid-template-columns:1fr!important}
 #tab-clients .clientKamBulkArrow,#tab-clients .clientMergeArrow{display:none}
 #tab-clients .clientKamBulkGrid .btn,#tab-clients .clientMergeForm .btn{grid-column:auto!important}
}