/* Client workspace: one compact header, three accessible panels. */
body.drv-design #client-body[data-tabbed]:not(.hidden) { display:block; }
body.drv-design #client-body[data-tabbed] > .drv-client-header {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(290px,360px);
  align-items:start; gap:32px; padding:26px; margin:0;
}

body.drv-design #client-body[data-tabbed] #client-name { font-size:28px; letter-spacing:-.035em; }
body.drv-design #client-body[data-tabbed] .drv-client-primary { display:flex; flex-wrap:wrap; gap:8px; margin:0; }
body.drv-design #client-body[data-tabbed] .drv-client-primary > button { flex:1 1 145px; margin:0; min-height:44px; font-size:13px; padding:10px; }
body.drv-design #client-body[data-tabbed] .drv-client-contact { margin-top:10px; }
body.drv-design #client-body[data-tabbed] .drv-client-contact > a { flex-direction:row; justify-content:center; min-height:40px; }
body.drv-design #client-body[data-tabbed] .drv-client-contact > a > span:first-child { font-size:15px; }
body.drv-design #client-body[data-tabbed] .drv-client-quick { display:grid; grid-template-columns:1fr 1.2fr; gap:8px; margin-top:8px; }
body.drv-design #client-body[data-tabbed] .drv-client-quick > button { margin:0; min-height:38px; padding:7px; }
body.drv-design #client-body[data-tabbed] .drv-client-extra { margin-top:8px; padding-top:0; border:0; }
body.drv-design #client-body[data-tabbed] .drv-client-extra > summary { padding:7px 0; }
body.drv-design #client-body[data-tabbed] .drv-client-extra > .grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
body.drv-design #client-body[data-tabbed] > .drv-client-tabs {
  display:flex; gap:6px; margin:22px 0 18px; padding:5px;
  background:#e7efef; border:1px solid #dce5e5; border-radius:12px;
}
body.drv-design #client-body[data-tabbed] .drv-client-tab {
  display:flex; align-items:center; justify-content:center; gap:8px;
  flex:1; min-height:46px; padding:10px 12px; border-radius:8px;
  color:#536d74; font-size:13px; font-weight:550; line-height:1.3;
}
body.drv-design #client-body[data-tabbed] .drv-client-tab[aria-selected="true"] { background:white; color:#086e65; box-shadow:0 1px 4px #183a3910; }
body.drv-design #client-body[data-tabbed] .drv-client-tab:hover { color:#086e65; }
body.drv-design #client-body[data-tabbed] > .drv-client-panels { margin:0 !important; }
body.drv-design #client-body[data-tabbed] .drv-client-panel { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; align-items:start; margin:0; }
body.drv-design #client-body[data-tabbed] .drv-client-panel[hidden] { display:none !important; }
body.drv-design #client-body[data-tabbed] .drv-client-panel > * { min-width:0; margin:0; }
body.drv-design #client-body[data-tabbed] .drv-client-panel > .rounded-2xl { padding:22px; }
body.drv-design #client-body[data-tabbed] .drv-client-condition { padding:22px; border:1px solid #dce4e6; border-radius:12px; background:white; }
body.drv-design #client-body[data-tabbed] .drv-client-condition > :first-child { font-size:11px; font-weight:650; letter-spacing:.08em; margin-bottom:18px; }
body.drv-design #client-body[data-tabbed] .drv-client-condition > .grid { margin-bottom:20px; }
body.drv-design #client-body[data-tabbed] #client-cond-balance { font-size:26px; line-height:1.35; }
body.drv-design #client-body[data-tabbed] .drv-client-condition > .flex { border-top:1px solid #edf1f2; padding-top:12px; margin-top:12px; }
body.drv-design #client-body[data-tabbed] .drv-client-hermes { border-radius:12px; overflow:hidden; }
body.drv-design #client-body[data-tabbed] #client-gaps-section,
body.drv-design #client-body[data-tabbed] #client-b2b-box,
body.drv-design #client-body[data-tabbed] .drv-client-admin { grid-column:1/-1; }
body.drv-design #client-body[data-tabbed] .drv-client-admin { border-top:1px solid #dce4e6; padding-top:14px; color:#61717a; font-size:12px; }
body.drv-design #client-body[data-tabbed] .drv-client-admin > summary { cursor:pointer; padding:8px 0; }
@media(max-width:1100px){
 body.drv-design #client-body[data-tabbed] > .drv-client-header { grid-template-columns:1fr; gap:20px; }
 body.drv-design #client-body[data-tabbed] .drv-client-panel { grid-template-columns:1fr; }
}
@media(max-width:600px){
 body.drv-design #client-body[data-tabbed] > .drv-client-header { padding:18px; gap:16px; }
 body.drv-design #client-body[data-tabbed] #client-name { font-size:24px; }
 body.drv-design #client-body[data-tabbed] > .drv-client-tabs { gap:2px; margin-top:16px; }
 body.drv-design #client-body[data-tabbed] .drv-client-tab { flex-direction:column; gap:5px; padding:9px 4px; min-width:0; font-size:11px; min-height:65px; }
 body.drv-design #client-body[data-tabbed] .drv-tab-icon { font-size:17px; }
 body.drv-design #client-body[data-tabbed] .drv-client-panel > .rounded-2xl,
 body.drv-design #client-body[data-tabbed] .drv-client-condition { padding:18px; }
 body.drv-design #client-body[data-tabbed] #client-cond-balance { font-size:22px; }
}

/* Stronger contrast for the client workspace; keep the existing status semantics. */
body.drv-design :is(#clients-list,#view-client) {
 --drv-ink:#122d3b; --drv-muted:#455a68; --drv-line:#bacbd3;
}
body.drv-design :is(#clients-list,#view-client) :is(.text-slate-400,.text-slate-500,.text-slate-600) { color:#455a68; }
body.drv-design :is(#clients-list,#view-client) :is(.text-emerald-300,.text-emerald-400) { color:#076348; }
body.drv-design :is(#clients-list,#view-client) :is(.text-rose-200,.text-rose-300,.text-rose-400) { color:#a52139; }
body.drv-design :is(#clients-list,#view-client) :is(.text-amber-200,.text-amber-300) { color:#754900; }
body.drv-design :is(#clients-list,#view-client) .text-indigo-300 { color:#3e4096; }
body.drv-design :is(#clients-list,#view-client) .text-sky-300 { color:#155779; }
body.drv-design :is(#clients-list,#view-client) [class~="bg-emerald-500/20"] { background:#d9f0e5; border-color:#83bca4; }
body.drv-design :is(#clients-list,#view-client) :is([class~="bg-rose-500/20"],[class~="bg-rose-900/30"]) { background:#fce1e5; border-color:#dc9ca8; }
body.drv-design :is(#clients-list,#view-client) [class~="bg-amber-500/20"] { background:#ffebbd; border-color:#d7b267; }
body.drv-design :is(#clients-list,#view-client) [class~="bg-indigo-500/20"] { background:#e4e7ff; border-color:#a9b0df; }
body.drv-design :is(#clients-list,#view-client) [class~="bg-sky-500/20"] { background:#dcedf7; border-color:#8eb7cb; }
body.drv-design #clients-list :is([class~="bg-slate-700/40"],[class~="bg-slate-700/50"],[class~="bg-slate-700/60"]) { background:#e8edf4; color:#425366; border-color:#afbfce; }

body.drv-design #clients-list > li { border-color:#bacbd3; box-shadow:0 2px 6px #183a4510; }
body.drv-design #clients-list > li:hover { border-color:#288b80; box-shadow:0 3px 12px #183a4520; }
body.drv-design #clients-list > li:focus-within { outline:2px solid #087f76; outline-offset:2px; }
body.drv-design #clients-list [data-field="name"] { font-size:17px; font-weight:650; }
body.drv-design #clients-list :is([class~="text-[9px]"],[data-field="status"],[data-field="locations-badge"]) { font-size:11px; font-weight:600; line-height:1.35; padding:3px 7px; }
body.drv-design #clients-list [class~="text-[11px]"] { font-size:12px; }
body.drv-design #clients-list [data-field="revenue-row"] { background:#f0f5f7; border:1px solid #d3e0e5; border-radius:7px; padding:8px 10px; }
body.drv-design #clients-list [data-field="rev-curr"] { font-weight:700; font-size:13px; }
body.drv-design #clients-list [data-field="status"] { border-width:1px; border-style:solid; letter-spacing:.06em; }

body.drv-design #client-body[data-tabbed] > .drv-client-header { border-color:#bacbd3; border-top:4px solid #087f76; }
body.drv-design #client-body[data-tabbed] #client-name { color:#122d3b; }
body.drv-design #client-body[data-tabbed] :is(#client-segbadge,#client-b2b-group,#client-status) { font-size:12px; font-weight:600; padding:4px 8px; }
body.drv-design #client-body[data-tabbed] .drv-client-contact > a { color:#24414c; background:#edf4f7; border-color:#afc5cf; font-weight:600; }
body.drv-design #client-body[data-tabbed] .drv-client-contact > a:hover { background:#deedf0; border-color:#6d9caa; }
body.drv-design #client-body[data-tabbed] .drv-client-quick > button { color:#24414c; border-color:#afc5cf; font-weight:550; }
body.drv-design #client-body[data-tabbed] .drv-client-extra > summary { color:#38525f; font-weight:550; }
body.drv-design #client-body[data-tabbed] > .drv-client-tabs { background:#e2ebee; border-color:#b6cbd0; }
body.drv-design #client-body[data-tabbed] .drv-client-tab { color:#344e5b; font-weight:650; }
body.drv-design #client-body[data-tabbed] .drv-client-tab[aria-selected="true"] { background:#0b7168; color:#fff; box-shadow:0 2px 5px #123f3920; }
body.drv-design #client-body[data-tabbed] .drv-client-tab:not([aria-selected="true"]):hover { background:#d1e2e5; color:#174e49; }
body.drv-design #client-body[data-tabbed] .drv-client-panel > .rounded-2xl { border-color:#bacbd3; }
body.drv-design #client-body[data-tabbed] .drv-client-condition { background:#eff7f5; border-color:#98bdb4; }
body.drv-design #client-body[data-tabbed] .drv-client-condition > :first-child { color:#244c47; }
body.drv-design #client-body[data-tabbed] .drv-client-condition > .flex { border-color:#c3d8d3; }
@media(max-width:600px){
 body.drv-design #client-campaigns-list > .flex { flex-wrap:wrap; }
 body.drv-design #client-campaigns-list > .flex > .shrink-0 { flex-shrink:1; flex-wrap:wrap; max-width:100%; }
}