/* Generated mappings of existing utility tokens to the shared light palette. */
/* Reward labels introduced by the merged rewards module. */
body.drv-design [class~="text-fuchsia-300"] { color:#7a286f; }
body.drv-design [class~="bg-fuchsia-500/20"],
body.drv-design [class~="bg-fuchsia-700/40"] { background-color:#f6e6f2; color:#7a286f; }
body.drv-design [class~="border-fuchsia-600/50"] { border-color:#d1a6c8; }
body.drv-design [class~="bg-amber-500/10"] { background-color:#fff7e8; }
body.drv-design [class~="bg-amber-500/15"] { background-color:#fff7e8; }
body.drv-design [class~="bg-amber-500/20"] { background-color:#fff7e8; }
body.drv-design [class~="bg-amber-500/25"] { background-color:#fff7e8; }
body.drv-design [class~="bg-amber-500/30"] { background-color:#fff7e8; }
body.drv-design [class~="bg-amber-500/5"] { background-color:#fff7e8; }
body.drv-design [class~="bg-amber-600/20"] { background-color:#fff7e8; }
body.drv-design [class~="bg-amber-600/25"] { background-color:#fff7e8; }
body.drv-design [class~="bg-amber-900/10"] { background-color:#fff7e8; }
body.drv-design [class~="bg-amber-900/20"] { background-color:#fff7e8; }
body.drv-design [class~="bg-amber-900/30"] { background-color:#fff7e8; }
body.drv-design [class~="bg-amber-900/40"] { background-color:#fff7e8; }
body.drv-design [class~="bg-brand-500/15"] { background-color:#e5f3ef; }
body.drv-design [class~="bg-brand-600/10"] { background-color:#e5f3ef; }
body.drv-design [class~="bg-brand-600/15"] { background-color:#e5f3ef; }
body.drv-design [class~="bg-brand-600/20"] { background-color:#e5f3ef; }
body.drv-design [class~="bg-brand-600/25"] { background-color:#e5f3ef; }
body.drv-design [class~="bg-brand-600/30"] { background-color:#e5f3ef; }
body.drv-design [class~="bg-brand-600/80"] { background-color:#e5f3ef; }
body.drv-design [class~="bg-emerald-500/15"] { background-color:#e9f4ef; }
body.drv-design [class~="bg-emerald-500/20"] { background-color:#e9f4ef; }
body.drv-design [class~="bg-emerald-500/25"] { background-color:#e9f4ef; }
body.drv-design [class~="bg-emerald-500/5"] { background-color:#e9f4ef; }
body.drv-design [class~="bg-emerald-600/10"] { background-color:#e9f4ef; }
body.drv-design [class~="bg-emerald-600/20"] { background-color:#e9f4ef; }
body.drv-design [class~="bg-emerald-600/25"] { background-color:#e9f4ef; }
body.drv-design [class~="bg-emerald-700/30"] { background-color:#e9f4ef; }
body.drv-design [class~="bg-emerald-700/70"] { background-color:#e9f4ef; }
body.drv-design [class~="bg-emerald-900/20"] { background-color:#e9f4ef; }
body.drv-design [class~="bg-emerald-900/40"] { background-color:#e9f4ef; }
body.drv-design [class~="bg-indigo-500/20"] { background-color:#eeeff9; }
body.drv-design [class~="bg-indigo-500/25"] { background-color:#eeeff9; }
body.drv-design [class~="bg-orange-500/15"] { background-color:#fff2e5; }
body.drv-design [class~="bg-orange-500/20"] { background-color:#fff2e5; }
body.drv-design [class~="bg-orange-500/25"] { background-color:#fff2e5; }
body.drv-design [class~="bg-orange-900/20"] { background-color:#fff2e5; }
body.drv-design [class~="bg-orange-900/40"] { background-color:#fff2e5; }
body.drv-design [class~="bg-red-950/60"] { background-color:#fff0ee; }
body.drv-design [class~="bg-rose-500/10"] { background-color:#fff0ee; }
body.drv-design [class~="bg-rose-500/15"] { background-color:#fff0ee; }
body.drv-design [class~="bg-rose-500/20"] { background-color:#fff0ee; }
body.drv-design [class~="bg-rose-500/25"] { background-color:#fff0ee; }
body.drv-design [class~="bg-rose-500/5"] { background-color:#fff0ee; }
body.drv-design [class~="bg-rose-600/15"] { background-color:#fff0ee; }
body.drv-design [class~="bg-rose-600/20"] { background-color:#fff0ee; }
body.drv-design [class~="bg-rose-600/30"] { background-color:#fff0ee; }
body.drv-design [class~="bg-rose-600/40"] { background-color:#fff0ee; }
body.drv-design [class~="bg-rose-600/80"] { background-color:#fff0ee; }
body.drv-design [class~="bg-rose-900/15"] { background-color:#fff0ee; }
body.drv-design [class~="bg-rose-900/20"] { background-color:#fff0ee; }
body.drv-design [class~="bg-rose-900/30"] { background-color:#fff0ee; }
body.drv-design [class~="bg-rose-900/40"] { background-color:#fff0ee; }
body.drv-design [class~="bg-rose-900/60"] { background-color:#fff0ee; }
body.drv-design [class~="bg-sky-500/15"] { background-color:#eaf3f8; }
body.drv-design [class~="bg-sky-500/20"] { background-color:#eaf3f8; }
body.drv-design [class~="bg-sky-500/25"] { background-color:#eaf3f8; }
body.drv-design [class~="bg-sky-500/5"] { background-color:#eaf3f8; }
body.drv-design [class~="bg-sky-600/15"] { background-color:#eaf3f8; }
body.drv-design [class~="bg-sky-600/20"] { background-color:#eaf3f8; }
body.drv-design [class~="bg-sky-900/40"] { background-color:#eaf3f8; }
body.drv-design [class~="bg-slate-200/70"] { background-color:#ffffff; }
body.drv-design [class~="bg-slate-500"] { background-color:#ffffff; }
body.drv-design [class~="bg-slate-600"] { background-color:#ffffff; }
body.drv-design [class~="bg-slate-600/40"] { background-color:#ffffff; }
body.drv-design [class~="bg-slate-700"] { background-color:#ffffff; }
body.drv-design [class~="bg-slate-700/40"] { background-color:#ffffff; }
body.drv-design [class~="bg-slate-700/50"] { background-color:#ffffff; }
body.drv-design [class~="bg-slate-700/60"] { background-color:#ffffff; }
body.drv-design [class~="bg-slate-800"] { background-color:#ffffff; }
body.drv-design [class~="bg-slate-800/30"] { background-color:#ffffff; }
body.drv-design [class~="bg-slate-800/40"] { background-color:#ffffff; }
body.drv-design [class~="bg-slate-800/50"] { background-color:#ffffff; }
body.drv-design [class~="bg-slate-800/60"] { background-color:#ffffff; }
body.drv-design [class~="bg-slate-800/70"] { background-color:#ffffff; }
body.drv-design [class~="bg-slate-800/80"] { background-color:#ffffff; }
body.drv-design [class~="bg-slate-900"] { background-color:#ffffff; }
body.drv-design [class~="bg-slate-900/30"] { background-color:#ffffff; }
body.drv-design [class~="bg-slate-900/40"] { background-color:#ffffff; }
body.drv-design [class~="bg-slate-900/50"] { background-color:#ffffff; }
body.drv-design [class~="bg-slate-900/60"] { background-color:#ffffff; }
body.drv-design [class~="bg-slate-900/70"] { background-color:#ffffff; }
body.drv-design [class~="bg-slate-900/80"] { background-color:#ffffff; }
body.drv-design [class~="bg-slate-900/95"] { background-color:#ffffff; }
body.drv-design [class~="bg-teal-500/15"] { background-color:#e5f3ef; }
body.drv-design [class~="bg-teal-500/20"] { background-color:#e5f3ef; }
body.drv-design [class~="bg-teal-500/5"] { background-color:#e5f3ef; }
body.drv-design [class~="bg-teal-600/90"] { background-color:#e5f3ef; }
body.drv-design [class~="bg-violet-500/15"] { background-color:#f2edf8; }
body.drv-design [class~="bg-violet-500/20"] { background-color:#f2edf8; }
body.drv-design [class~="bg-violet-500/25"] { background-color:#f2edf8; }
body.drv-design [class~="bg-violet-500/30"] { background-color:#f2edf8; }
body.drv-design [class~="bg-violet-600/10"] { background-color:#f2edf8; }
body.drv-design [class~="bg-violet-600/20"] { background-color:#f2edf8; }
body.drv-design [class~="bg-violet-600/30"] { background-color:#f2edf8; }
body.drv-design [class~="bg-violet-600/40"] { background-color:#f2edf8; }
body.drv-design [class~="bg-violet-600/80"] { background-color:#f2edf8; }
body.drv-design [class~="bg-violet-900/15"] { background-color:#f2edf8; }
body.drv-design [class~="bg-violet-900/30"] { background-color:#f2edf8; }
body.drv-design [class~="bg-violet-900/40"] { background-color:#f2edf8; }
body.drv-design [class~="bg-yellow-500/15"] { background-color:#fff7e8; }
body.drv-design [class~="bg-yellow-500/25"] { background-color:#fff7e8; }
body.drv-design [class~="border-amber-400"] { border-color:#ecd6ab; }
body.drv-design [class~="border-amber-400/40"] { border-color:#ecd6ab; }
body.drv-design [class~="border-amber-500/30"] { border-color:#ecd6ab; }
body.drv-design [class~="border-amber-500/40"] { border-color:#ecd6ab; }
body.drv-design [class~="border-amber-500/60"] { border-color:#ecd6ab; }
body.drv-design [class~="border-amber-600/30"] { border-color:#ecd6ab; }
body.drv-design [class~="border-amber-600/50"] { border-color:#ecd6ab; }
body.drv-design [class~="border-amber-700/40"] { border-color:#ecd6ab; }
body.drv-design [class~="border-amber-700/50"] { border-color:#ecd6ab; }
body.drv-design [class~="border-amber-800/40"] { border-color:#ecd6ab; }
body.drv-design [class~="border-amber-800/50"] { border-color:#ecd6ab; }
body.drv-design [class~="border-brand-500"] { border-color:#b8dcd4; }
body.drv-design [class~="border-brand-500/40"] { border-color:#b8dcd4; }
body.drv-design [class~="border-brand-600"] { border-color:#b8dcd4; }
body.drv-design [class~="border-brand-600/40"] { border-color:#b8dcd4; }
body.drv-design [class~="border-brand-600/50"] { border-color:#b8dcd4; }
body.drv-design [class~="border-brand-700/40"] { border-color:#b8dcd4; }
body.drv-design [class~="border-emerald-500"] { border-color:#b9d8cb; }
body.drv-design [class~="border-emerald-500/30"] { border-color:#b9d8cb; }
body.drv-design [class~="border-emerald-500/40"] { border-color:#b9d8cb; }
body.drv-design [class~="border-emerald-600"] { border-color:#b9d8cb; }
body.drv-design [class~="border-emerald-600/30"] { border-color:#b9d8cb; }
body.drv-design [class~="border-emerald-600/40"] { border-color:#b9d8cb; }
body.drv-design [class~="border-emerald-600/50"] { border-color:#b9d8cb; }
body.drv-design [class~="border-emerald-600/60"] { border-color:#b9d8cb; }
body.drv-design [class~="border-emerald-700/40"] { border-color:#b9d8cb; }
body.drv-design [class~="border-emerald-700/50"] { border-color:#b9d8cb; }
body.drv-design [class~="border-emerald-700/60"] { border-color:#b9d8cb; }
body.drv-design [class~="border-emerald-800/40"] { border-color:#b9d8cb; }
body.drv-design [class~="border-emerald-800/50"] { border-color:#b9d8cb; }
body.drv-design [class~="border-indigo-500/30"] { border-color:#d0d0ea; }
body.drv-design [class~="border-orange-700/40"] { border-color:#edcbad; }
body.drv-design [class~="border-orange-700/50"] { border-color:#edcbad; }
body.drv-design [class~="border-red-800"] { border-color:#edc5ca; }
body.drv-design [class~="border-rose-500/30"] { border-color:#edc5ca; }
body.drv-design [class~="border-rose-500/60"] { border-color:#edc5ca; }
body.drv-design [class~="border-rose-600/30"] { border-color:#edc5ca; }
body.drv-design [class~="border-rose-600/40"] { border-color:#edc5ca; }
body.drv-design [class~="border-rose-700"] { border-color:#edc5ca; }
body.drv-design [class~="border-rose-700/40"] { border-color:#edc5ca; }
body.drv-design [class~="border-rose-700/50"] { border-color:#edc5ca; }
body.drv-design [class~="border-rose-800"] { border-color:#edc5ca; }
body.drv-design [class~="border-rose-800/40"] { border-color:#edc5ca; }
body.drv-design [class~="border-rose-800/50"] { border-color:#edc5ca; }
body.drv-design [class~="border-rose-900/40"] { border-color:#edc5ca; }
body.drv-design [class~="border-rose-900/50"] { border-color:#edc5ca; }
body.drv-design [class~="border-sky-500"] { border-color:#bcd8e5; }
body.drv-design [class~="border-sky-500/30"] { border-color:#bcd8e5; }
body.drv-design [class~="border-sky-500/40"] { border-color:#bcd8e5; }
body.drv-design [class~="border-sky-600/30"] { border-color:#bcd8e5; }
body.drv-design [class~="border-sky-600/50"] { border-color:#bcd8e5; }
body.drv-design [class~="border-sky-700/40"] { border-color:#bcd8e5; }
body.drv-design [class~="border-sky-700/50"] { border-color:#bcd8e5; }
body.drv-design [class~="border-slate-400"] { border-color:#dce4e6; }
body.drv-design [class~="border-slate-500"] { border-color:#dce4e6; }
body.drv-design [class~="border-slate-600"] { border-color:#dce4e6; }
body.drv-design [class~="border-slate-600/40"] { border-color:#dce4e6; }
body.drv-design [class~="border-slate-600/50"] { border-color:#dce4e6; }
body.drv-design [class~="border-slate-700"] { border-color:#dce4e6; }
body.drv-design [class~="border-slate-700/30"] { border-color:#dce4e6; }
body.drv-design [class~="border-slate-700/40"] { border-color:#dce4e6; }
body.drv-design [class~="border-slate-700/50"] { border-color:#dce4e6; }
body.drv-design [class~="border-slate-700/60"] { border-color:#dce4e6; }
body.drv-design [class~="border-slate-800"] { border-color:#dce4e6; }
body.drv-design [class~="border-slate-800/30"] { border-color:#dce4e6; }
body.drv-design [class~="border-slate-800/40"] { border-color:#dce4e6; }
body.drv-design [class~="border-slate-800/50"] { border-color:#dce4e6; }
body.drv-design [class~="border-slate-800/60"] { border-color:#dce4e6; }
body.drv-design [class~="border-slate-800/70"] { border-color:#dce4e6; }
body.drv-design [class~="border-teal-500"] { border-color:#b8dcd4; }
body.drv-design [class~="border-teal-500/40"] { border-color:#b8dcd4; }
body.drv-design [class~="border-teal-700/50"] { border-color:#b8dcd4; }
body.drv-design [class~="border-teal-700/60"] { border-color:#b8dcd4; }
body.drv-design [class~="border-violet-400"] { border-color:#dbcce8; }
body.drv-design [class~="border-violet-400/40"] { border-color:#dbcce8; }
body.drv-design [class~="border-violet-500"] { border-color:#dbcce8; }
body.drv-design [class~="border-violet-500/30"] { border-color:#dbcce8; }
body.drv-design [class~="border-violet-600"] { border-color:#dbcce8; }
body.drv-design [class~="border-violet-600/30"] { border-color:#dbcce8; }
body.drv-design [class~="border-violet-700/30"] { border-color:#dbcce8; }
body.drv-design [class~="border-violet-700/50"] { border-color:#dbcce8; }
body.drv-design [class~="border-yellow-400/30"] { border-color:#ecd6ab; }
body.drv-design [class~="border-yellow-400/40"] { border-color:#ecd6ab; }
body.drv-design [class~="text-amber-100"] { color:#8b5a0c; }
body.drv-design [class~="text-amber-200"] { color:#8b5a0c; }
body.drv-design [class~="text-amber-200/80"] { color:#8b5a0c; }
body.drv-design [class~="text-amber-200/90"] { color:#8b5a0c; }
body.drv-design [class~="text-amber-300"] { color:#8b5a0c; }
body.drv-design [class~="text-amber-300/80"] { color:#8b5a0c; }
body.drv-design [class~="text-amber-300/90"] { color:#8b5a0c; }
body.drv-design [class~="text-amber-400"] { color:#8b5a0c; }
body.drv-design [class~="text-amber-400/70"] { color:#8b5a0c; }
body.drv-design [class~="text-amber-400/80"] { color:#8b5a0c; }
body.drv-design [class~="text-amber-400/90"] { color:#8b5a0c; }
body.drv-design [class~="text-brand-100"] { color:#08786e; }
body.drv-design [class~="text-brand-200"] { color:#08786e; }
body.drv-design [class~="text-brand-300"] { color:#08786e; }
body.drv-design [class~="text-brand-400"] { color:#08786e; }
body.drv-design [class~="text-brand-500"] { color:#08786e; }
body.drv-design [class~="text-emerald-100"] { color:#167657; }
body.drv-design [class~="text-emerald-200"] { color:#167657; }
body.drv-design [class~="text-emerald-300"] { color:#167657; }
body.drv-design [class~="text-emerald-300/80"] { color:#167657; }
body.drv-design [class~="text-emerald-300/90"] { color:#167657; }
body.drv-design [class~="text-emerald-400"] { color:#167657; }
body.drv-design [class~="text-emerald-400/80"] { color:#167657; }
body.drv-design [class~="text-indigo-200"] { color:#5357a2; }
body.drv-design [class~="text-indigo-300"] { color:#5357a2; }
body.drv-design [class~="text-orange-200"] { color:#a25017; }
body.drv-design [class~="text-orange-300"] { color:#a25017; }
body.drv-design [class~="text-red-200"] { color:#ad3e49; }
body.drv-design [class~="text-red-400"] { color:#ad3e49; }
body.drv-design [class~="text-rose-100"] { color:#ad3e49; }
body.drv-design [class~="text-rose-200"] { color:#ad3e49; }
body.drv-design [class~="text-rose-300"] { color:#ad3e49; }
body.drv-design [class~="text-rose-300/70"] { color:#ad3e49; }
body.drv-design [class~="text-rose-300/80"] { color:#ad3e49; }
body.drv-design [class~="text-rose-400"] { color:#ad3e49; }
body.drv-design [class~="text-rose-500"] { color:#ad3e49; }
body.drv-design [class~="text-sky-200"] { color:#266781; }
body.drv-design [class~="text-sky-300"] { color:#266781; }
body.drv-design [class~="text-sky-300/80"] { color:#266781; }
body.drv-design [class~="text-sky-300/90"] { color:#266781; }
body.drv-design [class~="text-sky-400"] { color:#266781; }
body.drv-design [class~="text-sky-400/80"] { color:#266781; }
body.drv-design [class~="text-slate-100"] { color:#243e48; }
body.drv-design [class~="text-slate-200"] { color:#243e48; }
body.drv-design [class~="text-slate-300"] { color:#243e48; }
body.drv-design [class~="text-slate-400"] { color:#61717a; }
body.drv-design [class~="text-slate-500"] { color:#61717a; }
body.drv-design [class~="text-slate-600"] { color:#61717a; }
body.drv-design [class~="text-slate-700"] { color:#61717a; }
body.drv-design [class~="text-teal-100"] { color:#08786e; }
body.drv-design [class~="text-teal-200"] { color:#08786e; }
body.drv-design [class~="text-teal-300"] { color:#08786e; }
body.drv-design [class~="text-teal-400/80"] { color:#08786e; }
body.drv-design [class~="text-violet-200"] { color:#6e4896; }
body.drv-design [class~="text-violet-300"] { color:#6e4896; }
body.drv-design [class~="text-violet-300/70"] { color:#6e4896; }
body.drv-design [class~="text-violet-400"] { color:#6e4896; }
body.drv-design [class~="text-yellow-100"] { color:#8b5a0c; }
body.drv-design [class~="text-yellow-200"] { color:#8b5a0c; }
body.drv-design [class~="text-yellow-200/80"] { color:#8b5a0c; }
body.drv-design :is(button,a)[class~="bg-brand-600"],body.drv-design :is(button,a)[class~="bg-teal-600"] { background:#087f76; color:white; border-color:#087f76; }
body.drv-design #nav-icons .nav-link { background:transparent; color:#b9cbd2; }
body.drv-design #nav-icons .nav-link[aria-current="page"] { background:#224a50; color:#8ae2d5; }
body.drv-design #user-role { background:#edf3f4; color:#526970; }
body.drv-design #user-email,body.drv-design #logout-btn { color:#526970; }
/* Shared visual system. No database or business logic changes. */
body.drv-design { --drv-ink:#172c37; --drv-muted:#61717a; --drv-line:#dce4e6; --drv-accent:#087f76; font-size:14px; }
body.drv-design #boot, body.drv-design #screen-login { color:var(--drv-ink); }
body.drv-design #screen-login form { background:#fff; border:1px solid var(--drv-line); box-shadow:0 10px 40px #17323c0a; }
body.drv-design main > section { min-width:0; }
body.drv-design main > section > h1,body.drv-design main > section > h2,
body.drv-design main > section > div:first-child h1 { font-size:28px; font-weight:650; letter-spacing:-.035em; line-height:1.25; }
body.drv-design .drv-page-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
body.drv-design .drv-page-heading h1 { font-size:32px; font-weight:650; letter-spacing:-.04em; }
body.drv-design .drv-page-heading p:not(.ci-eyebrow) { color:var(--drv-muted); margin-top:8px; font-size:14px; }
body.drv-design .ci-eyebrow { text-transform:uppercase; color:var(--drv-muted); letter-spacing:.12em; font-size:10px; font-weight:650; margin-bottom:9px; }
body.drv-design #nav-icons .nav-link:not(.hidden) { position:relative; }
body.drv-design #nav-icons .nav-link::after { padding-right:8px; }
body.drv-design #nav-icons .nav-link > span { background:#36505b; color:#fff; }
body.drv-design :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea) {
  background:#fff; color:var(--drv-ink); border:1px solid #ccd9dc; border-radius:8px; min-height:40px; font-size:13px;
}
body.drv-design input::placeholder,body.drv-design textarea::placeholder { color:var(--drv-muted); opacity:1; }
body.drv-design :is(button,a,input,select,textarea,summary):focus-visible { outline:3px solid #07877b; outline-offset:3px; }
body.drv-design :is(button,input,select,textarea) { accent-color:#087f76; }
body.drv-design main button { min-height:34px; }
body.drv-design button:disabled { cursor:not-allowed; opacity:.55; }
body.drv-design main :is(.rounded-xl,.rounded-2xl) { border-radius:12px; }
body.drv-design :is(.margin-good,.text-emerald-400,.text-emerald-300) { color:#167657; }
body.drv-design .margin-mid { color:#95630e; }
body.drv-design .margin-bad { color:#ae3f46; }
body.drv-design main :is(.shadow-lg,.shadow-xl,.shadow-2xl) { box-shadow:0 3px 12px #17323c08; }
body.drv-design main table { font-variant-numeric:tabular-nums; }
body.drv-design main th { font-size:10px; font-weight:600; padding-top:12px; padding-bottom:12px; }
body.drv-design main td { padding-top:12px; padding-bottom:12px; }
body.drv-design main thead { background:#f3f7f7; }
body.drv-design main .overflow-x-auto { scrollbar-width:thin; scrollbar-color:#a9bbbf #edf3f4; }
body.drv-design main [class*="space-y-"] > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse:0; }
/* Clients: list first, optional reports second. */
body.drv-design #clients-sticky { background:#f3f6f6; backdrop-filter:none; padding:0 0 16px; margin:0; }
body.drv-design #clients-search { min-height:48px; border-radius:10px; padding-left:40px; font-size:14px; }
body.drv-design #clients-filter { gap:8px; margin-top:12px; }
body.drv-design #clients-filter .cflt-btn { border-radius:8px; padding:8px 13px; min-height:38px; }
body.drv-design .drv-extra-filters { position:relative; }
body.drv-design .drv-extra-filters > summary { list-style:none; background:white; border:1px solid var(--drv-line); border-radius:8px; padding:8px 13px; cursor:pointer; color:#526970; font-size:12px; min-height:38px; }
body.drv-design .drv-extra-filters > summary::after { content:'⌄'; padding-left:14px; }
body.drv-design .drv-extra-options { position:absolute; top:calc(100% + 8px); right:0; width:340px; max-width:85vw; padding:14px; display:flex; flex-wrap:wrap; gap:8px; background:#fff; border:1px solid var(--drv-line); border-radius:12px; box-shadow:0 12px 32px #18353f1c; z-index:30; }
body.drv-design .drv-team-details { border:1px solid var(--drv-line); border-radius:10px; background:#fff; padding:0 16px; margin:4px 0 16px; }
body.drv-design .drv-team-details:not(:has(#clients-rep-tiles:not(.hidden))) { display:none; }
body.drv-design .drv-team-details > summary { padding:13px 0; color:#526970; font-size:12px; cursor:pointer; }
body.drv-design .drv-team-details[open] { padding-bottom:16px; }
/* 27.09 (Kuba): kafle handlowców w jednym rzędzie — stały, widoczny suwak (macOS chowa zwykły pasek, gdy się nie przewija).
   scrollbar-width/color = auto, bo inaczej Chrome ignoruje ::-webkit-scrollbar. */
body.drv-design main #clients-rep-tiles { scrollbar-width:auto; scrollbar-color:auto; padding-bottom:12px; }
body.drv-design main #clients-rep-tiles::-webkit-scrollbar { height:12px; }
body.drv-design main #clients-rep-tiles::-webkit-scrollbar-track { background:#e6eef0; border-radius:8px; }
body.drv-design main #clients-rep-tiles::-webkit-scrollbar-thumb { background:#9fb4b9; border-radius:8px; border:2px solid #e6eef0; }
body.drv-design main #clients-rep-tiles::-webkit-scrollbar-thumb:hover { background:#6f8a90; }
body.drv-design #clients-list { gap:14px; margin-top:16px; }
body.drv-design #clients-list > li { padding:20px; background:white; border:1px solid var(--drv-line); min-height:136px; }
body.drv-design #clients-list > li:hover { border-color:#83b8b1; box-shadow:0 3px 12px #17323c07; }
body.drv-design #clients-list [data-field="name"] { display:block; width:100%; font-size:16px; font-weight:600; margin-bottom:4px; color:var(--drv-ink); }
body.drv-design #clients-list [data-field="revenue-row"] { flex-wrap:wrap; margin-top:12px; gap:5px; }
body.drv-design #clients-list [data-field="rep-avatar"] { min-height:28px; width:28px; height:28px; }
body.drv-design #clients-list [data-field="status"] { margin-top:6px; }
body.drv-design #clients-list > li > .text-right { gap:6px; }
/* Dashboard: balanced cards with details available on demand. */
body.drv-design #view-dashboard:not(.hidden) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
body.drv-design #view-dashboard > * { min-width:0; margin:0; }
body.drv-design #view-dashboard > :first-child,body.drv-design #view-dashboard > .grid,
body.drv-design #view-dashboard > #dashboard-loading,body.drv-design #view-dashboard > .drv-dashboard-reports { grid-column:1/-1; }
body.drv-design #view-dashboard > :first-child { margin-bottom:4px; }
body.drv-design #view-dashboard > .rounded-xl { padding:22px; }
body.drv-design #view-dashboard > .grid > div { padding:20px; }
body.drv-design #dashboard-meta { margin-top:8px; }
body.drv-design .drv-dashboard-reports { border-top:1px solid var(--drv-line); padding-top:20px; }
body.drv-design .drv-dashboard-reports > summary { padding:14px 18px; border:1px solid var(--drv-line); border-radius:10px; background:white; font-weight:550; cursor:pointer; }
body.drv-design .drv-report-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:18px; }
body.drv-design .drv-report-grid > * { min-width:0; margin:0; background:#fff; }
body.drv-design .drv-report-grid > :has(table),body.drv-design .drv-report-grid > .grid { grid-column:1/-1; }
/* Client detail: independent columns avoid empty grid rows below hidden sections. */
body.drv-design .drv-client-panels > :not(.hidden) ~ :not(.hidden) { margin-top:18px; }
body.drv-design #client-body > .drv-client-overview,body.drv-design #client-body > .drv-client-panels { margin:0; min-width:0; }
@media(min-width:1150px){
 body.drv-design #client-body:not(.hidden) { display:grid; grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr); align-items:start; gap:20px; }
}
body.drv-design :is(.drv-client-overview,.drv-client-panels) > .rounded-2xl { padding:24px; }
body.drv-design #client-body :is(#client-action-maps,#client-action-phone,#client-action-email) { min-height:58px; }
body.drv-design #client-body :is(#client-start-visit-btn,#client-order-btn) { min-height:48px; }
body.drv-design #client-name { font-size:25px; line-height:1.25; }
body.drv-design #client-body :is(#client-action-wc,#client-btn-logcall,#client-btn-pricereq,#client-btn-reminder) { min-height:40px; }
body.drv-design .drv-client-extra { margin-top:12px; border-top:1px solid var(--drv-line); padding-top:10px; }
body.drv-design .drv-client-extra > summary { cursor:pointer; color:var(--drv-muted); padding:10px 0; font-size:12px; }
/* Shared screens and dialogs. */
body.drv-design main > section:not(#view-list):not(#view-client):not(#view-dashboard):not(#view-compintel) { line-height:1.6; }
body.drv-design main > section:not(#view-list):not(#view-client):not(#view-dashboard):not(#view-compintel) > :first-child { margin-bottom:20px; }
body.drv-design :is(#screen-login,[id$="modal"]) :is(input,select,textarea) { padding:10px 12px; }
body.drv-design [id$="modal"] [class*="bg-black/"] { background-color:rgb(15 32 40 / .55); }
body.drv-design .spinner { border-color:#dbe6e6; border-top-color:#087f76; }
body.drv-design .hermes-card { background:#f4f1f9; color:#283b46; border-color:#d9cfe7; }
body.drv-design .hermes-card :is(.hermes-eyebrow,h3) { color:#5f4286; }
body.drv-design .hermes-card :is(.hermes-action-text,.hermes-facts small) { color:#61717a; }
body.drv-design .hermes-card .hermes-button { background:white; color:#5c4281; border-color:#cbbddc; }
body.drv-design .hermes-card .hermes-chip { color:#5c4281; background:#ebe4f5; border-color:#d9cbe7; }
body.drv-design .hermes-dialog { color:#e8edf7; }
@media(max-width:1100px){
  body.drv-design #clients-list { grid-template-columns:1fr; }
}
@media(max-width:900px){
  body.drv-design #view-dashboard:not(.hidden) { gap:14px; }
  body.drv-design main { padding-top:24px; }
  body.drv-design .drv-extra-options { left:0; right:auto; }
}
@media(max-width:600px){
  body.drv-design main { padding:22px 16px 110px; }
  body.drv-design main > section > :is(h1,h2),body.drv-design main > section > div:first-child h1,body.drv-design .drv-page-heading h1 { font-size:26px; }
  body.drv-design :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) { font-size:16px; min-height:44px; max-width:100%; }
  body.drv-design #clients-filter .cflt-btn,body.drv-design .drv-extra-filters > summary { min-height:40px; padding:9px 10px; font-size:11px; }
  body.drv-design #clients-sticky { position:static; }
  body.drv-design #view-list > div:nth-child(3) > .mt-2 { flex-wrap:wrap; }
  body.drv-design #clients-list > li { padding:16px; gap:10px; }
  body.drv-design #clients-list > li > .text-right { max-width:105px; }
  body.drv-design #clients-list > li > .text-right > :last-child { white-space:normal; font-size:10px; }
  body.drv-design #clients-list [data-field="name"] { font-size:15px; }
  body.drv-design #view-dashboard:not(.hidden),body.drv-design .drv-report-grid { grid-template-columns:1fr; }
  body.drv-design #view-dashboard > .grid { grid-template-columns:1fr; }
  body.drv-design #view-dashboard > .grid > div { padding:16px; }
  body.drv-design #client-body > .rounded-2xl { padding:18px; }
  body.drv-design #client-body > * { min-width:0; }
  body.drv-design .drv-page-heading { margin-bottom:20px; }
  body.drv-design #clients-sort { width:100%; }
  body.drv-design .drv-extra-options { position:static; width:auto; margin-top:8px; box-shadow:none; }
  body.drv-design .drv-extra-filters[open] { flex-basis:100%; }
  body.drv-design .drv-dashboard-reports > summary { font-size:13px; }
}

body.drv-design main :is(button,a).text-white[class*="bg-slate-"] { color:#243e48; }
body.drv-design main :is(button,a)[class~="bg-brand-600"],body.drv-design main :is(button,a)[class~="bg-teal-600"] { background:#087f76; color:white; }
body.drv-design #client-btn-pricereq { background:#087f76; color:white; }
@media(max-width:1149px){body.drv-design .drv-client-panels { margin-top:20px !important; }}
@media(max-width:600px){body.drv-design :is(.drv-client-overview,.drv-client-panels) > .rounded-2xl { padding:18px; }}

body.drv-design main button.text-white[class*="bg-violet-500/"] { color:#68418b; }
body.drv-design .drv-client-primary { display:grid; gap:10px; margin-top:14px; }
body.drv-design .drv-client-extra > :not(summary) { margin-top:8px; width:100%; }

/* Preserve contrast on selected and filled actions after palette conversion. */
body.drv-design main button[class~="bg-brand-600"],body.drv-design main button[class~="bg-violet-600"] { color:white !important; }
body.drv-design main button.text-white[class~="bg-violet-600/80"] { background:#70509a; color:white; }

body.drv-design #client-body > :not(.drv-client-overview):not(.drv-client-panels) { grid-column:1/-1; }
@media(max-width:600px){
 body.drv-design .hermes-launcher { width:46px; height:46px; padding:0; justify-content:center; }
 body.drv-design .hermes-launcher > span:not(.hermes-spark) { display:none; }
}

body.drv-design main [class*="hover:bg-slate-"]:hover { background-color:#eef5f4; }
body.drv-design main button[class~="bg-brand-600"]:hover { background-color:#066d65; }

/* 24.09: „Jak poszło?” — zaznaczony wynik / kanał musi być widoczny (bazowe bg-slate-800 → biel wygrywało z zaznaczeniem). */
body.drv-design #call-modal .call-oc[aria-pressed="true"],
body.drv-design #call-modal .call-ch[aria-pressed="true"] { background:#dff2ec; border-color:#0b7168; box-shadow:inset 0 0 0 1px #0b7168; color:#07534c; font-weight:600; }
