body:is([data-admin-page=clients],[data-admin-page=client]) {
      --sc-bg:light-dark(#f4f5f9,#11141b);--sc-panel:light-dark(#ffffff,#1a1e28);--sc-ink:light-dark(#202331,#edf0f6);--sc-muted:light-dark(#6b7182,#a0a8bc);--sc-line:light-dark(#e8eaf0,#303644);
      --sc-accent:light-dark(#7154d9,#b09bff);--sc-accent-soft:light-dark(#f0ebfc,#29223d);--sc-green:light-dark(#20785c,#78cbb0);--sc-green-soft:light-dark(#eaf6ef,#17352a);--sc-amber:light-dark(#966115,#e8bd72);--sc-amber-soft:light-dark(#fff5e4,#382c1b);--sc-red:light-dark(#b04651,#ee9ba4);--sc-red-soft:light-dark(#fff0f1,#38212b);--sc-rail:light-dark(#1b1e2a,#141721);--sc-rail-ink:#e9ecf5;--sc-rail-muted:#a6acbf;--sc-selected:#303045;--sc-queue:280px;--sc-gap:18px;
      color:var(--sc-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5;text-align:left;background:var(--sc-bg);
    }
    body:is([data-admin-page=clients],[data-admin-page=client]) * {box-sizing:border-box}
body:is([data-admin-page=clients],[data-admin-page=client]) {font-family:SCOverview,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light;--text:var(--sc-ink);--muted:var(--sc-muted);--muted-2:var(--sc-muted);--line:var(--sc-line);--surface-2:var(--sc-bg);--surface:var(--sc-panel);--mint:var(--sc-accent);padding:0}
body:is([data-admin-page=clients],[data-admin-page=client])[data-overview-theme=dark] {color-scheme:dark}
body:is([data-admin-page=clients],[data-admin-page=client]) .ops-shell {padding-left:176px;background:var(--sc-bg);padding-bottom:24px;overflow:visible}
body:is([data-admin-page=clients],[data-admin-page=client]) #ops-content {max-width:1550px;padding:24px;margin:0 auto}
body:is([data-admin-page=clients],[data-admin-page=client]) .admin-rail {width:176px;padding:24px 14px;background:var(--sc-rail);border:0;gap:0;color:var(--sc-rail-ink)}
body:is([data-admin-page=clients],[data-admin-page=client]) .admin-logo {display:flex;align-items:baseline;gap:0;width:auto;height:auto;border:0;line-height:1.3;background:transparent;box-shadow:none;color:var(--sc-rail-ink);font-size:22px;letter-spacing:-1px;font-weight:650;align-self:flex-start;margin:0 12px 24px;text-decoration:none}
body:is([data-admin-page=clients],[data-admin-page=client]) .admin-logo span {color:#b7a2ff;margin-left:3px}
body:is([data-admin-page=clients],[data-admin-page=client]) .admin-rail nav {width:100%;gap:5px;margin:0}
body:is([data-admin-page=clients],[data-admin-page=client]) .overview-nav-caption {padding:10px 12px;color:var(--sc-rail-muted);font-size:10px;letter-spacing:1.2px;text-transform:uppercase}
body:is([data-admin-page=clients],[data-admin-page=client]) .overview-nav-caption:not(:first-child) {margin-top:16px}
body:is([data-admin-page=clients],[data-admin-page=client]) .admin-rail nav a {display:flex;align-items:center;flex-direction:row;justify-content:flex-start;gap:11px;min-height:42px;padding:10px 12px;border:0;border-radius:8px;color:var(--sc-rail-muted);background:transparent}
body:is([data-admin-page=clients],[data-admin-page=client]) .admin-rail nav a.is-active {color:var(--sc-rail-ink);background:var(--sc-selected);box-shadow:none}
body:is([data-admin-page=clients],[data-admin-page=client]) .admin-rail nav a b {width:17px;height:17px;font-size:0;flex:none}
body:is([data-admin-page=clients],[data-admin-page=client]) .admin-rail nav a b svg {display:block;width:17px;height:17px}
body:is([data-admin-page=clients],[data-admin-page=client]) .admin-rail nav a span {font-size:12px;font-weight:500;letter-spacing:0;white-space:normal}
body:is([data-admin-page=clients],[data-admin-page=client]) .admin-rail nav a span:after {content:none}
body:is([data-admin-page=clients],[data-admin-page=client]) .admin-cabinet {color:var(--sc-rail-muted);margin-top:auto;border-color:#343746;background:transparent;width:100%;min-height:40px}
body:is([data-admin-page=clients],[data-admin-page=client]) .ops-topbar {min-height:62px;padding:14px 24px;background:var(--sc-panel);gap:12px}
body:is([data-admin-page=clients],[data-admin-page=client]) .ops-topbar .brand, body:is([data-admin-page=clients],[data-admin-page=client]) .ops-owner>span:not(.system-status) {display:none}
body:is([data-admin-page=clients],[data-admin-page=client]) .overview-top-crumb {display:flex;align-items:center;gap:10px;font-size:12px;color:var(--sc-muted)}
body:is([data-admin-page=clients],[data-admin-page=client]) .overview-top-crumb strong {color:var(--sc-ink);font-weight:500}
body:is([data-admin-page=clients],[data-admin-page=client]) .ops-owner {gap:10px;min-width:0}
body:is([data-admin-page=clients],[data-admin-page=client]) .system-status {color:var(--sc-muted);border:0;background:transparent;font-size:10px;letter-spacing:0;min-height:0;padding:0;white-space:nowrap}
body:is([data-admin-page=clients],[data-admin-page=client]) .system-status i {display:none}
body:is([data-admin-page=clients],[data-admin-page=client]) .ops-owner button {height:32px;min-height:32px;padding:0 10px;background:var(--sc-panel);color:var(--sc-muted);border:1px solid var(--sc-line);border-radius:7px;font-size:12px;font-weight:500}
body:is([data-admin-page=clients],[data-admin-page=client]) #overview-theme {display:grid;place-items:center;width:32px;padding:0}
body:is([data-admin-page=clients],[data-admin-page=client]) #overview-theme svg {width:16px;height:16px}

body:is([data-admin-page=clients],[data-admin-page=client]) [hidden] {display:none!important}
body:is([data-admin-page=clients],[data-admin-page=client]) .admin-page {min-height:0}
body:is([data-admin-page=clients],[data-admin-page=client]) .ops-heading,body:is([data-admin-page=clients],[data-admin-page=client]) .client-page-heading {display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px}
body:is([data-admin-page=clients],[data-admin-page=client]) .ops-heading h1,body:is([data-admin-page=clients],[data-admin-page=client]) .client-page-heading h1 {margin:0;font-size:28px;line-height:1.3;letter-spacing:-.7px;font-weight:650}
body:is([data-admin-page=clients],[data-admin-page=client]) .ops-heading p,body:is([data-admin-page=clients],[data-admin-page=client]) .client-page-heading p {font-size:13px;color:var(--sc-muted);margin:7px 0 0;overflow-wrap:anywhere}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-page-heading>div {min-width:0}
body:is([data-admin-page=clients],[data-admin-page=client]) .clients-refresh {display:grid;justify-items:end;gap:8px;color:var(--sc-muted);font-size:11px;flex-shrink:0}
body:is([data-admin-page=clients],[data-admin-page=client]) .button {min-height:36px;padding:8px 12px;border:1px solid var(--sc-line);border-radius:8px;font-size:12px;font-weight:500;letter-spacing:0;box-shadow:none;background:var(--sc-panel);color:var(--sc-ink)}
body:is([data-admin-page=clients],[data-admin-page=client]) .button-primary {background:#7154d9;border-color:#7154d9;color:#fff}
body:is([data-admin-page=clients],[data-admin-page=client]) .button-danger {background:var(--sc-red-soft);border-color:var(--sc-red);color:var(--sc-red)}
body:is([data-admin-page=clients],[data-admin-page=client]) .button:disabled {opacity:.5;cursor:default}
body:is([data-admin-page=clients],[data-admin-page=client]) .panel,body:is([data-admin-page=clients],[data-admin-page=client]) .client-section {background:var(--sc-panel);border:1px solid var(--sc-line);box-shadow:none;border-radius:12px}
body:is([data-admin-page=clients],[data-admin-page=client]) .ops-table-panel {margin:0;overflow:hidden}
body:is([data-admin-page=clients],[data-admin-page=client]) .ops-table-tools {display:grid;gap:16px;padding:18px 20px}
body:is([data-admin-page=clients],[data-admin-page=client]) .clients-list-title {display:flex;justify-content:space-between;align-items:center;gap:12px}
body:is([data-admin-page=clients],[data-admin-page=client]) .clients-list-title h2 {font-size:14px;line-height:1.4;margin:0;font-weight:600}
body:is([data-admin-page=clients],[data-admin-page=client]) #clients-result {font-size:12px;color:var(--sc-muted);text-transform:none;letter-spacing:0;font-weight:400}
body:is([data-admin-page=clients],[data-admin-page=client]) .ops-filters {display:grid;grid-template-columns:minmax(200px,1.6fr) repeat(3,minmax(130px,1fr)) auto;gap:8px;min-width:0}
body:is([data-admin-page=clients],[data-admin-page=client]) .search-field {min-width:0;width:auto;background:var(--sc-panel);border:1px solid var(--sc-line);box-shadow:none;border-radius:8px;min-height:38px}
body:is([data-admin-page=clients],[data-admin-page=client]) .search-field input {min-width:0;background:transparent;color:var(--sc-ink);font-size:12px;padding:8px 10px;width:100%}
body:is([data-admin-page=clients],[data-admin-page=client]) .ops-filters select {min-width:0;width:100%;min-height:38px;padding:8px 28px 8px 10px;background:var(--sc-panel);border:1px solid var(--sc-line);border-radius:8px;color:var(--sc-ink);font-size:12px}
body:is([data-admin-page=clients],[data-admin-page=client]) .ops-table-wrap {max-height:none;overflow-x:auto;border-top:1px solid var(--sc-line)}
body:is([data-admin-page=clients],[data-admin-page=client]) table {min-width:780px;font-size:12px}
body:is([data-admin-page=clients],[data-admin-page=client]) th {position:static;padding:12px 18px;background:var(--sc-bg);color:var(--sc-muted);font-size:11px;font-weight:500;letter-spacing:0}
body:is([data-admin-page=clients],[data-admin-page=client]) td {padding:18px;border-color:var(--sc-line);color:var(--sc-ink);font-size:12px;vertical-align:middle}
body:is([data-admin-page=clients],[data-admin-page=client]) td strong {color:var(--sc-ink);font-size:12px;font-weight:600;line-height:1.5}
body:is([data-admin-page=clients],[data-admin-page=client]) td small {color:var(--sc-muted);font-size:11px;line-height:1.5;margin-top:4px;overflow-wrap:anywhere}
body:is([data-admin-page=clients],[data-admin-page=client]) tbody tr:hover,body:is([data-admin-page=clients],[data-admin-page=client]) tbody tr:focus {background:var(--sc-accent-soft)}
body:is([data-admin-page=clients],[data-admin-page=client]) tbody tr:focus-visible {outline:2px solid var(--sc-accent);outline-offset:-2px}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-person {display:flex;align-items:center;gap:10px}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-person>div {min-width:0}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-avatar {display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;color:var(--sc-accent);background:var(--sc-accent-soft);font-size:12px;font-weight:600}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-open {float:right;color:var(--sc-accent);margin-left:12px}
body:is([data-admin-page=clients],[data-admin-page=client]) .ops-state,body:is([data-admin-page=clients],[data-admin-page=client]) .health {border:0;border-radius:6px;background:var(--sc-green-soft);color:var(--sc-green);padding:4px 7px;font-size:11px;font-weight:500;letter-spacing:0}
body:is([data-admin-page=clients],[data-admin-page=client]) td .ops-state {margin-top:5px}
body:is([data-admin-page=clients],[data-admin-page=client]) .ops-state.is-past_due,body:is([data-admin-page=clients],[data-admin-page=client]) .ops-state.is-suspended,body:is([data-admin-page=clients],[data-admin-page=client]) .ops-state.is-cancelled,body:is([data-admin-page=clients],[data-admin-page=client]) .health.is-danger {background:var(--sc-red-soft);color:var(--sc-red)}
body:is([data-admin-page=clients],[data-admin-page=client]) .ops-state.is-trial,body:is([data-admin-page=clients],[data-admin-page=client]) .health:not(.is-live):not(.is-danger) {background:var(--sc-bg);color:var(--sc-muted)}
body:is([data-admin-page=clients],[data-admin-page=client]) .clients-empty {text-align:center;padding:30px!important}
body:is([data-admin-page=clients],[data-admin-page=client]) .clients-empty strong {font-size:14px}
body:is([data-admin-page=clients],[data-admin-page=client]) .clients-empty p {color:var(--sc-muted);font-size:12px;margin:8px 0 16px}
body:is([data-admin-page=clients],[data-admin-page=client]) .admin-pagination {font-size:12px;min-height:0;padding:12px 0}
body:is([data-admin-page=clients],[data-admin-page=client]) .admin-pagination:empty {display:none}
body:is([data-admin-page=clients],[data-admin-page=client]) .admin-pagination button {background:var(--sc-panel);color:var(--sc-ink);border-color:var(--sc-line);font-weight:500}
body:is([data-admin-page=clients],[data-admin-page=client]) [data-load-state=error] #clients-freshness {color:var(--sc-red)}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-back {display:inline-flex;margin:0 0 10px;color:var(--sc-accent);font-size:12px;background:none;border:0;padding:0;text-decoration:none}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-summary-strip {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-summary-strip article {padding:16px 18px;background:var(--sc-panel);border:1px solid var(--sc-line);border-radius:11px;min-width:0}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-summary-strip small,body:is([data-admin-page=clients],[data-admin-page=client]) .client-summary-strip article>span {display:block;color:var(--sc-muted);font-size:11px;line-height:1.5;overflow-wrap:anywhere}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-summary-strip strong {display:block;font-size:16px;line-height:1.5;font-weight:600;margin:8px 0 5px;overflow-wrap:anywhere}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-tabs {display:flex;gap:4px;border:0;border-bottom:1px solid var(--sc-line);border-radius:0;padding:0 0 8px;margin-bottom:18px;background:transparent;overflow-x:auto}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-tabs button {min-height:36px;padding:8px 12px;border:0;border-radius:7px;font-size:12px;color:var(--sc-muted);font-weight:500}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-tabs button.is-active {background:var(--sc-accent-soft);color:var(--sc-accent);border:0}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-overview {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-overview button {padding:18px;text-align:left;border:1px solid var(--sc-line);border-radius:11px;background:var(--sc-panel);color:var(--sc-ink);box-shadow:none;min-width:0}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-overview button>span {color:var(--sc-muted);font-size:11px;font-weight:500;letter-spacing:0}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-overview strong {color:var(--sc-ink);font-size:16px;font-weight:600;margin:10px 0 8px;overflow-wrap:anywhere}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-overview small {color:var(--sc-muted);font-size:12px;line-height:1.6}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-section {padding:20px;margin:0 0 16px}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-section>header {margin:0 0 16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-section>header span {color:var(--sc-ink);font-size:14px;font-weight:600;letter-spacing:0}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-section>header b {color:var(--sc-muted);font-size:11px;font-weight:400;letter-spacing:0}
body:is([data-admin-page=clients],[data-admin-page=client]) label {min-width:0;color:var(--sc-muted);font-size:12px}
body:is([data-admin-page=clients],[data-admin-page=client]) label>span {font-size:12px;letter-spacing:0;font-weight:500;color:var(--sc-muted)}
body:is([data-admin-page=clients],[data-admin-page=client]) input,body:is([data-admin-page=clients],[data-admin-page=client]) select,body:is([data-admin-page=clients],[data-admin-page=client]) textarea {min-width:0;max-width:100%;border-color:var(--sc-line);background:var(--sc-panel);color:var(--sc-ink);border-radius:8px;font-size:13px;box-shadow:none}
body:is([data-admin-page=clients],[data-admin-page=client]) .caption {color:var(--sc-muted);font-size:12px;line-height:1.6}
body:is([data-admin-page=clients],[data-admin-page=client]) .usage-grid {gap:12px}
body:is([data-admin-page=clients],[data-admin-page=client]) .usage-grid article {padding:16px;border:1px solid var(--sc-line);border-radius:9px;background:var(--sc-bg)}
body:is([data-admin-page=clients],[data-admin-page=client]) .usage-grid strong {font-size:13px;color:var(--sc-ink);font-weight:500}
body:is([data-admin-page=clients],[data-admin-page=client]) .usage-grid small {font-size:12px;color:var(--sc-muted);line-height:1.6;overflow-wrap:anywhere}
body:is([data-admin-page=clients],[data-admin-page=client]) .usage-grid article>span {background:var(--sc-line)}
body:is([data-admin-page=clients],[data-admin-page=client]) .usage-grid article>span i {background:var(--sc-accent)}
body:is([data-admin-page=clients],[data-admin-page=client]) .connection-list article,body:is([data-admin-page=clients],[data-admin-page=client]) .ops-assistant-list article,body:is([data-admin-page=clients],[data-admin-page=client]) .payment-list article {padding:14px 0;border-color:var(--sc-line);background:transparent;gap:14px}
body:is([data-admin-page=clients],[data-admin-page=client]) .connection-list strong,body:is([data-admin-page=clients],[data-admin-page=client]) .ops-assistant-list strong {font-size:13px;font-weight:600;color:var(--sc-ink)}
body:is([data-admin-page=clients],[data-admin-page=client]) .connection-list small,body:is([data-admin-page=clients],[data-admin-page=client]) .ops-assistant-list small,body:is([data-admin-page=clients],[data-admin-page=client]) .ops-assistant-list em {font-size:12px;line-height:1.6;color:var(--sc-muted);overflow-wrap:anywhere}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-incident-list article {padding:16px;background:var(--sc-bg);border:1px solid var(--sc-line);border-radius:9px}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-incident-list strong {font-size:13px;color:var(--sc-ink)}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-incident-list small {font-size:12px;color:var(--sc-muted);line-height:1.6}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-incident-list a {color:var(--sc-accent);font-size:12px}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-danger-tools {grid-column:1/-1;border:1px solid var(--sc-red);border-radius:12px;padding:16px 20px;color:var(--sc-ink);background:var(--sc-red-soft);margin-bottom:16px}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-danger-tools>summary {cursor:pointer;font-size:13px;font-weight:600;min-height:28px}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-danger-tools>p {color:var(--sc-muted);font-size:12px;line-height:1.6;margin:12px 0}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-danger-tools .client-section {margin:12px 0 0;background:var(--sc-panel);border-color:var(--sc-line)}
body:is([data-admin-page=clients],[data-admin-page=client]) .status-actions button {color:var(--sc-ink);background:var(--sc-panel);border:1px solid var(--sc-line);border-radius:8px;font-weight:500;font-size:12px;min-height:36px}
body:is([data-admin-page=clients],[data-admin-page=client]) .status-actions button.is-active {color:var(--sc-accent);border-color:var(--sc-accent);background:var(--sc-accent-soft)}
body:is([data-admin-page=clients],[data-admin-page=client]) .event-list article {padding:12px 0;background:transparent;border-color:var(--sc-line)}
body:is([data-admin-page=clients],[data-admin-page=client]) .event-list article>i {background:var(--sc-accent);box-shadow:none}
body:is([data-admin-page=clients],[data-admin-page=client]) .event-list strong {font-size:13px;font-weight:500;color:var(--sc-ink)}
body:is([data-admin-page=clients],[data-admin-page=client]) .event-list small {color:var(--sc-muted);font-size:12px;line-height:1.6}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-event-type {font-size:11px;color:var(--sc-muted);margin-top:5px}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-event-type code {display:block;margin-top:6px;overflow-wrap:anywhere;white-space:normal}
body:is([data-admin-page=clients],[data-admin-page=client]) .step-up-dialog {background:var(--sc-panel);color:var(--sc-ink);border-color:var(--sc-line)}
body:is([data-admin-page=clients],[data-admin-page=client]) .step-up-dialog input {background:var(--sc-panel);color:var(--sc-ink);border-color:var(--sc-line)}
body:is([data-admin-page=clients],[data-admin-page=client]) button:focus-visible,body:is([data-admin-page=clients],[data-admin-page=client]) input:focus-visible,body:is([data-admin-page=clients],[data-admin-page=client]) select:focus-visible,body:is([data-admin-page=clients],[data-admin-page=client]) summary:focus-visible {outline:2px solid var(--sc-accent);outline-offset:2px}
@media(max-width:1100px) {
body:is([data-admin-page=clients],[data-admin-page=client]) .ops-filters {grid-template-columns:repeat(3,minmax(0,1fr))}
body:is([data-admin-page=clients],[data-admin-page=client]) .ops-filters .search-field {grid-column:1/3}
body:is([data-admin-page=clients],[data-admin-page=client]) #reset-clients {grid-column:3;grid-row:1}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-summary-strip {grid-template-columns:1fr 1fr}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-overview {grid-template-columns:1fr}
}
@media(max-width:760px) {
body:is([data-admin-page=clients],[data-admin-page=client]) .ops-shell {padding-left:0;padding-bottom:88px}
body:is([data-admin-page=clients],[data-admin-page=client]) .admin-rail {inset:auto 0 0;width:100%;height:66px;padding:4px 6px;z-index:10}
body:is([data-admin-page=clients],[data-admin-page=client]) .admin-logo,body:is([data-admin-page=clients],[data-admin-page=client]) .admin-cabinet,body:is([data-admin-page=clients],[data-admin-page=client]) .overview-nav-caption {display:none}
body:is([data-admin-page=clients],[data-admin-page=client]) .admin-rail nav {display:grid;grid-template-columns:repeat(8,minmax(64px,1fr));grid-template-rows:50px;height:58px;align-content:center;overflow-x:auto;overflow-y:hidden;gap:2px}
body:is([data-admin-page=clients],[data-admin-page=client]) .admin-rail nav a {display:flex;flex-direction:column;gap:5px;padding:5px 2px;min-height:50px}
body:is([data-admin-page=clients],[data-admin-page=client]) .admin-rail nav a span {font-size:10px;white-space:nowrap}
body:is([data-admin-page=clients],[data-admin-page=client]) #ops-content {padding:16px}
body:is([data-admin-page=clients],[data-admin-page=client]) .ops-topbar {padding:12px 16px;flex-wrap:wrap;gap:8px}
body:is([data-admin-page=clients],[data-admin-page=client]) .system-status {display:none}
body:is([data-admin-page=clients],[data-admin-page=client]) .ops-heading,body:is([data-admin-page=clients],[data-admin-page=client]) .client-page-heading {align-items:flex-start;flex-direction:column;gap:12px}
body:is([data-admin-page=clients],[data-admin-page=client]) .clients-refresh {width:100%;justify-items:start;grid-template-columns:auto 1fr;align-items:center}
body:is([data-admin-page=clients],[data-admin-page=client]) .clients-refresh>span {text-align:right;justify-self:end;line-height:1.5}
body:is([data-admin-page=clients],[data-admin-page=client]) .ops-heading h1,body:is([data-admin-page=clients],[data-admin-page=client]) .client-page-heading h1 {font-size:26px}
body:is([data-admin-page=clients],[data-admin-page=client]) .ops-table-tools {padding:16px}
body:is([data-admin-page=clients],[data-admin-page=client]) .ops-filters {grid-template-columns:1fr 1fr;gap:8px}
body:is([data-admin-page=clients],[data-admin-page=client]) .ops-filters .search-field {grid-column:1/-1}
body:is([data-admin-page=clients],[data-admin-page=client]) #reset-clients {grid-column:auto;grid-row:auto}
body:is([data-admin-page=clients],[data-admin-page=client]) .ops-table-wrap {overflow:visible}
body:is([data-admin-page=clients],[data-admin-page=client]) table {display:block;min-width:0;width:100%}
body:is([data-admin-page=clients],[data-admin-page=client]) thead {display:none}
body:is([data-admin-page=clients],[data-admin-page=client]) tbody {display:block;width:100%}
body:is([data-admin-page=clients],[data-admin-page=client]) tbody tr {display:grid;grid-template-columns:1fr 1fr;padding:16px;gap:12px;border-bottom:1px solid var(--sc-line)}
body:is([data-admin-page=clients],[data-admin-page=client]) td {display:block;position:static;border:0;padding:0;font-size:12px;min-width:0}
body:is([data-admin-page=clients],[data-admin-page=client]) td:before {content:attr(data-label);display:block;font-size:10px;color:var(--sc-muted);margin:0 0 5px;font-weight:400;letter-spacing:0}
body:is([data-admin-page=clients],[data-admin-page=client]) td:first-child,body:is([data-admin-page=clients],[data-admin-page=client]) td:nth-child(2),body:is([data-admin-page=clients],[data-admin-page=client]) td:nth-child(3) {grid-column:1/-1}
body:is([data-admin-page=clients],[data-admin-page=client]) td:first-child:before {display:none}
body:is([data-admin-page=clients],[data-admin-page=client]) td:last-child {grid-column:1/-1}
body:is([data-admin-page=clients],[data-admin-page=client]) td strong,body:is([data-admin-page=clients],[data-admin-page=client]) td small {overflow-wrap:anywhere}
body:is([data-admin-page=clients],[data-admin-page=client]) td.clients-empty {grid-column:1/-1}
body:is([data-admin-page=clients],[data-admin-page=client]) td.clients-empty:before {display:none}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-summary-strip {gap:10px}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-summary-strip article {padding:14px;min-width:0}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-summary-strip strong {font-size:14px}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-tabs {padding-bottom:8px;gap:2px}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-tabs button {min-height:42px}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-section {padding:16px}
body:is([data-admin-page=clients],[data-admin-page=client]) .admin-control-grid,body:is([data-admin-page=clients],[data-admin-page=client]) .support-control,body:is([data-admin-page=clients],[data-admin-page=client]) .status-control,body:is([data-admin-page=clients],[data-admin-page=client]) .usage-grid {grid-template-columns:1fr}
body:is([data-admin-page=clients],[data-admin-page=client]) .admin-control-grid .wide {grid-column:auto}
body:is([data-admin-page=clients],[data-admin-page=client]) .connection-list article,body:is([data-admin-page=clients],[data-admin-page=client]) .ops-assistant-list article {display:grid;grid-template-columns:1fr;gap:8px}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-danger-tools {padding:16px}
body:is([data-admin-page=clients],[data-admin-page=client]) .button {min-height:40px}
}

body:is([data-admin-page=clients],[data-admin-page=client]) .client-list-meta {font-size:11px;color:var(--sc-muted);margin-top:4px}
body:is([data-admin-page=clients],[data-admin-page=client]) .client-list-meta summary {cursor:pointer;min-height:22px}

body:is([data-admin-page=clients],[data-admin-page=client]) .ops-owner .system-status {display:none}