:root{
  --ink:#101827;
  --muted:#64748b;
  --line:#d9e0ea;
  --paper:#ffffff;
  --wash:#f4f7fb;
  --navy:#0f1f35;
  --navy-2:#162b49;
  --gold:#c89b3c;
  --blue:#2563eb;
  --teal:#0f766e;
  --green:#15803d;
  --success:#15803d;
  --red:#b91c1c;
  --amber:#b45309;
  --violet:#6d28d9;
  --radius:8px;
  --shadow:0 10px 30px rgba(15,23,42,.12);
}

*{box-sizing:border-box}
html{min-height:100%;background:var(--wash);overscroll-behavior-y:contain}
body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--wash);font-size:14px;line-height:1.45;overscroll-behavior-y:contain}
html[data-theme="dark"]{
  color-scheme:dark;
  --ink:#eef4ff;
  --muted:#9aabc4;
  --line:#27364d;
  --paper:#111d2e;
  --wash:#07111f;
  --navy:#071527;
  --navy-2:#0e2440;
  --gold:#d7ac4c;
  --blue:#5b8cff;
  --teal:#2dd4bf;
  --green:#5ecb7a;
  --success:#5ecb7a;
  --red:#f87171;
  --amber:#f7b955;
  --violet:#a78bfa;
  --shadow:0 18px 46px rgba(0,0,0,.38);
}
html[data-theme="dark"] body{background:var(--wash);color:var(--ink)}
html[data-theme="dark"] .main-panel{background:var(--wash)}
html[data-theme="dark"] .topbar{background:rgba(7,17,31,.92);border-bottom-color:var(--line)}
html[data-theme="dark"] .auth-panel,
html[data-theme="dark"] .view{background:var(--wash)}
html[data-theme="dark"] .stat,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .job-card,
html[data-theme="dark"] .record-card,
html[data-theme="dark"] .plan-card,
html[data-theme="dark"] .route-stop,
html[data-theme="dark"] .evidence-tile,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .empty,
html[data-theme="dark"] .qr-box,
html[data-theme="dark"] .modal,
html[data-theme="dark"] .install-card,
html[data-theme="dark"] .referral-progress,
html[data-theme="dark"] .support-ticket-card,
html[data-theme="dark"] .legal-doc-list details,
html[data-theme="dark"] .passkey-row,
html[data-theme="dark"] .credential-required-row,
html[data-theme="dark"] .job-secondary-actions,
html[data-theme="dark"] .job-primary-action,
html[data-theme="dark"] .case-file-chip,
html[data-theme="dark"] .assigned-server-panel{background:var(--paper);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .welcome-card,
html[data-theme="dark"] .assigned-server-panel,
html[data-theme="dark"] .printable-documents-panel,
html[data-theme="dark"] .launch-promo-panel{background:linear-gradient(135deg,#111d2e,#0d1929);border-color:var(--line)}
html[data-theme="dark"] .welcome-card p,
html[data-theme="dark"] .job-address,
html[data-theme="dark"] .view-subtitle,
html[data-theme="dark"] .microcopy,
html[data-theme="dark"] .support-ticket-card span:not(.pill),
html[data-theme="dark"] .legal-doc-list p,
html[data-theme="dark"] .plan-card ul,
html[data-theme="dark"] .job-secondary-actions summary{color:var(--muted)}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{background:#0b1628;color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#72829c}
html[data-theme="dark"] input:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] textarea:focus{border-color:#79a2ff;box-shadow:0 0 0 3px rgba(91,140,255,.18)}
html[data-theme="dark"] form label,
html[data-theme="dark"] .checkline,
html[data-theme="dark"] .kv span:first-child,
html[data-theme="dark"] .section-kicker,
html[data-theme="dark"] .pill.neutral{color:var(--muted)}
html[data-theme="dark"] .segmented,
html[data-theme="dark"] .btn.ghost,
html[data-theme="dark"] .icon-btn,
html[data-theme="dark"] .contact-icon-btn{background:#1a2940;color:var(--ink)}
html[data-theme="dark"] .seg-btn{color:var(--muted)}
html[data-theme="dark"] .seg-btn.active{background:#26364f;color:var(--ink);box-shadow:none}
html[data-theme="dark"] .btn.primary{background:#416fed;color:#fff}
html[data-theme="dark"] .btn.accent{background:var(--gold);color:#07111f}
html[data-theme="dark"] .btn.danger{background:#40202a;color:#fecaca}
html[data-theme="dark"] .btn.success,
html[data-theme="dark"] .contact-icon-btn.success{background:#123624;color:#bbf7d0}
html[data-theme="dark"] table{color:var(--ink)}
html[data-theme="dark"] th{background:#0e1a2b;color:var(--muted)}
html[data-theme="dark"] td,
html[data-theme="dark"] .kv{border-bottom-color:#1f2d42}
html[data-theme="dark"] .pill{background:#1a2940;color:#d8e4f7}
html[data-theme="dark"] .pill.primary,
html[data-theme="dark"] .pill.open,
html[data-theme="dark"] .pill.submitted,
html[data-theme="dark"] .pill.accepted,
html[data-theme="dark"] .pill.assigned{background:#17325f;color:#bfdbfe}
html[data-theme="dark"] .pill.success,
html[data-theme="dark"] .pill.standard,
html[data-theme="dark"] .pill.served{background:#123624;color:#bbf7d0}
html[data-theme="dark"] .pill.critical,
html[data-theme="dark"] .pill.nonservice,
html[data-theme="dark"] .pill.suspended,
html[data-theme="dark"] .pill.license_revoked,
html[data-theme="dark"] .pill.payment_suspended,
html[data-theme="dark"] .pill.denied,
html[data-theme="dark"] .pill.removed,
html[data-theme="dark"] .pill.canceled,
html[data-theme="dark"] .pill.cancelled{background:#442025;color:#fecaca}
html[data-theme="dark"] .pill.specialty,
html[data-theme="dark"] .pill.pending{background:#443313;color:#fde68a}
html[data-theme="dark"] .notice{background:#2f240f;border-color:#77581b;color:#fde68a}
html[data-theme="dark"] .notice.neutral{background:#101b2b;border-color:var(--line);color:var(--muted)}
html[data-theme="dark"] .notice.success{background:#102f22;border-color:#235b3c;color:#bbf7d0}
html[data-theme="dark"] .notice.warning,
html[data-theme="dark"] .field-blocker-card,
html[data-theme="dark"] .install-ios-steps{background:#2f240f;border-color:#77581b;color:#fde68a}
html[data-theme="dark"] .field-blocker-card strong,
html[data-theme="dark"] .field-blocker-card p{color:#fde68a}
html[data-theme="dark"] .field-blocker-icon,
html[data-theme="dark"] .field-blocker-distance{background:#4a300f;border-color:#77581b;color:#fed7aa}
html[data-theme="dark"] .perf-track,
html[data-theme="dark"] .meter{background:#1a2940}
html[data-theme="dark"] .perf-goal{background:#1d4d82}
html[data-theme="dark"] .locked-field{background:#0b1628;border-color:var(--line)}
html[data-theme="dark"] .modal::backdrop{background:rgba(0,0,0,.72)}
html[data-theme="dark"] .mobile-nav{background:rgba(3,8,16,.88);border-color:rgba(255,255,255,.12)}
html[data-theme="dark"] .side-nav{background:linear-gradient(180deg,#071527 0%,#06111f 58%,#030812 100%)}
html[data-theme="dark"] .log-textarea{background:#050914;color:#dbeafe;border-color:#263248}
img,video,canvas,iframe{max-width:100%}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed}
.hidden{display:none!important}
#attachmentInput.hidden{display:block!important;position:fixed;left:-9999px;top:0;width:1px;height:1px;opacity:0;pointer-events:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(120px);z-index:1000;background:var(--ink);color:#fff;border-radius:var(--radius);padding:10px 14px;max-width:min(92vw,520px);box-shadow:var(--shadow);transition:transform .18s ease}
.toast.show{transform:translateX(-50%) translateY(0)}
.pull-refresh-indicator{position:fixed;left:50%;top:calc(8px + env(safe-area-inset-top));z-index:90;transform:translate(-50%,-70px);background:rgba(15,31,53,.92);color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 13px;font-size:12px;font-weight:850;box-shadow:0 14px 34px rgba(2,8,23,.24);opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}
.pull-refresh-indicator.show{opacity:1}
.pull-refresh-indicator.ready{background:rgba(21,128,61,.94)}
.pull-refresh-indicator.refreshing{background:rgba(37,99,235,.94)}

.launch-splash{position:fixed;inset:0;z-index:120;background:linear-gradient(140deg,#071527 0%,#0f1f35 45%,#132f52 100%);display:grid;place-items:center;padding:22px;color:#fff}
.launch-splash-card{width:min(940px,100%);display:grid;gap:18px}
.launch-splash-brand{display:flex;gap:14px;align-items:center}
.launch-splash-kicker{color:#f8d36b;font-size:12px;font-weight:950;letter-spacing:1px;text-transform:uppercase;margin-bottom:5px}
.launch-splash h1{margin:0;font-size:clamp(34px,5vw,58px);line-height:1;font-weight:950;letter-spacing:0}
.launch-splash p{margin:8px 0 0;color:rgba(255,255,255,.78);font-size:18px;max-width:760px}
.launch-splash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.launch-splash-grid div{border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.06);padding:13px}
.launch-splash-grid strong{display:block;color:#f8d36b;font-size:15px}
.launch-splash-grid span{display:block;margin-top:4px;color:rgba(255,255,255,.68);font-size:12px}
.launch-splash-actions{display:flex;gap:9px;flex-wrap:wrap}
.launch-splash-actions .btn{min-height:38px;padding:9px 13px}

.install-prompt{position:fixed;left:10px;right:10px;bottom:calc(112px + env(safe-area-inset-bottom));z-index:110;display:grid;gap:8px;transform:translateY(18px);opacity:0;pointer-events:none;transition:transform .18s ease,opacity .18s ease}
.install-prompt.show{transform:translateY(0);opacity:1;pointer-events:auto}
.install-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;background:#fff;border:1px solid rgba(15,31,53,.16);border-radius:10px;padding:10px;box-shadow:0 18px 52px rgba(15,23,42,.22)}
.install-copy{display:grid;gap:2px;min-width:0}
.install-copy strong{font-size:14px;line-height:1.15;color:var(--ink)}
.install-copy span{font-size:12px;color:var(--muted);line-height:1.3}
.install-actions{display:flex;gap:7px;align-items:center}
.install-ios-steps{background:#fff8e6;border:1px solid #f2c15d;color:#7c3d12;border-radius:8px;padding:9px 10px;font-size:12px;box-shadow:0 14px 40px rgba(15,23,42,.16)}
.field-blocker-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:start;background:#fff7ed;border:1px solid #fdba74;border-radius:8px;padding:12px;margin:10px 0;color:#7c2d12}
.field-blocker-icon{width:34px;height:34px;border-radius:999px;background:#fed7aa;color:#9a3412;display:grid;place-items:center;font-weight:900}
.field-blocker-card strong{display:block;color:#7c2d12;font-size:14px}
.field-blocker-card p{margin:3px 0 0;color:#7c2d12;font-size:13px;line-height:1.35}
.field-blocker-distance{display:inline-flex;margin-top:8px;background:#ffedd5;border:1px solid #fed7aa;border-radius:999px;padding:4px 8px;color:#9a3412;font-size:12px;font-weight:900}

.auth-screen{min-height:100vh;display:grid;grid-template-rows:auto 1fr}
.auth-brand{background:var(--navy);color:#fff;padding:22px 18px}
.brand-lockup{display:flex;gap:13px;align-items:center}
.brand-mark{width:52px;height:52px;border-radius:8px;border:1px solid rgba(255,255,255,.28);background:#fff;display:grid;place-items:center;color:var(--gold);font-weight:900;overflow:hidden;padding:2px}
.brand-mark img{width:100%;height:100%;object-fit:contain;display:block}
.brand-mark.sm{width:40px;height:40px;font-size:12px}
.brand-name{font-size:27px;font-weight:850;letter-spacing:0}
.brand-sub,.side-sub{font-size:11px;color:rgba(255,255,255,.62);text-transform:uppercase;letter-spacing:1px}
.auth-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}
.auth-metrics div{border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:10px;background:rgba(255,255,255,.06)}
.auth-metrics strong{display:block;font-size:18px;color:var(--gold)}
.auth-metrics span{display:block;font-size:11px;color:rgba(255,255,255,.68)}
.auth-panel{padding:16px;align-self:start;width:min(100%,760px);margin:0 auto}
.segmented{display:flex;background:#e6ebf2;border-radius:8px;padding:3px;margin-bottom:14px}
.seg-btn{flex:1;border:0;border-radius:6px;background:transparent;color:var(--muted);font-weight:750;padding:9px}
.seg-btn.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(15,23,42,.12)}
.account-type-toggle .seg-btn{display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer}
.account-type-toggle input{position:absolute;opacity:0;pointer-events:none}

form label{display:flex;flex-direction:column;gap:5px;color:#475569;font-weight:720;font-size:12px;margin-bottom:10px}
input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:10px 11px;outline:none}
.inline-select{width:auto;min-width:150px;padding:8px 10px}
textarea{resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.11)}
.form-grid{display:grid;gap:10px}
.form-grid.two,.form-grid.three,.form-grid.four{grid-template-columns:1fr}
.form-span-two{grid-column:1/-1}
.locked-field{border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:10px 11px;margin-bottom:10px}
.locked-field span{display:block;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:4px}
.locked-field strong{display:block;font-size:14px;color:var(--ink)}
.client-role-lock{margin-bottom:10px}
.section-kicker{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:16px 0 8px}
.checkline{display:flex;flex-direction:row;align-items:flex-start;gap:8px;color:#334155;font-size:13px;font-weight:620}
.checkline input{width:17px;height:17px;accent-color:var(--blue);flex:none;margin-top:2px}
.toggle-grid{display:grid;gap:9px;margin:8px 0 4px}

.btn,.icon-btn{border:0;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:800;min-height:34px;padding:7px 10px;font-size:13px;line-height:1.15}
.btn.primary{background:var(--blue);color:#fff}
.btn.accent{background:var(--gold);color:#111827}
.btn.ghost{background:#e8eef7;color:#172033}
.btn.danger{background:#fee2e2;color:var(--red)}
.btn.success{background:#dcfce7;color:var(--green)}
.btn.block{width:100%}
.btn:disabled{opacity:.48;cursor:not-allowed}
.icon-btn{width:34px;padding:0;background:#e8eef7;color:#172033;font-size:18px}

.app-shell{min-height:100vh;padding-bottom:calc(132px + env(safe-area-inset-bottom))}
.side-nav{display:none}
.side-toggle{display:none}
.main-panel{min-width:0}
.topbar{position:sticky;top:0;z-index:20;background:rgba(244,247,251,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:10px 12px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.view-title{font-size:22px;font-weight:850}
.view-subtitle{font-size:12px;color:var(--muted)}
.top-actions{display:flex;align-items:center;gap:8px}
.view{display:none;padding:14px}
.view.active{display:block}

.mobile-nav{position:fixed;left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));bottom:calc(28px + env(safe-area-inset-bottom));z-index:50;background:rgba(8,16,29,.88);backdrop-filter:blur(20px) saturate(150%);display:flex;align-items:center;justify-content:space-around;gap:4px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border:1px solid rgba(255,255,255,.13);border-radius:999px;box-shadow:0 18px 52px rgba(2,8,23,.38);padding:9px 11px;scroll-snap-type:x proximity;max-width:560px;margin:0 auto}
.mobile-nav::-webkit-scrollbar{display:none}
.nav-btn{border:0;background:transparent;color:rgba(255,255,255,.62);font-weight:760;padding:8px 7px;border-radius:8px;position:relative;display:flex;align-items:center;gap:7px;white-space:nowrap}
.mobile-nav .nav-btn{min-width:48px;min-height:48px;flex:0 0 auto;flex-direction:column;justify-content:center;gap:0;scroll-snap-align:center;font-size:10px;line-height:1.1;border-radius:999px;padding:9px;color:rgba(255,255,255,.72)}
.mobile-nav .nav-label{display:none}
.nav-icon{display:inline-grid;place-items:center;width:25px;height:25px;font-size:21px;line-height:1}
.nav-label{display:inline-block}
.nav-btn.active{color:var(--gold)}
.mobile-nav .nav-btn.active{min-width:76px;background:rgba(255,255,255,.18);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.22)}
.mobile-nav .mobile-logout-btn{color:rgba(255,255,255,.58)}
.mobile-nav .mobile-logout-btn .nav-icon{color:#fecaca}
.nav-badge{position:absolute;top:4px;right:5px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#dc2626;color:#fff;font-size:10px;line-height:16px;text-align:center;font-weight:900;border:2px solid rgba(8,16,29,.88)}

.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
.stat,.panel,.job-card,.record-card,.plan-card,.route-stop,.evidence-tile{background:#fff;border:1px solid var(--line);border-radius:8px}
.stat{padding:13px}
.stat strong{display:block;font-size:25px;line-height:1;color:var(--ink)}
.stat span{display:block;color:var(--muted);font-size:12px;margin-top:5px}
.welcome-card{background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:8px;padding:13px;margin-bottom:12px;box-shadow:0 4px 14px rgba(15,23,42,.04)}
.welcome-card span{display:block;color:var(--muted);font-size:10px;font-weight:950;letter-spacing:.8px;text-transform:uppercase;margin-bottom:3px}
.welcome-card strong{display:block;font-size:20px;line-height:1.15;color:var(--ink)}
.welcome-card p{margin:5px 0 0;color:#475569;font-size:13px}
.panel{padding:13px;margin-bottom:12px}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.panel-title{font-size:14px;font-weight:850}
.printable-documents-panel{border-left:4px solid var(--gold);box-shadow:0 8px 22px rgba(15,23,42,.06)}
.printable-documents-panel .toolbar{margin-bottom:0}
.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.toolbar.no-margin{margin-bottom:0}
.toolbar .search{flex:1;min-width:190px}

.performance-form{display:grid;grid-template-columns:1fr;gap:8px;align-items:end;margin-bottom:12px}
.performance-form label{margin-bottom:0}
.performance-chart{display:grid;gap:9px}
.perf-row{display:grid;grid-template-columns:78px 1fr 46px;gap:10px;align-items:center}
.perf-month{font-size:12px;font-weight:850;color:#334155}
.perf-bars{display:grid;gap:4px}
.perf-track{height:18px;border-radius:999px;background:#edf2f7;position:relative;overflow:hidden}
.perf-goal,.perf-actual{position:absolute;left:0;top:0;bottom:0;border-radius:999px}
.perf-goal{background:#bfdbfe}
.perf-actual{background:linear-gradient(90deg,var(--teal),var(--green));height:10px;top:4px;bottom:auto}
.perf-legend{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}
.perf-row strong{font-size:12px;text-align:right}
.perf-row strong.good{color:var(--green)}
.perf-row strong.warn{color:var(--amber)}
.perf-row strong.bad{color:var(--red)}

.job-list,.record-grid,.plan-grid,.admin-grid{display:grid;gap:10px}
.job-card{padding:13px;display:grid;gap:8px}
.job-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.job-next-action{display:flex;justify-content:flex-end}
.job-next-action .btn{min-height:30px}
.job-primary-action{margin-top:10px;border:1px solid rgba(37,99,235,.18);background:#f8fbff;border-radius:8px;padding:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.job-primary-action span{font-size:11px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);font-weight:950}
.job-primary-action .btn{min-width:150px}
.job-secondary-actions{margin-top:8px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 10px}
.job-secondary-actions summary{cursor:pointer;color:#334155;font-size:12px;font-weight:900}
.job-secondary-actions .toolbar{margin-top:8px}
.case-file-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
.case-file-strip.ready{border-color:rgba(22,163,74,.30);background:#f7fef9}
.case-file-chip-row{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}
.case-file-chip{border:1px solid var(--line);border-radius:999px;background:#fff;color:#334155;padding:5px 8px;font-size:11px;font-weight:850;display:inline-flex;gap:5px}
.case-file-chip strong{text-transform:uppercase;color:var(--muted);font-size:10px;letter-spacing:.55px}
.case-file-chip.pass{border-color:#bbf7d0;background:#f0fdf4;color:#14532d}
.case-file-chip.warn{border-color:#fde68a;background:#fffbeb;color:#7c2d12}
.case-file-chip.block{border-color:#fecaca;background:#fef2f2;color:#991b1b}
.job-num{font:800 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--blue)}
.job-name{font-size:16px;font-weight:850;margin-top:2px}
.job-address{font-size:12px;color:var(--muted)}
.pill-row{display:flex;flex-wrap:wrap;gap:6px}
.pill{display:inline-flex;align-items:center;min-height:22px;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:850;background:#e8eef7;color:#334155}
.pill.critical{background:#fee2e2;color:var(--red)}
.pill.specialty{background:#fef3c7;color:var(--amber)}
.pill.success{background:#dcfce7;color:var(--green)}
.pill.primary{background:#dbeafe;color:#1d4ed8}
.pill.neutral{background:#e8eef7;color:#334155}
.pill.standard{background:#dcfce7;color:var(--green)}
.pill.open{background:#dbeafe;color:#1d4ed8}
.pill.served{background:#dcfce7;color:var(--green)}
.pill.nonservice{background:#fee2e2;color:var(--red)}
.pill.pending{background:#fef3c7;color:var(--amber)}
.pill.submitted,.pill.accepted,.pill.assigned{background:#dbeafe;color:#1d4ed8}
.pill.suspended,.pill.license_revoked,.pill.payment_suspended,.pill.denied,.pill.removed,.pill.canceled,.pill.cancelled{background:#fee2e2;color:var(--red)}

.detail-head{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.assigned-server-panel{border-left:4px solid var(--blue);background:linear-gradient(135deg,#fff,#f8fbff);padding:11px 12px}
.assigned-server-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}
.assigned-server-summary strong{display:block;margin-top:3px;font-size:17px;line-height:1.2}
.assigned-server-summary span{display:block;margin-top:2px;color:var(--muted);font-size:12px;font-weight:750}
.assigned-server-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.contact-icon-btn{width:58px;min-height:52px;border-radius:16px;background:#e8eef7;color:var(--ink);display:grid;place-items:center;text-align:center;text-decoration:none;font-weight:900;padding:6px;line-height:1}
.contact-icon-btn span{font-size:20px;color:inherit;margin:0}
.contact-icon-btn strong{font-size:11px;color:inherit;margin:2px 0 0;line-height:1}
.contact-icon-btn.success{background:#dcfce7;color:var(--green)}
.qr-box{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px;text-align:center}
.qr-box{display:grid;gap:6px;place-items:center;color:var(--muted);font-size:12px}
.qr-img{width:136px;height:136px;object-fit:contain;border-radius:4px}
.detail-grid{display:grid;grid-template-columns:1fr;gap:12px}
.kv{display:grid;grid-template-columns:125px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid #eef2f7}
.kv:last-child{border-bottom:0}
.kv span:first-child{font-size:11px;color:var(--muted);font-weight:850;text-transform:uppercase}
.kv span:last-child{font-weight:650}
.attempt-card{border-left:4px solid var(--blue);background:#f8fafc;border-radius:8px;padding:10px;margin-bottom:8px}
.attempt-card strong{display:block;font-size:12px}
.attempt-card p{margin:4px 0 0;color:#334155}
.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.evidence-tile{min-height:82px;display:grid;place-items:center;text-align:center;padding:8px;color:var(--muted);font-size:12px;overflow:hidden;position:relative}
.evidence-tile img{width:100%;height:100%;object-fit:cover}
.attachment-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:6px;position:relative;z-index:2}
.attachment-actions a,.attachment-actions button{border:0;border-radius:6px;background:#e8eef7;color:#172033;text-decoration:none;font-size:11px;font-weight:850;padding:4px 6px;min-height:0}
.attachment-actions button.danger{background:#fee2e2;color:var(--red)}
	.evidence-tile small{position:absolute;left:4px;right:4px;bottom:4px;background:rgba(15,23,42,.76);color:#fff;border-radius:6px;padding:3px 5px;font-size:10px;line-height:1.2}
	.evidence-tile:has(.attachment-actions) small{position:static;margin-top:4px}
.credential-file-list{display:grid;gap:6px;margin-top:8px;min-width:220px}
.credential-file-list.empty{font-size:11px;color:var(--muted);font-weight:750;background:#f8fafc;border:1px dashed var(--line);border-radius:7px;padding:7px}
.credential-file-row{display:grid;gap:3px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:7px;text-align:left}
.credential-file-row strong{font-size:12px;color:var(--ink);line-height:1.2}
.credential-file-row span,.credential-file-row small{font-size:11px;color:var(--muted);overflow-wrap:anywhere;line-height:1.25}
.credential-file-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:3px}
.credential-file-actions a,.credential-file-actions button{border:0;border-radius:6px;background:#e8eef7;color:#172033;text-decoration:none;font-size:11px;font-weight:850;padding:4px 6px;line-height:1.1;min-height:0}
.credential-file-actions button.danger{background:#fee2e2;color:var(--red)}
	.integrity-score{border-left:5px solid var(--green)}
	.integrity-score.needs-review{border-left-color:var(--amber)}
	.integrity-score.blocked{border-left-color:var(--red)}
	.integrity-badge{display:grid;place-items:center;min-width:76px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:7px 10px}
	.integrity-badge strong{font-size:25px;line-height:1}
	.integrity-badge span{font-size:11px;color:var(--muted);font-weight:850;text-transform:uppercase}
	.integrity-grid{display:grid;grid-template-columns:1fr;gap:8px}
	.integrity-check{border:1px solid var(--line);border-radius:8px;padding:9px;background:#f8fafc;display:grid;gap:3px}
	.integrity-check strong{font-size:10px;letter-spacing:.7px}
	.integrity-check.pass strong{color:var(--green)}
	.integrity-check.warn strong{color:var(--amber)}
	.integrity-check.block strong{color:var(--red)}
	.integrity-check span{font-weight:850}
	.integrity-check small{color:var(--muted);font-size:11px}
	.integrity-notes{display:grid;gap:8px;margin-top:10px}
	.integrity-list{border-radius:8px;border:1px solid var(--line);padding:9px;background:#fff;display:grid;gap:5px}
	.integrity-list strong{text-transform:uppercase;font-size:11px;letter-spacing:.7px}
	.integrity-list span{color:#334155;font-size:12px}
	.audit-chain.legacy{border-left:5px solid var(--amber)}
	.audit-chain.sealed{border-left:5px solid var(--green)}
	.timeline-list{display:grid;gap:8px}
	.timeline-item{display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:center;color:var(--muted);font-size:12px}
	.timeline-item span{width:12px;height:12px;border-radius:999px;border:2px solid #cbd5e1;background:#fff}
	.timeline-item.done{color:var(--ink)}
	.timeline-item.done span{background:var(--green);border-color:var(--green)}
	.timeline-item strong{font-size:12px}
	.timeline-item small{font-size:11px;color:var(--muted)}

.route-panel,.route-controls,.route-batch-grid,.route-stop-list{width:100%;max-width:100%;min-width:0;overflow:hidden}
.route-flow-panel{display:grid;gap:12px}
.route-hero{border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:10px;background:linear-gradient(180deg,#fff,#f8fafc);padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.route-hero h3{margin:2px 0 3px;font-size:20px;line-height:1.1}
.route-hero p{margin:0;color:var(--muted);font-size:13px;line-height:1.35}
.route-hero-status{border:1px solid var(--line);border-radius:10px;background:#fff;padding:9px 12px;min-width:150px;text-align:right}
.route-hero-status strong,.route-hero-status span{display:block}
.route-hero-status strong{font-size:14px}
.route-hero-status span{font-size:11px;color:var(--muted);font-weight:850;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}
.route-step-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px;display:grid;gap:10px;box-shadow:0 4px 14px rgba(15,23,42,.04)}
.route-step-card.active{border-color:rgba(37,99,235,.35);box-shadow:0 0 0 3px rgba(37,99,235,.05),0 8px 18px rgba(15,23,42,.05)}
.route-step-card.done{border-left:4px solid var(--green)}
.route-step-head{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center}
.route-step-head>span{width:28px;height:28px;border-radius:999px;background:#e8eef7;color:#172033;display:grid;place-items:center;font-size:12px;font-weight:950}
.route-step-card.active .route-step-head>span{background:var(--blue);color:#fff}
.route-step-card.done .route-step-head>span{background:var(--green);color:#fff}
.route-step-head strong,.route-step-head small{display:block}
.route-step-head strong{font-size:15px}
.route-step-head small{font-size:12px;color:var(--muted);margin-top:1px}
.route-launch-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:10px;align-items:stretch}
.route-collapsible{border:1px solid var(--line);border-radius:10px;background:#f8fafc;padding:0;overflow:hidden}
.route-collapsible>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;font-weight:900;color:#334155;list-style:none;position:relative}
.route-collapsible>summary::-webkit-details-marker{display:none}
.route-collapsible>summary:after{content:"+";width:22px;height:22px;border-radius:999px;background:#e8eef7;display:grid;place-items:center;flex:none;font-weight:950;color:#475569}
.route-collapsible[open]>summary:after{content:"–"}
.route-collapsible>summary span,.route-collapsible>summary small{display:block}
.route-collapsible>summary small{font-size:11px;color:var(--muted);font-weight:760;text-align:right}
.route-collapsible>*:not(summary){margin:10px 12px 12px}
.route-waiting-card{border:1px dashed #cbd5e1;border-radius:10px;background:#f8fafc;padding:14px;display:grid;gap:4px}
.route-waiting-card strong,.route-waiting-card span{display:block}
.route-waiting-card span{color:var(--muted);font-size:13px;line-height:1.35}
.route-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:10px 12px;margin-bottom:10px}
.route-controls strong,.route-controls span,.route-controls small{display:block}
.route-controls span{color:var(--muted);font-size:12px;margin-top:2px}
.route-controls small{color:#475569;font-size:11px;margin-top:4px}
.route-wizard{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.route-wizard-step{border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px;display:grid;grid-template-columns:24px 1fr;column-gap:7px;align-items:center}
.route-wizard-step span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e2e8f0;color:#334155;font-size:12px;font-weight:900;grid-row:span 2}
.route-wizard-step strong{font-size:13px}
.route-wizard-step small{font-size:11px;color:var(--muted)}
.route-wizard-step.active{border-color:rgba(37,99,235,.35);background:#f8fbff}
.route-wizard-step.active span{background:var(--blue);color:#fff}
.route-wizard-step.done span{background:var(--green);color:#fff}
.route-settings,.route-details{border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px 10px}
.route-settings summary,.route-details summary{cursor:pointer;font-weight:850;color:#334155;font-size:13px}
.route-settings summary{display:flex;align-items:center;justify-content:space-between;gap:10px}
.route-settings summary span,.route-settings summary small{display:block}
.route-settings summary small{font-size:11px;color:var(--muted);font-weight:850}
.route-provider-segment{width:min(100%,460px);margin:0}
.route-provider-segment .seg-btn{min-height:32px;padding:7px 8px;font-size:12px}
.route-scope-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,460px);gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 12px}
.route-scope-strip strong,.route-scope-strip span{display:block}
.route-scope-strip span{color:var(--muted);font-size:12px;margin-top:2px}
.route-scope-segment{margin:0}
.route-scope-segment .seg-btn{display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;min-height:42px;padding:7px 8px;font-size:12px}
.route-scope-segment .seg-btn small{font-size:10px;color:var(--muted);font-weight:750}
.route-selection-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 12px}
.route-selection-panel.active{border-color:rgba(37,99,235,.45);background:#f8fbff;box-shadow:0 0 0 3px rgba(37,99,235,.06)}
.route-selection-panel.quiet{background:#f8fafc}
.route-selection-panel strong,.route-selection-panel span,.route-selection-panel small{display:block}
.route-selection-panel span{color:var(--muted);font-size:12px;margin-top:2px}
.route-selection-panel small{color:#475569;font-size:11px;margin-top:3px}
.route-selection-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.route-resume-strip{border:1px solid rgba(37,99,235,.22);border-radius:8px;background:#f8fbff;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.route-resume-strip strong,.route-resume-strip span{display:block}
.route-resume-strip span{color:var(--muted);font-size:12px;margin-top:2px}
.route-selected-order{grid-column:1/-1;display:grid;gap:6px;margin-top:4px}
.route-order-row{display:grid;grid-template-columns:28px 28px 22px minmax(0,1fr);align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:7px}
.route-order-row.dragging{opacity:.55}
.route-order-row.drag-over{border-color:rgba(37,99,235,.55);box-shadow:0 0 0 3px rgba(37,99,235,.08)}
.route-order-row .icon-btn.mini{width:28px;min-height:28px;font-size:13px;border-radius:6px}
.route-order-row strong,.route-order-row span{display:block}
.route-order-row strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.route-order-row span{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.route-drag-handle{color:#94a3b8;font-weight:950;cursor:grab;text-align:center;letter-spacing:-2px}
.route-field-card{border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px;display:grid;gap:9px;box-shadow:0 4px 14px rgba(15,23,42,.05)}
.route-field-card.start{background:linear-gradient(180deg,#fff,#f8fbff)}
.route-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--blue);font-weight:900}
.route-field-card h3{margin:2px 0 4px;font-size:18px}
.route-field-card p{margin:0;color:#475569;font-size:13px}
.route-current-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px;font-weight:760}
.route-current-title{font-size:18px;font-weight:900;line-height:1.2}
.route-current-address{color:#334155;font-size:13px;overflow-wrap:anywhere}
.route-current-submeta{font-size:12px;color:var(--muted);font-weight:760}
.route-field-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.route-utility-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.text-btn{border:0;background:transparent;padding:2px 0;color:#475569;font-size:12px;font-weight:850;cursor:pointer}
.text-btn:hover{text-decoration:underline}
.success-text{color:#15803d;font-weight:800}
.route-batch-grid{display:grid;gap:8px;margin:10px 0 12px}
.route-batch-card{border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.route-batch-card.active{border-color:rgba(37,99,235,.45);box-shadow:0 0 0 3px rgba(37,99,235,.08)}
.route-batch-card strong,.route-batch-card span{display:block}
.route-batch-card span{color:var(--muted);font-size:12px;margin-top:2px}
.route-batch-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.success-note{background:#ecfdf5;border-color:#86efac;color:#14532d}
.route-map{height:220px;border-radius:8px;border:1px solid var(--line);position:relative;overflow:hidden;background:#dbe7f0;margin-top:8px}
.route-map:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(71,85,105,.28) 0 1px,transparent 1px 38px),repeating-linear-gradient(90deg,rgba(71,85,105,.28) 0 1px,transparent 1px 38px)}
.route-line{position:absolute;height:4px;background:var(--blue);transform-origin:left center;border-radius:999px;opacity:.78}
.map-pin{position:absolute;width:28px;height:28px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--red);border:3px solid #fff;box-shadow:0 5px 14px rgba(15,23,42,.22)}
.map-pin.start{background:var(--green);z-index:2}
.map-pin span{display:block;transform:rotate(45deg);font-size:10px;font-weight:900;color:#fff;text-align:center;line-height:22px}
.route-stop{padding:11px;display:flex;gap:10px;align-items:center;min-width:0;max-width:100%;width:100%;overflow:hidden}
.route-stop.active{border-color:rgba(37,99,235,.5);box-shadow:0 0 0 3px rgba(37,99,235,.09)}
.route-stop.active .stop-num{background:var(--blue)}
.route-stop.selected{border-color:rgba(198,154,50,.58);background:#fffdf5}
.route-select-toggle{width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;display:grid;place-items:center;flex:none;position:relative}
.route-select-toggle input{position:absolute;opacity:0;pointer-events:none}
.route-select-toggle span{width:17px;height:17px;border-radius:5px;border:2px solid #94a3b8;background:#fff;display:grid;place-items:center}
.route-select-toggle input:checked + span{border-color:var(--gold);background:var(--gold)}
.route-select-toggle input:checked + span:after{content:"";width:8px;height:5px;border-left:2px solid #111827;border-bottom:2px solid #111827;transform:rotate(-45deg);margin-top:-1px}
.stop-num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:850;flex:none}
.stop-info{min-width:0;flex:1 1 auto}
.stop-info strong{display:block}
.stop-info span{display:block;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stop-info small{display:block;color:#64748b;font-size:11px;margin-top:2px}
.route-list-head{display:flex;align-items:center;justify-content:space-between;margin-top:2px}
.route-list-head-compact{border-top:1px solid var(--line);padding-top:10px}
.route-list-head strong,.route-list-head span{display:block}
.route-list-head span{font-size:12px;color:var(--muted);margin-top:1px}
.route-list-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
html[data-theme="dark"] .route-hero,
html[data-theme="dark"] .route-hero-status,
html[data-theme="dark"] .route-step-card,
html[data-theme="dark"] .route-collapsible,
html[data-theme="dark"] .route-waiting-card,
html[data-theme="dark"] .route-controls,
html[data-theme="dark"] .route-wizard-step,
html[data-theme="dark"] .route-settings,
html[data-theme="dark"] .route-details,
html[data-theme="dark"] .route-scope-strip,
html[data-theme="dark"] .route-selection-panel,
html[data-theme="dark"] .route-resume-strip,
html[data-theme="dark"] .route-order-row,
html[data-theme="dark"] .route-field-card,
html[data-theme="dark"] .route-batch-card,
html[data-theme="dark"] .route-select-toggle{background:#111d2e;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .route-hero,
html[data-theme="dark"] .route-field-card.start{background:linear-gradient(180deg,#111d2e,#0d1929)}
html[data-theme="dark"] .route-step-card.active,
html[data-theme="dark"] .route-wizard-step.active,
html[data-theme="dark"] .route-selection-panel.active,
html[data-theme="dark"] .route-resume-strip{background:#132442;border-color:rgba(91,140,255,.55);box-shadow:0 0 0 3px rgba(91,140,255,.12)}
html[data-theme="dark"] .route-selection-panel.quiet,
html[data-theme="dark"] .route-collapsible,
html[data-theme="dark"] .route-controls,
html[data-theme="dark"] .route-waiting-card{background:#0b1628}
html[data-theme="dark"] .route-collapsible>summary,
html[data-theme="dark"] .route-settings summary,
html[data-theme="dark"] .route-details summary,
html[data-theme="dark"] .route-controls small,
html[data-theme="dark"] .route-selection-panel small,
html[data-theme="dark"] .route-field-card p,
html[data-theme="dark"] .route-current-address,
html[data-theme="dark"] .text-btn,
html[data-theme="dark"] .stop-info small{color:var(--muted)}
html[data-theme="dark"] .route-collapsible>summary strong,
html[data-theme="dark"] .route-scope-strip strong,
html[data-theme="dark"] .route-selection-panel strong,
html[data-theme="dark"] .route-batch-card strong,
html[data-theme="dark"] .route-current-title,
html[data-theme="dark"] .stop-info strong{color:var(--ink)}
html[data-theme="dark"] .route-collapsible>summary:after,
html[data-theme="dark"] .route-step-head>span,
html[data-theme="dark"] .route-wizard-step span,
html[data-theme="dark"] .route-select-toggle,
html[data-theme="dark"] .route-select-toggle span{background:#1a2940;color:#dbeafe;border-color:#34445d}
html[data-theme="dark"] .route-step-card.active .route-step-head>span,
html[data-theme="dark"] .route-wizard-step.active span{background:var(--blue);color:#fff}
html[data-theme="dark"] .route-step-card.done .route-step-head>span,
html[data-theme="dark"] .route-wizard-step.done span{background:var(--green);color:#07111f}
html[data-theme="dark"] .route-stop.selected{background:#211b0e;border-color:rgba(215,172,76,.62)}
html[data-theme="dark"] .route-map{background:#0b1628;border-color:var(--line)}
html[data-theme="dark"] .route-map:before{background:repeating-linear-gradient(0deg,rgba(148,163,184,.12) 0 1px,transparent 1px 38px),repeating-linear-gradient(90deg,rgba(148,163,184,.12) 0 1px,transparent 1px 38px)}

.record-card{padding:12px;display:grid;gap:4px}
.record-card strong{font-size:15px}
.record-card span{color:var(--muted);font-size:12px}
.record-card ul{margin:4px 0 0;padding-left:18px;color:#334155;font-size:12px}
.record-card li{margin:3px 0}
.grid-mini{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}
.payment-status-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:8px 0 10px}
.payment-status-row .btn{margin-left:auto}
.payment-choice-grid{display:grid;grid-template-columns:1fr;gap:10px;margin:8px 0 10px}
.stripe-setup-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px;display:grid;gap:8px}
.stripe-setup-card.recommended{border-left:5px solid var(--green);background:linear-gradient(180deg,#fff,#f8fffb)}
.stripe-setup-card h4{margin:0;font-size:16px}
.stripe-setup-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.4}
.card-mini-label{font-size:11px;font-weight:900;letter-spacing:.7px;text-transform:uppercase;color:#64748b}
.tiny{font-size:12px}
.button-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pending-checkout-notice{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.next-action-panel{border-left:5px solid var(--blue)}
.billing-architecture{border-left:5px solid var(--teal)}
.upfront-payment-panel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;border:2px solid #f6c64d;border-left:8px solid #d69b18;background:linear-gradient(135deg,#fff5c2 0%,#fffbeb 48%,#fffdf6 100%);box-shadow:0 14px 38px rgba(214,155,24,.18)}
.upfront-payment-panel .eyebrow{color:#8a4b08}
.upfront-payment-panel .panel-title{font-size:20px}
.upfront-payment-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#d69b18,#f7d774);color:#0f172a;font-weight:950;font-size:27px;box-shadow:0 12px 28px rgba(200,155,60,.28)}
.upfront-payment-copy p{margin:6px 0 0;color:#5f370b;line-height:1.45;font-weight:750}
.upfront-payment-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.upfront-payment-dialog{border:0;background:transparent;padding:0;width:min(560px,94vw)}
.upfront-payment-dialog::backdrop{background:rgba(10,22,40,.54);backdrop-filter:blur(4px)}
.upfront-payment-card{border:1px solid rgba(148,163,184,.35);border-radius:18px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.32);overflow:hidden}
.upfront-modal-body{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:18px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#f8fafc)}
.upfront-modal-body p{margin:0 0 8px;color:#475569;line-height:1.45}
.upfront-modal-summary{display:grid;grid-template-columns:1fr auto;gap:8px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px 12px}
.upfront-modal-summary span{color:var(--muted);font-weight:800;font-size:12px}
.upfront-modal-summary strong{color:var(--ink);font-weight:950}
.request-cancel-dialog{max-width:640px}
.request-cancel-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}
.request-cancel-dialog textarea{min-height:110px;resize:vertical}
.launch-readiness.ready{border-left:5px solid var(--green)}
.launch-readiness.needs-review{border-left:5px solid var(--amber)}
.launch-readiness.blocked{border-left:5px solid var(--red)}
.launch-score{display:grid;place-items:center;min-width:74px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:7px 10px}
.launch-score strong{font-size:25px;line-height:1}
.launch-score span{font-size:11px;color:var(--muted);font-weight:850;text-transform:uppercase}
.launch-check-grid,.ops-report-grid{display:grid;grid-template-columns:1fr;gap:8px;margin:10px 0}
.launch-check{border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:8px;background:#f8fafc;padding:9px;display:grid;gap:2px}
.launch-check.pass{border-left-color:var(--green)}
.launch-check strong{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#334155}
.launch-check span{font-size:12px;color:var(--muted);font-weight:720}
.permission-table td:first-child{font-weight:850;color:var(--ink)}
.role-command .record-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.workflow-card{align-content:start}
.workflow-count{font-size:24px!important;font-weight:900!important;color:var(--ink)!important;line-height:1}
.workflow-card .btn{margin-top:6px;justify-self:start}
.ceo-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;border-left:5px solid var(--gold)}
.ceo-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
.ceo-action-board{border-left:5px solid var(--blue)}
.admin-grid.streamlined{align-items:start}
.admin-tabs{display:flex;gap:6px;overflow:auto;padding:2px 0 10px;margin:-2px 0 10px;scrollbar-width:thin}
.admin-tab{border:1px solid var(--line);background:#fff;color:#334155;border-radius:999px;min-height:32px;padding:6px 11px;font-size:12px;font-weight:850;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.admin-tab.active{background:var(--navy);border-color:var(--navy);color:#fff}
.admin-tab span{min-width:18px;height:18px;border-radius:999px;display:inline-grid;place-items:center;background:#e8eef7;color:#172033;font-size:10px;font-weight:950;padding:0 5px}
.admin-tab.active span{background:var(--gold);color:#111827}
.admin-tab-panel>.panel,.admin-tab-panel>.ceo-metric-grid{animation:fadeIn .12s ease}
@keyframes fadeIn{from{opacity:.72;transform:translateY(2px)}to{opacity:1;transform:none}}
.analytics-dashboard{display:grid;gap:12px}
.analytics-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;border-left:5px solid var(--blue);background:linear-gradient(135deg,#fff,#f8fbff)}
.analytics-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.analytics-metric{background:#fff;border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:8px;padding:12px;display:grid;gap:3px;min-width:0}
.analytics-metric.success{border-left-color:var(--green)}
.analytics-metric.warning{border-left-color:var(--amber)}
.analytics-metric.primary{border-left-color:#4f46e5}
.analytics-metric strong{font-size:24px;line-height:1.05;letter-spacing:0;color:var(--ink);overflow-wrap:anywhere}
.analytics-metric span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.55px;color:#334155}
.analytics-metric small{font-size:12px;color:var(--muted);font-weight:720}
.analytics-grid{display:grid;gap:12px}
.analytics-chart-panel{min-width:0}
.analytics-bars,.analytics-months{display:grid;gap:9px}
.analytics-bar-row,.analytics-month{display:grid;gap:5px}
.analytics-bar-row.compact{gap:4px}
.analytics-bar-label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}
.analytics-bar-label strong{font-size:12px;color:#172033;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.analytics-bar-label span{font-size:11px;color:var(--muted);font-weight:850;white-space:nowrap}
.analytics-bar-track{height:10px;border-radius:999px;background:#e8eef7;overflow:hidden}
.analytics-bar-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--teal))}
.analytics-month>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.analytics-month strong{font-size:12px}
.analytics-month span{font-size:11px;color:var(--muted);font-weight:760;text-align:right}
.analytics-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.analytics-kpi{border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:10px;display:grid;gap:3px}
.analytics-kpi strong{font-size:21px;line-height:1;color:var(--ink)}
.analytics-kpi span{font-size:12px;font-weight:900;color:#334155}
.analytics-kpi small{font-size:11px;color:var(--muted);line-height:1.35}
.compact-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:10px}
.ops-mini-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-bottom:10px}
.queue-summary{border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:10px;text-align:left;color:var(--ink)}
.queue-summary strong{display:block;font-size:22px;line-height:1}
.queue-summary span{display:block;color:var(--muted);font-size:11px;font-weight:850;margin-top:4px}
.compact-table{max-height:360px;overflow:auto}
.workflow-stage{background:#eef2ff;color:#3730a3}
.pipeline-track,.health-meter{height:10px;border-radius:999px;background:#e8eef7;overflow:hidden}
.pipeline-track span,.health-meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--teal))}
.pipeline-steps{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.pipeline-steps span{font-size:10px;font-weight:850;color:var(--muted);background:#f8fafc;border:1px solid var(--line);border-radius:999px;padding:3px 7px}
.pipeline-steps span.done{background:#dcfce7;color:var(--green);border-color:#bbf7d0}
.job-health.ready{border-left:5px solid var(--green)}
.job-health.needs-review{border-left:5px solid var(--amber)}
.job-health.blocked{border-left:5px solid var(--red)}
.health-score{display:grid;place-items:center;min-width:76px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:7px 10px}
.health-score strong{font-size:25px;line-height:1}
.health-score span{font-size:11px;color:var(--muted);font-weight:850;text-transform:uppercase}
.health-grid{display:grid;gap:8px;margin-top:10px}
.health-row{display:grid;grid-template-columns:14px 1fr;gap:7px;align-items:start;border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:8px}
.health-row span{width:10px;height:10px;border-radius:999px;margin-top:4px;background:var(--green)}
.health-row.warn span{background:var(--amber)}
.health-row.block span{background:var(--red)}
.health-row strong{font-size:12px}
.health-row small{grid-column:2;color:var(--muted);font-size:11px}
.client-wizard{border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:10px;margin:0 0 12px}
.client-wizard-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:5px;margin-bottom:10px}
.wizard-step{border:0;border-radius:8px;background:#e8eef7;color:#475569;font-size:11px;font-weight:850;padding:7px 5px;display:grid;gap:3px;place-items:center}
.wizard-step span{width:20px;height:20px;border-radius:999px;display:grid;place-items:center;background:#fff;color:#475569}
.wizard-step.active{background:#dbeafe;color:#1d4ed8}
.wizard-step.done{background:#dcfce7;color:var(--green)}
.client-wizard-actions{display:flex;justify-content:space-between;gap:8px}
.client-wizard-hidden{display:none!important}
.register-wizard{margin-top:10px}
.onboarding-modal{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:80;display:grid;place-items:center;padding:18px}
.onboarding-card{width:min(860px,100%);max-height:88vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;box-shadow:0 24px 80px rgba(15,23,42,.25)}
.onboarding-wizard-card{width:min(980px,100%);padding:18px}
.onboarding-progress{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:999px;background:#f8fafc;padding:8px 12px;margin-bottom:14px;overflow:hidden}
.onboarding-progress div,.onboarding-progress span{position:relative;z-index:1;font-size:12px;color:#475569;font-weight:850}
.onboarding-progress i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,rgba(37,99,235,.16),rgba(200,155,60,.22));border-radius:999px;transition:width .18s ease}
.onboarding-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;align-items:stretch}
.onboarding-step-list{display:grid;gap:6px;align-content:start;border:1px solid var(--line);border-radius:10px;background:#f8fafc;padding:8px}
.onboarding-step-tab{border:0;background:transparent;color:#64748b;border-radius:8px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;text-align:left;padding:8px;cursor:pointer}
.onboarding-step-tab span{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#e2e8f0;color:#334155;font-size:12px;font-weight:950}
.onboarding-step-tab strong{font-size:12px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.onboarding-step-tab.done span{background:#dcfce7;color:var(--green)}
.onboarding-step-tab.active{background:#fff;color:var(--ink);box-shadow:0 1px 8px rgba(15,23,42,.08)}
.onboarding-step-tab.active span{background:var(--blue);color:#fff}
.onboarding-step-panel{border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#fff,#f8fafc);padding:18px;min-height:430px;display:flex;flex-direction:column}
.onboarding-step-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#0f1f35;color:var(--gold);font-size:24px;font-weight:950;margin-bottom:12px;box-shadow:0 8px 24px rgba(15,31,53,.16)}
.onboarding-step-panel h3{font-size:25px;line-height:1.05;margin:3px 0 8px;letter-spacing:0}
.onboarding-step-panel p{font-size:15px;line-height:1.48;color:#475569;margin:0 0 14px}
.onboarding-checks{display:grid;gap:8px;margin:4px 0 14px}
.onboarding-checks div{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:start;border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px 10px;font-weight:750;color:#334155}
.onboarding-checks span{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:#dcfce7;color:var(--green);font-size:13px;font-weight:950}
.onboarding-tip{border-left:4px solid var(--gold);background:#fffbeb;border-radius:8px;padding:11px 12px;color:#713f12;font-weight:800;margin-top:auto}
.onboarding-actions{justify-content:space-between;margin-top:16px}
.onboarding-settings-body{display:flex;gap:12px;align-items:flex-end;justify-content:space-between}
.danger-text{color:#b91c1c;font-weight:800}
.record-card.completion-alert{border-color:#ef4444;background:#fff1f2}
.record-card.completion-alert strong{color:var(--red)}
.record-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.match-note{font-size:11px;color:var(--muted);font-weight:800;margin:4px 0}
.credential-shell{margin-bottom:12px;max-width:100%;min-width:0}
.credential-card{background:linear-gradient(135deg,#0f1f35,#1f3c64);border-radius:8px;color:#fff;padding:18px;position:relative;overflow:hidden;margin-bottom:12px}
.credential-card.official{border:1px solid rgba(200,155,60,.55);box-shadow:0 18px 50px rgba(15,31,53,.24);background:radial-gradient(circle at 85% 10%,rgba(200,155,60,.24),transparent 25%),linear-gradient(135deg,#071527,#132b49 58%,#213f67)}
.credential-card:after{content:"DOCKETSERVE";position:absolute;right:-20px;bottom:4px;font-size:44px;font-weight:950;color:rgba(255,255,255,.06)}
.credential-watermark{position:absolute;right:18px;top:46%;transform:translateY(-50%) rotate(-8deg);font-size:48px;font-weight:950;letter-spacing:4px;color:rgba(255,255,255,.045);pointer-events:none}
.credential-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}
.credential-card .brand-sub{color:var(--gold);font-size:11px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase}
.credential-company{color:rgba(255,255,255,.78);font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-top:2px}
.vanguard-seal{width:112px;height:112px;border-radius:999px;display:grid;place-items:center;flex:none;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.24);overflow:hidden;padding:3px}
.vanguard-seal img{width:100%;height:100%;object-fit:contain;display:block}
.credential-identity{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:24px;position:relative;z-index:1}
.credential-label{font-size:10px;text-transform:uppercase;letter-spacing:1.1px;color:rgba(255,255,255,.62);font-weight:900}
.credential-name{font-size:30px;font-weight:950;margin-top:4px;line-height:1.05;overflow-wrap:anywhere}
.credential-meta{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:rgba(255,255,255,.76);font-size:13px;margin-top:7px}
.credential-status{border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:9px 11px;min-width:138px;background:rgba(255,255,255,.08)}
.credential-status strong{display:block;color:#dcfce7;font-size:13px;text-transform:uppercase;letter-spacing:.7px}
.credential-status.pending strong{color:#fef3c7}
.credential-status span{display:block;color:rgba(255,255,255,.66);font-size:11px;text-transform:capitalize;margin-top:2px}
.credential-qr{display:inline-grid;gap:5px;place-items:center;margin-top:14px;padding:8px;border-radius:8px;background:#fff;color:var(--ink);font-size:11px;font-weight:800}
.credential-qr .qr-img{width:118px;height:118px}
.official-qr{margin-top:0;min-width:142px;border:1px solid rgba(200,155,60,.45)}
.official-qr .qr-img{width:122px;height:122px}
.credential-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px;border-top:1px solid rgba(255,255,255,.16);padding-top:12px}
.credential-row.official-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));position:relative;z-index:1}
.credential-row div{border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:9px;background:rgba(255,255,255,.055)}
.credential-row span{font-size:10px;text-transform:uppercase;color:rgba(255,255,255,.58);display:block;font-weight:900;letter-spacing:.7px}
.credential-row strong{font-size:13px;overflow-wrap:anywhere}
.credential-verification-strip{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:16px;border-top:1px solid rgba(255,255,255,.16);padding-top:14px;position:relative;z-index:1}
.credential-verification-strip strong{display:block;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#fff}
.credential-verification-strip span{display:block;max-width:520px;color:rgba(255,255,255,.68);font-size:12px;margin-top:3px}
.credential-public-link{display:inline-flex;margin-top:10px;color:#f8d36b;font-size:12px;font-weight:850;position:relative;z-index:2}
.credential-shell .panel{border-left:4px solid rgba(200,155,60,.7)}
.credential-shell .table-wrap table{min-width:760px}
.credential-shell .record-card{border-left:4px solid var(--gold)}

.plan-card{padding:14px}
.plan-card h3{margin:0;font-size:16px}
.price{font-size:26px;font-weight:900;margin:4px 0}
.plan-card ul{padding-left:18px;margin:8px 0 0;color:#334155}
.plan-card li{margin:4px 0}
.plan-details{padding:0;overflow:hidden}
.plan-details summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;padding:13px;list-style:none}
.plan-details summary::-webkit-details-marker{display:none}
.plan-details summary span:first-child{display:grid;gap:2px}
.plan-details summary strong{font-size:14px}
.plan-details summary em{font-style:normal;color:var(--muted);font-size:12px}
.btn.mini{min-height:28px;padding:5px 8px;font-size:12px}
.compact-plan-grid{padding:0 13px 13px}
.plan-card.compact{padding:12px}
.plan-card.compact .price{font-size:22px}
.credential-required-list{display:grid;gap:8px;margin-bottom:12px}
.credential-required-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:10px}
.credential-required-row.complete{border-color:#bbf7d0;background:#f0fdf4}
.credential-required-row.missing{border-color:#fde68a;background:#fffbeb}
.credential-required-row strong{display:block;font-size:13px;color:var(--ink)}
.credential-required-row span{display:block;font-size:12px;color:var(--muted);margin-top:2px;overflow-wrap:anywhere}
.staged-document-card{border-left:4px solid var(--blue)}
.quick-actions-panel{border-left:4px solid var(--blue)}

.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff;max-width:100%}
table{width:100%;border-collapse:collapse;min-width:720px}
th,td{padding:10px;border-bottom:1px solid #edf2f7;text-align:left;vertical-align:middle}
th{background:#f8fafc;color:#64748b;text-transform:uppercase;font-size:11px;letter-spacing:.6px}
td{font-size:13px}
.table-wrap .btn{min-height:28px;padding:5px 8px;font-size:12px;border-radius:6px;margin:2px}
.toolbar .btn,.modal-actions .btn{min-height:32px}

.modal{width:min(94vw,760px);max-height:88vh;border:0;border-radius:8px;padding:0;box-shadow:var(--shadow)}
.modal.compact{width:min(94vw,480px)}
.modal::backdrop{background:rgba(15,23,42,.58)}
.modal form{padding:14px}
.modal-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:12px}
.modal h2{margin:0;font-size:19px}
.modal p{margin:3px 0 0;color:var(--muted);font-size:12px}
.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;flex-wrap:wrap}
.modal-actions.left{justify-content:flex-start;align-items:center}
.microcopy{font-size:12px;color:var(--muted);font-weight:650}
.passkey-list{display:grid;gap:8px;margin-top:12px}
.passkey-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:10px}
.passkey-row strong{display:block;color:var(--ink);font-size:13px}
.passkey-row span{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.compact-btn{min-height:28px;padding:5px 8px;font-size:12px;border-radius:6px}
.log-modal{width:min(94vw,900px)}
.log-textarea{min-height:48vh;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#0b1220;color:#e5edf8;border-color:#263248;white-space:pre;overflow:auto;resize:vertical}
.log-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.2)}

.empty{border:1px dashed #bdc7d5;border-radius:8px;padding:22px;text-align:center;color:var(--muted);background:#fff}
.notice{border-radius:8px;padding:10px 12px;margin-bottom:12px;background:#fffbeb;border:1px solid #f8d36b;color:#7c2d12;font-weight:650}
.notice.compact{font-size:12px;margin:8px 0 0}
.notice.neutral{background:#f8fafc;border-color:var(--line);color:#475569}
.notice.warning{background:#fffbeb;border-color:#f8d36b;color:#7c2d12}
.notice.success{background:#ecfdf5;border-color:#86efac;color:#14532d}
.action-notice{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.action-notice span{min-width:0;flex:1}
.action-notice .btn{flex:none}
.support-form{display:grid;gap:10px}
.support-history{margin-top:12px;display:grid;gap:8px}
.support-ticket-card{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:9px 10px}
.support-ticket-card div{display:grid;gap:2px;min-width:0}
.support-ticket-card strong{font-size:13px}
.support-ticket-card span:not(.pill){color:#334155;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.referral-panel{border-left:4px solid var(--gold)}
.referral-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
.referral-progress{border:1px solid var(--line);border-radius:8px;padding:11px;background:#fff}
.referral-meter-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:9px;font-size:13px}
.referral-meter-head span{color:var(--muted);font-weight:850}
.meter{height:9px;border-radius:999px;background:#e8eef7;overflow:hidden}
.meter span{display:block;height:100%;border-radius:999px;background:var(--gold)}
.meter.success span{background:var(--green)}
.referral-stat strong{font-size:30px;line-height:1;color:var(--ink)}
.referral-form{display:grid;grid-template-columns:1fr 1fr auto auto;gap:10px;align-items:end;margin:10px 0}
.compact-table table td,.compact-table table th{padding:9px 10px}
.support-ticket-card small{color:var(--muted);font-size:11px}
.support-receipt{display:grid;gap:10px;padding:4px 0}
.support-receipt-number{font:900 24px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:8px;padding:12px;text-align:center}
.support-ticket-details{margin-top:7px}
.support-ticket-details summary{cursor:pointer;font-weight:850;color:#2563eb;font-size:12px}
.support-message{margin-top:7px;padding:9px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;color:#334155;white-space:pre-wrap;line-height:1.4}
.compact-actions{gap:5px;margin-bottom:0}
.compact-actions .btn{min-height:29px;padding:5px 8px;font-size:12px}
.appearance-panel{border-left:4px solid var(--blue)}
.theme-quick-toggle{font-size:17px}
.theme-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.theme-mode-card{border:1px solid var(--line);border-radius:8px;background:#f8fafc;color:var(--ink);padding:11px 10px;text-align:left;display:grid;gap:3px;min-height:94px}
.theme-mode-card span{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:#e8eef7;color:var(--blue);font-size:17px;margin-bottom:3px}
.theme-mode-card strong{font-size:13px;line-height:1.1}
.theme-mode-card small{color:var(--muted);font-size:11px;line-height:1.25}
.theme-mode-card.active{border-color:rgba(37,99,235,.55);background:#eff6ff;box-shadow:inset 0 0 0 1px rgba(37,99,235,.16)}
html[data-theme="dark"] .theme-mode-card{background:#0b1628;border-color:var(--line)}
html[data-theme="dark"] .theme-mode-card span{background:#172640;color:#bfdbfe}
html[data-theme="dark"] .theme-mode-card.active{background:#132442;border-color:#5b8cff;box-shadow:inset 0 0 0 1px rgba(91,140,255,.2)}
.faq-grid{display:grid;gap:8px;margin-top:12px}
.legal-acceptance-modal{z-index:80}
.legal-card{max-width:760px}
.legal-doc-list{display:grid;gap:8px;max-height:46vh;overflow:auto;margin:10px 0}
.legal-doc-list details{border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:10px}
.legal-doc-list summary{cursor:pointer;font-weight:900}
.legal-doc-list summary span{color:var(--muted);font-size:11px}
.legal-doc-list p{color:#334155;font-size:12px;line-height:1.45;margin:8px 0 0;white-space:pre-line}
.launch-readiness + .panel{margin-top:12px}

@media (min-width:640px){
  .form-grid.two{grid-template-columns:repeat(2,1fr)}
  .form-grid.three{grid-template-columns:repeat(3,1fr)}
  .form-grid.four{grid-template-columns:repeat(4,1fr)}
  .payment-choice-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
  .toggle-grid{grid-template-columns:repeat(3,1fr)}
  .record-grid,.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .detail-head{flex-direction:row;align-items:stretch}
	  .qr-box{width:320px;flex:none}
	  .integrity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	  .health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	  .performance-form{grid-template-columns:1fr 1fr 1fr auto}
	  .grid-mini,.launch-check-grid,.ops-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .analytics-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
    .analytics-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
    .analytics-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .faq-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
	}

@media (max-width:639px){
  body{overflow-x:hidden}
  .view{padding:10px;min-width:0}
  .panel,.detail-grid,.credential-shell,.credential-card,.table-wrap{min-width:0;max-width:100%}
  .panel{padding:11px}
  .panel-head{align-items:stretch;flex-direction:column}
  .panel-head .btn{align-self:flex-start}
  .toolbar{gap:6px}
  .toolbar .btn{min-height:31px;padding:6px 8px;font-size:12px}
  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .credential-card{padding:14px}
  .credential-card:after{font-size:31px;right:-18px}
  .credential-watermark{font-size:34px;right:8px;letter-spacing:2px}
  .topbar{align-items:flex-start}
  .view-title{font-size:20px}
  .view-subtitle{max-width:58vw;line-height:1.25}
  .top-actions{gap:6px}
  .top-actions .btn{min-height:32px;padding:6px 9px;font-size:12px}
  .top-actions .icon-btn{width:32px;min-height:32px}
  .credential-topline,.credential-identity,.credential-verification-strip{align-items:flex-start;flex-direction:column}
  .vanguard-seal{width:88px;height:88px}
  .credential-name{font-size:23px}
  .credential-status{width:100%}
  .credential-row.official-grid{grid-template-columns:1fr;gap:8px}
  .credential-verification-strip{gap:10px}
  .official-qr{width:100%;min-width:0;justify-items:center}
  .official-qr .qr-img{width:108px;height:108px}
  .credential-public-link{overflow-wrap:anywhere}
  .credential-shell + .detail-grid .table-wrap{border:0;background:transparent;overflow:visible}
  .credential-shell + .detail-grid .table-wrap table{min-width:0;width:100%;display:block}
  .credential-shell + .detail-grid .table-wrap thead{display:none}
  .credential-shell + .detail-grid .table-wrap tbody{display:grid;gap:8px}
  .credential-shell + .detail-grid .table-wrap tr{display:grid;gap:5px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px}
  .credential-shell + .detail-grid .table-wrap td{display:flex;justify-content:space-between;gap:10px;border-bottom:0;padding:3px 0;font-size:12px}
  .credential-shell + .detail-grid .table-wrap td:before{content:attr(data-label);font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:900;flex:0 0 94px}
  .credential-shell + .detail-grid .table-wrap td:empty{display:none}
  #serverLicenseForm.form-grid.two{grid-template-columns:1fr}
  #serverLicenseForm .form-span-two{grid-column:auto}
  .onboarding-modal{align-items:end;padding:10px 10px calc(24px + env(safe-area-inset-bottom))}
  .onboarding-card{border-radius:16px;max-height:86vh;padding:14px}
  .onboarding-layout{grid-template-columns:1fr;gap:10px}
  .onboarding-step-list{display:flex;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .onboarding-step-list::-webkit-scrollbar{display:none}
  .onboarding-step-tab{grid-template-columns:24px minmax(72px,1fr);min-width:122px;scroll-snap-align:start;padding:7px}
  .onboarding-step-tab span{width:24px;height:24px;font-size:11px}
  .onboarding-step-tab strong{font-size:11px}
  .onboarding-step-panel{min-height:0;padding:14px}
  .onboarding-step-icon{width:42px;height:42px;border-radius:14px;font-size:21px;margin-bottom:10px}
  .onboarding-step-panel h3{font-size:21px}
  .onboarding-step-panel p{font-size:14px}
  .onboarding-checks div{padding:8px}
  .onboarding-tip{font-size:12px}
  .onboarding-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .onboarding-actions .btn.primary{grid-column:1/-1}
  .onboarding-settings-body{align-items:stretch;flex-direction:column}
  .theme-mode-grid{grid-template-columns:1fr}
  .theme-mode-card{grid-template-columns:auto minmax(0,1fr);align-items:center;min-height:0}
  .theme-mode-card span{grid-row:1/3;margin-bottom:0}
  .route-hero{align-items:stretch;flex-direction:column;padding:12px}
  .route-hero h3{font-size:19px}
  .route-hero-status{text-align:left;min-width:0}
  .route-step-card{padding:10px;border-radius:11px}
  .route-step-head{grid-template-columns:26px minmax(0,1fr);gap:8px}
  .route-step-head>span{width:26px;height:26px}
  .route-step-head strong{font-size:14px}
  .route-launch-grid{grid-template-columns:1fr}
  .route-collapsible>summary{align-items:flex-start;flex-direction:column;gap:3px;padding:10px}
  .route-collapsible>summary:after{position:absolute;right:10px}
  .route-collapsible>summary small{text-align:left;max-width:calc(100% - 34px)}
  .route-collapsible>*:not(summary){margin:9px 10px 10px}
  .route-controls{align-items:flex-start;flex-direction:column}
  .route-controls .toolbar{width:100%;margin-bottom:0}
  .route-wizard{gap:6px}
  .route-wizard-step{grid-template-columns:20px 1fr;padding:7px 6px}
  .route-wizard-step span{width:20px;height:20px;font-size:11px}
  .route-wizard-step strong{font-size:12px}
  .route-wizard-step small{font-size:10px}
  .route-settings,.route-details{padding:8px}
  .route-provider-segment{width:100%}
  .route-provider-segment .seg-btn{font-size:11px;padding:7px 5px}
  .route-scope-strip{grid-template-columns:1fr;align-items:stretch;padding:9px}
  .route-scope-segment{width:100%}
  .route-scope-segment .seg-btn{min-height:38px;font-size:11px;padding:6px 5px}
  .case-file-strip{grid-template-columns:1fr}
  .case-file-chip-row{justify-content:flex-start}
  .assigned-server-summary{align-items:center;flex-direction:row}
  .assigned-server-actions{justify-content:flex-end;flex:none}
  .job-primary-action{align-items:stretch}
  .job-primary-action .btn{width:100%;min-width:0}
  .route-resume-strip{align-items:stretch;flex-direction:column}
  .route-resume-strip .btn{width:100%}
  .route-selection-panel{grid-template-columns:1fr;align-items:stretch}
  .referral-grid{grid-template-columns:1fr 1fr}
  .referral-form{grid-template-columns:1fr}
  .referral-form .btn{width:100%}
  .route-selection-actions{justify-content:stretch}
  .route-selection-actions .btn{flex:1;min-width:0}
  .route-list-head{align-items:flex-start;gap:10px}
  .route-list-actions{justify-content:flex-end}
  .route-field-card{padding:11px}
  .route-field-card.current{position:sticky;bottom:calc(122px + env(safe-area-inset-bottom));z-index:28;border-color:rgba(37,99,235,.38);box-shadow:0 -10px 28px rgba(15,23,42,.16)}
  .route-current-title{font-size:17px}
  .route-field-actions .btn{flex:1 1 calc(50% - 7px);min-width:124px}
  .route-utility-actions{gap:10px}
  .route-batch-card{align-items:stretch;flex-direction:column}
  .route-batch-actions{justify-content:stretch}
  .route-batch-actions .btn{flex:1;min-width:0}
  .route-map{height:190px}
  .upfront-payment-panel{grid-template-columns:1fr;align-items:stretch}
  .upfront-payment-mark{width:42px;height:42px}
  .upfront-payment-actions{justify-content:stretch}
  .upfront-payment-actions .btn{flex:1}
  .upfront-modal-body{grid-template-columns:1fr}
  .upfront-payment-dialog{width:calc(100vw - 20px)}
  .request-cancel-summary{grid-template-columns:1fr}
  .route-stop{padding:10px;display:grid;grid-template-columns:34px 30px minmax(0,1fr);align-items:start}
  .route-order-row{grid-template-columns:28px 28px 18px minmax(0,1fr)}
  .route-stop .pill{grid-column:3;justify-self:start;margin-top:2px}
  .stop-info strong,.stop-info span{white-space:normal;overflow-wrap:anywhere}
  .stop-info span{line-height:1.3}
  .route-stop-list{grid-template-columns:1fr}
}

@media (max-width:420px){
  .view{padding:8px}
  .topbar{padding:9px 10px}
  .view-subtitle{max-width:64vw}
  .referral-grid{grid-template-columns:1fr}
  .route-field-actions .btn{flex-basis:100%;width:100%}
  .mobile-nav{left:16px;right:16px;bottom:calc(30px + env(safe-area-inset-bottom));padding:9px 10px;gap:2px}
  .mobile-nav .nav-btn{min-width:43px;min-height:46px;padding:8px}
  .mobile-nav .nav-btn.active{min-width:70px}
  .mobile-nav .nav-icon{font-size:21px}
  .nav-badge{top:2px;right:2px}
}

@media (min-width:640px) and (max-width:919px){
  .mobile-nav{justify-content:center}
  .mobile-nav .nav-btn{min-width:58px}
  .mobile-nav .nav-btn.active{min-width:86px}
}

@media (min-width:920px){
  .auth-screen{grid-template-columns:420px 1fr;grid-template-rows:1fr}
  .auth-brand{padding:34px;display:flex;flex-direction:column;justify-content:center}
  .auth-panel{align-self:center}
  .app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);padding-bottom:0;transition:grid-template-columns .2s cubic-bezier(.22,1,.36,1)}
  .app-shell.nav-collapsed{grid-template-columns:86px minmax(0,1fr)}
  .side-nav{display:flex;position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#10213a 0%,#0b1b31 58%,#07162a 100%);color:#fff;flex-direction:column;padding:16px 14px;overflow:hidden;box-shadow:inset -1px 0 rgba(255,255,255,.08);transition:padding .2s cubic-bezier(.22,1,.36,1)}
  .side-brand{display:grid;grid-template-columns:46px minmax(0,1fr) 34px;gap:12px;align-items:center;min-height:72px;padding:0 0 16px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:14px}
  .side-brand-copy{min-width:0}
  .side-toggle{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(255,255,255,.1);color:#fff;font-size:22px;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.18)}
  .side-toggle:hover{background:rgba(255,255,255,.16)}
  .side-title{font-size:18px;font-weight:900;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .side-sub{white-space:normal}
  .side-nav nav{display:grid;gap:6px}
  .side-nav .nav-btn{width:100%;border-radius:14px;text-align:left;color:rgba(255,255,255,.72);padding:10px 12px;min-height:44px;background:transparent}
  .side-nav .nav-btn:hover{background:rgba(255,255,255,.07);color:#fff}
  .side-nav .nav-btn .nav-icon{width:22px;height:22px;font-size:17px}
  .side-nav .nav-btn.active{background:rgba(200,155,60,.18);color:var(--gold);box-shadow:inset 0 0 0 1px rgba(200,155,60,.12)}
  .logout-btn{margin-top:auto;border-radius:14px}
  .app-shell.nav-collapsed .side-nav{padding:16px 10px}
  .app-shell.nav-collapsed .side-brand{grid-template-columns:1fr;justify-items:center;min-height:104px;padding:0 0 14px;gap:10px}
  .app-shell.nav-collapsed .side-brand-copy{display:none}
  .app-shell.nav-collapsed .side-toggle{width:48px;height:36px;border-radius:16px;order:2}
  .app-shell.nav-collapsed .side-nav .brand-mark.sm{width:48px;height:48px;order:1}
  .app-shell.nav-collapsed .side-nav .nav-btn{width:56px;height:52px;justify-content:center;padding:0;margin:0 auto;border-radius:17px}
  .app-shell.nav-collapsed .side-nav .nav-btn .nav-icon{width:26px;height:26px;font-size:21px}
  .app-shell.nav-collapsed .side-nav .nav-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .app-shell.nav-collapsed .logout-btn{width:56px;min-height:48px;align-self:center;font-size:0;padding:0;border-radius:17px}
  .app-shell.nav-collapsed .logout-btn::before{content:"⇥";font-size:20px;line-height:1}
  .app-shell.nav-collapsed .nav-badge{right:8px}
  .mobile-nav{display:none}
  .view{padding:20px}
  .stats-grid{grid-template-columns:repeat(4,1fr)}
  .ceo-metric-grid{grid-template-columns:repeat(4,1fr)}
  .analytics-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .job-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .detail-grid{grid-template-columns:1.05fr .95fr}
  .admin-grid{grid-template-columns:1fr 1fr}
}

/* v0.3.8 additions */
.pill-circuit{display:inline-block;background:#e0f0ff;color:#0c4a8c;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap}
#invoiceJobContext{background:#f0f7ff;border-left:3px solid #3b82f6;padding:8px 12px;border-radius:0 6px 6px 0;font-size:12px;color:#1e3a5f;margin-bottom:4px}
#invoiceClientDisplay{color:var(--muted,#6b7280);font-style:italic}
#serviceDisclaimerModal{border:none;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,0.35);padding:0;max-width:520px;width:95vw}
#serviceDisclaimerModal::backdrop{background:rgba(0,0,0,0.55)}

/* ── Jobs tab: active-only default + count bar ─────────────────────────── */
.jobs-count-bar{font-size:12px;color:var(--muted);padding:6px 2px 10px;border-bottom:1px solid var(--line);margin-bottom:10px}
.jobs-count-link{color:var(--blue);cursor:pointer;text-decoration:underline;font-weight:600}
.jobs-count-link:hover{color:var(--navy)}

.launch-promo-panel{border-left:5px solid var(--gold);background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,250,235,.9))}
.launch-promo-panel.success{border-left-color:var(--success);background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(232,255,239,.88))}
.launch-promo-panel .toolbar{margin-top:10px}

html[data-theme="dark"] .ceo-hero,
html[data-theme="dark"] .ceo-action-board,
html[data-theme="dark"] .analytics-hero,
html[data-theme="dark"] .analytics-metric,
html[data-theme="dark"] .analytics-kpi,
html[data-theme="dark"] .queue-summary,
html[data-theme="dark"] .launch-score,
html[data-theme="dark"] .launch-check,
html[data-theme="dark"] .health-score,
html[data-theme="dark"] .health-row,
html[data-theme="dark"] .client-wizard,
html[data-theme="dark"] .stripe-setup-card,
html[data-theme="dark"] .upfront-payment-card,
html[data-theme="dark"] .upfront-modal-summary,
html[data-theme="dark"] .request-cancel-summary,
html[data-theme="dark"] .onboarding-card,
html[data-theme="dark"] .onboarding-progress,
html[data-theme="dark"] .onboarding-step-list,
html[data-theme="dark"] .onboarding-step-panel,
html[data-theme="dark"] .onboarding-checks div,
html[data-theme="dark"] .support-message,
html[data-theme="dark"] .support-receipt-number,
html[data-theme="dark"] .credential-required-row,
html[data-theme="dark"] .passkey-row,
html[data-theme="dark"] .referral-progress,
html[data-theme="dark"] .support-ticket-card{
  background:#111d2e;
  border-color:var(--line);
  color:var(--ink);
}

html[data-theme="dark"] .ceo-hero,
html[data-theme="dark"] .analytics-hero,
html[data-theme="dark"] .stripe-setup-card.recommended,
html[data-theme="dark"] .launch-promo-panel,
html[data-theme="dark"] .launch-promo-panel.success,
html[data-theme="dark"] .onboarding-step-panel,
html[data-theme="dark"] .upfront-modal-body{
  background:linear-gradient(180deg,#111d2e,#0d1929);
}

html[data-theme="dark"] .admin-tab{
  background:#0b1628;
  border-color:var(--line);
  color:#dbeafe;
}

html[data-theme="dark"] .admin-tab.active{
  background:#1e3a67;
  border-color:#5b8cff;
  color:#fff;
}

html[data-theme="dark"] .admin-tab span,
html[data-theme="dark"] .wizard-step span,
html[data-theme="dark"] .onboarding-step-tab span{
  background:#1a2940;
  color:#dbeafe;
}

html[data-theme="dark"] .admin-tab.active span,
html[data-theme="dark"] .wizard-step.active span,
html[data-theme="dark"] .onboarding-step-tab.active span{
  background:var(--gold);
  color:#07111f;
}

html[data-theme="dark"] .analytics-metric span,
html[data-theme="dark"] .analytics-kpi span,
html[data-theme="dark"] .analytics-bar-label strong,
html[data-theme="dark"] .launch-check strong,
html[data-theme="dark"] .permission-table td:first-child,
html[data-theme="dark"] .record-card ul,
html[data-theme="dark"] .upfront-modal-summary strong,
html[data-theme="dark"] .support-ticket-card span:not(.pill),
html[data-theme="dark"] .legal-doc-list p,
html[data-theme="dark"] .onboarding-checks div,
html[data-theme="dark"] .workflow-count{
  color:var(--ink);
}

html[data-theme="dark"] .card-mini-label,
html[data-theme="dark"] .upfront-modal-body p,
html[data-theme="dark"] .onboarding-progress div,
html[data-theme="dark"] .onboarding-progress span,
html[data-theme="dark"] .onboarding-step-panel p,
html[data-theme="dark"] .support-ticket-card small,
html[data-theme="dark"] .upfront-modal-summary span{
  color:var(--muted);
}

html[data-theme="dark"] .analytics-bar-track,
html[data-theme="dark"] .pipeline-track,
html[data-theme="dark"] .health-meter,
html[data-theme="dark"] .onboarding-progress,
html[data-theme="dark"] .meter{
  background:#1a2940;
}

html[data-theme="dark"] .workflow-stage{
  background:#1e2d55;
  color:#c7d2fe;
}

html[data-theme="dark"] .pipeline-steps span,
html[data-theme="dark"] .wizard-step,
html[data-theme="dark"] .onboarding-step-tab{
  background:#0b1628;
  border-color:var(--line);
  color:var(--muted);
}

html[data-theme="dark"] .pipeline-steps span.done,
html[data-theme="dark"] .wizard-step.done,
html[data-theme="dark"] .onboarding-step-tab.done span,
html[data-theme="dark"] .credential-required-row.complete{
  background:#123624;
  color:#bbf7d0;
  border-color:#235b3c;
}

html[data-theme="dark"] .wizard-step.active,
html[data-theme="dark"] .onboarding-step-tab.active,
html[data-theme="dark"] .theme-mode-card.active{
  background:#132442;
  color:var(--ink);
  box-shadow:none;
}

html[data-theme="dark"] .onboarding-tip,
html[data-theme="dark"] .credential-required-row.missing{
  background:#2f240f;
  border-color:#77581b;
  color:#fde68a;
}

html[data-theme="dark"] .record-card.completion-alert{
  background:#351822;
  border-color:#7f1d1d;
}

/* DocketServe cinematic UI refresh: delivery-tech command center */
:root{
  --cinema-bg:#edf2f7;
  --cinema-bg-2:#f8fafc;
  --cinema-ink:#0b1220;
  --cinema-muted:#66758d;
  --cinema-card:rgba(255,255,255,.94);
  --cinema-card-solid:#ffffff;
  --cinema-line:rgba(15,31,53,.12);
  --cinema-line-strong:rgba(15,31,53,.20);
  --cinema-blue:#2f6df6;
  --cinema-blue-2:#5b8cff;
  --cinema-green:#15a36a;
  --cinema-gold:#d6a33b;
  --cinema-red:#d53f3f;
  --cinema-shadow:0 18px 48px rgba(8,19,42,.10);
  --cinema-shadow-soft:0 10px 28px rgba(8,19,42,.08);
  --cinema-focus:0 0 0 4px rgba(47,109,246,.14);
}
html[data-theme="dark"]{
  --cinema-bg:#050b16;
  --cinema-bg-2:#091426;
  --cinema-ink:#eff6ff;
  --cinema-muted:#9baec8;
  --cinema-card:rgba(14,27,46,.92);
  --cinema-card-solid:#0e1b2e;
  --cinema-line:rgba(171,193,226,.14);
  --cinema-line-strong:rgba(171,193,226,.24);
  --cinema-blue:#6c96ff;
  --cinema-blue-2:#91b0ff;
  --cinema-green:#48d597;
  --cinema-gold:#e0b84f;
  --cinema-red:#ff7a7a;
  --cinema-shadow:0 24px 64px rgba(0,0,0,.36);
  --cinema-shadow-soft:0 14px 34px rgba(0,0,0,.30);
  --cinema-focus:0 0 0 4px rgba(108,150,255,.20);
}
html,body{background:var(--cinema-bg);color:var(--cinema-ink);letter-spacing:0}
body{
  background:
    linear-gradient(180deg,var(--cinema-bg-2) 0%,var(--cinema-bg) 38%,#e9eef6 100%);
}
html[data-theme="dark"] body{
  background:
    linear-gradient(180deg,#050b16 0%,#091426 42%,#050b16 100%);
}
.view-title,
.brand-name,
.side-title,
.job-name,
.panel-title,
.route-current-title,
.route-field-card h3,
.welcome-card strong,
h1,h2,h3{letter-spacing:0}
.section-kicker,
.route-eyebrow,
.card-mini-label,
.eyebrow,
.launch-splash-kicker{letter-spacing:0}

.launch-splash{
  background:
    linear-gradient(140deg,#050b16 0%,#0c1b32 48%,#172d49 100%);
}
.launch-splash-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:8px;
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
  box-shadow:0 34px 90px rgba(0,0,0,.36);
  padding:28px;
}
.launch-splash-card:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:48px 48px;
  opacity:.34;
  pointer-events:none;
}
.launch-splash-brand,
.launch-splash p,
.launch-splash-grid,
.launch-splash-actions{position:relative}
.launch-splash h1{font-size:54px;line-height:1.02;letter-spacing:0}
.launch-splash p{font-size:18px;color:rgba(255,255,255,.76)}
.launch-splash-grid div{
  border-color:rgba(255,255,255,.14);
  border-radius:8px;
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(16px);
}

.auth-brand{
  background:
    linear-gradient(150deg,#061126 0%,#10213a 62%,#173657 100%);
}
.auth-panel{
  margin-top:18px;
  border:1px solid var(--cinema-line);
  border-radius:8px;
  background:var(--cinema-card);
  box-shadow:var(--cinema-shadow);
  backdrop-filter:blur(18px);
}
.brand-mark{
  border-radius:8px;
  border-color:rgba(214,163,59,.50);
  box-shadow:0 12px 30px rgba(0,0,0,.18);
}
.brand-mark.sm{border-radius:8px}

.app-shell{background:var(--cinema-bg)}
.main-panel{
  min-height:100vh;
  background:
    linear-gradient(180deg,rgba(255,255,255,.48),transparent 220px),
    var(--cinema-bg);
}
html[data-theme="dark"] .main-panel{
  background:
    linear-gradient(180deg,rgba(20,40,69,.32),transparent 220px),
    var(--cinema-bg);
}
.topbar{
  min-height:72px;
  background:rgba(248,250,252,.78);
  border-bottom:1px solid var(--cinema-line);
  backdrop-filter:blur(22px) saturate(150%);
  box-shadow:0 8px 28px rgba(8,19,42,.05);
}
html[data-theme="dark"] .topbar{
  background:rgba(5,11,22,.76);
  border-bottom-color:var(--cinema-line);
}
.view-title{font-size:25px;font-weight:950}
.view-subtitle{font-size:13px;color:var(--cinema-muted);font-weight:700}

.side-nav{
  background:
    linear-gradient(180deg,#071225 0%,#0d1c32 58%,#050b16 100%);
  box-shadow:inset -1px 0 rgba(255,255,255,.08),18px 0 52px rgba(8,19,42,.10);
}
.side-brand{border-bottom-color:rgba(255,255,255,.12)}
.side-title{font-size:19px}
.side-nav .nav-btn{
  border:1px solid transparent;
  border-radius:8px;
  min-height:46px;
  font-weight:850;
}
.side-nav .nav-btn:hover{
  border-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.08);
}
.side-nav .nav-btn.active{
  background:linear-gradient(135deg,rgba(214,163,59,.23),rgba(47,109,246,.12));
  border-color:rgba(214,163,59,.30);
  color:#ffd36d;
  box-shadow:0 10px 26px rgba(0,0,0,.14);
}
.side-toggle,
.logout-btn{
  border-radius:8px;
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.10);
}
.app-shell.nav-collapsed .side-nav .nav-btn,
.app-shell.nav-collapsed .logout-btn,
.app-shell.nav-collapsed .side-toggle{border-radius:8px}

.mobile-nav{
  left:50%;
  right:auto;
  width:min(calc(100vw - 34px),560px);
  transform:translateX(-50%);
  bottom:calc(24px + env(safe-area-inset-bottom));
  border-radius:999px;
  background:rgba(5,11,22,.86);
  border:1px solid rgba(255,255,255,.15);
  box-shadow:0 24px 70px rgba(2,8,23,.38);
  backdrop-filter:blur(22px) saturate(160%);
}
.mobile-nav .nav-btn{
  border-radius:999px;
  min-width:50px;
  color:rgba(255,255,255,.70);
}
.mobile-nav .nav-btn.active{
  background:rgba(255,255,255,.18);
  color:#fff;
}
.nav-badge{
  background:linear-gradient(135deg,#ff4d4d,#d62828);
  box-shadow:0 8px 18px rgba(214,40,40,.26);
}

.stat,
.panel,
.job-card,
.record-card,
.plan-card,
.route-stop,
.evidence-tile,
.table-wrap,
.empty,
.qr-box,
.modal,
.install-card,
.referral-progress,
.support-ticket-card,
.legal-doc-list details,
.passkey-row,
.credential-required-row,
.job-secondary-actions,
.job-primary-action,
.case-file-chip,
.assigned-server-panel,
.route-hero,
.route-step-card,
.route-field-card,
.route-batch-card,
.route-selection-panel,
.route-scope-strip,
.route-resume-strip,
.stripe-setup-card,
.client-wizard,
.upfront-payment-card,
.launch-readiness,
.analytics-hero,
.analytics-metric,
.analytics-kpi,
.ceo-hero,
.ceo-action-board{
  border:1px solid var(--cinema-line);
  border-radius:8px;
  background:var(--cinema-card);
  box-shadow:var(--cinema-shadow-soft);
  color:var(--cinema-ink);
}
html[data-theme="dark"] .stat,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .job-card,
html[data-theme="dark"] .record-card,
html[data-theme="dark"] .plan-card,
html[data-theme="dark"] .route-stop,
html[data-theme="dark"] .evidence-tile,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .empty,
html[data-theme="dark"] .qr-box,
html[data-theme="dark"] .modal,
html[data-theme="dark"] .install-card,
html[data-theme="dark"] .referral-progress,
html[data-theme="dark"] .support-ticket-card,
html[data-theme="dark"] .legal-doc-list details,
html[data-theme="dark"] .passkey-row,
html[data-theme="dark"] .credential-required-row,
html[data-theme="dark"] .job-secondary-actions,
html[data-theme="dark"] .job-primary-action,
html[data-theme="dark"] .case-file-chip,
html[data-theme="dark"] .assigned-server-panel,
html[data-theme="dark"] .route-hero,
html[data-theme="dark"] .route-step-card,
html[data-theme="dark"] .route-field-card,
html[data-theme="dark"] .route-batch-card,
html[data-theme="dark"] .route-selection-panel,
html[data-theme="dark"] .route-scope-strip,
html[data-theme="dark"] .route-resume-strip,
html[data-theme="dark"] .stripe-setup-card,
html[data-theme="dark"] .client-wizard,
html[data-theme="dark"] .upfront-payment-card,
html[data-theme="dark"] .launch-readiness,
html[data-theme="dark"] .analytics-hero,
html[data-theme="dark"] .analytics-metric,
html[data-theme="dark"] .analytics-kpi,
html[data-theme="dark"] .ceo-hero,
html[data-theme="dark"] .ceo-action-board{
  background:var(--cinema-card);
  border-color:var(--cinema-line);
  color:var(--cinema-ink);
}
.panel,
.job-card,
.record-card,
.plan-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.job-card:hover,
.record-card:hover,
.plan-card:hover{
  transform:translateY(-1px);
  border-color:var(--cinema-line-strong);
  box-shadow:var(--cinema-shadow);
}
.stat{
  position:relative;
  overflow:hidden;
  padding:16px;
}
.stat:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:linear-gradient(180deg,var(--cinema-blue),var(--cinema-green));
}
.stat strong{font-size:31px;font-weight:950;color:var(--cinema-ink)}
.stat span{font-size:13px;color:var(--cinema-muted);font-weight:760}
.welcome-card{
  border-radius:8px;
  border:1px solid rgba(214,163,59,.26);
  border-left:5px solid var(--cinema-gold);
  background:
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,249,234,.88));
  box-shadow:var(--cinema-shadow-soft);
}
html[data-theme="dark"] .welcome-card{
  background:linear-gradient(135deg,#111d2e,#101827);
  border-color:rgba(224,184,79,.30);
}
.welcome-card strong{font-size:22px;font-weight:950}
.welcome-card p{color:var(--cinema-muted);font-weight:650}

.btn,
.icon-btn,
.contact-icon-btn{
  border-radius:8px;
  min-height:38px;
  font-weight:900;
  transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease;
}
.btn:hover,
.icon-btn:hover,
.contact-icon-btn:hover{transform:translateY(-1px)}
.btn.primary{
  background:linear-gradient(135deg,var(--cinema-blue),#174edc);
  color:#fff;
  box-shadow:0 12px 26px rgba(47,109,246,.24);
}
.btn.accent{
  background:linear-gradient(135deg,var(--cinema-gold),#f0c45d);
  color:#0b1220;
  box-shadow:0 12px 26px rgba(214,163,59,.24);
}
.btn.ghost,
.icon-btn{
  background:rgba(15,31,53,.07);
  color:var(--cinema-ink);
  border:1px solid var(--cinema-line);
}
html[data-theme="dark"] .btn.ghost,
html[data-theme="dark"] .icon-btn{
  background:rgba(255,255,255,.08);
  color:var(--cinema-ink);
  border-color:var(--cinema-line);
}
.btn.success{background:linear-gradient(135deg,#d9fbe8,#b9f5d2);color:#09613d}
.btn.danger{background:#ffe4e4;color:#b42323}
html[data-theme="dark"] .btn.danger{background:#3b1820;color:#ffb4b4}

input,
select,
textarea{
  border-radius:8px;
  min-height:42px;
  border-color:var(--cinema-line);
  background:rgba(255,255,255,.88);
  color:var(--cinema-ink);
}
textarea{min-height:96px}
input:focus,
select:focus,
textarea:focus{
  border-color:var(--cinema-blue);
  box-shadow:var(--cinema-focus);
}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{
  background:rgba(5,11,22,.58);
  color:var(--cinema-ink);
  border-color:var(--cinema-line);
}
form label{color:var(--cinema-muted);font-weight:800}
.segmented{
  border:1px solid var(--cinema-line);
  border-radius:8px;
  background:rgba(15,31,53,.07);
}
.seg-btn{border-radius:7px}
.seg-btn.active{
  background:var(--cinema-card-solid);
  color:var(--cinema-ink);
  box-shadow:0 8px 18px rgba(8,19,42,.08);
}
html[data-theme="dark"] .seg-btn.active{background:#1a2940;color:var(--cinema-ink)}

.pill{
  min-height:24px;
  border:1px solid transparent;
  font-weight:900;
}
.pill.primary,
.pill.open,
.pill.submitted,
.pill.accepted,
.pill.assigned{background:#e9f0ff;color:#174edc;border-color:#cddcff}
.pill.success,
.pill.standard,
.pill.served{background:#e6faef;color:#0b7a4d;border-color:#bdf0d3}
.pill.critical,
.pill.nonservice,
.pill.suspended,
.pill.license_revoked,
.pill.payment_suspended,
.pill.denied,
.pill.removed,
.pill.canceled,
.pill.cancelled{background:#ffe8e8;color:#b42323;border-color:#ffcaca}
.pill.specialty,
.pill.pending{background:#fff4d7;color:#8a5a00;border-color:#f5db91}
html[data-theme="dark"] .pill.primary,
html[data-theme="dark"] .pill.open,
html[data-theme="dark"] .pill.submitted,
html[data-theme="dark"] .pill.accepted,
html[data-theme="dark"] .pill.assigned{background:#152e58;color:#cfe0ff;border-color:#264d8f}
html[data-theme="dark"] .pill.success,
html[data-theme="dark"] .pill.standard,
html[data-theme="dark"] .pill.served{background:#123624;color:#c9fbe0;border-color:#235b3c}
html[data-theme="dark"] .pill.specialty,
html[data-theme="dark"] .pill.pending{background:#3a2a0e;color:#ffe6a3;border-color:#715518}

.job-card{
  gap:11px;
  border-left:4px solid transparent;
}
.job-card:has(.pill.critical){border-left-color:var(--cinema-red)}
.job-card:has(.pill.specialty){border-left-color:var(--cinema-gold)}
.job-card:has(.pill.standard){border-left-color:var(--cinema-green)}
.job-num{color:var(--cinema-blue);font-weight:950}
.job-name{font-size:17px}
.job-address{color:var(--cinema-muted);font-weight:650}
.job-primary-action{
  background:linear-gradient(135deg,rgba(47,109,246,.08),rgba(21,163,106,.06));
  border-color:rgba(47,109,246,.18);
}
.assigned-server-panel,
.printable-documents-panel{
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,251,255,.88));
}
html[data-theme="dark"] .assigned-server-panel,
html[data-theme="dark"] .printable-documents-panel{
  background:linear-gradient(135deg,#111d2e,#0d1929);
}

.route-hero{
  border-left:5px solid var(--cinema-gold);
  background:
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,246,255,.88));
}
html[data-theme="dark"] .route-hero{
  background:linear-gradient(135deg,#111d2e,#0c1b32);
}
.route-step-card.active,
.route-wizard-step.active,
.route-selection-panel.active,
.route-resume-strip{
  border-color:rgba(47,109,246,.34);
  box-shadow:0 0 0 4px rgba(47,109,246,.07),var(--cinema-shadow-soft);
}
.route-step-card.done{border-left-color:var(--cinema-green)}
.route-step-head>span,
.route-wizard-step span,
.stop-num{
  background:linear-gradient(135deg,#13233d,#0b1220);
  color:#fff;
}
.route-step-card.active .route-step-head>span,
.route-wizard-step.active span{
  background:linear-gradient(135deg,var(--cinema-blue),#174edc);
}
.route-step-card.done .route-step-head>span,
.route-wizard-step.done span{
  background:linear-gradient(135deg,var(--cinema-green),#0b7a4d);
}
.route-map{
  background:
    linear-gradient(135deg,#dce8f6,#edf6ff);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.42);
}

.table-wrap{
  overflow:hidden;
}
table{border-collapse:separate;border-spacing:0}
th{
  background:rgba(15,31,53,.06);
  color:var(--cinema-muted);
  font-weight:950;
}
td{border-bottom-color:var(--cinema-line)}
html[data-theme="dark"] th{background:rgba(255,255,255,.06);color:var(--cinema-muted)}

.modal{
  box-shadow:0 32px 96px rgba(8,19,42,.28);
}
.modal::backdrop{
  background:rgba(5,11,22,.62);
  backdrop-filter:blur(6px);
}
.modal-head{
  border-bottom:1px solid var(--cinema-line);
  padding-bottom:12px;
  margin-bottom:12px;
}

.notice{
  border-radius:8px;
  border-color:rgba(214,163,59,.34);
  background:#fff8e7;
  color:#744b09;
}
.notice.success{background:#e6faef;border-color:#bdf0d3;color:#0b7a4d}
.notice.warning{background:#fff4d7;border-color:#f5db91;color:#7a4d00}
.notice.neutral{background:rgba(15,31,53,.05);border-color:var(--cinema-line);color:var(--cinema-muted)}
html[data-theme="dark"] .notice{background:#33250d;border-color:#715518;color:#ffe6a3}
html[data-theme="dark"] .notice.success{background:#123624;border-color:#235b3c;color:#c9fbe0}
html[data-theme="dark"] .notice.neutral{background:rgba(255,255,255,.06);border-color:var(--cinema-line);color:var(--cinema-muted)}

.upfront-payment-panel{
  border-radius:8px;
  background:linear-gradient(135deg,#fff6d4 0%,#fffbeb 52%,#fff 100%);
  box-shadow:0 20px 48px rgba(214,163,59,.16);
}
.upfront-payment-mark{border-radius:8px}
.launch-score,
.health-score,
.integrity-badge{
  border-radius:8px;
  box-shadow:var(--cinema-shadow-soft);
}

@media (min-width:920px){
  .view{padding:24px}
  .app-shell{grid-template-columns:260px minmax(0,1fr)}
  .app-shell.nav-collapsed{grid-template-columns:92px minmax(0,1fr)}
  .stats-grid{gap:14px}
  .job-list{gap:14px}
  .panel{padding:16px}
  .route-flow-panel{gap:14px}
}
@media (max-width:919px){
  .topbar{min-height:82px;padding:16px 18px}
  .view{padding:18px 18px 124px}
  .stats-grid{gap:12px}
  .panel,.job-card,.record-card,.route-step-card,.route-field-card{padding:14px}
  .auth-panel{margin:12px}
}
@media (max-width:560px){
  .launch-splash-card{padding:20px}
  .launch-splash h1{font-size:42px}
  .auth-panel{border-radius:8px}
  .view-title{font-size:28px}
  .top-actions .btn.accent{min-width:96px}
  .mobile-nav{bottom:calc(22px + env(safe-area-inset-bottom))}
  .btn,.icon-btn{min-height:40px}
}
@media (max-width:420px){
  .view{padding:14px 14px 122px}
  .topbar{padding:14px}
  .mobile-nav{
    left:50%;
    right:auto;
    width:min(calc(100vw - 28px),560px);
    bottom:calc(24px + env(safe-area-inset-bottom));
  }
  .mobile-nav .nav-btn{min-width:44px}
  .mobile-nav .nav-btn.active{min-width:72px}
}

/* DocketServe luxury-light correction: light is the default, night mode is deliberate. */
:root{
  --lux-bg:#f7f4ed;
  --lux-bg-soft:#fbfaf7;
  --lux-panel:#ffffff;
  --lux-panel-2:#f8fafc;
  --lux-ink:#0c1424;
  --lux-muted:#68758b;
  --lux-line:rgba(15,31,53,.12);
  --lux-line-strong:rgba(15,31,53,.22);
  --lux-navy:#0f1f35;
  --lux-navy-2:#132b4a;
  --lux-gold:#c89b3c;
  --lux-blue:#2f6df6;
  --lux-green:#168a56;
  --lux-red:#b42323;
  --lux-shadow:0 18px 46px rgba(15,31,53,.10);
  --lux-shadow-soft:0 9px 24px rgba(15,31,53,.07);
  --lux-focus:0 0 0 4px rgba(47,109,246,.15);
}

html:not([data-theme="dark"]),
html[data-theme="light"]{
  color-scheme:light;
  --cinema-bg:var(--lux-bg);
  --cinema-bg-2:var(--lux-bg-soft);
  --cinema-ink:var(--lux-ink);
  --cinema-muted:var(--lux-muted);
  --cinema-card:rgba(255,255,255,.94);
  --cinema-card-solid:var(--lux-panel);
  --cinema-line:var(--lux-line);
  --cinema-line-strong:var(--lux-line-strong);
  --cinema-blue:var(--lux-blue);
  --cinema-blue-2:#5d8bff;
  --cinema-green:var(--lux-green);
  --cinema-gold:var(--lux-gold);
  --cinema-red:var(--lux-red);
  --cinema-shadow:var(--lux-shadow);
  --cinema-shadow-soft:var(--lux-shadow-soft);
  --cinema-focus:var(--lux-focus);
}

html:not([data-theme="dark"]) body,
html[data-theme="light"] body{
  background:
    linear-gradient(180deg,#fbfaf7 0%,#f5f1e8 42%,#eef4fb 100%);
  color:var(--lux-ink);
}

html:not([data-theme="dark"]) .app-shell,
html[data-theme="light"] .app-shell{background:transparent}

html:not([data-theme="dark"]) .main-panel,
html[data-theme="light"] .main-panel{
  background:
    radial-gradient(circle at 14% 0%,rgba(200,155,60,.10),transparent 28%),
    linear-gradient(180deg,#fbfaf7 0%,#f5f1e8 48%,#eef4fb 100%);
}

html:not([data-theme="dark"]) .topbar,
html[data-theme="light"] .topbar{
  background:rgba(251,250,247,.86);
  color:var(--lux-ink);
  border-bottom:1px solid rgba(15,31,53,.10);
  backdrop-filter:blur(18px) saturate(1.1);
}

html:not([data-theme="dark"]) .side-nav,
html[data-theme="light"] .side-nav{
  background:
    linear-gradient(180deg,#142742 0%,#0f1f35 58%,#07162a 100%);
  box-shadow:inset -1px 0 rgba(255,255,255,.10),12px 0 32px rgba(15,31,53,.09);
}

html:not([data-theme="dark"]) .brand-mark,
html[data-theme="light"] .brand-mark{
  background:#ffffff;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}

html:not([data-theme="dark"]) .view-title,
html[data-theme="light"] .view-title,
html:not([data-theme="dark"]) .panel-title,
html[data-theme="light"] .panel-title,
html:not([data-theme="dark"]) h1,
html[data-theme="light"] h1,
html:not([data-theme="dark"]) h2,
html[data-theme="light"] h2,
html:not([data-theme="dark"]) h3,
html[data-theme="light"] h3{color:var(--lux-ink)}

html:not([data-theme="dark"]) .panel,
html[data-theme="light"] .panel,
html:not([data-theme="dark"]) .stat,
html[data-theme="light"] .stat,
html:not([data-theme="dark"]) .job-card,
html[data-theme="light"] .job-card,
html:not([data-theme="dark"]) .record-card,
html[data-theme="light"] .record-card,
html:not([data-theme="dark"]) .route-step-card,
html[data-theme="light"] .route-step-card,
html:not([data-theme="dark"]) .route-field-card,
html[data-theme="light"] .route-field-card,
html:not([data-theme="dark"]) .table-wrap,
html[data-theme="light"] .table-wrap,
html:not([data-theme="dark"]) .modal,
html[data-theme="light"] .modal{
  background:rgba(255,255,255,.92);
  color:var(--lux-ink);
  border-color:rgba(15,31,53,.12);
  box-shadow:var(--lux-shadow-soft);
}

html:not([data-theme="dark"]) .panel:hover,
html[data-theme="light"] .panel:hover,
html:not([data-theme="dark"]) .job-card:hover,
html[data-theme="light"] .job-card:hover{
  box-shadow:var(--lux-shadow);
}

html:not([data-theme="dark"]) .welcome-card,
html[data-theme="light"] .welcome-card,
html:not([data-theme="dark"]) .route-hero,
html[data-theme="light"] .route-hero{
  background:
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,244,237,.92) 56%,rgba(238,246,255,.92));
  border-color:rgba(200,155,60,.30);
  box-shadow:0 20px 48px rgba(15,31,53,.08);
}

html:not([data-theme="dark"]) .route-hero,
html[data-theme="light"] .route-hero,
html:not([data-theme="dark"]) .welcome-card{
  border-left-color:var(--lux-gold);
}

html:not([data-theme="dark"]) .route-current-card,
html[data-theme="light"] .route-current-card,
html:not([data-theme="dark"]) .route-resume-strip,
html[data-theme="light"] .route-resume-strip{
  background:linear-gradient(135deg,#ffffff,#f1f6ff);
  color:var(--lux-ink);
  border-color:rgba(47,109,246,.22);
}

html:not([data-theme="dark"]) .btn,
html[data-theme="light"] .btn,
html:not([data-theme="dark"]) .icon-btn,
html[data-theme="light"] .icon-btn{
  border-radius:8px;
}

html:not([data-theme="dark"]) .btn.primary,
html[data-theme="light"] .btn.primary{
  background:linear-gradient(135deg,#2f6df6,#174edc);
  color:#fff;
  box-shadow:0 12px 26px rgba(47,109,246,.22);
}

html:not([data-theme="dark"]) .btn.accent,
html[data-theme="light"] .btn.accent{
  background:linear-gradient(135deg,#d6a33b,#f0c45d);
  color:#0c1424;
  box-shadow:0 12px 26px rgba(200,155,60,.24);
}

html:not([data-theme="dark"]) .btn.ghost,
html[data-theme="light"] .btn.ghost,
html:not([data-theme="dark"]) .icon-btn,
html[data-theme="light"] .icon-btn{
  background:rgba(15,31,53,.07);
  color:var(--lux-ink);
  border:1px solid rgba(15,31,53,.10);
}

html:not([data-theme="dark"]) input,
html[data-theme="light"] input,
html:not([data-theme="dark"]) select,
html[data-theme="light"] select,
html:not([data-theme="dark"]) textarea,
html[data-theme="light"] textarea{
  background:#fff;
  color:var(--lux-ink);
  border-color:rgba(15,31,53,.14);
}

html:not([data-theme="dark"]) .launch-splash,
html[data-theme="light"] .launch-splash{
  background:
    radial-gradient(circle at 18% 8%,rgba(200,155,60,.14),transparent 30%),
    linear-gradient(135deg,#fbfaf7 0%,#f6f1e7 46%,#eaf2fc 100%);
  color:var(--lux-ink);
}

html:not([data-theme="dark"]) .launch-splash-card,
html[data-theme="light"] .launch-splash-card{
  background:rgba(255,255,255,.78);
  border-color:rgba(15,31,53,.12);
  box-shadow:0 32px 84px rgba(15,31,53,.16);
  backdrop-filter:blur(18px) saturate(1.08);
}

html:not([data-theme="dark"]) .launch-splash-card:before,
html[data-theme="light"] .launch-splash-card:before{
  background-image:
    linear-gradient(rgba(15,31,53,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,31,53,.055) 1px,transparent 1px);
}

html:not([data-theme="dark"]) .launch-splash p,
html[data-theme="light"] .launch-splash p{color:#4f5e76}

html:not([data-theme="dark"]) .launch-splash-grid div,
html[data-theme="light"] .launch-splash-grid div{
  background:#fff;
  color:var(--lux-ink);
  border-color:rgba(15,31,53,.10);
}

.theme-quick-toggle{
  font-size:0;
  min-width:44px;
  width:44px;
}
.theme-quick-toggle:before{
  content:"\263E";
  font-size:18px;
  line-height:1;
}
html[data-theme="dark"] .theme-quick-toggle:before{content:"\2600"}

html[data-theme="dark"] .panel,
html[data-theme="dark"] .stat,
html[data-theme="dark"] .job-card,
html[data-theme="dark"] .record-card,
html[data-theme="dark"] .route-step-card,
html[data-theme="dark"] .route-field-card,
html[data-theme="dark"] .route-current-card,
html[data-theme="dark"] .route-resume-strip,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .modal{
  background:#101c2e;
  color:#eff6ff;
  border-color:rgba(171,193,226,.18);
  box-shadow:0 18px 44px rgba(0,0,0,.30);
}

html[data-theme="dark"] .route-hero,
html[data-theme="dark"] .welcome-card{
  background:linear-gradient(135deg,#101c2e,#0b1728);
  color:#eff6ff;
  border-color:rgba(224,184,79,.28);
}

html[data-theme="dark"] .route-scope-card,
html[data-theme="dark"] .route-wizard-step,
html[data-theme="dark"] .route-batch-card{
  background:#101c2e;
  color:#eff6ff;
  border-color:rgba(171,193,226,.18);
}

html[data-theme="dark"] .muted,
html[data-theme="dark"] .job-address,
html[data-theme="dark"] .view-subtitle,
html[data-theme="dark"] .field-hint,
html[data-theme="dark"] .route-step-card p,
html[data-theme="dark"] .route-current-subtitle{color:#9baec8}

@keyframes dsLuxuryRise{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

@keyframes dsLuxuryPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(47,109,246,.18),var(--lux-shadow-soft)}
  50%{box-shadow:0 0 0 7px rgba(47,109,246,.05),var(--lux-shadow)}
}

.view.active .welcome-card,
.view.active .stat,
.view.active .panel,
.view.active .job-card,
.view.active .route-step-card{
  animation:dsLuxuryRise .30s cubic-bezier(.22,1,.36,1) both;
}

.route-step-card.active,
.route-current-card.active,
.job-card.active{
  animation:dsLuxuryPulse 2.6s ease-in-out infinite;
}

@media (prefers-reduced-motion:reduce){
  .view.active .welcome-card,
  .view.active .stat,
  .view.active .panel,
  .view.active .job-card,
  .view.active .route-step-card,
  .route-step-card.active,
  .route-current-card.active,
  .job-card.active{
    animation:none!important;
  }
  .btn,
  .icon-btn,
  .job-card,
  .panel{transition:none!important}
}

/* DocketServe Luxe v2: cohesive 2026 premium field-app interface. */
:root{
  --ds-bg:#f5f3ee;
  --ds-bg-2:#eef4fa;
  --ds-surface:#ffffff;
  --ds-surface-soft:#f9faf8;
  --ds-ink:#0d1626;
  --ds-muted:#657184;
  --ds-subtle:#8a95a6;
  --ds-line:rgba(15,31,53,.12);
  --ds-line-strong:rgba(15,31,53,.22);
  --ds-navy:#0d1b2f;
  --ds-navy-2:#142a48;
  --ds-navy-3:#1b3a61;
  --ds-gold:#c89b3c;
  --ds-gold-2:#edc766;
  --ds-blue:#2868f0;
  --ds-teal:#0d8b73;
  --ds-green:#147a4b;
  --ds-red:#b42323;
  --ds-amber:#a86310;
  --ds-shadow-lg:0 28px 80px rgba(15,31,53,.16);
  --ds-shadow:0 14px 36px rgba(15,31,53,.10);
  --ds-shadow-sm:0 7px 20px rgba(15,31,53,.07);
  --ds-focus:0 0 0 4px rgba(40,104,240,.15);
}

html:not([data-theme="dark"]),
html[data-theme="light"]{
  color-scheme:light;
  --ink:var(--ds-ink);
  --muted:var(--ds-muted);
  --line:var(--ds-line);
  --paper:var(--ds-surface);
  --wash:var(--ds-bg);
  --navy:var(--ds-navy);
  --navy-2:var(--ds-navy-2);
  --gold:var(--ds-gold);
  --blue:var(--ds-blue);
  --teal:var(--ds-teal);
  --green:var(--ds-green);
  --success:var(--ds-green);
  --red:var(--ds-red);
  --amber:var(--ds-amber);
  --shadow:var(--ds-shadow);
  --cinema-bg:var(--ds-bg);
  --cinema-bg-2:var(--ds-bg-2);
  --cinema-ink:var(--ds-ink);
  --cinema-muted:var(--ds-muted);
  --cinema-card:rgba(255,255,255,.94);
  --cinema-card-solid:var(--ds-surface);
  --cinema-line:var(--ds-line);
  --cinema-line-strong:var(--ds-line-strong);
  --cinema-blue:var(--ds-blue);
  --cinema-blue-2:#6a93ff;
  --cinema-green:var(--ds-green);
  --cinema-gold:var(--ds-gold);
  --cinema-red:var(--ds-red);
  --cinema-shadow:var(--ds-shadow);
  --cinema-shadow-soft:var(--ds-shadow-sm);
  --cinema-focus:var(--ds-focus);
}

html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:0}

html:not([data-theme="dark"]) body,
html[data-theme="light"] body{
  background:
    linear-gradient(180deg,#faf8f3 0%,#f4f0e8 38%,#eef4fa 100%);
  color:var(--ds-ink);
}

html:not([data-theme="dark"]) body:before,
html[data-theme="light"] body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(15,31,53,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,31,53,.035) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.68),transparent 76%);
}

.view-title,
.brand-name,
.side-title,
.panel-title,
.job-name,
.route-current-title,
.route-field-card h3,
.credential-name,
h1,h2,h3{font-weight:950;letter-spacing:0;color:var(--ds-ink)}

.view-subtitle,
.muted,
.microcopy,
.job-address,
.route-current-address,
.route-current-submeta,
.route-field-card p,
.route-step-card p{color:var(--ds-muted)}

.launch-splash{
  background:
    linear-gradient(135deg,#faf8f2 0%,#f2eee5 48%,#e8f1fa 100%)!important;
  color:var(--ds-ink)!important;
}
.launch-splash-card{
  width:min(1120px,100%)!important;
  min-height:min(620px,calc(100vh - 44px));
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
  align-items:center;
  gap:28px!important;
  padding:34px!important;
  border:1px solid rgba(15,31,53,.13)!important;
  border-top:3px solid rgba(200,155,60,.82)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.84)!important;
  box-shadow:var(--ds-shadow-lg)!important;
  backdrop-filter:blur(20px) saturate(1.06);
}
.launch-splash-card:before{
  background-image:
    linear-gradient(rgba(15,31,53,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,31,53,.045) 1px,transparent 1px)!important;
  background-size:52px 52px!important;
  opacity:.58!important;
}
.launch-splash-content,
.launch-splash-preview{position:relative;z-index:1}
.launch-splash-brand{align-items:center;gap:18px!important}
.launch-splash .brand-mark{
  width:64px;
  height:64px;
  border:1px solid rgba(200,155,60,.38);
  box-shadow:0 18px 42px rgba(15,31,53,.12);
}
.launch-splash-kicker{
  color:var(--ds-gold)!important;
  font-size:12px!important;
  font-weight:950!important;
  text-transform:uppercase;
  letter-spacing:0!important;
}
.launch-splash h1{
  margin:2px 0 0!important;
  color:var(--ds-ink)!important;
  font-size:clamp(46px,7vw,82px)!important;
  line-height:.92!important;
  text-wrap:balance;
}
.launch-splash .brand-sub{
  margin-top:8px;
  color:#5b6678!important;
  font-size:12px!important;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:0!important;
}
.launch-splash p{
  margin:32px 0 0!important;
  max-width:820px!important;
  color:#344255!important;
  font-size:clamp(18px,2vw,23px)!important;
  line-height:1.35!important;
  font-weight:620;
}
.launch-splash-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px!important;
  margin-top:24px;
}
.launch-splash-grid div{
  min-height:122px;
  padding:16px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfaf7 100%)!important;
  border:1px solid rgba(15,31,53,.11)!important;
  border-radius:8px!important;
  box-shadow:0 8px 24px rgba(15,31,53,.06);
}
.launch-splash-grid strong{
  color:var(--ds-ink)!important;
  font-size:16px!important;
  font-weight:950;
}
.launch-splash-grid span{
  margin-top:8px!important;
  color:#657184!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:650;
}
.launch-splash-actions{margin-top:26px;gap:10px!important}
.launch-splash-actions .btn{min-height:44px!important;padding:11px 18px!important}
.launch-splash-preview{
  min-height:440px;
  display:grid;
  align-items:center;
}
.preview-phone{
  margin-left:auto;
  width:min(100%,390px);
  border-radius:8px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,#111f34 0%,#091424 100%);
  color:#fff;
  padding:18px;
  box-shadow:0 28px 80px rgba(15,31,53,.34);
  overflow:hidden;
}
.preview-topline{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}
.preview-topline span{color:#9fb0ca;font-weight:820;font-size:13px}
.preview-topline strong{color:#f1cb62;font-size:22px}
.preview-map{
  position:relative;
  height:190px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:8px;
  overflow:hidden;
  background:
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(145deg,#142842,#0d1b2f);
  background-size:34px 34px,34px 34px,auto;
}
.preview-pin{position:absolute;width:18px;height:18px;border-radius:50%;background:#f1cb62;box-shadow:0 0 0 6px rgba(241,203,98,.15)}
.preview-pin.one{left:18%;top:26%}
.preview-pin.two{left:56%;top:42%;background:#2f7cf6;box-shadow:0 0 0 6px rgba(47,124,246,.15)}
.preview-pin.three{left:74%;top:70%;background:#20b486;box-shadow:0 0 0 6px rgba(32,180,134,.15)}
.preview-route-line{position:absolute;height:3px;background:linear-gradient(90deg,#f1cb62,#2f7cf6);border-radius:999px;transform-origin:left center}
.preview-route-line.a{left:23%;top:34%;width:112px;transform:rotate(19deg)}
.preview-route-line.b{left:60%;top:49%;width:92px;transform:rotate(42deg);background:linear-gradient(90deg,#2f7cf6,#20b486)}
.preview-card{
  margin-top:12px;
  padding:13px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.075);
}
.preview-card.active{border-color:rgba(241,203,98,.28);background:rgba(241,203,98,.08)}
.preview-card small,
.preview-card strong,
.preview-card span{display:block}
.preview-card small{color:#f1cb62;font-size:10px;font-weight:950;letter-spacing:0;text-transform:uppercase}
.preview-card strong{margin-top:5px;color:#fff;font-size:16px}
.preview-card span{margin-top:4px;color:#9fb0ca;font-size:12px}

.auth-screen{
  background:
    linear-gradient(135deg,#f9f7f1 0%,#f2eee5 52%,#e8f1fa 100%);
}
.auth-brand{
  background:linear-gradient(180deg,#142842 0%,#0d1b2f 100%)!important;
  box-shadow:inset -1px 0 rgba(255,255,255,.08);
}
.auth-panel{
  background:rgba(255,255,255,.76);
  border:1px solid rgba(15,31,53,.12);
  border-radius:8px;
  box-shadow:var(--ds-shadow);
  backdrop-filter:blur(16px);
}

.app-shell{background:transparent!important}
.main-panel{
  background:
    linear-gradient(180deg,#faf8f3 0%,#f4f0e8 42%,#eef4fa 100%)!important;
}
.topbar{
  min-height:82px;
  background:rgba(250,248,243,.90)!important;
  border-bottom:1px solid rgba(15,31,53,.10)!important;
  box-shadow:0 8px 26px rgba(15,31,53,.04);
  backdrop-filter:blur(18px) saturate(1.08);
}
.top-actions{gap:8px}
.side-nav{
  background:
    linear-gradient(180deg,#142842 0%,#0d1b2f 62%,#071425 100%)!important;
  box-shadow:inset -1px 0 rgba(255,255,255,.09),12px 0 34px rgba(15,31,53,.08)!important;
}
.side-nav .nav-btn{
  border-radius:8px!important;
  color:rgba(255,255,255,.68)!important;
}
.side-nav .nav-btn:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
.side-nav .nav-btn.active{
  background:linear-gradient(135deg,rgba(200,155,60,.23),rgba(200,155,60,.10))!important;
  color:#f1cb62!important;
  box-shadow:inset 0 0 0 1px rgba(200,155,60,.18)!important;
}

.panel,
.stat,
.job-card,
.record-card,
.plan-card,
.route-stop,
.evidence-tile,
.table-wrap,
.empty,
.qr-box,
.modal,
.install-card,
.support-ticket-card,
.legal-doc-list details,
.passkey-row,
.credential-required-row,
.job-secondary-actions,
.job-primary-action,
.case-file-chip,
.assigned-server-panel,
.route-hero,
.route-step-card,
.route-collapsible,
.route-waiting-card,
.route-controls,
.route-wizard-step,
.route-settings,
.route-details,
.route-scope-strip,
.route-selection-panel,
.route-resume-strip,
.route-order-row,
.route-field-card,
.route-batch-card,
.route-select-toggle,
.admin-tab,
.admin-queue-card,
.referral-panel,
.appearance-panel,
.launch-promo-panel,
.upfront-payment-panel{
  background:rgba(255,255,255,.92)!important;
  color:var(--ds-ink)!important;
  border:1px solid rgba(15,31,53,.12)!important;
  border-radius:8px!important;
  box-shadow:var(--ds-shadow-sm);
}
.panel,
.job-card,
.record-card,
.route-step-card,
.route-field-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.panel:hover,
.job-card:hover,
.route-step-card:hover{
  transform:translateY(-1px);
  box-shadow:var(--ds-shadow);
  border-color:rgba(15,31,53,.18)!important;
}
.welcome-card,
.route-hero,
.quick-actions-panel,
.printable-documents-panel,
.assigned-server-panel{
  background:linear-gradient(135deg,#ffffff 0%,#fbfaf7 55%,#f0f6ff 100%)!important;
}
.welcome-card,
.route-hero{border-left:4px solid var(--ds-gold)!important}
.quick-actions-panel,
.assigned-server-panel{border-left:4px solid var(--ds-blue)!important}
.printable-documents-panel,
.launch-promo-panel{border-left:4px solid var(--ds-gold)!important}

.stat{
  position:relative;
  overflow:hidden;
  min-height:104px;
}
.stat:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:linear-gradient(180deg,var(--ds-gold),var(--ds-blue));
}
.stat strong{font-size:34px!important;color:var(--ds-ink)!important;letter-spacing:0}
.stat span{color:var(--ds-muted)!important;font-weight:780!important}

.btn,
.icon-btn,
.contact-icon-btn,
.seg-btn{
  border-radius:8px!important;
  font-weight:900!important;
  letter-spacing:0!important;
}
.btn.primary{
  background:linear-gradient(135deg,#2f6df6,#174edc)!important;
  color:#fff!important;
  border:1px solid rgba(47,109,246,.25)!important;
  box-shadow:0 12px 28px rgba(47,109,246,.22)!important;
}
.btn.accent{
  background:linear-gradient(135deg,#d6a33b,#f0c45d)!important;
  color:#0d1626!important;
  border:1px solid rgba(200,155,60,.26)!important;
  box-shadow:0 12px 28px rgba(200,155,60,.22)!important;
}
.btn.ghost,
.icon-btn,
.contact-icon-btn{
  background:#eef2f7!important;
  color:var(--ds-ink)!important;
  border:1px solid rgba(15,31,53,.10)!important;
  box-shadow:none!important;
}
.btn.success,
.contact-icon-btn.success{background:#e4faef!important;color:#0d7045!important}
.btn.danger{background:#fee8e8!important;color:#b42323!important}
.btn:hover,
.icon-btn:hover,
.contact-icon-btn:hover{transform:translateY(-1px)}

input,
select,
textarea{
  background:#fff!important;
  color:var(--ds-ink)!important;
  border:1px solid rgba(15,31,53,.16)!important;
  border-radius:8px!important;
}
input:focus,
select:focus,
textarea:focus{
  border-color:var(--ds-blue)!important;
  box-shadow:var(--ds-focus)!important;
}
form label,
.section-kicker,
.kv span:first-child{
  color:#58667a!important;
  letter-spacing:0!important;
}
.section-kicker{font-weight:950!important}

.segmented{
  background:#e9eef5!important;
  border:1px solid rgba(15,31,53,.08)!important;
}
.seg-btn.active{
  background:#fff!important;
  color:var(--ds-ink)!important;
  box-shadow:0 6px 16px rgba(15,31,53,.08)!important;
}

table{color:var(--ds-ink)}
th{
  background:#f3f6fa!important;
  color:#5b6678!important;
  letter-spacing:0!important;
}
td{border-bottom-color:rgba(15,31,53,.09)!important}

.pill{
  border-radius:999px!important;
  font-weight:900!important;
  border:1px solid transparent!important;
}
.pill.primary,
.pill.open,
.pill.submitted,
.pill.accepted,
.pill.assigned{background:#e8f0ff!important;color:#1f58d6!important;border-color:#cbdcff!important}
.pill.success,
.pill.standard,
.pill.served{background:#e5f8ef!important;color:#0d7045!important;border-color:#bee8d1!important}
.pill.critical,
.pill.nonservice,
.pill.suspended,
.pill.license_revoked,
.pill.payment_suspended,
.pill.denied,
.pill.removed,
.pill.canceled,
.pill.cancelled{background:#fee8e8!important;color:#b42323!important;border-color:#fac5c5!important}
.pill.specialty,
.pill.pending{background:#fff3d6!important;color:#805305!important;border-color:#ead083!important}

.route-scope-segment .seg-btn,
.route-provider-segment .seg-btn{
  min-height:42px;
}
.route-step-card.active,
.route-wizard-step.active,
.route-selection-panel.active,
.route-resume-strip,
.route-batch-card.active,
.route-stop.active{
  background:linear-gradient(135deg,#ffffff,#f1f6ff)!important;
  border-color:rgba(40,104,240,.34)!important;
  box-shadow:0 0 0 4px rgba(40,104,240,.08),var(--ds-shadow-sm)!important;
}
.route-step-card.done{border-left:4px solid var(--ds-green)!important}
.route-step-head>span,
.route-wizard-step span,
.stop-num{
  background:linear-gradient(135deg,var(--ds-navy-2),var(--ds-navy))!important;
  color:#fff!important;
}
.route-step-card.active .route-step-head>span,
.route-wizard-step.active span,
.route-stop.active .stop-num{
  background:linear-gradient(135deg,var(--ds-blue),#174edc)!important;
}
.route-step-card.done .route-step-head>span,
.route-wizard-step.done span{
  background:linear-gradient(135deg,var(--ds-green),#0b6b42)!important;
}
.route-map{
  background:
    linear-gradient(rgba(15,31,53,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,31,53,.06) 1px,transparent 1px),
    linear-gradient(145deg,#dfeaf4,#f2f7fc)!important;
  background-size:38px 38px,38px 38px,auto!important;
}
.route-map:before{opacity:.34}
.route-stop.selected{background:#fffaf0!important;border-color:rgba(200,155,60,.42)!important}

.credential-card.official{
  background:
    linear-gradient(135deg,#0d1b2f 0%,#173759 62%,#1f4873 100%)!important;
  border:1px solid rgba(200,155,60,.52)!important;
  box-shadow:0 26px 70px rgba(15,31,53,.28)!important;
}
.credential-row div,
.credential-status,
.credential-qr{
  border-radius:8px!important;
}
.credential-shell .panel,
.credential-shell .record-card{border-left:4px solid var(--ds-gold)!important}

.notice{
  border-radius:8px!important;
  background:#fff7df!important;
  color:#734707!important;
  border-color:#eed48e!important;
}
.notice.neutral{background:#f4f7fb!important;color:var(--ds-muted)!important;border-color:var(--ds-line)!important}
.notice.success{background:#e4faef!important;color:#0d7045!important;border-color:#bfe8d1!important}
.notice.warning{background:#fff3d6!important;color:#805305!important;border-color:#ead083!important}

.theme-quick-toggle{
  background:#fff!important;
  color:var(--ds-navy)!important;
}
.theme-quick-toggle:before{color:var(--ds-gold)}

.mobile-nav{
  background:rgba(13,27,47,.90)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 20px 60px rgba(13,27,47,.34)!important;
}
.mobile-nav .nav-btn{color:rgba(255,255,255,.68)!important}
.mobile-nav .nav-btn.active{
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
}
.mobile-nav .nav-btn.active .nav-icon{color:#f1cb62!important}

html[data-theme="dark"]{
  --ds-bg:#06101e;
  --ds-bg-2:#0b1728;
  --ds-surface:#101c2e;
  --ds-surface-soft:#0b1728;
  --ds-ink:#eff6ff;
  --ds-muted:#9daec6;
  --ds-subtle:#7d8da4;
  --ds-line:rgba(174,197,230,.16);
  --ds-line-strong:rgba(174,197,230,.28);
  --ds-gold:#e2b84f;
  --ds-blue:#6f99ff;
  --ds-teal:#42d4b5;
  --ds-green:#55cf8f;
  --ds-red:#ff8b8b;
  --ds-shadow-lg:0 28px 80px rgba(0,0,0,.42);
  --ds-shadow:0 18px 46px rgba(0,0,0,.34);
  --ds-shadow-sm:0 10px 28px rgba(0,0,0,.26);
}
html[data-theme="dark"] body{
  background:linear-gradient(180deg,#07111f 0%,#0b1728 48%,#06101e 100%)!important;
  color:var(--ds-ink)!important;
}
html[data-theme="dark"] .main-panel{
  background:linear-gradient(180deg,#07111f 0%,#0b1728 48%,#06101e 100%)!important;
}
html[data-theme="dark"] .topbar{
  background:rgba(7,17,31,.90)!important;
  border-bottom-color:rgba(174,197,230,.16)!important;
}
html[data-theme="dark"] .panel,
html[data-theme="dark"] .stat,
html[data-theme="dark"] .job-card,
html[data-theme="dark"] .record-card,
html[data-theme="dark"] .plan-card,
html[data-theme="dark"] .route-stop,
html[data-theme="dark"] .evidence-tile,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .empty,
html[data-theme="dark"] .qr-box,
html[data-theme="dark"] .modal,
html[data-theme="dark"] .install-card,
html[data-theme="dark"] .support-ticket-card,
html[data-theme="dark"] .legal-doc-list details,
html[data-theme="dark"] .passkey-row,
html[data-theme="dark"] .credential-required-row,
html[data-theme="dark"] .job-secondary-actions,
html[data-theme="dark"] .job-primary-action,
html[data-theme="dark"] .case-file-chip,
html[data-theme="dark"] .assigned-server-panel,
html[data-theme="dark"] .route-hero,
html[data-theme="dark"] .route-step-card,
html[data-theme="dark"] .route-collapsible,
html[data-theme="dark"] .route-waiting-card,
html[data-theme="dark"] .route-controls,
html[data-theme="dark"] .route-wizard-step,
html[data-theme="dark"] .route-settings,
html[data-theme="dark"] .route-details,
html[data-theme="dark"] .route-scope-strip,
html[data-theme="dark"] .route-selection-panel,
html[data-theme="dark"] .route-resume-strip,
html[data-theme="dark"] .route-order-row,
html[data-theme="dark"] .route-field-card,
html[data-theme="dark"] .route-batch-card,
html[data-theme="dark"] .route-select-toggle,
html[data-theme="dark"] .admin-tab,
html[data-theme="dark"] .referral-panel,
html[data-theme="dark"] .appearance-panel,
html[data-theme="dark"] .launch-promo-panel,
html[data-theme="dark"] .upfront-payment-panel{
  background:#101c2e!important;
  color:#eff6ff!important;
  border-color:rgba(174,197,230,.16)!important;
  box-shadow:var(--ds-shadow-sm)!important;
}
html[data-theme="dark"] .welcome-card,
html[data-theme="dark"] .route-hero,
html[data-theme="dark"] .quick-actions-panel,
html[data-theme="dark"] .printable-documents-panel,
html[data-theme="dark"] .assigned-server-panel{
  background:linear-gradient(135deg,#101c2e,#0b1728)!important;
}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{
  background:#0b1728!important;
  color:#eff6ff!important;
  border-color:rgba(174,197,230,.18)!important;
}
html[data-theme="dark"] th{background:#0b1728!important;color:#9daec6!important}
html[data-theme="dark"] .btn.ghost,
html[data-theme="dark"] .icon-btn,
html[data-theme="dark"] .contact-icon-btn{
  background:#1a2940!important;
  color:#eff6ff!important;
  border-color:rgba(174,197,230,.16)!important;
}
html[data-theme="dark"] .launch-splash{
  background:linear-gradient(135deg,#07111f 0%,#0b1728 52%,#07111f 100%)!important;
}
html[data-theme="dark"] .launch-splash-card{
  background:rgba(16,28,46,.86)!important;
  border-color:rgba(174,197,230,.16)!important;
}
html[data-theme="dark"] .launch-splash h1,
html[data-theme="dark"] .launch-splash-grid strong{color:#eff6ff!important}
html[data-theme="dark"] .launch-splash p,
html[data-theme="dark"] .launch-splash .brand-sub,
html[data-theme="dark"] .launch-splash-grid span{color:#9daec6!important}
html[data-theme="dark"] .launch-splash-grid div{
  background:#101c2e!important;
  border-color:rgba(174,197,230,.16)!important;
}

@keyframes dsLuxeEnter{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes dsLuxeGlow{
  0%,100%{box-shadow:0 0 0 0 rgba(40,104,240,.14),var(--ds-shadow-sm)}
  50%{box-shadow:0 0 0 8px rgba(40,104,240,.04),var(--ds-shadow)}
}
.launch-splash-card,
.auth-panel,
.view.active .welcome-card,
.view.active .stat,
.view.active .panel,
.view.active .job-card,
.view.active .route-step-card{
  animation:dsLuxeEnter .34s cubic-bezier(.22,1,.36,1) both;
}
.route-step-card.active,
.route-current-card.active,
.route-stop.active{animation:dsLuxeGlow 2.8s ease-in-out infinite}

@media (max-width:919px){
  .launch-splash-card{
    grid-template-columns:1fr!important;
    min-height:0;
    padding:22px!important;
  }
  .launch-splash-preview{display:none}
  .launch-splash h1{font-size:clamp(42px,12vw,62px)!important}
  .launch-splash p{font-size:17px!important;margin-top:22px!important}
  .launch-splash-grid{grid-template-columns:1fr!important}
  .launch-splash-grid div{min-height:0}
  .auth-panel{margin:14px!important}
  .topbar{min-height:86px}
}
@media (min-width:920px){
  .view{padding:28px!important}
  .panel{padding:18px!important}
  .job-card{padding:16px!important}
}
@media (max-width:520px){
  .view{padding:16px 16px 128px!important}
  .view-title{font-size:30px!important}
  .topbar{padding:14px 16px!important}
  .stats-grid{gap:12px!important}
  .stat{min-height:100px}
}
@media (prefers-reduced-motion:reduce){
  .launch-splash-card,
  .auth-panel,
  .view.active .welcome-card,
  .view.active .stat,
  .view.active .panel,
  .view.active .job-card,
  .view.active .route-step-card,
  .route-step-card.active,
  .route-current-card.active,
  .route-stop.active{animation:none!important}
  .panel,
  .job-card,
  .route-step-card,
  .route-field-card,
  .btn,
  .icon-btn{transition:none!important}
}

/* DocketServe stable luxury theme hotfix: final color authority for light and dark mode. */
:root{
  --ui-bg:#f4f6f8;
  --ui-bg-warm:#f8f5ee;
  --ui-panel:#ffffff;
  --ui-panel-soft:#f8fafc;
  --ui-ink:#0b1220;
  --ui-muted:#5f6d80;
  --ui-soft:#8a96a8;
  --ui-line:#d8e0eb;
  --ui-line-strong:#b8c4d4;
  --ui-navy:#0f1f35;
  --ui-navy-2:#152b49;
  --ui-gold:#c99b38;
  --ui-gold-soft:#fff5d8;
  --ui-blue:#2f6df6;
  --ui-blue-soft:#edf3ff;
  --ui-green:#15845a;
  --ui-green-soft:#e7f8ef;
  --ui-red:#b42323;
  --ui-red-soft:#fee8e8;
  --ui-shadow:0 16px 44px rgba(15,31,53,.10);
  --ui-shadow-soft:0 8px 24px rgba(15,31,53,.07);
  --ui-focus:0 0 0 4px rgba(47,109,246,.16);
}
html[data-theme="dark"]{
  --ui-bg:#07111f;
  --ui-bg-warm:#091426;
  --ui-panel:#101d30;
  --ui-panel-soft:#0b1728;
  --ui-ink:#f1f6ff;
  --ui-muted:#a6b5ca;
  --ui-soft:#788ba5;
  --ui-line:#26364f;
  --ui-line-strong:#3d506e;
  --ui-navy:#07111f;
  --ui-navy-2:#0f2138;
  --ui-gold:#dfb84f;
  --ui-gold-soft:#33270f;
  --ui-blue:#7aa0ff;
  --ui-blue-soft:#142a4f;
  --ui-green:#61d59a;
  --ui-green-soft:#123624;
  --ui-red:#ff8b8b;
  --ui-red-soft:#3f2026;
  --ui-shadow:0 20px 52px rgba(0,0,0,.34);
  --ui-shadow-soft:0 10px 30px rgba(0,0,0,.26);
  --ui-focus:0 0 0 4px rgba(122,160,255,.20);
}
html,
body{
  background:linear-gradient(180deg,var(--ui-bg-warm) 0%,var(--ui-bg) 34%,#edf3f8 100%)!important;
  color:var(--ui-ink)!important;
  letter-spacing:0!important;
}
html[data-theme="dark"],
html[data-theme="dark"] body{
  background:linear-gradient(180deg,#07111f 0%,#0a1525 52%,#07111f 100%)!important;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(15,31,53,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,31,53,.035) 1px,transparent 1px);
  background-size:56px 56px;
  opacity:.62;
  mask-image:linear-gradient(180deg,#000 0%,transparent 72%);
}
html[data-theme="dark"] body:before{
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  opacity:.34;
}
.main-panel,
.app-shell{background:transparent!important;color:var(--ui-ink)!important}
.topbar{
  background:rgba(248,250,252,.90)!important;
  color:var(--ui-ink)!important;
  border-bottom:1px solid var(--ui-line)!important;
  box-shadow:0 10px 32px rgba(15,31,53,.05)!important;
  backdrop-filter:blur(18px) saturate(1.08);
}
html[data-theme="dark"] .topbar{
  background:rgba(7,17,31,.90)!important;
  color:var(--ui-ink)!important;
  border-bottom-color:var(--ui-line)!important;
}
.side-nav{
  background:linear-gradient(180deg,#142842 0%,#0f1f35 60%,#071527 100%)!important;
  color:#fff!important;
}
.side-title,
.side-sub,
.side-nav .nav-btn,
.side-nav .nav-label{letter-spacing:0!important}
.side-nav .nav-btn{
  color:rgba(255,255,255,.72)!important;
  border-radius:8px!important;
}
.side-nav .nav-btn.active{
  color:#ffd978!important;
  background:linear-gradient(135deg,rgba(201,155,56,.25),rgba(201,155,56,.10))!important;
  box-shadow:inset 0 0 0 1px rgba(201,155,56,.18)!important;
}
.side-nav .nav-btn:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
.view-title,
.brand-name,
.panel-title,
.job-name,
.route-current-title,
.route-field-card h3,
.credential-name,
h1,h2,h3{
  color:var(--ui-ink)!important;
  font-weight:950!important;
  letter-spacing:0!important;
}
.view-subtitle,
.muted,
.microcopy,
.job-address,
.route-current-address,
.route-current-submeta,
.route-field-card p,
.route-step-card p,
.support-ticket-card span:not(.pill),
.legal-doc-list p,
.plan-card ul{
  color:var(--ui-muted)!important;
}
.panel,
.stat,
.job-card,
.record-card,
.plan-card,
.route-stop,
.evidence-tile,
.table-wrap,
.empty,
.qr-box,
.modal,
.install-card,
.support-ticket-card,
.legal-doc-list details,
.passkey-row,
.credential-required-row,
.job-secondary-actions,
.job-primary-action,
.case-file-chip,
.assigned-server-panel,
.route-hero,
.route-step-card,
.route-collapsible,
.route-waiting-card,
.route-controls,
.route-wizard-step,
.route-settings,
.route-details,
.route-scope-strip,
.route-selection-panel,
.route-resume-strip,
.route-order-row,
.route-field-card,
.route-batch-card,
.route-select-toggle,
.admin-tab,
.admin-queue-card,
.referral-panel,
.appearance-panel,
.launch-promo-panel,
.upfront-payment-panel,
.onboarding-step-panel,
.growth-check,
.launch-check,
.backup-run-row{
  background:var(--ui-panel)!important;
  color:var(--ui-ink)!important;
  border:1px solid var(--ui-line)!important;
  border-radius:8px!important;
  box-shadow:var(--ui-shadow-soft)!important;
}
.welcome-card,
.route-hero,
.quick-actions-panel,
.printable-documents-panel,
.assigned-server-panel,
.launch-promo-panel{
  background:linear-gradient(135deg,var(--ui-panel) 0%,var(--ui-panel-soft) 100%)!important;
}
.welcome-card,
.route-hero,
.printable-documents-panel,
.launch-promo-panel{border-left:4px solid var(--ui-gold)!important}
.quick-actions-panel,
.assigned-server-panel{border-left:4px solid var(--ui-blue)!important}
.panel:hover,
.job-card:hover,
.route-step-card:hover{
  border-color:var(--ui-line-strong)!important;
  box-shadow:var(--ui-shadow)!important;
  transform:translateY(-1px);
}
.stat{position:relative;overflow:hidden;min-height:104px}
.stat:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:linear-gradient(180deg,var(--ui-gold),var(--ui-blue));
}
.stat strong{color:var(--ui-ink)!important;font-size:32px!important;font-weight:950!important}
.stat span{color:var(--ui-muted)!important;font-weight:760!important}
.btn,
.icon-btn,
.contact-icon-btn,
.seg-btn{
  border-radius:8px!important;
  font-weight:900!important;
  letter-spacing:0!important;
}
.btn.primary{
  background:linear-gradient(135deg,#2f6df6,#174edc)!important;
  color:#fff!important;
  border:1px solid rgba(47,109,246,.26)!important;
  box-shadow:0 12px 28px rgba(47,109,246,.22)!important;
}
.btn.accent{
  background:linear-gradient(135deg,#d5a33d,#f0c866)!important;
  color:#111827!important;
  border:1px solid rgba(201,155,56,.28)!important;
  box-shadow:0 12px 28px rgba(201,155,56,.22)!important;
}
.btn.ghost,
.icon-btn,
.contact-icon-btn{
  background:var(--ui-panel-soft)!important;
  color:var(--ui-ink)!important;
  border:1px solid var(--ui-line)!important;
  box-shadow:none!important;
}
.btn.success,
.contact-icon-btn.success{background:var(--ui-green-soft)!important;color:var(--ui-green)!important}
.btn.danger{background:var(--ui-red-soft)!important;color:var(--ui-red)!important}
.btn:hover,
.icon-btn:hover,
.contact-icon-btn:hover{transform:translateY(-1px)}
input,
select,
textarea{
  background:var(--ui-panel)!important;
  color:var(--ui-ink)!important;
  border:1px solid var(--ui-line-strong)!important;
  border-radius:8px!important;
}
input::placeholder,
textarea::placeholder{color:var(--ui-soft)!important}
input:focus,
select:focus,
textarea:focus{
  border-color:var(--ui-blue)!important;
  box-shadow:var(--ui-focus)!important;
}
form label,
.checkline,
.section-kicker,
.kv span:first-child{
  color:var(--ui-muted)!important;
  letter-spacing:0!important;
}
.segmented{
  background:var(--ui-panel-soft)!important;
  border:1px solid var(--ui-line)!important;
}
.seg-btn{color:var(--ui-muted)!important}
.seg-btn.active{
  background:var(--ui-panel)!important;
  color:var(--ui-ink)!important;
  box-shadow:0 8px 20px rgba(15,31,53,.08)!important;
}
table{color:var(--ui-ink)!important}
th{
  background:var(--ui-panel-soft)!important;
  color:var(--ui-muted)!important;
  letter-spacing:0!important;
}
td,
.kv{border-bottom-color:var(--ui-line)!important}
.pill{
  border-radius:999px!important;
  font-weight:900!important;
  border:1px solid transparent!important;
}
.pill.primary,
.pill.open,
.pill.submitted,
.pill.accepted,
.pill.assigned{background:var(--ui-blue-soft)!important;color:var(--ui-blue)!important;border-color:rgba(47,109,246,.20)!important}
.pill.success,
.pill.standard,
.pill.served{background:var(--ui-green-soft)!important;color:var(--ui-green)!important;border-color:rgba(21,132,90,.20)!important}
.pill.critical,
.pill.nonservice,
.pill.suspended,
.pill.license_revoked,
.pill.payment_suspended,
.pill.denied,
.pill.removed,
.pill.canceled,
.pill.cancelled{background:var(--ui-red-soft)!important;color:var(--ui-red)!important;border-color:rgba(180,35,35,.20)!important}
.pill.specialty,
.pill.pending{background:var(--ui-gold-soft)!important;color:#815700!important;border-color:rgba(201,155,56,.28)!important}
html[data-theme="dark"] .pill.specialty,
html[data-theme="dark"] .pill.pending{color:#ffd978!important}
.notice{
  border-radius:8px!important;
  background:var(--ui-gold-soft)!important;
  color:#744b09!important;
  border-color:rgba(201,155,56,.34)!important;
}
html[data-theme="dark"] .notice{color:#ffe7a5!important}
.notice.neutral{background:var(--ui-panel-soft)!important;color:var(--ui-muted)!important;border-color:var(--ui-line)!important}
.notice.success{background:var(--ui-green-soft)!important;color:var(--ui-green)!important;border-color:rgba(21,132,90,.24)!important}
.notice.warning{background:var(--ui-gold-soft)!important;color:#744b09!important;border-color:rgba(201,155,56,.34)!important}
html[data-theme="dark"] .notice.warning{color:#ffe7a5!important}
.route-step-card.active,
.route-wizard-step.active,
.route-selection-panel.active,
.route-resume-strip,
.route-batch-card.active,
.route-stop.active{
  background:linear-gradient(135deg,var(--ui-panel),var(--ui-blue-soft))!important;
  border-color:rgba(47,109,246,.34)!important;
  box-shadow:0 0 0 4px rgba(47,109,246,.08),var(--ui-shadow-soft)!important;
}
.route-step-card.done{border-left:4px solid var(--ui-green)!important}
.route-step-head>span,
.route-wizard-step span,
.stop-num{
  background:linear-gradient(135deg,var(--ui-navy-2),var(--ui-navy))!important;
  color:#fff!important;
}
.route-step-card.active .route-step-head>span,
.route-wizard-step.active span,
.route-stop.active .stop-num{
  background:linear-gradient(135deg,var(--ui-blue),#174edc)!important;
}
.route-map{
  background:
    linear-gradient(rgba(15,31,53,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,31,53,.055) 1px,transparent 1px),
    linear-gradient(145deg,#dfeaf4,#f4f8fc)!important;
  background-size:38px 38px,38px 38px,auto!important;
}
html[data-theme="dark"] .route-map{
  background:
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(145deg,#0b1728,#101d30)!important;
  background-size:38px 38px,38px 38px,auto!important;
}
.mobile-nav{
  background:rgba(15,31,53,.92)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 20px 60px rgba(15,31,53,.34)!important;
}
.mobile-nav .nav-btn{color:rgba(255,255,255,.72)!important}
.mobile-nav .nav-btn.active{
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
}
.mobile-nav .nav-btn.active .nav-icon{color:#ffd978!important}
.theme-quick-toggle{
  font-size:0!important;
  background:var(--ui-panel)!important;
  color:var(--ui-ink)!important;
}
.theme-quick-toggle:before{
  content:"\263E";
  font-size:18px;
  color:var(--ui-gold)!important;
}
html[data-theme="dark"] .theme-quick-toggle:before{content:"\2600"}
.launch-splash{
  background:linear-gradient(135deg,#faf8f2 0%,#f2eee5 50%,#e9f1f8 100%)!important;
  color:var(--ui-ink)!important;
}
html[data-theme="dark"] .launch-splash{
  background:linear-gradient(135deg,#07111f 0%,#0b1728 52%,#07111f 100%)!important;
}
.launch-splash-card{
  background:rgba(255,255,255,.90)!important;
  color:var(--ui-ink)!important;
  border:1px solid var(--ui-line)!important;
  border-top:3px solid var(--ui-gold)!important;
  border-radius:8px!important;
  box-shadow:var(--ui-shadow)!important;
}
html[data-theme="dark"] .launch-splash-card{
  background:rgba(16,29,48,.92)!important;
  color:var(--ui-ink)!important;
}
.launch-splash h1,
.launch-splash-grid strong{color:var(--ui-ink)!important}
.launch-splash p,
.launch-splash .brand-sub,
.launch-splash-grid span{color:var(--ui-muted)!important}
.launch-splash-kicker{color:var(--ui-gold)!important}
.launch-splash-grid div{
  background:var(--ui-panel)!important;
  color:var(--ui-ink)!important;
  border:1px solid var(--ui-line)!important;
  border-radius:8px!important;
}
.auth-screen{
  background:linear-gradient(135deg,var(--ui-bg-warm) 0%,var(--ui-bg) 100%)!important;
  color:var(--ui-ink)!important;
}
.auth-brand{
  background:linear-gradient(180deg,#142842 0%,#0f1f35 100%)!important;
  color:#fff!important;
}
.auth-panel{
  background:rgba(255,255,255,.92)!important;
  color:var(--ui-ink)!important;
  border:1px solid var(--ui-line)!important;
  border-radius:8px!important;
  box-shadow:var(--ui-shadow)!important;
}
html[data-theme="dark"] .auth-panel{
  background:var(--ui-panel)!important;
}
.credential-card.official{
  background:linear-gradient(135deg,#0f1f35 0%,#173759 62%,#214a76 100%)!important;
  color:#fff!important;
  border:1px solid rgba(201,155,56,.52)!important;
  box-shadow:0 26px 70px rgba(15,31,53,.28)!important;
}
.credential-card.official *{color:inherit}
.credential-card.official .credential-company,
.credential-card.official .credential-meta,
.credential-card.official .credential-row span,
.credential-card.official .credential-verification-strip span{color:rgba(255,255,255,.70)!important}
.credential-card.official .credential-card .brand-sub,
.credential-card.official .credential-public-link,
.credential-card.official .brand-sub{color:#ffd978!important}
@media (prefers-reduced-motion:reduce){
  .panel,
  .job-card,
  .route-step-card,
  .route-field-card,
  .btn,
  .icon-btn{transition:none!important;animation:none!important}
}

.growth-dashboard{display:grid;gap:12px}
.growth-ops{gap:14px}
.growth-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;border-left:5px solid var(--gold);background:linear-gradient(135deg,var(--paper),color-mix(in srgb,var(--gold) 9%,var(--paper)))}
.growth-ops-hero{border-left:0;border-top:4px solid var(--gold);background:linear-gradient(135deg,var(--paper),color-mix(in srgb,var(--blue) 5%,var(--paper)))}
.growth-ops-workflow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.growth-ops-step{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:12px;display:grid;gap:5px;min-width:0}
.growth-ops-step span{width:26px;height:26px;border-radius:999px;display:grid;place-items:center;background:color-mix(in srgb,var(--muted) 18%,var(--paper));color:var(--ink);font-size:12px;font-weight:950}
.growth-ops-step strong{font-size:14px;color:var(--ink)}
.growth-ops-step small{font-size:12px;color:var(--muted);font-weight:760;line-height:1.25}
.growth-ops-step.ready span{background:color-mix(in srgb,var(--green) 16%,var(--paper));color:var(--green)}
.growth-ops-step.active{border-color:color-mix(in srgb,var(--blue) 36%,var(--line));background:color-mix(in srgb,var(--blue) 9%,var(--paper))}
.growth-ops-step.active span{background:var(--blue);color:#fff}
.growth-ops-step.needs span{background:color-mix(in srgb,var(--amber) 18%,var(--paper));color:var(--amber)}
.growth-ops-priority-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}
.growth-ops-priority{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:11px;display:grid;gap:3px;border-left:4px solid var(--blue)}
.growth-ops-priority.warning{border-left-color:var(--amber)}
.growth-ops-priority.danger{border-left-color:var(--red)}
.growth-ops-priority.success{border-left-color:var(--green)}
.growth-ops-priority.primary{border-left-color:#4f46e5}
.growth-ops-priority strong{font-size:24px;line-height:1;color:var(--ink)}
.growth-ops-priority span{font-size:12px;font-weight:950;color:var(--ink)}
.growth-ops-priority small{font-size:11px;color:var(--muted);font-weight:720;line-height:1.25}
.growth-ops-queue,.growth-ops-sop,.growth-ops-command{display:grid;gap:9px}
.growth-ops-queue-row,.growth-ops-sop-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center;border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:10px;min-width:0}
.growth-ops-queue-row div,.growth-ops-sop-row div{display:grid;gap:2px;min-width:0}
.growth-ops-queue-row strong,.growth-ops-sop-row strong{font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.growth-ops-queue-row small,.growth-ops-sop-row small{font-size:11px;color:var(--muted);font-weight:760;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.growth-ops-sop-row{grid-template-columns:auto minmax(0,1fr)}
.growth-ops-sop-row span{width:28px;height:28px;border-radius:999px;background:#111827;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:950}
.growth-ops-details{padding:0;overflow:hidden}
.growth-ops-details summary{cursor:pointer;list-style:none;padding:14px 16px;font-size:15px;font-weight:950;color:var(--ink);border-bottom:1px solid var(--line)}
.growth-ops-details summary::-webkit-details-marker{display:none}
.growth-ops-details .growth-lead-list{padding:12px}
.growth-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.growth-metric{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:8px;padding:12px;display:grid;gap:3px;min-width:0}
.growth-metric.warning{border-left-color:var(--amber)}
.growth-metric.success{border-left-color:var(--green)}
.growth-metric.danger{border-left-color:var(--red)}
.growth-metric.primary{border-left-color:#4f46e5}
.growth-metric strong{font-size:25px;line-height:1.05;color:var(--ink);overflow-wrap:anywhere}
.growth-metric span{font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.55px;color:var(--muted)}
.growth-metric small{font-size:12px;color:var(--muted);font-weight:720}
.growth-grid{display:grid;gap:12px}
.growth-readiness-grid,.growth-compliance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}
.growth-check,.growth-compliance-item{border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:8px;background:color-mix(in srgb,var(--muted) 5%,var(--paper));padding:10px;display:grid;gap:3px;min-width:0}
.growth-check.ready,.growth-compliance-item.ready{border-left-color:var(--green)}
.growth-check strong,.growth-compliance-item strong{font-size:11px;text-transform:uppercase;letter-spacing:.58px;color:var(--ink)}
.growth-check span,.growth-compliance-item span{font-size:12px;color:var(--muted);font-weight:760}
.growth-mini-form{display:grid;grid-template-columns:1fr;gap:9px;margin-top:10px}
.growth-mini-form.compact{gap:8px}
.growth-mini-form label{display:grid;gap:4px;font-size:11px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.45px}
.growth-mini-form input,.growth-mini-form select,.growth-mini-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;font-size:13px;font-weight:700;padding:9px 10px;text-transform:none;letter-spacing:0}
.growth-mini-form textarea{resize:vertical;line-height:1.35}
.growth-mini-form .span-2{grid-column:1/-1}
.growth-pipeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:12px}
.growth-stage{border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--muted) 5%,var(--paper));padding:10px;display:grid;gap:3px;text-align:center}
.growth-stage strong{font-size:23px;line-height:1;color:var(--ink)}
.growth-stage span{font-size:10px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.35px}
.growth-stage.demo_booked,.growth-stage.trial{background:color-mix(in srgb,var(--gold) 12%,var(--paper));border-color:color-mix(in srgb,var(--gold) 42%,var(--line))}
.growth-stage.active{background:color-mix(in srgb,var(--green) 12%,var(--paper));border-color:color-mix(in srgb,var(--green) 38%,var(--line))}
.growth-segments{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
.growth-segment-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:6px 9px;font-size:12px;font-weight:850;color:var(--muted)}
.growth-segment-chip strong{color:var(--ink)}
.growth-segment-chip small{color:var(--muted);font-weight:850}
.growth-lead-list,.growth-stack{display:grid;gap:9px}
.growth-lead-row{display:grid;gap:9px;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:11px;min-width:0}
.growth-lead-row.suppressed{opacity:.74;border-left:4px solid var(--red)}
.growth-lead-main{display:grid;gap:4px;min-width:0}
.growth-lead-main strong{font-size:15px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.growth-lead-main small{font-size:12px;color:var(--muted);font-weight:760;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.growth-tags{display:flex;flex-wrap:wrap;gap:5px}
.growth-tags span{border-radius:999px;background:color-mix(in srgb,var(--blue) 12%,var(--paper));color:var(--blue);font-size:10px;font-weight:900;padding:3px 6px}
.growth-lead-meta{display:flex;gap:7px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:12px;font-weight:780}
.growth-lead-actions{display:flex;gap:7px;flex-wrap:wrap}
.growth-mini-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:10px;min-width:0}
.growth-mini-row div{display:grid;gap:2px;min-width:0}
.growth-mini-row strong{font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.growth-mini-row small{font-size:11px;color:var(--muted);font-weight:760;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (min-width: 860px) {
  .growth-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
  .growth-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .growth-mini-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .growth-lead-row{grid-template-columns:minmax(0,1.3fr) minmax(180px,.8fr) auto;align-items:center}
}
@media (max-width: 640px) {
  .growth-hero{align-items:stretch;flex-direction:column}
  .growth-ops-workflow,.growth-ops-priority-grid{grid-template-columns:1fr}
  .growth-ops-queue-row{grid-template-columns:1fr;align-items:stretch}
  .growth-ops-queue-row .btn{width:100%}
  .growth-readiness-grid,.growth-compliance-grid,.growth-pipeline{grid-template-columns:1fr}
  .growth-lead-actions .btn{flex:1 1 120px}
}

/* DocketServe UI color stabilization: final authority layer.
   Keeps light mode warm/professional and dark mode high-contrast without washing out route/admin screens. */
:root,
html:not([data-theme="dark"]),
html[data-theme="light"]{
  color-scheme:light;
  --ink:#0b1220;
  --muted:#5f6d80;
  --line:#d9e2ee;
  --paper:#ffffff;
  --wash:#f4f6f9;
  --soft:#edf2f8;
  --blue:#2f6df6;
  --green:#15845a;
  --red:#b42323;
  --amber:#b77808;
  --gold:#c99b38;
  --navy:#0f1f35;
  --ui-ink:#0b1220;
  --ui-muted:#5f6d80;
  --ui-line:#d9e2ee;
  --ui-panel:#ffffff;
  --ui-bg:#f4f6f9;
  --ui-bg-warm:#faf7ef;
  --ui-soft:#edf2f8;
  --ui-blue:#2f6df6;
  --ui-green:#15845a;
  --ui-red:#b42323;
  --ui-amber:#b77808;
  --ui-gold:#c99b38;
  --ui-navy:#0f1f35;
  --ui-shadow:0 22px 70px rgba(15,31,53,.12);
  --ui-shadow-soft:0 8px 28px rgba(15,31,53,.08);
}

html[data-theme="dark"]{
  color-scheme:dark;
  --ink:#f3f7ff;
  --muted:#a7b5c9;
  --line:#26364f;
  --paper:#101d30;
  --wash:#07111f;
  --soft:#142238;
  --blue:#7aa0ff;
  --green:#61d59a;
  --red:#ff8b8b;
  --amber:#ffd978;
  --gold:#dfb84f;
  --navy:#07111f;
  --ui-ink:#f3f7ff;
  --ui-muted:#a7b5c9;
  --ui-line:#26364f;
  --ui-panel:#101d30;
  --ui-bg:#07111f;
  --ui-bg-warm:#0a1526;
  --ui-soft:#142238;
  --ui-blue:#7aa0ff;
  --ui-green:#61d59a;
  --ui-red:#ff8b8b;
  --ui-amber:#ffd978;
  --ui-gold:#dfb84f;
  --ui-navy:#07111f;
  --ui-shadow:0 22px 70px rgba(0,0,0,.42);
  --ui-shadow-soft:0 10px 34px rgba(0,0,0,.28);
}

html,
body{
  color:var(--ui-ink)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.78),rgba(244,246,249,.94) 42%,var(--ui-bg)),
    linear-gradient(120deg,rgba(201,155,56,.09),transparent 38%),
    var(--ui-bg)!important;
}
html[data-theme="dark"],
html[data-theme="dark"] body{
  background:
    linear-gradient(180deg,#07111f 0%,#0a1526 54%,#07111f 100%),
    var(--ui-bg)!important;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background-image:
    linear-gradient(rgba(15,31,53,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,31,53,.035) 1px,transparent 1px);
  background-size:44px 44px;
}
html[data-theme="dark"] body:before{
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
}

.app-shell,
.main-panel,
.view{background:transparent!important;color:var(--ui-ink)!important}
.topbar{
  background:rgba(255,255,255,.86)!important;
  color:var(--ui-ink)!important;
  border-bottom:1px solid var(--ui-line)!important;
  backdrop-filter:blur(18px)!important;
}
html[data-theme="dark"] .topbar{
  background:rgba(7,17,31,.88)!important;
}
.side-nav{
  background:linear-gradient(180deg,#10233c 0%,#0c1b2f 58%,#07111f 100%)!important;
  color:#f4f7fb!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
}
.side-nav .brand-name,
.side-nav .nav-btn,
.side-nav .sign-out-btn{color:rgba(255,255,255,.78)!important}
.side-nav .nav-btn.active{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(201,155,56,.18)!important;
}
.side-nav .nav-btn.active .nav-icon{color:var(--ui-gold)!important}
.brand-mark{
  background:#fff!important;
  border:1px solid rgba(201,155,56,.36)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.16)!important;
}

.view-title,
.panel-title,
h1,h2,h3,h4,
strong{color:var(--ui-ink)}
.view-subtitle,
.muted,
.microcopy,
.job-address,
.field-hint,
.card-mini-label,
small{color:var(--ui-muted)!important}

.panel,
.stat,
.job-card,
.record-card,
.plan-card,
.route-stop,
.evidence-tile,
.table-wrap,
.empty,
.qr-box,
.modal,
.install-card,
.referral-progress,
.support-ticket-card,
.legal-doc-list details,
.passkey-row,
.credential-required-row,
.job-secondary-actions,
.job-primary-action,
.case-file-chip,
.assigned-server-panel,
.printable-documents-panel,
.route-hero,
.route-step-card,
.route-collapsible,
.route-waiting-card,
.route-controls,
.route-wizard-step,
.route-settings,
.route-details,
.route-scope-strip,
.route-selection-panel,
.route-resume-strip,
.route-order-row,
.route-field-card,
.route-batch-card,
.route-select-toggle,
.admin-tab,
.referral-panel,
.appearance-panel,
.launch-promo-panel,
.upfront-payment-panel,
.ceo-hero,
.ceo-action-board,
.analytics-hero,
.analytics-metric,
.analytics-kpi,
.queue-summary,
.launch-score,
.launch-check,
.health-score,
.health-row,
.client-wizard,
.stripe-setup-card,
.upfront-payment-card,
.upfront-modal-summary,
.request-cancel-summary,
.onboarding-card,
.onboarding-progress,
.onboarding-step-list,
.onboarding-step-panel,
.onboarding-checks div,
.support-message,
.support-receipt-number,
.backup-run-row,
.growth-hero,
.growth-ops-hero,
.growth-ops-step,
.growth-ops-priority,
.growth-ops-queue-row,
.growth-ops-sop-row,
.growth-ops-details,
.growth-metric,
.growth-check,
.growth-compliance-item,
.growth-stage,
.growth-segment-chip,
.growth-lead-row,
.growth-mini-row{
  background:var(--ui-panel)!important;
  color:var(--ui-ink)!important;
  border-color:var(--ui-line)!important;
  border-radius:8px!important;
  box-shadow:var(--ui-shadow-soft)!important;
}
.welcome-card,
.route-hero,
.ceo-hero,
.analytics-hero,
.launch-promo-panel,
.printable-documents-panel,
.assigned-server-panel,
.referral-panel{
  border-left:4px solid var(--ui-gold)!important;
  background:linear-gradient(135deg,var(--ui-panel),rgba(201,155,56,.08))!important;
}
html[data-theme="dark"] .welcome-card,
html[data-theme="dark"] .route-hero,
html[data-theme="dark"] .ceo-hero,
html[data-theme="dark"] .analytics-hero,
html[data-theme="dark"] .launch-promo-panel,
html[data-theme="dark"] .printable-documents-panel,
html[data-theme="dark"] .assigned-server-panel,
html[data-theme="dark"] .referral-panel{
  background:linear-gradient(135deg,#101d30,#132238)!important;
}

.btn,
.icon-btn,
.contact-icon-btn,
.seg-btn,
.text-btn{
  border-radius:8px!important;
  border:1px solid transparent!important;
  min-height:40px;
  color:var(--ui-ink)!important;
  background:var(--ui-soft)!important;
  box-shadow:none!important;
}
.btn.primary,
.job-primary-action .btn,
.route-batch-card.active .btn{
  background:linear-gradient(135deg,var(--ui-blue),#174edc)!important;
  color:#fff!important;
  border-color:transparent!important;
}
.btn.accent,
.btn.gold{
  background:linear-gradient(135deg,var(--ui-gold),#e5be5c)!important;
  color:#111827!important;
}
.btn.ghost,
.icon-btn,
.contact-icon-btn{
  background:var(--ui-soft)!important;
  color:var(--ui-ink)!important;
  border-color:var(--ui-line)!important;
}
.btn.success,
.contact-icon-btn.success{background:#dff8ea!important;color:#166534!important}
.btn.danger{background:#fde2e2!important;color:var(--ui-red)!important}
html[data-theme="dark"] .btn.success,
html[data-theme="dark"] .contact-icon-btn.success{background:#123624!important;color:#bbf7d0!important}
html[data-theme="dark"] .btn.danger{background:#3b1820!important;color:#fecaca!important}

input,
select,
textarea{
  background:var(--ui-panel)!important;
  color:var(--ui-ink)!important;
  border:1px solid var(--ui-line)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
input::placeholder,
textarea::placeholder{color:var(--ui-muted)!important}
input:focus,
select:focus,
textarea:focus{
  border-color:var(--ui-blue)!important;
  box-shadow:0 0 0 3px rgba(47,109,246,.16)!important;
}

table{color:var(--ui-ink)!important}
th{
  background:var(--ui-soft)!important;
  color:var(--ui-muted)!important;
  border-color:var(--ui-line)!important;
}
td,.kv{border-color:var(--ui-line)!important;color:var(--ui-ink)!important}
html[data-theme="dark"] th{background:#142238!important;color:#a7b5c9!important}

.pill{
  background:var(--ui-soft)!important;
  color:var(--ui-muted)!important;
  border:1px solid var(--ui-line)!important;
}
.pill.primary,
.pill.open,
.pill.submitted,
.pill.accepted,
.pill.assigned,
.pill.invoiced{background:#e6efff!important;color:#1d4ed8!important;border-color:#c8d9ff!important}
.pill.success,
.pill.standard,
.pill.served,
.pill.paid{background:#ddf7e8!important;color:#166534!important;border-color:#b8e8ca!important}
.pill.critical,
.pill.nonservice,
.pill.suspended,
.pill.license_revoked,
.pill.payment_suspended,
.pill.denied,
.pill.removed,
.pill.canceled,
.pill.cancelled{background:#fde2e2!important;color:var(--ui-red)!important;border-color:#facaca!important}
.pill.specialty,
.pill.pending,
.pill.awaiting_payment{background:#fff4cf!important;color:#92400e!important;border-color:#f4d37c!important}
html[data-theme="dark"] .pill.primary,
html[data-theme="dark"] .pill.open,
html[data-theme="dark"] .pill.submitted,
html[data-theme="dark"] .pill.accepted,
html[data-theme="dark"] .pill.assigned,
html[data-theme="dark"] .pill.invoiced{background:#17325f!important;color:#bfdbfe!important;border-color:#315a9b!important}
html[data-theme="dark"] .pill.success,
html[data-theme="dark"] .pill.standard,
html[data-theme="dark"] .pill.served,
html[data-theme="dark"] .pill.paid{background:#123624!important;color:#bbf7d0!important;border-color:#2a6d49!important}
html[data-theme="dark"] .pill.critical,
html[data-theme="dark"] .pill.nonservice,
html[data-theme="dark"] .pill.suspended,
html[data-theme="dark"] .pill.license_revoked,
html[data-theme="dark"] .pill.payment_suspended,
html[data-theme="dark"] .pill.denied,
html[data-theme="dark"] .pill.removed,
html[data-theme="dark"] .pill.canceled,
html[data-theme="dark"] .pill.cancelled{background:#442025!important;color:#fecaca!important;border-color:#7f3131!important}
html[data-theme="dark"] .pill.specialty,
html[data-theme="dark"] .pill.pending,
html[data-theme="dark"] .pill.awaiting_payment{background:#443313!important;color:#fde68a!important;border-color:#7a5a18!important}

.notice{
  background:#fff7d6!important;
  color:#7a3f10!important;
  border-color:#e9c66d!important;
  border-radius:8px!important;
}
.notice.neutral{background:var(--ui-soft)!important;color:var(--ui-muted)!important;border-color:var(--ui-line)!important}
.notice.success{background:#ddf7e8!important;color:#166534!important;border-color:#b8e8ca!important}
.notice.danger,
.notice.error{background:#fde2e2!important;color:var(--ui-red)!important;border-color:#facaca!important}
html[data-theme="dark"] .notice{background:#2f240f!important;color:#fde68a!important;border-color:#77581b!important}
html[data-theme="dark"] .notice.neutral{background:#142238!important;color:var(--ui-muted)!important;border-color:var(--ui-line)!important}
html[data-theme="dark"] .notice.success{background:#123624!important;color:#bbf7d0!important;border-color:#2a6d49!important}
html[data-theme="dark"] .notice.danger,
html[data-theme="dark"] .notice.error{background:#442025!important;color:#fecaca!important;border-color:#7f3131!important}

.segmented,
.route-scope-toggle{
  background:var(--ui-soft)!important;
  border:1px solid var(--ui-line)!important;
  border-radius:8px!important;
}
.seg-btn.active,
.admin-tab.active,
.wizard-step.active,
.onboarding-step-tab.active,
.route-scope-option.active{
  background:var(--ui-panel)!important;
  color:var(--ui-ink)!important;
  border-color:var(--ui-blue)!important;
  box-shadow:0 0 0 3px rgba(47,109,246,.12)!important;
}

.route-step-card.active,
.route-wizard-step.active,
.route-selection-panel.active,
.route-resume-strip,
.route-batch-card.active,
.route-stop.active,
.route-stop.selected{
  background:linear-gradient(135deg,var(--ui-panel),#edf4ff)!important;
  border-color:#9db8ff!important;
  box-shadow:0 0 0 3px rgba(47,109,246,.12),var(--ui-shadow-soft)!important;
}
html[data-theme="dark"] .route-step-card.active,
html[data-theme="dark"] .route-wizard-step.active,
html[data-theme="dark"] .route-selection-panel.active,
html[data-theme="dark"] .route-resume-strip,
html[data-theme="dark"] .route-batch-card.active,
html[data-theme="dark"] .route-stop.active,
html[data-theme="dark"] .route-stop.selected{
  background:linear-gradient(135deg,#132442,#172b4d)!important;
  border-color:#4e72c7!important;
}
.route-step-head>span,
.route-wizard-step span,
.stop-num{
  background:var(--ui-navy)!important;
  color:#fff!important;
}
.route-step-card.done .route-step-head>span,
.route-wizard-step.done span{background:var(--ui-green)!important;color:#fff!important}
.route-map{
  background:
    linear-gradient(rgba(15,31,53,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,31,53,.05) 1px,transparent 1px),
    linear-gradient(145deg,#e7eef6,#f7fafc)!important;
  background-size:38px 38px,38px 38px,auto!important;
  border-color:var(--ui-line)!important;
}
html[data-theme="dark"] .route-map{
  background:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(145deg,#0b1728,#101d30)!important;
}

.mobile-nav{
  background:rgba(15,31,53,.92)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 20px 60px rgba(15,31,53,.34)!important;
  backdrop-filter:blur(18px)!important;
}
.mobile-nav .nav-btn{color:rgba(255,255,255,.74)!important}
.mobile-nav .nav-btn.active{background:rgba(255,255,255,.16)!important;color:#fff!important}
.mobile-nav .nav-btn.active .nav-icon{color:#ffd978!important}

.launch-splash,
.auth-screen{
  background:
    linear-gradient(135deg,#faf7ef 0%,#f5f7fb 52%,#eaf1f8 100%)!important;
  color:var(--ui-ink)!important;
}
html[data-theme="dark"] .launch-splash,
html[data-theme="dark"] .auth-screen{
  background:linear-gradient(135deg,#07111f 0%,#0b1728 52%,#07111f 100%)!important;
}
.launch-splash-card,
.auth-panel{
  background:rgba(255,255,255,.94)!important;
  color:var(--ui-ink)!important;
  border:1px solid var(--ui-line)!important;
  border-top:3px solid var(--ui-gold)!important;
  border-radius:8px!important;
  box-shadow:var(--ui-shadow)!important;
}
html[data-theme="dark"] .launch-splash-card,
html[data-theme="dark"] .auth-panel{
  background:rgba(16,29,48,.94)!important;
}
.launch-splash h1,
.launch-splash-grid strong,
.auth-panel h1,
.auth-panel h2,
.auth-panel h3{color:var(--ui-ink)!important}
.launch-splash p,
.launch-splash .brand-sub,
.launch-splash-grid span{color:var(--ui-muted)!important}
.launch-splash-kicker{color:var(--ui-gold)!important}
.launch-splash-grid div{
  background:var(--ui-panel)!important;
  color:var(--ui-ink)!important;
  border:1px solid var(--ui-line)!important;
}
.auth-brand{
  background:linear-gradient(180deg,#142842 0%,#0f1f35 100%)!important;
  color:#fff!important;
}

.theme-quick-toggle{
  font-size:0!important;
  background:var(--ui-panel)!important;
  color:var(--ui-ink)!important;
  border-color:var(--ui-line)!important;
}
.theme-quick-toggle:before{
  content:"\263E";
  font-size:18px;
  color:var(--ui-gold)!important;
}
html[data-theme="dark"] .theme-quick-toggle:before{content:"\2600"}

.credential-card.official{
  background:linear-gradient(135deg,#0f1f35 0%,#173759 62%,#214a76 100%)!important;
  color:#fff!important;
  border:1px solid rgba(201,155,56,.52)!important;
  box-shadow:0 26px 70px rgba(15,31,53,.28)!important;
}
.credential-card.official *{color:inherit}
.credential-card.official .credential-company,
.credential-card.official .credential-meta,
.credential-card.official .credential-row span,
.credential-card.official .credential-verification-strip span{color:rgba(255,255,255,.72)!important}
.credential-card.official .credential-public-link,
.credential-card.official .brand-sub{color:#ffd978!important}

@media (prefers-reduced-motion:reduce){
  *,
  *:before,
  *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}

/* Brand contrast guard: dark rails/login panels must never inherit page ink. */
.auth-brand,
.side-nav{
  color:#fff!important;
}
.auth-brand .brand-name,
.auth-brand .brand-lockup .brand-name,
.side-nav .side-title,
.side-nav .brand-name{
  color:#f8fbff!important;
  text-shadow:0 1px 0 rgba(0,0,0,.18)!important;
}
.auth-brand .brand-sub,
.auth-brand .brand-lockup .brand-sub,
.side-nav .side-sub,
.side-nav .side-brand-copy,
.side-nav .side-brand-copy *:not(.side-title){
  color:rgba(248,251,255,.72)!important;
}
.auth-brand .auth-metrics strong{
  color:#ffd978!important;
}
.auth-brand .auth-metrics span{
  color:rgba(248,251,255,.72)!important;
}
.auth-brand .auth-metrics div{
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(255,255,255,.16)!important;
}
.side-nav .side-toggle{
  color:#fff!important;
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.18)!important;
}
.side-nav .brand-mark,
.auth-brand .brand-mark{
  background:#fff!important;
  color:var(--ui-gold)!important;
}

/* Route/admin polish: prevent clipped operational controls on wide and mobile screens. */
.server-review-wrap,
.admin-tab-panel .table-wrap:has(.server-review-table),
.panel .table-wrap:has(.server-review-table){
  max-height:none!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
}
.server-review-wrap{
  border:0!important;
  background:transparent!important;
  max-width:100%;
}
.server-review-list{
  display:grid;
  gap:12px;
  max-width:100%;
}
.server-review-card{
  display:grid;
  gap:12px;
  border:1px solid var(--ui-line)!important;
  border-radius:10px;
  background:var(--ui-panel)!important;
  box-shadow:0 10px 28px rgba(15,31,53,.05);
  padding:14px;
  max-width:100%;
  min-width:0;
}
.server-review-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid var(--ui-line);
  padding-bottom:10px;
}
.server-review-top strong,
.server-review-block strong{
  display:block;
  color:var(--ui-ink)!important;
  font-size:15px;
  line-height:1.2;
}
.server-review-top span:not(.pill),
.server-review-block span,
.server-review-plan > span{
  display:block;
  color:var(--ui-muted)!important;
  font-size:11px;
  font-weight:900;
  letter-spacing:.55px;
  text-transform:uppercase;
}
.server-review-top > div > span{
  margin-top:3px;
  text-transform:none!important;
  letter-spacing:0!important;
  font-size:13px!important;
  font-weight:750!important;
}
.server-review-grid{
  display:grid;
  grid-template-columns:minmax(190px,.75fr) minmax(180px,.7fr) minmax(360px,1.25fr);
  gap:12px;
  align-items:start;
}
.server-review-block,
.server-review-plan{
  min-width:0;
}
.server-review-block em,
.server-review-plan em{
  display:block;
  margin-top:4px;
  color:var(--ui-muted)!important;
  font-style:normal;
  font-size:13px;
  line-height:1.35;
}
.server-review-block .danger-text{
  display:block;
  margin-top:8px;
  color:#b42318!important;
  overflow-wrap:anywhere;
}
.server-review-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.server-review-actions .btn{
  margin:0!important;
  white-space:nowrap!important;
}
.server-review-table{
  min-width:1180px!important;
  table-layout:fixed!important;
}
.server-review-table th,
.server-review-table td{
  vertical-align:top!important;
  white-space:normal!important;
  line-height:1.36!important;
}
.server-review-table th:nth-child(1){width:15%}
.server-review-table th:nth-child(2){width:21%}
.server-review-table th:nth-child(3){width:12%}
.server-review-table th:nth-child(4){width:25%}
.server-review-table th:nth-child(5){width:7%}
.server-review-table th:nth-child(6){width:20%}
.server-review-identity strong,
.server-review-identity span,
.server-review-license span,
.server-review-jurisdiction span{
  display:block;
}
.server-review-license .danger-text{
  display:inline-block;
  max-width:100%;
  overflow-wrap:anywhere;
}
.server-plan-controls{
  display:grid;
  grid-template-columns:minmax(180px,1fr) minmax(112px,.62fr) auto;
  gap:7px;
  align-items:center;
  max-width:480px;
}
.server-plan-controls .inline-select{
  width:100%;
  min-width:0;
  margin:0!important;
}
.server-review-actions .button-cluster{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  align-items:center;
  max-width:100%;
}
.server-review-actions .btn{
  margin:0!important;
  white-space:nowrap!important;
}

.route-panel,
.route-flow-panel,
.route-controls,
.route-step-card,
.route-field-card,
.route-batch-grid{
  overflow:visible!important;
}
.route-launch-grid{
  grid-template-columns:minmax(280px,.72fr) minmax(360px,1.28fr)!important;
  align-items:start!important;
}
.route-batch-grid{
  display:grid!important;
  gap:8px!important;
}
.route-batch-card{
  min-height:68px!important;
  padding:12px 14px!important;
  align-items:center!important;
}
.route-batch-card > div:first-child{
  min-width:0;
}
.route-batch-card strong,
.route-batch-card span{
  overflow-wrap:anywhere;
}
.route-batch-actions .btn{
  min-width:74px;
}
.route-field-card.current{
  gap:12px!important;
}
.route-current-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px 12px!important;
}
.route-current-title{
  max-width:100%;
  overflow-wrap:anywhere;
}
.route-field-actions,
.route-utility-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px!important;
}
.route-field-actions .btn,
.route-utility-actions .text-btn{
  white-space:nowrap!important;
}
.route-utility-actions .text-btn{
  background:var(--ui-soft)!important;
  border:1px solid var(--ui-line)!important;
  border-radius:8px!important;
  color:var(--ui-ink)!important;
  padding:8px 10px!important;
  text-decoration:none!important;
}
html[data-theme="dark"] .route-utility-actions .text-btn{
  background:#17243a!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#eef4ff!important;
}

#credentialView,
#credentialView .credential-shell,
#credentialView .detail-grid,
#credentialView .panel{
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
#credentialView .detail-grid{
  grid-template-columns:minmax(0,1fr)!important;
}
#credentialView .panel{
  width:100%;
}
#credentialView .credential-required-list{
  gap:12px!important;
}
#credentialView .credential-required-row{
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  min-width:0!important;
  overflow:visible!important;
}
#credentialView .credential-required-row > div{
  min-width:0;
}
#credentialView .credential-required-row strong,
#credentialView .credential-required-row span{
  overflow-wrap:anywhere;
}
#credentialView .evidence-grid{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  align-items:stretch;
}
#credentialView .evidence-tile{
  min-width:0!important;
  min-height:120px!important;
  overflow:visible!important;
}
#credentialView .attachment-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:7px;
}

@media (max-width:1100px){
  .server-review-table{min-width:1040px!important}
  .server-review-grid{grid-template-columns:1fr 1fr}
  .server-review-plan{grid-column:1 / -1}
  .server-plan-controls{grid-template-columns:1fr 1fr}
  .server-plan-controls .btn{grid-column:1 / -1;justify-self:start}
  .route-launch-grid{grid-template-columns:1fr!important}
}

@media (max-width:760px){
  .server-review-card{padding:12px}
  .server-review-top{display:grid}
  .server-review-grid{grid-template-columns:1fr}
  .server-review-plan{grid-column:auto}
  .server-plan-controls{grid-template-columns:1fr}
  .server-plan-controls .btn{width:100%}
  .server-review-actions .btn{flex:1 1 calc(50% - 8px)}
  #credentialView .credential-required-row{
    grid-template-columns:1fr!important;
  }
  #credentialView .credential-required-row .btn{
    width:100%;
  }
  .route-batch-card{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .route-batch-actions .btn,
  .route-field-actions .btn{
    width:100%;
  }
  .route-utility-actions .text-btn{
    flex:1 1 calc(50% - 9px);
    text-align:center;
  }
}

/* Florida jurisdiction intake layer */
.jurisdiction-rule-panel{
  border:1px solid var(--ui-line, var(--line));
  border-left:4px solid var(--ui-blue, var(--blue));
  border-radius:12px;
  background:linear-gradient(180deg,var(--ui-panel,#fff),var(--ui-soft,#f8fafc));
  padding:14px;
  margin:12px 0;
  display:grid;
  gap:12px;
}
.jurisdiction-rule-panel .section-kicker{margin:0;color:var(--ui-muted,var(--muted))}
.jurisdiction-autofill-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:8px;
}
.jurisdiction-chip{
  border:1px solid var(--ui-line,var(--line));
  border-radius:10px;
  background:var(--ui-panel,#fff);
  padding:10px 11px;
  min-width:0;
}
.jurisdiction-chip span,
.court-address-card span,
.dynamic-field small{
  display:block;
  color:var(--ui-muted,var(--muted));
  font-size:10px;
  font-weight:950;
  letter-spacing:.55px;
  text-transform:uppercase;
}
.jurisdiction-chip strong{
  display:block;
  margin-top:3px;
  color:var(--ui-ink,var(--ink));
  font-size:13px;
  overflow-wrap:anywhere;
}
.court-address-panel{display:grid;gap:8px}
.court-address-card{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  border:1px solid var(--ui-line,var(--line));
  border-radius:12px;
  background:var(--ui-panel,#fff);
  padding:12px;
}
.court-address-card strong{display:block;font-size:15px;color:var(--ui-ink,var(--ink))}
.court-address-card p{margin:3px 0 0!important;color:var(--ui-muted,var(--muted));font-size:12px}
.dynamic-intake-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:10px;
}
.dynamic-field{
  border:1px solid var(--ui-line,var(--line));
  border-radius:12px;
  background:var(--ui-panel,#fff);
  padding:10px;
  margin:0!important;
}
.dynamic-field.span-two{grid-column:1 / -1}
.dynamic-field small{margin:2px 0 6px;color:var(--ui-blue,var(--blue))}
.rule-validation-panel{display:grid;gap:8px;margin:8px 0}
.rule-review-card{
  border:1px solid var(--ui-line,var(--line));
  border-left:5px solid var(--ui-green,#15845a);
  border-radius:12px;
  background:var(--ui-panel,#fff);
  padding:12px;
  display:grid;
  gap:9px;
}
.rule-review-card.warning{border-left-color:var(--ui-gold,#c99b38);background:var(--ui-gold-soft,#fff8e5)}
.rule-review-card.error{border-left-color:var(--ui-red,#b91c1c);background:#fff5f5}
.rule-review-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
}
.rule-review-head strong{font-size:14px;color:var(--ui-ink,var(--ink))}
.rule-review-head span{
  border:1px solid var(--ui-line,var(--line));
  border-radius:999px;
  padding:4px 8px;
  color:var(--ui-muted,var(--muted));
  background:rgba(255,255,255,.65);
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.rule-list{display:grid;gap:5px}
.rule-list strong{font-size:12px;color:var(--ui-ink,var(--ink))}
.rule-list ul{margin:0;padding-left:18px;color:var(--ui-muted,var(--muted));font-size:12px}
.rule-list.error ul{color:#991b1b}
.deadline-hint{
  border:1px solid rgba(37,99,235,.22);
  border-radius:10px;
  background:rgba(37,99,235,.06);
  padding:9px 10px;
}
.deadline-hint strong{display:block;font-size:12px;color:var(--ui-ink,var(--ink))}
.deadline-hint span{display:block;margin-top:3px;color:var(--ui-muted,var(--muted));font-size:12px;line-height:1.35}
html[data-theme="dark"] .jurisdiction-rule-panel,
html[data-theme="dark"] .jurisdiction-chip,
html[data-theme="dark"] .court-address-card,
html[data-theme="dark"] .dynamic-field,
html[data-theme="dark"] .rule-review-card{
  background:var(--ui-panel,#111d2e)!important;
  border-color:var(--ui-line,#27364d)!important;
}
html[data-theme="dark"] .rule-review-card.warning{background:#2f240f!important}
html[data-theme="dark"] .rule-review-card.error{background:#442025!important}
html[data-theme="dark"] .deadline-hint{background:#132442!important;border-color:#315ea8!important}
html[data-theme="dark"] .rule-list.error ul{color:#fecaca}
@media (max-width:760px){
  .jurisdiction-rule-panel{padding:12px;border-radius:12px}
  .court-address-card{display:grid}
  .dynamic-intake-grid{grid-template-columns:1fr}
  .rule-review-head{align-items:flex-start;flex-direction:column}
}

/* Admin jurisdiction rules management */
.rules-admin{display:grid;gap:14px}
.rules-hero{
  border-left:5px solid var(--ui-gold,var(--gold));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.rules-filter-panel{display:grid;gap:12px}
.rules-filter-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.rules-search{display:block;max-width:520px}
.rules-grid.two{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.rule-status{
  display:inline-flex;
  align-items:center;
  width:max-content;
  border-radius:999px;
  padding:5px 9px;
  font-size:11px;
  font-weight:950;
  line-height:1;
  white-space:nowrap;
}
.rule-status.success{background:#dcfce7;color:#166534}
.rule-status.warning{background:#fef3c7;color:#92400e}
.rule-status.primary{background:#dbeafe;color:#1d4ed8}
.rule-status.neutral{background:#e5e7eb;color:#374151}
.rules-action-row{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  align-items:center;
}
.btn.mini{
  min-height:28px;
  padding:5px 8px;
  border-radius:8px;
  font-size:11px;
}
.btn.mini.active{
  box-shadow:inset 0 0 0 1px currentColor;
}
.rule-profile-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:10px;
}
.rule-profile-card{
  border:1px solid var(--ui-line,var(--line));
  border-radius:12px;
  background:var(--ui-panel,#fff);
  padding:12px;
  display:grid;
  gap:10px;
}
.rule-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.rule-card-head strong{display:block;color:var(--ui-ink,var(--ink));font-size:14px}
.rule-card-head span{display:block;color:var(--ui-muted,var(--muted));font-size:12px;margin-top:2px}
.rule-profile-card p{margin:0;color:var(--ui-muted,var(--muted));font-size:12px;line-height:1.35}
.rule-meta .kv{border-radius:9px;padding:8px 9px}
.rule-source-list{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.rule-source-list a{
  border:1px solid var(--ui-line,var(--line));
  border-radius:999px;
  padding:6px 9px;
  color:var(--ui-blue,var(--blue));
  background:var(--ui-soft,#f8fafc);
  font-weight:850;
  font-size:12px;
  text-decoration:none;
}
.rules-detail-panel{
  border-left:5px solid var(--ui-blue,var(--blue));
}
.rules-detail-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:8px;
}
.rule-chip-list{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.rule-chip-list span{
  border:1px solid var(--ui-line,var(--line));
  border-radius:999px;
  background:var(--ui-soft,#f8fafc);
  padding:7px 10px;
  font-size:12px;
  font-weight:850;
  color:var(--ui-ink,var(--ink));
}
.rules-admin .compact-table table{min-width:760px}
.rules-admin .compact-table th,
.rules-admin .compact-table td{vertical-align:top}
html[data-theme="dark"] .rule-profile-card,
html[data-theme="dark"] .rule-chip-list span,
html[data-theme="dark"] .rule-source-list a{
  background:var(--ui-panel,#111d2e)!important;
  border-color:var(--ui-line,#27364d)!important;
}
html[data-theme="dark"] .rule-status.success{background:#133b2b;color:#86efac}
html[data-theme="dark"] .rule-status.warning{background:#3a2d10;color:#fde68a}
html[data-theme="dark"] .rule-status.primary{background:#142f58;color:#93c5fd}
html[data-theme="dark"] .rule-status.neutral{background:#1f2937;color:#d1d5db}
@media (max-width:1100px){
  .rules-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rules-grid.two{grid-template-columns:1fr}
}
@media (max-width:760px){
  .rules-hero{display:grid}
  .rules-filter-grid{grid-template-columns:1fr}
  .rules-admin .compact-table table{min-width:680px}
}

/* Beta v2 papers-first intake assistant */
.ai-intake-panel{
  position:relative;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--ui-gold,#d6ad42) 55%,var(--ui-line,#dbe4ef));
  border-left:5px solid var(--ui-gold,#d6ad42);
  border-radius:16px;
  background:
    linear-gradient(135deg,rgba(214,173,66,.13),rgba(255,255,255,.92) 42%,rgba(59,130,246,.08)),
    var(--ui-panel,#fff);
  box-shadow:0 18px 50px rgba(15,23,42,.08);
  padding:18px;
  display:grid;
  gap:14px;
}
.ai-intake-panel::before{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 0 35%,rgba(255,255,255,.38) 48%,transparent 62% 100%);
  transform:translateX(-120%);
  opacity:0;
}
.ai-intake-panel.ai-analyzing::before{
  opacity:1;
  animation:aiSweep 1.15s ease-in-out infinite;
}
.ai-intake-panel.ai-analyzing{
  border-color:color-mix(in srgb,var(--ui-blue,#2563eb) 55%,var(--ui-gold,#d6ad42));
  box-shadow:0 24px 70px rgba(37,99,235,.16);
}
.ai-intake-panel.ai-analyzing .ai-upload-drop,
.ai-intake-panel.ai-analyzing .ai-review-card{
  opacity:.72;
}
.ai-intake-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}
.ai-intake-head h3{
  margin:2px 0 4px;
  font-size:clamp(22px,2.2vw,32px);
  letter-spacing:0;
  color:var(--ui-ink,var(--ink));
}
.ai-intake-head p{
  max-width:920px;
  margin:0;
  color:var(--ui-muted,var(--muted));
  line-height:1.4;
}
.ai-intake-badge{
  flex:0 0 auto;
  border:1px solid rgba(214,173,66,.45);
  border-radius:999px;
  background:rgba(214,173,66,.14);
  color:#8a5a00;
  font-weight:900;
  padding:7px 10px;
  font-size:12px;
}
.ai-upload-drop{
  position:relative;
  border:1.5px dashed color-mix(in srgb,var(--ui-blue,#2563eb) 45%,var(--ui-line,#dbe4ef));
  border-radius:14px;
  background:rgba(255,255,255,.72);
  padding:18px;
  cursor:pointer;
  display:grid;
  gap:5px;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.ai-upload-drop:hover{
  transform:translateY(-1px);
  border-color:var(--ui-blue,#2563eb);
  box-shadow:0 12px 28px rgba(37,99,235,.12);
}
.ai-upload-drop span{
  font-weight:950;
  color:var(--ui-ink,var(--ink));
  font-size:17px;
}
.ai-upload-drop strong{
  color:var(--ui-muted,var(--muted));
  font-size:13px;
}
.ai-upload-drop input{
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
}
.ai-intake-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.ai-intake-review:empty{display:none}
.ai-review-card{
  border:1px solid var(--ui-line,#dbe4ef);
  border-radius:14px;
  background:rgba(255,255,255,.84);
  padding:14px;
  display:grid;
  gap:12px;
}
.ai-review-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.ai-review-head strong{
  display:block;
  color:var(--ui-ink,var(--ink));
  font-size:16px;
}
.ai-review-head span{
  display:block;
  color:var(--ui-muted,var(--muted));
  font-size:13px;
  margin-top:2px;
}
.ai-confidence-meter{
  width:76px;
  height:76px;
  border-radius:50%;
  background:
    radial-gradient(circle at center,var(--ui-panel,#fff) 0 58%,transparent 59%),
    conic-gradient(var(--ui-blue,#2563eb) var(--confidence,0%),rgba(148,163,184,.22) 0);
  display:grid;
  place-items:center;
  text-align:center;
  flex:0 0 auto;
  line-height:1;
}
.ai-confidence-meter b{
  display:block;
  color:var(--ui-ink,var(--ink));
  font-size:18px;
}
.ai-confidence-meter span{
  display:block;
  font-size:10px;
  margin:2px 0 0;
  color:var(--ui-muted,var(--muted));
  font-weight:850;
  text-transform:uppercase;
}
.ai-field-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:8px;
}
.ai-field-grid div{
  border:1px solid var(--ui-line,#dbe4ef);
  border-radius:12px;
  background:var(--ui-soft,#f8fafc);
  padding:10px;
}
.ai-field-grid span{
  display:block;
  color:var(--ui-muted,var(--muted));
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.ai-field-grid strong{
  display:block;
  color:var(--ui-ink,var(--ink));
  margin-top:3px;
  font-size:13px;
  line-height:1.25;
}
label.ai-prefilled input,
label.ai-prefilled select,
label.ai-prefilled textarea,
input.ai-prefilled,
select.ai-prefilled,
textarea.ai-prefilled{
  border-color:color-mix(in srgb,var(--ui-blue,#2563eb) 72%,var(--ui-line,#dbe4ef));
  background:linear-gradient(180deg,rgba(37,99,235,.08),rgba(255,255,255,.92));
  box-shadow:0 0 0 4px rgba(37,99,235,.10),0 12px 28px rgba(37,99,235,.08);
  animation:aiFieldPulse .9s ease;
}
label.ai-prefilled{
  color:var(--ui-blue,#2563eb);
}
@keyframes aiSweep{
  from{transform:translateX(-120%)}
  to{transform:translateX(120%)}
}
@keyframes aiFieldPulse{
  0%{box-shadow:0 0 0 0 rgba(37,99,235,.25)}
  100%{box-shadow:0 0 0 4px rgba(37,99,235,.10),0 12px 28px rgba(37,99,235,.08)}
}
html[data-theme="dark"] .ai-intake-panel{
  background:
    linear-gradient(135deg,rgba(214,173,66,.14),rgba(17,29,46,.94) 42%,rgba(59,130,246,.12)),
    var(--ui-panel,#111d2e);
}
html[data-theme="dark"] .ai-intake-panel::before{
  background:linear-gradient(110deg,transparent 0 35%,rgba(96,165,250,.22) 48%,transparent 62% 100%);
}
html[data-theme="dark"] .ai-upload-drop,
html[data-theme="dark"] .ai-review-card{
  background:rgba(15,23,42,.7);
  border-color:var(--ui-line,#27364d);
}
html[data-theme="dark"] .ai-field-grid div{
  background:rgba(15,23,42,.72);
  border-color:var(--ui-line,#27364d);
}
html[data-theme="dark"] .ai-intake-badge{
  color:#f8d36a;
  background:rgba(214,173,66,.14);
}
html[data-theme="dark"] label.ai-prefilled input,
html[data-theme="dark"] label.ai-prefilled select,
html[data-theme="dark"] label.ai-prefilled textarea,
html[data-theme="dark"] input.ai-prefilled,
html[data-theme="dark"] select.ai-prefilled,
html[data-theme="dark"] textarea.ai-prefilled{
  background:linear-gradient(180deg,rgba(59,130,246,.16),rgba(15,23,42,.78));
  border-color:rgba(96,165,250,.72);
}
@media (max-width:760px){
  .ai-intake-panel{padding:14px;border-radius:14px}
  .ai-intake-head{display:grid}
  .ai-review-head{align-items:flex-start}
  .ai-confidence-meter{width:64px;height:64px}
  .ai-field-grid{grid-template-columns:1fr}
}