#clientDashboard{border:1px solid #3a373e;border-radius:18px;padding:18px;background:linear-gradient(135deg,#222026,#111015);color:#efedf2}
#clientDashboard[hidden]{display:none}
.client-overview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.client-overview-head h2{margin:0;font-size:18px;font-weight:700}.client-overview-head p{margin:4px 0;color:#99969e;font-size:12px}
#clientDashboard button{border:1px solid #5b5124;background:#302b16;color:#ffe344;border-radius:9px;padding:7px 12px;font-size:12px}
#clientDashboardTotals{display:flex;gap:20px;flex-wrap:wrap;margin:14px 0;font-size:13px;color:#b9b6be}#clientDashboardTotals b{font-size:20px;color:#ffe344;margin-left:5px}
#clientDashboardSearch{width:100%;border:1px solid #45404b;border-radius:9px;background:#18161d;color:#eee;padding:8px 12px;font-size:13px;margin-bottom:12px}
#clientDashboardRows{max-height:520px;overflow:auto;scrollbar-width:thin;scrollbar-color:#85752b #18161d}
.client-overview-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,3fr);gap:16px;padding:12px 0;border-top:1px solid #38343d}
.client-overview-identity{display:flex;flex-direction:column;gap:3px;font-size:13px;overflow-wrap:anywhere}.client-overview-identity span{color:#99969e;font-size:12px}.client-overview-identity b{color:#f4d922;font-size:12px;margin-top:3px}
.client-overview-connection{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:7px 10px;border:1px solid #36323c;background:#19171e;border-radius:9px;margin-bottom:5px;overflow-wrap:anywhere}
.client-overview-connection div{display:flex;flex-direction:column;gap:3px}.client-overview-connection strong{font-size:13px}.client-overview-connection span{font-size:12px;color:#99969e}.client-overview-server strong{color:#a8d0e8}.client-overview-empty{font-size:13px;color:#99969e;padding:8px 0}
@media(max-width:640px){.client-overview-row{grid-template-columns:1fr;gap:7px}.client-overview-connection{grid-template-columns:1fr}}
#clientDashboard .client-delete-open{align-self:flex-start;margin-top:7px;border-color:#6a3c45;background:#2e1e25;color:#eaa8b3;font-size:11px;padding:5px 9px}
.client-delete-dialog{width:min(460px,calc(100vw - 32px));padding:24px;border:1px solid #5a4f38;border-radius:20px;background:linear-gradient(140deg,#29252d,#121116);color:#efedf2;box-shadow:0 20px 80px #000b}
.client-delete-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}
.client-delete-dialog h2{font-size:21px;font-weight:700;margin:0 0 12px}.client-delete-dialog p{font-size:13px;line-height:1.6;color:#b9b6be;margin:10px 0}.client-delete-dialog #clientDeleteName{color:#ffe344;overflow-wrap:anywhere}
.client-delete-dialog #clientDeleteError{color:#ff939f;min-height:20px}.client-delete-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.client-delete-actions button{border:1px solid #49414e;border-radius:10px;padding:9px 14px;background:#25222b;color:#eee;font-size:13px}.client-delete-actions #clientDeleteConfirm{background:#713540;border-color:#a45060;color:white}.client-delete-actions button:disabled{opacity:.5;cursor:wait}
#clientDashboard .client-access-open{align-self:flex-start;margin-top:7px;font-size:11px;padding:5px 9px}

/* Two compact rows: toolbar, then one complete row per customer. */
#clientDashboard{display:grid;grid-template-columns:max-content max-content minmax(140px,1fr) max-content;align-items:center;gap:8px 14px;padding:10px 14px}
#clientDashboard[hidden]{display:none}
#clientDashboard .client-overview-head,#clientDashboard .client-overview-head>div{display:contents}
#clientDashboard .client-overview-head h2{grid-column:1;grid-row:1;font-size:14px;white-space:nowrap}
#clientDashboardTotals{grid-column:2;grid-row:1;margin:0;gap:12px;flex-wrap:nowrap;white-space:nowrap;font-size:11px}
#clientDashboardTotals b{font-size:14px;margin-left:3px}
#clientDashboardSearch{grid-column:3;grid-row:1;margin:0;padding:5px 9px;height:28px;font-size:11px}
#refreshClientDashboard{grid-column:4;grid-row:1;padding:5px 9px!important;font-size:11px!important}
#clientDashboardMessage{grid-column:1/-1;grid-row:3;margin:0;font-size:11px}
#clientDashboardMessage:empty{display:none}
#clientDashboardRows{grid-column:1/-1;grid-row:2;min-width:0;max-height:520px;overflow:auto}
#clientDashboard .client-overview-row{display:flex;align-items:center;gap:10px;padding:7px 0;min-width:760px}
#clientDashboard .client-overview-identity{display:contents}
#clientDashboard .client-overview-identity>strong{order:0;flex-shrink:0;font-size:12px;white-space:nowrap}
#clientDashboard .client-overview-identity>span{order:1;flex-shrink:0;font-size:11px;white-space:nowrap}
#clientDashboard .client-overview-identity>span:empty{display:none}
#clientDashboard .client-overview-identity>b{order:2;flex-shrink:0;font-size:11px;white-space:nowrap;margin:0}
#clientDashboard .client-overview-connections{order:3;flex:1;min-width:160px;display:flex;align-items:center;gap:6px;overflow:auto;scrollbar-width:thin}
#clientDashboard .client-overview-connection{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:4px 8px;margin:0;white-space:nowrap}
#clientDashboard .client-overview-connection div{display:flex;flex-direction:row;align-items:center;gap:7px}
#clientDashboard .client-overview-connection strong,#clientDashboard .client-overview-connection span{font-size:11px}
#clientDashboard .client-access-open{order:4;margin:0;align-self:center;white-space:nowrap;flex-shrink:0}
#clientDashboard .client-delete-open{order:5;margin:0;align-self:center;white-space:nowrap;flex-shrink:0}
#clientDashboard .client-overview-empty{padding:3px 0;font-size:11px;white-space:nowrap}
@media(max-width:850px){#clientDashboard{grid-template-columns:max-content 1fr max-content;gap:7px 10px}#clientDashboardTotals{grid-column:2}#refreshClientDashboard{grid-column:3}#clientDashboardSearch{grid-column:1/-1;grid-row:2}#clientDashboardRows{grid-row:3}#clientDashboardMessage{grid-row:4}}