:root {
  color-scheme: dark;

  /* V2.5A canonical corporate design tokens */
  --font-ui: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --color-bg: #050812;
  --color-bg-deep: #03050b;
  --color-surface-1: rgba(10,18,31,.82);
  --color-surface-2: rgba(15,28,45,.90);
  --color-surface-3: rgba(20,39,59,.94);
  --color-surface-floating: rgba(14,24,38,.97);
  --color-text-primary: #f7fbff;
  --color-text-secondary: #a6b5c6;
  --color-text-muted: #7f92a8;
  --color-border: rgba(159,214,236,.11);
  --color-border-strong: rgba(159,248,220,.20);
  --color-brand: #70efc0;
  --color-brand-strong: #adffe4;
  --color-brand-ink: #07130d;
  --color-success: #70efc0;
  --color-warning: #ffd166;
  --color-danger: #ff7a90;
  --color-info: #77bdfb;
  --color-cyan: #6cd8f0;
  --color-blue: #668cff;
  --color-purple: #b89cff;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  --radius-sm: 8px;
  --radius-control: 12px;
  --radius-surface: 16px;
  --radius-feature: 20px;
  --radius-round: 999px;

  --text-micro: .625rem;
  --text-meta: .6875rem;
  --text-small: .75rem;
  --text-ui: .875rem;
  --text-body: .9375rem;
  --text-section: 1.125rem;
  --text-page: clamp(1.75rem, 4vw, 2.25rem);

  --motion-fast: 120ms;
  --motion-standard: 180ms;
  --motion-panel: 240ms;
  --ease-standard: cubic-bezier(.2,.7,.2,1);
  --focus-ring: 0 0 0 3px rgba(112,239,192,.22);
  --focus-outline: rgba(173,255,228,.86);

  --shadow: 0 22px 70px rgba(0,0,0,.38);
  --shadow-soft: 0 14px 42px rgba(0,0,0,.20);
  --shadow-control: 0 8px 22px rgba(0,0,0,.18);

  /* Compatibility aliases for the approved V1.x–V2.4D.2 UI. */
  --bg: var(--color-bg);
  --bg-deep: var(--color-bg-deep);
  --panel: var(--color-surface-1);
  --panel-2: var(--color-surface-2);
  --panel-3: var(--color-surface-3);
  --surface: var(--color-surface-1);
  --text: var(--color-text-primary);
  --muted: var(--color-text-muted);
  --muted-2: #64778e;
  --line: var(--color-border);
  --line-strong: var(--color-border-strong);
  --border: var(--color-border);
  --accent: var(--color-brand);
  --accent-2: var(--color-brand-strong);
  --mint: var(--color-brand);
  --danger: var(--color-danger);
  --warning: var(--color-warning);
  --info: var(--color-info);
  --cyan: var(--color-cyan);
  --blue: var(--color-blue);
  --purple: var(--color-purple);
  --radius: 22px;
  --nav-h: 78px;

  font-family: var(--font-ui);
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--bg); color: var(--text); }
body { min-height: 100vh; min-height: 100dvh; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% -10%, rgba(94,230,168,.10), transparent 34%),
    radial-gradient(circle at 100% 32%, rgba(119,189,251,.06), transparent 30%);
}

.app-loading { min-height: 100dvh; display:grid; place-items:center; padding:24px; }
.splash-card { display:flex; gap:14px; align-items:center; color:var(--muted); }
.splash-card strong { color:var(--text); display:block; font-size:18px; }
.splash-card span { display:block; margin-top:4px; font-size:14px; }
.brand-mark {
  width:52px; height:52px; border-radius:16px; display:grid; place-items:center;
  background:var(--panel-2); border:1px solid rgba(94,230,168,.35); color:var(--accent);
  font-weight:900; letter-spacing:-1px; box-shadow:var(--shadow);
}

.shell { min-height:100dvh; padding-bottom: calc(var(--nav-h) + env(safe-area-inset-bottom)); }
.topbar {
  position:sticky; top:0; z-index:20; backdrop-filter: blur(18px);
  background:linear-gradient(to bottom, rgba(9,13,22,.94), rgba(9,13,22,.72));
  padding: calc(14px + env(safe-area-inset-top)) 18px 12px;
  border-bottom:1px solid rgba(255,255,255,.045);
}
.topbar-inner { max-width:760px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:14px; }
.brand-lockup { display:flex; align-items:center; gap:11px; }
.brand-lockup .brand-mark { width:42px; height:42px; border-radius:13px; font-size:14px; box-shadow:none; }
.brand-copy strong { display:block; font-size:15px; }
.brand-copy span { display:block; color:var(--muted); font-size:12px; margin-top:2px; }
.status-dot { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:12px; white-space:nowrap; }
.status-dot::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 4px rgba(94,230,168,.10); }

.main { width:min(760px, 100%); margin:0 auto; padding:22px 16px 30px; }
.page-head { display:flex; align-items:end; justify-content:space-between; gap:16px; margin: 2px 2px 18px; }
.page-head h1 { margin:0; font-size:clamp(28px, 8vw, 40px); line-height:1; letter-spacing:-1.2px; }
.page-head p { margin:8px 0 0; color:var(--muted); font-size:14px; line-height:1.45; }
.kicker { color:var(--accent); font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }

.grid-stats { display:grid; grid-template-columns:repeat(2, 1fr); gap:10px; margin-bottom:18px; }
.stat-card { background:linear-gradient(145deg, rgba(22,32,51,.98), rgba(15,23,38,.98)); border:1px solid var(--line); border-radius:18px; padding:16px; }
.stat-card span { color:var(--muted); font-size:12px; display:block; }
.stat-card strong { display:block; margin-top:4px; font-size:27px; letter-spacing:-.8px; }
.stat-card small { color:var(--accent); font-size:11px; }

.primary-action {
  width:100%; border:0; border-radius:20px; padding:17px 18px; background:var(--accent); color:#07130d;
  font-weight:900; font-size:16px; display:flex; align-items:center; justify-content:center; gap:9px;
  box-shadow:0 12px 34px rgba(94,230,168,.16);
}
.primary-action:active { transform:scale(.99); }
.secondary-action {
  border:1px solid var(--line); background:var(--panel-2); color:var(--text); border-radius:15px;
  padding:12px 14px; font-weight:800;
}
.ghost-action { border:0; background:transparent; color:var(--muted); padding:10px; font-weight:700; }
.danger-action { color:#ffe6eb; background:rgba(255,122,144,.12); border:1px solid rgba(255,122,144,.18); }

.section { margin-top:24px; }
.section-head { display:flex; align-items:center; justify-content:space-between; margin:0 2px 10px; }
.section-head h2 { font-size:15px; margin:0; }
.section-head button, .section-head a { border:0; background:none; color:var(--accent); font-size:12px; font-weight:800; padding:6px; }

.card-list { display:grid; gap:9px; }
.lead-card {
  width:100%; text-align:left; background:rgba(17,24,39,.90); border:1px solid var(--line); color:var(--text);
  border-radius:18px; padding:14px; display:grid; grid-template-columns:1fr auto; gap:12px; align-items:center;
}
.lead-card:active { background:var(--panel-2); }
.lead-card .title { font-weight:800; font-size:15px; }
.lead-card .meta { color:var(--muted); font-size:12px; margin-top:5px; line-height:1.4; }
.lead-card .right { text-align:right; }
.lead-card .follow { color:var(--warning); font-size:11px; margin-top:7px; }
.empty-card { border:1px dashed rgba(255,255,255,.12); background:rgba(17,24,39,.55); border-radius:18px; padding:22px 18px; text-align:center; color:var(--muted); }
.empty-card strong { color:var(--text); display:block; margin-bottom:5px; }

.badge { display:inline-flex; align-items:center; gap:6px; border-radius:999px; padding:6px 9px; font-size:10px; font-weight:900; letter-spacing:.035em; text-transform:uppercase; border:1px solid var(--line); background:rgba(255,255,255,.04); }
.badge[data-status="INTERESTED"], .badge[data-status="WON"] { color:var(--accent-2); background:rgba(94,230,168,.10); border-color:rgba(94,230,168,.20); }
.badge[data-status="INFO_SENT"] { color:var(--info); background:rgba(119,189,251,.10); border-color:rgba(119,189,251,.19); }
.badge[data-status="FOLLOW_UP"] { color:var(--warning); background:rgba(255,209,102,.10); border-color:rgba(255,209,102,.18); }
.badge[data-status="NO_ANSWER"] { color:#c5cddd; }
.badge[data-status="NOT_INTERESTED"], .badge[data-status="WRONG_NUMBER"], .badge[data-status="LOST"] { color:#ffacbb; background:rgba(255,122,144,.08); }
.badge[data-status="DEMO"], .badge[data-status="QUOTE"] { color:#d7c9ff; background:rgba(184,156,255,.10); border-color:rgba(184,156,255,.20); }

.search-box { position:relative; margin-bottom:12px; }
.search-box input, .form-control {
  width:100%; border:1px solid var(--line); background:var(--panel); color:var(--text); border-radius:16px;
  padding:15px 15px; outline:none; transition:.15s border-color, .15s background;
}
.search-box input { padding-left:43px; }
.search-box::before { content:"⌕"; position:absolute; left:15px; top:50%; transform:translateY(-50%); color:var(--muted); font-size:22px; }
.search-box input:focus, .form-control:focus { border-color:rgba(94,230,168,.45); background:var(--panel-2); }
.form-group { margin-bottom:13px; }
.form-group label { display:block; color:var(--muted); font-size:12px; font-weight:800; margin:0 0 7px 2px; }
textarea.form-control { min-height:96px; resize:vertical; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; }

.tabs { display:flex; gap:7px; overflow:auto; padding:2px 0 12px; scrollbar-width:none; }
.tabs::-webkit-scrollbar { display:none; }
.tab { flex:0 0 auto; border:1px solid var(--line); background:var(--panel); color:var(--muted); border-radius:999px; padding:9px 12px; font-size:11px; font-weight:800; }
.tab.active { background:rgba(94,230,168,.11); color:var(--accent); border-color:rgba(94,230,168,.23); }

.bottom-nav {
  position:fixed; z-index:30; bottom:0; left:0; right:0; height:calc(var(--nav-h) + env(safe-area-inset-bottom));
  padding:8px 12px calc(8px + env(safe-area-inset-bottom)); background:rgba(9,13,22,.91); backdrop-filter:blur(22px);
  border-top:1px solid var(--line); display:flex; justify-content:center;
}
.nav-inner { width:min(760px,100%); display:grid; grid-template-columns:repeat(5,1fr); gap:3px; }
.nav-btn { border:0; background:transparent; color:var(--muted); border-radius:14px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:4px; font-size:10px; font-weight:800; padding:6px 2px; }
.nav-btn .ico { font-size:19px; line-height:1; }
.nav-btn.active { color:var(--accent); background:rgba(94,230,168,.07); }
.nav-btn.add { transform:translateY(-13px); }
.nav-btn.add .ico { width:48px; height:48px; border-radius:16px; display:grid; place-items:center; background:var(--accent); color:#07130d; box-shadow:0 10px 28px rgba(94,230,168,.20); font-size:28px; }

.detail-hero { background:linear-gradient(150deg, var(--panel-2), var(--panel)); border:1px solid var(--line); border-radius:24px; padding:19px; box-shadow:var(--shadow); }
.detail-top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.detail-hero h1 { font-size:25px; line-height:1.08; margin:9px 0 5px; letter-spacing:-.7px; }
.detail-hero .category { color:var(--muted); font-size:13px; }
.detail-actions { display:grid; grid-template-columns:1.3fr 1fr; gap:9px; margin-top:17px; }
.call-action { border:0; border-radius:16px; padding:14px; background:var(--accent); color:#07130d; font-weight:950; font-size:15px; }
.text-action { border:1px solid var(--line); border-radius:16px; padding:14px; background:rgba(255,255,255,.04); color:var(--text); font-weight:850; }
.detail-meta { margin-top:15px; display:grid; gap:8px; }
.meta-row { display:flex; align-items:flex-start; gap:9px; color:var(--muted); font-size:12px; line-height:1.45; }
.meta-row strong { color:var(--text); font-weight:750; }

.quick-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:9px; }
.quick-button { text-align:left; border:1px solid var(--line); background:var(--panel); color:var(--text); border-radius:16px; padding:14px; }
.quick-button strong { display:block; font-size:13px; }
.quick-button span { display:block; color:var(--muted); font-size:11px; margin-top:4px; }

.timeline { display:grid; gap:10px; }
.timeline-item { border-left:2px solid var(--line); padding:3px 0 3px 13px; }
.timeline-item .time { color:var(--muted); font-size:10px; }
.timeline-item strong { display:block; margin-top:4px; font-size:13px; }
.timeline-item p { color:#c1cad8; font-size:12px; margin:5px 0 0; line-height:1.45; white-space:pre-wrap; }

.lookup-card { border:1px solid var(--line); background:var(--panel); border-radius:18px; padding:15px; }
.lookup-card + .lookup-card { margin-top:9px; }
.lookup-card .lookup-title { font-weight:850; }
.lookup-card .lookup-meta { color:var(--muted); font-size:12px; margin-top:6px; line-height:1.45; }
.lookup-card .lookup-actions { display:flex; gap:8px; margin-top:12px; }
.lookup-card .lookup-actions button { flex:1; }
.website-none { color:var(--warning); font-weight:850; }
.website-found { color:var(--accent); font-weight:850; }

.notice { border-radius:16px; border:1px solid var(--line); padding:13px 14px; font-size:12px; line-height:1.45; color:#c8d1df; background:rgba(255,255,255,.035); margin-bottom:12px; }
.notice.warning { background:rgba(255,209,102,.07); border-color:rgba(255,209,102,.16); color:#ffe9aa; }
.notice.success { background:rgba(94,230,168,.06); border-color:rgba(94,230,168,.16); color:#baf7d9; }

.settings-list { display:grid; gap:10px; }
.settings-item { border:1px solid var(--line); background:var(--panel); border-radius:18px; padding:15px; display:flex; justify-content:space-between; align-items:center; gap:14px; }
.settings-item strong { display:block; font-size:13px; }
.settings-item span { display:block; color:var(--muted); font-size:11px; margin-top:4px; line-height:1.4; }
.settings-pill { flex:0 0 auto; border-radius:999px; padding:6px 9px; border:1px solid var(--line); font-size:10px; font-weight:850; color:var(--muted); }
.settings-pill.on { color:var(--accent); border-color:rgba(94,230,168,.2); background:rgba(94,230,168,.06); }

.modal-backdrop { position:fixed; inset:0; z-index:60; background:rgba(0,0,0,.62); backdrop-filter:blur(7px); display:flex; align-items:flex-end; justify-content:center; }
.modal { width:min(760px,100%); max-height:92dvh; overflow:auto; background:#101827; border:1px solid var(--line); border-radius:26px 26px 0 0; padding:22px 16px calc(18px + env(safe-area-inset-bottom)); box-shadow:0 -24px 70px rgba(0,0,0,.42); }
.modal-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:15px; }
.modal-head h2 { margin:0; font-size:22px; letter-spacing:-.5px; }
.modal-head p { margin:5px 0 0; color:var(--muted); font-size:12px; }
.icon-btn { width:36px; height:36px; border:1px solid var(--line); background:rgba(255,255,255,.04); color:var(--muted); border-radius:12px; }
.outcome-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:8px; margin:10px 0 15px; }
.outcome-btn { border:1px solid var(--line); background:var(--panel-2); color:var(--text); border-radius:15px; padding:13px 10px; font-weight:850; text-align:left; }
.outcome-btn.selected { border-color:rgba(94,230,168,.5); box-shadow:0 0 0 2px rgba(94,230,168,.08) inset; background:rgba(94,230,168,.07); }
.chips { display:flex; gap:7px; flex-wrap:wrap; }
.chip { border:1px solid var(--line); background:rgba(255,255,255,.04); color:var(--muted); border-radius:999px; padding:8px 10px; font-size:11px; font-weight:800; }
.chip.active { color:var(--accent); border-color:rgba(94,230,168,.25); background:rgba(94,230,168,.08); }

.login-shell { min-height:100dvh; display:grid; place-items:center; padding:24px; }
.login-card { width:min(420px,100%); background:linear-gradient(160deg, var(--panel-2), var(--panel)); border:1px solid var(--line); border-radius:28px; padding:24px; box-shadow:var(--shadow); }
.login-card .brand-mark { margin-bottom:22px; }
.login-card h1 { margin:0; font-size:30px; letter-spacing:-1px; }
.login-card p { color:var(--muted); line-height:1.5; font-size:13px; margin:9px 0 20px; }
.pin-input { letter-spacing:.3em; text-align:center; font-size:22px; font-weight:900; }
.login-error { color:#ffb1be; font-size:12px; min-height:18px; margin:7px 0; }

.spinner { width:18px; height:18px; border-radius:50%; border:2px solid rgba(255,255,255,.2); border-top-color:currentColor; display:inline-block; animation:spin .7s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }

.toast { position:fixed; z-index:90; left:50%; bottom:calc(var(--nav-h) + 18px + env(safe-area-inset-bottom)); transform:translateX(-50%); width:min(440px, calc(100% - 28px)); background:#eefbf5; color:#092017; border-radius:15px; padding:12px 14px; font-size:12px; font-weight:750; box-shadow:var(--shadow); opacity:0; pointer-events:none; transition:.2s opacity,.2s transform; }
.toast.show { opacity:1; transform:translateX(-50%) translateY(-3px); }
.toast.error { background:#ffe9ed; color:#401018; }

.skeleton { overflow:hidden; position:relative; background:var(--panel); border-radius:16px; min-height:70px; }
.skeleton::after { content:""; position:absolute; inset:0; transform:translateX(-100%); background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent); animation:shimmer 1.2s infinite; }
@keyframes shimmer { to { transform:translateX(100%); } }

@media (min-width: 700px) {
  .grid-stats { grid-template-columns:repeat(4,1fr); }
  .main { padding-left:24px; padding-right:24px; }
  .modal { border-radius:26px; margin-bottom:24px; }
  .modal-backdrop { align-items:center; padding:20px; }
  .detail-actions { grid-template-columns:1fr 1fr 1fr; }
}

.muted { color: var(--muted); }

/* V1.2 free business resolver */
.resolver-card { position:relative; overflow:hidden; }
.resolver-card::after { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:var(--accent); opacity:.75; }
.resolver-top { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; }
.source-pill, .confidence { display:inline-flex; align-items:center; border:1px solid var(--line); border-radius:999px; padding:5px 8px; font-size:10px; font-weight:850; }
.source-pill { color:#dbe7f7; background:rgba(255,255,255,.035); }
.confidence.high { color:#baf7d9; border-color:rgba(94,230,168,.2); background:rgba(94,230,168,.06); }
.confidence.medium { color:#ffe9aa; border-color:rgba(255,209,102,.18); background:rgba(255,209,102,.06); }
.confidence.low { color:#ffc7cf; border-color:rgba(255,112,130,.18); background:rgba(255,112,130,.06); }

/* V1.3 foundation guardrails */
.usage-card { margin:18px 0 6px; padding:16px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.025); }
.usage-card.safe { border-color:rgba(94,230,168,.16); }
.usage-card.warning { border-color:rgba(255,209,102,.24); background:rgba(255,209,102,.035); }
.usage-card.blocked { border-color:rgba(255,104,104,.28); background:rgba(255,104,104,.035); }
.usage-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:14px; }
.usage-head strong { display:block; font-size:16px; margin-top:3px; }
.usage-state { font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.55px; color:var(--accent); text-align:right; }
.usage-card.warning .usage-state { color:#ffd166; }
.usage-card.blocked .usage-state { color:#ff8787; }
.usage-meter { margin:12px 0; }
.usage-meter-copy { display:flex; justify-content:space-between; gap:12px; font-size:12px; }
.usage-meter-copy span { color:var(--muted); }
.usage-meter-copy strong { font-size:12px; }
.usage-track { height:7px; margin-top:7px; border-radius:999px; overflow:hidden; background:rgba(255,255,255,.07); }
.usage-track span { display:block; height:100%; border-radius:inherit; background:currentColor; color:var(--accent); }
.usage-meter-note { color:var(--muted); font-size:10px; margin-top:5px; }
.usage-foot { display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--line); padding-top:11px; margin-top:12px; font-size:12px; }
.usage-foot span { color:var(--muted); }
.usage-foot strong { font-size:16px; }
.usage-card > small { display:block; color:var(--muted); font-size:9px; line-height:1.4; margin-top:8px; }
.source-list { display:grid; gap:8px; }
.source-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:18px; align-items:center; padding:13px 14px; border:1px solid var(--line); border-radius:15px; background:rgba(255,255,255,.02); }
.source-row > div { display:flex; flex-direction:column; gap:2px; }
.source-row > div:not(:first-child) { text-align:right; }
.source-row strong { font-size:13px; }
.source-row span { font-size:10px; color:var(--muted); }
@media (max-width:480px) { .usage-head { flex-direction:column; } .usage-state { text-align:left; } .source-row { gap:10px; } }


/* V1.4 foundation hardening */
.readiness-card { margin:16px 0; padding:16px; border:1px solid var(--line); border-radius:20px; background:var(--panel); }
.readiness-card h2 { margin:2px 0 0; font-size:18px; }
.readiness-list { display:grid; gap:8px; margin-top:10px; }
.readiness-row { display:flex; align-items:flex-start; gap:10px; padding:10px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.02); }
.readiness-row > div { display:grid; gap:2px; min-width:0; }
.readiness-row strong { font-size:12px; }
.readiness-row span:not(.readiness-icon) { color:var(--muted); font-size:11px; line-height:1.4; }
.readiness-icon { flex:0 0 22px; width:22px; height:22px; border-radius:50%; display:grid; place-items:center; font-size:12px; font-weight:900; }
.readiness-icon.ok { background:rgba(41,198,132,.14); color:#8ef0c4; border:1px solid rgba(41,198,132,.25); }
.readiness-icon.wait { background:rgba(255,190,70,.13); color:#ffd48a; border:1px solid rgba(255,190,70,.25); }
.readiness-blockers { margin-top:10px; padding:11px 12px; border-radius:14px; background:rgba(255,190,70,.08); border:1px solid rgba(255,190,70,.18); display:grid; gap:4px; }
.readiness-blockers strong { font-size:11px; }
.readiness-blockers span { color:var(--muted); font-size:11px; line-height:1.45; }
.storage-line { margin-top:10px; color:var(--muted); font-size:10px; line-height:1.4; }

/* V1.9.5 screenshot OCR intake */
.ocr-intake{margin:16px 0;padding:14px;border:1px solid var(--border,#d9dee7);border-radius:14px;background:var(--surface,#fff)}
.ocr-intake-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin-bottom:10px}
.ocr-intake-head>div{min-width:0}.compact-action{width:auto;white-space:nowrap;margin:0}
.ocr-drop-zone{display:flex;min-height:118px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:18px;border:2px dashed #9aa7b8;border-radius:12px;text-align:center;cursor:pointer;background:rgba(127,127,127,.035)}
.ocr-drop-zone:focus{outline:3px solid rgba(45,111,222,.22);outline-offset:2px}.ocr-drop-zone span,.ocr-drop-zone small{color:var(--muted,#667085)}
.ocr-status:empty,.ocr-review-note:empty{display:none}.ocr-status .notice,.ocr-review-note .notice{margin-top:10px;margin-bottom:0}
.ocr-choice-row{margin-top:10px}.ocr-choice-row>strong{display:block;margin-bottom:6px}.ocr-choice-list{display:flex;flex-wrap:wrap;gap:7px}
.ocr-choice{border:1px solid #aab4c2;border-radius:999px;background:transparent;padding:7px 10px;font:inherit;cursor:pointer;max-width:100%;overflow-wrap:anywhere}
.ocr-choice:hover,.ocr-choice:focus{border-color:currentColor}.notice.error{border-color:#c94b4b}
@media (max-width:560px){.ocr-intake-head{display:block}.ocr-intake-head .compact-action{width:100%;margin-top:10px}.ocr-drop-zone{min-height:104px;padding:14px}}

/* =========================================================
   V2.0A — PREMIUM CRM SHELL + TODAY COMMAND CENTER
   Presentation-only layer. Protected foundation behavior is unchanged.
   ========================================================= */
/* V2.5A: legacy V2.0A token block consolidated into the canonical root above. */

html { background:var(--bg-deep); }
html, body { overflow-x:hidden; }
body {
  background:
    radial-gradient(circle at 50% -8%, rgba(36,108,131,.16), transparent 36%),
    linear-gradient(180deg,#060b16 0%,#050812 48%,#03050b 100%);
}
body::before {
  background:
    linear-gradient(180deg,rgba(3,8,15,.10),rgba(3,6,12,.72)),
    radial-gradient(circle at 8% 18%,rgba(112,239,192,.05),transparent 26%);
}

.shell { position:relative; isolation:isolate; }
.shell::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(4,9,17,.18) 0%,rgba(4,8,14,.62) 58%,rgba(3,5,10,.94) 100%);
}

/* Cinematic fixed environment */
.world-stage {
  position:fixed;
  inset:0;
  z-index:-3;
  overflow:hidden;
  pointer-events:none;
  opacity:.52;
  transition:opacity .35s ease;
}
.world-stage-today { opacity:1; }
.world-stage-leads { opacity:.58; }
.world-stage-add { opacity:.48; }
.world-stage-followups { opacity:.55; }
.world-stage-more { opacity:.42; }
.world-stage-lead { opacity:.46; }
.world-stars {
  position:absolute;
  inset:-20%;
  opacity:.42;
  background-image:
    radial-gradient(circle,rgba(230,249,255,.78) 0 1px,transparent 1.2px),
    radial-gradient(circle,rgba(112,239,192,.55) 0 .8px,transparent 1px);
  background-size:83px 83px,137px 137px;
  background-position:11px 19px,37px 61px;
  mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.7) 46%,transparent 86%);
}
.world-stars-b { opacity:.18; transform:scale(1.16) rotate(8deg); }
.world-horizon {
  position:absolute;
  left:-15%; right:-15%; top:48%; height:1px;
  background:linear-gradient(90deg,transparent,rgba(108,216,240,.17),rgba(112,239,192,.26),rgba(108,216,240,.17),transparent);
  box-shadow:0 0 52px rgba(108,216,240,.13);
}
.globe-lock {
  position:absolute;
  width:clamp(460px,53vw,820px);
  aspect-ratio:1;
  right:clamp(-265px,-13vw,-115px);
  top:clamp(65px,7vw,112px);
  filter:drop-shadow(0 28px 80px rgba(0,0,0,.52));
}
/* V2.4D.2 — authenticated route geometry is intentionally invariant.
   Route classes may tune environment tone, but must not reposition/resize the globe. */
.globe-aura {
  position:absolute;
  inset:-12%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(75,202,218,.13) 0%,rgba(70,166,201,.07) 33%,transparent 69%);
  filter:blur(18px);
}
.globe-shell {
  position:absolute;
  inset:9%;
  border-radius:50%;
  overflow:hidden;
  background:radial-gradient(circle at 31% 26%,rgba(65,174,195,.16),rgba(3,12,20,.94) 68%);
  border:1px solid rgba(149,239,235,.22);
  box-shadow:
    inset -46px -42px 80px rgba(0,0,0,.64),
    inset 18px 12px 44px rgba(122,241,223,.06),
    0 0 0 1px rgba(105,187,221,.05),
    0 0 90px rgba(58,169,197,.13);
}
.globe-spin {
  position:absolute;
  inset:0;
  animation:jcGlobeSpin 58s linear infinite;
  will-change:transform;
}
.globe-art { width:100%; height:100%; display:block; }
.globe-grid { fill:none; stroke:rgba(124,227,235,.18); stroke-width:1.1; }
.globe-land { filter:drop-shadow(0 0 8px rgba(112,239,192,.12)); }
.globe-rim { fill:none; stroke:rgba(173,255,228,.31); stroke-width:1.2; }
.globe-sheen {
  position:absolute;
  inset:0;
  border-radius:50%;
  background:
    radial-gradient(circle at 28% 22%,rgba(222,255,249,.15),transparent 19%),
    linear-gradient(118deg,rgba(255,255,255,.045),transparent 36%,rgba(0,0,0,.16) 72%);
  box-shadow:inset 22px 18px 58px rgba(128,242,231,.045);
}
.globe-orbit {
  position:absolute;
  inset:2%;
  border-radius:50%;
  border:1px solid rgba(108,216,240,.08);
  transform:rotate(-18deg) scaleY(.34);
}
.globe-orbit-a { inset:-2%; }
.globe-orbit-b { inset:14%; transform:rotate(24deg) scaleY(.27); border-color:rgba(112,239,192,.10); }
@keyframes jcGlobeSpin { to { transform:rotate(360deg); } }

/* Premium shared shell */
.topbar {
  z-index:30;
  background:linear-gradient(180deg,rgba(4,8,15,.88),rgba(4,8,15,.55));
  border-bottom:1px solid rgba(160,222,238,.07);
  backdrop-filter:blur(24px) saturate(120%);
  -webkit-backdrop-filter:blur(24px) saturate(120%);
  padding:calc(12px + env(safe-area-inset-top)) 18px 10px;
}
.topbar-inner { max-width:1180px; }
.brand-lockup .brand-mark {
  position:relative;
  width:39px; height:39px; border-radius:12px;
  background:linear-gradient(145deg,rgba(20,46,62,.98),rgba(8,21,33,.98));
  border-color:rgba(112,239,192,.32);
  color:#d9fff2;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 26px rgba(112,239,192,.08);
}
.brand-copy strong { font-size:14px; letter-spacing:.01em; }
.brand-copy span { font-size:10px; letter-spacing:.045em; text-transform:uppercase; color:#71869d; }
.status-dot {
  gap:8px;
  padding:7px 10px;
  border:1px solid rgba(112,239,192,.12);
  background:rgba(8,21,31,.52);
  border-radius:999px;
  color:#91a8bb;
  font-size:10px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.status-dot::before { width:6px; height:6px; background:var(--accent); box-shadow:0 0 12px rgba(112,239,192,.65); }
.main { position:relative; width:min(1180px,100%); padding:26px 18px 42px; }

.bottom-nav {
  background:linear-gradient(180deg,rgba(5,9,16,.72),rgba(4,7,13,.95));
  border-top:1px solid rgba(146,206,226,.10);
  backdrop-filter:blur(26px) saturate(125%);
  -webkit-backdrop-filter:blur(26px) saturate(125%);
}
.nav-inner { width:min(760px,100%); }
.nav-btn { color:#6e8197; transition:.18s color,.18s background,.18s transform; }
.nav-btn.active { color:#b8ffe8; background:rgba(112,239,192,.06); }
.nav-btn.add .ico {
  background:linear-gradient(145deg,#79f4c7,#52dba9);
  box-shadow:0 12px 36px rgba(83,226,172,.18),inset 0 1px 0 rgba(255,255,255,.32);
}

/* Shared CRM surface refinements */
.page-head h1 { letter-spacing:-1.5px; }
.kicker,.panel-kicker { color:#78e9c1; }
.stat-card,.lead-card,.lookup-card,.settings-item,.readiness-card,.detail-hero,.usage-card {
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.lead-card {
  background:linear-gradient(145deg,rgba(12,23,38,.78),rgba(8,15,26,.78));
  border-color:rgba(147,204,226,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.lead-card:hover { border-color:rgba(112,239,192,.18); background:linear-gradient(145deg,rgba(15,31,47,.88),rgba(8,18,30,.88)); }
.primary-action {
  background:linear-gradient(135deg,#77efc3,#54dba9);
  box-shadow:0 14px 40px rgba(75,218,165,.15),inset 0 1px 0 rgba(255,255,255,.34);
}
.secondary-action { background:rgba(12,23,38,.82); }

/* TODAY — command center */
.shell-today .main { padding-top:18px; }
.today-command {
  position:relative;
  min-height:360px;
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(180px,.45fr);
  gap:32px;
  align-items:end;
  padding:clamp(34px,5vw,64px) clamp(20px,4vw,46px) 32px;
  margin-bottom:14px;
  border:1px solid rgba(135,222,232,.12);
  border-radius:30px;
  overflow:hidden;
  background:
    linear-gradient(105deg,rgba(5,12,22,.90) 0%,rgba(5,12,22,.72) 48%,rgba(5,12,22,.18) 100%),
    radial-gradient(circle at 82% 24%,rgba(112,239,192,.08),transparent 34%);
  box-shadow:0 32px 92px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.035);
}
.today-command::before {
  content:"";
  position:absolute;
  left:0; top:0; bottom:0; width:1px;
  background:linear-gradient(transparent,rgba(112,239,192,.65),transparent);
  box-shadow:0 0 24px rgba(112,239,192,.24);
}
.today-command::after {
  content:"";
  position:absolute;
  inset:auto -8% -42% 36%; height:70%;
  background:radial-gradient(ellipse,rgba(66,193,210,.10),transparent 62%);
  pointer-events:none;
}
.today-command-copy { position:relative; z-index:2; max-width:680px; }
.command-eyebrow {
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  color:#7890a5; font-size:10px; font-weight:900; letter-spacing:.14em; text-transform:uppercase;
}
.command-pulse { width:7px; height:7px; border-radius:50%; background:var(--accent); box-shadow:0 0 18px rgba(112,239,192,.72); }
.today-command h1 {
  margin:14px 0 13px;
  max-width:700px;
  font-size:clamp(38px,7vw,70px);
  line-height:.91;
  letter-spacing:clamp(-3px,-.065em,-1.7px);
  font-weight:860;
}
.today-command h1 span {
  color:transparent;
  background:linear-gradient(105deg,#f7fbff 8%,#abf7df 54%,#78c7de 100%);
  -webkit-background-clip:text;
  background-clip:text;
}
.today-command p { max-width:590px; margin:0; color:#8da2b7; font-size:13px; line-height:1.65; }
.command-actions { display:flex; gap:10px; align-items:stretch; margin-top:25px; }
.command-primary,.command-secondary {
  border:1px solid rgba(154,226,229,.12);
  border-radius:17px;
  color:var(--text);
  min-height:67px;
  text-align:left;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.command-primary {
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto auto;
  column-gap:11px;
  align-items:center;
  padding:13px 17px;
  min-width:min(330px,100%);
  background:linear-gradient(135deg,rgba(78,222,170,.96),rgba(67,188,177,.94));
  color:#04130f;
  border-color:rgba(166,255,223,.28);
  box-shadow:0 15px 42px rgba(49,194,152,.14),inset 0 1px 0 rgba(255,255,255,.38);
}
.command-primary>span { grid-row:1/3; font-size:28px; line-height:1; font-weight:300; }
.command-primary strong { font-size:13px; letter-spacing:-.1px; }
.command-primary small { color:rgba(4,19,15,.62); font-size:10px; font-weight:780; }
.command-secondary {
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto auto;
  column-gap:9px;
  align-items:center;
  padding:12px 14px;
  background:rgba(9,20,33,.77);
  color:var(--text);
}
.command-secondary strong { grid-row:1/3; font-size:27px; color:#e8fff7; }
.command-secondary span { font-size:11px; font-weight:820; }
.command-secondary small { color:#7890a5; font-size:9px; }
.command-signal {
  position:relative; z-index:2;
  justify-self:end;
  align-self:start;
  display:grid;
  min-width:165px;
  gap:3px;
  padding:13px 15px;
  border:1px solid rgba(112,239,192,.12);
  border-radius:16px;
  background:rgba(5,15,24,.52);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.command-signal::before { content:""; position:absolute; left:-1px; top:13px; bottom:13px; width:2px; background:var(--accent); box-shadow:0 0 12px rgba(112,239,192,.65); }
.signal-label { color:#6f8498; font-size:9px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.command-signal strong { color:#a9ffe1; font-size:13px; letter-spacing:.14em; }
.command-signal span:last-child { color:#71879c; font-size:9px; }

.pulse-rail {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:0 0 14px;
  border:1px solid rgba(148,210,229,.10);
  border-radius:20px;
  overflow:hidden;
  background:rgba(5,12,21,.72);
  box-shadow:var(--shadow-soft);
}
.pulse-rail .stat-card {
  min-width:0;
  border:0;
  border-right:1px solid rgba(148,210,229,.08);
  border-radius:0;
  background:transparent;
  padding:14px 16px 13px;
}
.pulse-rail .stat-card:last-child { border-right:0; }
.pulse-rail .stat-card span { color:#71869a; font-size:9px; font-weight:880; text-transform:uppercase; letter-spacing:.095em; }
.pulse-rail .stat-card strong { margin-top:3px; font-size:25px; color:#effff9; }
.pulse-rail .stat-card small { color:#648297; font-size:9px; }

.today-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; align-items:start; }
.crm-panel {
  position:relative;
  border:1px solid rgba(148,210,229,.10);
  border-radius:22px;
  padding:16px;
  background:linear-gradient(145deg,rgba(9,19,32,.82),rgba(6,13,23,.76));
  box-shadow:var(--shadow-soft),inset 0 1px 0 rgba(255,255,255,.025);
  backdrop-filter:blur(15px);
  -webkit-backdrop-filter:blur(15px);
}
.priority-panel::before {
  content:""; position:absolute; left:-1px; top:22px; bottom:22px; width:2px;
  border-radius:3px; background:linear-gradient(var(--accent),transparent); opacity:.68;
}
.crm-panel-head { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; margin-bottom:12px; }
.crm-panel-head h2 { margin:3px 0 0; font-size:16px; letter-spacing:-.3px; }
.panel-kicker { display:block; font-size:8px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.crm-panel-head button {
  border:1px solid rgba(148,210,229,.10); background:rgba(255,255,255,.025); color:#8aa1b7;
  border-radius:999px; padding:7px 9px; font-size:9px; font-weight:850;
}
.panel-note { color:#5f7488; font-size:9px; align-self:center; }
.compact-list { gap:7px; }
.compact-list .lead-card { min-height:65px; padding:11px 12px; border-radius:14px; background:rgba(4,12,21,.50); }
.compact-list .lead-card .title { font-size:13px; }
.compact-list .lead-card .meta { font-size:10px; margin-top:3px; }
.compact-list .lead-card .follow { font-size:9px; }
.compact-list .badge { font-size:8px; padding:5px 7px; }
.compact-list .empty-card { min-height:107px; display:grid; place-content:center; padding:17px; background:rgba(3,10,18,.34); }

.system-signal {
  margin:14px 0;
  border:1px solid rgba(148,210,229,.10);
  border-radius:18px;
  background:rgba(6,15,25,.72);
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.system-signal summary {
  list-style:none;
  display:grid;
  grid-template-columns:minmax(175px,1fr) auto auto;
  align-items:center;
  gap:15px;
  padding:12px 14px;
  cursor:pointer;
}
.system-signal summary::-webkit-details-marker { display:none; }
.system-signal-title { display:flex; align-items:center; gap:10px; min-width:0; }
.system-beacon { width:7px; height:7px; flex:0 0 7px; border-radius:50%; background:var(--accent); box-shadow:0 0 12px rgba(112,239,192,.56); }
.system-signal.warning .system-beacon { background:var(--warning); box-shadow:0 0 12px rgba(255,209,102,.44); }
.system-signal.blocked .system-beacon { background:var(--danger); box-shadow:0 0 12px rgba(255,122,144,.44); }
.system-signal-title div { display:grid; gap:1px; }
.system-signal-title span { color:#6e8397; font-size:8px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.system-signal-title strong { color:#dfffee; font-size:11px; }
.system-signal-metrics { display:flex; gap:16px; color:#71869a; font-size:9px; white-space:nowrap; }
.system-signal-metrics b { color:#d7e6ef; font-size:10px; }
.system-signal-toggle { color:#70869b; font-size:9px; font-weight:850; }
.system-signal[open] .system-signal-toggle { color:var(--accent); }
.system-signal-detail { border-top:1px solid rgba(148,210,229,.08); padding:12px 14px 14px; }
.system-signal-detail .usage-meter { margin:8px 0; }
.system-signal-detail small { display:block; color:#5f7488; font-size:8px; margin-top:10px; line-height:1.45; }
.source-panel { margin-top:0; }
.source-list-premium { grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); }
.source-list-premium .source-row {
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:10px;
  min-height:60px;
  padding:10px 11px;
  border-radius:13px;
  background:rgba(3,11,20,.38);
  border-color:rgba(148,210,229,.08);
}

/* Splash update */
.app-loading {
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 35%,rgba(65,183,198,.13),transparent 32%),
    linear-gradient(180deg,#050a13,#03050b);
}
.app-loading::before {
  content:"";
  position:absolute;
  width:340px; aspect-ratio:1; border-radius:50%;
  background:radial-gradient(circle at 35% 28%,rgba(95,212,213,.19),rgba(6,24,34,.92) 53%,rgba(2,7,12,.98) 72%);
  border:1px solid rgba(132,236,230,.18);
  box-shadow:0 0 80px rgba(79,181,198,.12),inset -30px -26px 70px rgba(0,0,0,.58);
  animation:jcGlobeSpin 58s linear infinite;
}
.app-loading .splash-card { position:relative; z-index:2; padding:16px 18px; border:1px solid rgba(140,216,228,.10); border-radius:18px; background:rgba(5,14,24,.62); backdrop-filter:blur(18px); }


/* V2.0B — matching cinematic launch globe */
.app-loading::before {
  inset:-20%;
  width:auto;
  aspect-ratio:auto;
  border-radius:0;
  border:0;
  box-shadow:none;
  animation:none;
  opacity:.44;
  background-image:
    radial-gradient(circle,rgba(230,249,255,.78) 0 1px,transparent 1.2px),
    radial-gradient(circle,rgba(112,239,192,.48) 0 .8px,transparent 1px);
  background-size:83px 83px,137px 137px;
  background-position:11px 19px,37px 61px;
  mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.72) 62%,transparent 94%);
}
.splash-world {
  position:absolute;
  width:min(720px,92vw);
  aspect-ratio:1;
  left:50%;
  top:50%;
  transform:translate(-50%,-56%);
  pointer-events:none;
  filter:drop-shadow(0 36px 96px rgba(0,0,0,.58));
}
.splash-globe-aura {
  position:absolute;
  inset:-12%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(75,202,218,.17) 0%,rgba(70,166,201,.08) 34%,transparent 70%);
  filter:blur(24px);
}
.splash-globe-shell {
  position:absolute;
  inset:12%;
  border-radius:50%;
  overflow:hidden;
  background:radial-gradient(circle at 31% 26%,rgba(65,174,195,.18),rgba(3,12,20,.96) 68%);
  border:1px solid rgba(149,239,235,.24);
  box-shadow:
    inset -52px -48px 90px rgba(0,0,0,.68),
    inset 20px 14px 48px rgba(122,241,223,.07),
    0 0 0 1px rgba(105,187,221,.05),
    0 0 100px rgba(58,169,197,.16);
}
.splash-globe-spin { position:absolute; inset:0; animation:jcGlobeSpin 58s linear infinite; will-change:transform; }
.splash-globe-art { width:100%; height:100%; display:block; }
.splash-globe-grid { fill:none; stroke:rgba(124,227,235,.20); stroke-width:1.1; }
.splash-globe-land { filter:drop-shadow(0 0 9px rgba(112,239,192,.15)); }
.splash-globe-rim { fill:none; stroke:rgba(173,255,228,.34); stroke-width:1.25; }
.splash-globe-sheen {
  position:absolute;
  inset:0;
  border-radius:50%;
  background:
    radial-gradient(circle at 28% 22%,rgba(222,255,249,.18),transparent 18%),
    linear-gradient(118deg,rgba(255,255,255,.052),transparent 36%,rgba(0,0,0,.18) 72%);
}
.splash-orbit {
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(108,216,240,.10);
}
.splash-orbit-a { inset:4%; transform:rotate(-18deg) scaleY(.34); }
.splash-orbit-b { inset:18%; transform:rotate(24deg) scaleY(.27); border-color:rgba(112,239,192,.13); }
.app-loading .splash-card {
  margin-top:clamp(255px,34vh,340px);
  background:linear-gradient(145deg,rgba(6,16,28,.78),rgba(4,10,18,.72));
  border-color:rgba(140,216,228,.14);
  box-shadow:0 24px 74px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035);
}

/* V2.0B — Leads category-first intelligence surface */
.shell-leads .main { width:min(1080px,100%); padding-top:22px; }
.leads-command {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:end;
  padding:24px 26px 22px;
  margin-bottom:12px;
  border:1px solid rgba(142,213,232,.10);
  border-radius:24px;
  background:linear-gradient(105deg,rgba(6,15,26,.88),rgba(5,12,21,.70) 68%,rgba(5,12,21,.46));
  box-shadow:0 24px 70px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.leads-command h1 { margin:5px 0 0; font-size:clamp(34px,5vw,52px); letter-spacing:-1.8px; line-height:.95; }
.leads-command p { margin:9px 0 0; max-width:620px; color:#7f93a7; font-size:12px; line-height:1.55; }
.leads-command-metrics {
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.leads-command-metrics span {
  display:flex;
  align-items:baseline;
  gap:5px;
  padding:9px 11px;
  border:1px solid rgba(144,210,230,.09);
  border-radius:999px;
  background:rgba(3,10,18,.42);
  color:#70859a;
  font-size:9px;
  font-weight:800;
  letter-spacing:.035em;
  white-space:nowrap;
}
.leads-command-metrics b { color:#dfffee; font-size:13px; }
.lead-index-toolbar {
  position:sticky;
  top:70px;
  z-index:12;
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(0,auto);
  align-items:center;
  gap:12px;
  margin-bottom:12px;
  padding:10px;
  border:1px solid rgba(144,210,230,.09);
  border-radius:18px;
  background:rgba(4,11,19,.82);
  box-shadow:0 14px 44px rgba(0,0,0,.18);
  backdrop-filter:blur(20px) saturate(120%);
  -webkit-backdrop-filter:blur(20px) saturate(120%);
}
.lead-search-box { margin:0; }
.lead-search-box input { min-height:46px; border-color:rgba(144,210,230,.10); background:rgba(10,22,36,.72); }
.lead-filter-tabs { margin:0; padding:0; max-width:100%; justify-content:flex-end; }
.lead-filter-tabs .tab { flex:0 0 auto; min-height:34px; padding:8px 10px; font-size:9px; border-radius:999px; }
.lead-category-index { display:grid; gap:9px; }
.lead-group {
  border:1px solid rgba(143,208,228,.09);
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(8,18,30,.82),rgba(5,12,21,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022);
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.lead-group:hover { border-color:rgba(112,239,192,.14); }
.lead-group.open { border-color:rgba(112,239,192,.18); background:linear-gradient(145deg,rgba(9,22,34,.92),rgba(5,13,23,.86)); }
.lead-group-toggle {
  width:100%;
  min-height:72px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 28px;
  align-items:center;
  gap:18px;
  padding:12px 14px 12px 16px;
  border:0;
  color:inherit;
  text-align:left;
  background:transparent;
}
.lead-group-title { min-width:0; display:grid; grid-template-columns:auto 1fr; column-gap:10px; align-items:baseline; }
.lead-group-kicker {
  grid-column:1/3;
  margin-bottom:2px;
  color:#526b7e;
  font-size:7px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.lead-group-title strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; letter-spacing:-.2px; color:#eefcf8; }
.lead-group-title small { color:#657b8f; font-size:9px; white-space:nowrap; }
.lead-group-signals { display:flex; gap:6px; align-items:center; justify-content:flex-end; flex-wrap:wrap; }
.lead-group-signals span {
  padding:6px 8px;
  border:1px solid rgba(142,210,230,.08);
  border-radius:999px;
  background:rgba(255,255,255,.018);
  color:#70869a;
  font-size:8px;
  font-weight:800;
  white-space:nowrap;
}
.lead-group-chevron {
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:50%;
  border:1px solid rgba(142,210,230,.09);
  color:#70899c;
  font-size:15px;
  transition:transform .18s ease,color .18s ease,background .18s ease;
}
.lead-group.open .lead-group-chevron { transform:rotate(180deg); color:#b9ffe8; background:rgba(112,239,192,.055); }
.lead-group-body { border-top:1px solid rgba(143,208,228,.07); padding:6px; }
.lead-group-body[hidden] { display:none; }
.lead-index-row {
  width:100%;
  min-height:58px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:10px 10px 10px 12px;
  border:0;
  border-bottom:1px solid rgba(143,208,228,.055);
  border-radius:11px;
  color:inherit;
  text-align:left;
  background:transparent;
  transition:background .15s ease,transform .15s ease;
}
.lead-index-row:last-child { border-bottom:0; }
.lead-index-row:hover { background:rgba(112,239,192,.035); }
.lead-index-main { min-width:0; display:grid; gap:4px; }
.lead-index-main strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; color:#eaf7f4; }
.lead-index-main span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#647b8f; font-size:9px; }
.lead-index-state { display:flex; align-items:center; gap:8px; }
.lead-index-state .badge { font-size:7px; padding:5px 7px; }
.lead-index-state small { color:#d7ad63; font-size:8px; white-space:nowrap; }

@media (min-width:900px) {
  .shell:not(.shell-today) .main { width:min(980px,100%); }
  .shell-leads .main { width:min(1080px,100%); }
}

@media (max-width:780px) {
  .globe-lock { width:620px; right:-300px; top:92px; }
  .today-command { min-height:380px; grid-template-columns:1fr; padding:34px 22px 24px; }
  .command-signal { position:absolute; top:20px; right:20px; min-width:130px; opacity:.88; }
  .today-command-copy { padding-top:32px; }
  .today-grid { grid-template-columns:1fr; }
  .source-list-premium { grid-template-columns:1fr 1fr; }
  .lead-index-toolbar { grid-template-columns:1fr; top:67px; }
  .lead-filter-tabs { justify-content:flex-start; }
}


@media (max-width:560px) {
  .topbar { padding-left:14px; padding-right:14px; }
  .brand-copy span { display:none; }
  .status-dot { padding:6px 8px; }
  .main { padding:16px 12px 28px; }
  .globe-lock { width:500px; right:-245px; top:106px; }
  .world-horizon { top:41%; }
  .today-command {
    min-height:425px;
    border-radius:24px;
    padding:26px 17px 19px;
    background:linear-gradient(180deg,rgba(5,12,22,.78),rgba(5,12,22,.93) 72%);
  }
  .today-command-copy { padding-top:60px; }
  .today-command h1 { font-size:clamp(40px,13vw,57px); max-width:360px; }
  .today-command p { font-size:12px; max-width:360px; }
  .command-signal { top:15px; right:15px; min-width:124px; padding:10px 12px; }
  .command-actions { display:grid; grid-template-columns:1fr; gap:8px; }
  .command-primary { min-width:0; }
  .command-secondary { min-height:58px; }
  .pulse-rail { grid-template-columns:repeat(4,1fr); }
  .pulse-rail .stat-card { padding:11px 9px; }
  .pulse-rail .stat-card span { font-size:7px; letter-spacing:.06em; }
  .pulse-rail .stat-card strong { font-size:21px; }
  .pulse-rail .stat-card small { display:none; }
  .crm-panel { border-radius:18px; padding:13px; }
  .system-signal summary { grid-template-columns:1fr auto; gap:10px; }
  .system-signal-metrics { grid-column:1/3; gap:11px; justify-content:space-between; white-space:normal; }
  .system-signal-toggle { position:absolute; right:14px; top:17px; }
  .system-signal { position:relative; }
  .source-list-premium { grid-template-columns:1fr; }
  .splash-world { width:620px; transform:translate(-50%,-58%); }
  .app-loading .splash-card { margin-top:245px; }
  .leads-command { grid-template-columns:1fr; gap:14px; padding:19px 17px 17px; border-radius:20px; }
  .leads-command h1 { font-size:40px; }
  .leads-command-metrics { justify-content:flex-start; }
  .lead-index-toolbar { margin-left:-2px; margin-right:-2px; padding:8px; border-radius:16px; top:63px; }
  .lead-group-toggle { grid-template-columns:minmax(0,1fr) 26px; gap:10px; min-height:68px; padding:11px 10px 11px 13px; }
  .lead-group-signals { grid-column:1/2; justify-content:flex-start; margin-top:1px; }
  .lead-group-chevron { grid-column:2; grid-row:1/3; }
  .lead-index-row { grid-template-columns:minmax(0,1fr); gap:7px; padding:10px; }
  .lead-index-state { justify-content:space-between; }
}


@media (max-width:360px) {
  .today-command { padding-left:14px; padding-right:14px; }
  .today-command h1 { font-size:39px; }
  .command-signal { transform:scale(.92); transform-origin:top right; }
  .pulse-rail .stat-card { padding-left:7px; padding-right:7px; }
  .pulse-rail .stat-card strong { font-size:19px; }
}

@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; }
  .globe-spin,.splash-globe-spin,.spinner,.skeleton::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; }
}

/* V2.0C — Add intake hierarchy + Leads accordion hierarchy */
.shell-add .main { width:min(1180px,100%); }
.add-command {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:22px;
  align-items:end;
  padding:23px 25px 21px;
  margin-bottom:12px;
  border:1px solid rgba(142,213,232,.10);
  border-radius:24px;
  background:linear-gradient(105deg,rgba(6,15,26,.88),rgba(5,12,21,.72) 70%,rgba(5,12,21,.46));
  box-shadow:0 24px 70px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.add-command h1 { margin:5px 0 0; font-size:clamp(34px,5vw,52px); line-height:.96; letter-spacing:-1.8px; }
.add-command p { margin:9px 0 0; max-width:650px; color:#7d91a5; font-size:12px; line-height:1.55; }
.add-command-signal {
  min-width:142px;
  padding:11px 13px;
  border:1px solid rgba(112,239,192,.12);
  border-radius:15px;
  background:rgba(5,14,22,.55);
  text-align:right;
}
.add-command-signal span,.add-command-signal small { display:block; color:#647c8e; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.add-command-signal strong { display:block; margin:3px 0; color:#b9ffe8; font-size:14px; letter-spacing:.02em; }

.add-mode-switcher {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-bottom:12px;
  padding:8px;
  border:1px solid rgba(143,208,228,.09);
  border-radius:19px;
  background:rgba(4,11,19,.78);
  box-shadow:0 14px 42px rgba(0,0,0,.16);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.add-mode-button {
  min-width:0;
  min-height:64px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid transparent;
  border-radius:14px;
  color:#8397a9;
  text-align:left;
  background:transparent;
  transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease;
}
.add-mode-button:hover { background:rgba(255,255,255,.025); }
.add-mode-button.active {
  border-color:rgba(112,239,192,.18);
  color:#e9fff8;
  background:linear-gradient(145deg,rgba(112,239,192,.085),rgba(11,24,37,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.add-mode-icon {
  width:31px;
  height:31px;
  flex:0 0 31px;
  display:grid;
  place-items:center;
  border:1px solid rgba(143,208,228,.10);
  border-radius:10px;
  background:rgba(3,10,18,.55);
  color:#6f8799;
  font-weight:900;
}
.add-mode-button.active .add-mode-icon { border-color:rgba(112,239,192,.20); color:#9ff6d8; background:rgba(112,239,192,.055); }
.add-mode-button strong,.add-mode-button small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.add-mode-button strong { color:inherit; font-size:11px; }
.add-mode-button small { margin-top:2px; color:#617688; font-size:8px; }

.add-workspace { display:grid; grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr); gap:12px; align-items:start; }
.add-intake-column,.add-review-panel { min-width:0; }
.add-mode-panel,.add-review-panel {
  border:1px solid rgba(143,208,228,.09);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(7,17,29,.86),rgba(5,12,21,.78));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022),0 18px 50px rgba(0,0,0,.14);
}
.add-mode-panel { padding:16px; }
.add-mode-panel[hidden] { display:none; }
.add-review-panel { position:sticky; top:84px; padding:17px; }
.intake-panel-head,.add-review-head,.provider-tier-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:13px;
}
.intake-panel-head h2,.add-review-head h2,.provider-tier-head h3 { margin:3px 0 0; font-size:16px; letter-spacing:-.3px; }
.panel-kicker { color:#658094; font-size:7px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.intake-step {
  min-width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border:1px solid rgba(143,208,228,.09);
  border-radius:10px;
  color:#668094;
  background:rgba(3,10,18,.40);
  font-size:8px;
  font-weight:900;
}
.add-review-panel > p,.add-manual-intro > p { margin:0 0 14px; color:#6f8497; font-size:10px; line-height:1.55; }
.review-state {
  padding:6px 8px;
  border:1px solid rgba(255,209,102,.13);
  border-radius:999px;
  color:#d4ac67;
  background:rgba(255,209,102,.045);
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.review-form .form-group { margin-bottom:10px; }
.review-form .form-control { padding:12px 13px; border-radius:13px; background:rgba(8,18,31,.82); }
.review-form .form-group label { font-size:9px; margin-bottom:5px; }
.add-save-action { margin-top:4px; min-height:48px; border-radius:15px; }

.add-area-disclosure {
  margin:-1px 0 11px;
  border:1px solid rgba(143,208,228,.07);
  border-radius:13px;
  background:rgba(255,255,255,.015);
}
.add-area-disclosure summary {
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  color:#7890a2;
  font-size:9px;
  font-weight:850;
  cursor:pointer;
  list-style:none;
}
.add-area-disclosure summary::-webkit-details-marker { display:none; }
.add-area-disclosure summary span { color:#536a7b; font-weight:700; }
.add-area-disclosure[open] summary { border-bottom:1px solid rgba(143,208,228,.06); }
.add-area-disclosure .form-group { margin:0; padding:11px; }

.add-usage-strip {
  margin-top:10px;
  border:1px solid rgba(143,208,228,.08);
  border-radius:13px;
  background:rgba(3,10,18,.40);
  overflow:hidden;
}
.add-usage-strip summary {
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr);
  align-items:center;
  gap:8px;
  min-height:39px;
  padding:8px 10px;
  list-style:none;
  cursor:pointer;
}
.add-usage-strip summary::-webkit-details-marker { display:none; }
.add-usage-strip summary span { color:#667e90; font-size:8px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.add-usage-strip summary strong { color:#9fd6c3; font-size:8px; }
.add-usage-strip summary small { justify-self:end; color:#5e7485; font-size:8px; white-space:nowrap; }
.add-usage-strip.safe summary strong { color:#9ff6d8; }
.add-usage-detail { padding:10px 11px 11px; border-top:1px solid rgba(143,208,228,.06); color:#8195a6; font-size:9px; line-height:1.5; }
.add-lookup-results:empty { display:none; }
.add-lookup-results { margin-top:12px; }

.add-tool-surface { margin:0; padding:0; border:0; background:transparent; }
.add-tool-surface .secondary-action { width:auto; }
.paste-intake .secondary-action { width:100%; }
.ocr-intake.add-tool-surface { box-shadow:none; }
.ocr-drop-zone { background:rgba(4,13,23,.58); border-color:rgba(143,208,228,.10); }

.provider-cluster-label { margin:16px 2px 9px; }
.provider-cluster-label h2 { margin:3px 0 0; font-size:14px; }
.provider-cluster-label p { margin:5px 0 0; color:#62788a; font-size:9px; line-height:1.45; }
.provider-discovery-cluster {
  display:grid;
  gap:8px;
  border:1px solid rgba(143,208,228,.09);
  border-radius:17px;
  padding:9px;
  background:rgba(3,10,18,.46);
}
.provider-primary {
  padding:11px;
  border:1px solid rgba(112,239,192,.09);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(112,239,192,.035),rgba(9,20,32,.62));
}
.provider-tier-head { margin-bottom:9px; }
.provider-tier-head h3 { font-size:12px; }
.provider-tier-tag {
  padding:5px 7px;
  border:1px solid rgba(112,239,192,.10);
  border-radius:999px;
  color:#76ad98;
  font-size:7px;
  font-weight:900;
  white-space:nowrap;
}
.provider-primary-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.provider-primary-actions > :only-child { grid-column:1/-1; }
.provider-primary-action { width:100%; min-width:0; min-height:42px; padding:10px 11px; font-size:9px; line-height:1.3; }
.provider-primary-action:disabled { opacity:.52; cursor:not-allowed; }
.provider-other-sources {
  border:1px solid rgba(143,208,228,.07);
  border-radius:13px;
  background:rgba(255,255,255,.012);
  overflow:hidden;
}
.provider-other-sources summary {
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 11px;
  list-style:none;
  cursor:pointer;
}
.provider-other-sources summary::-webkit-details-marker { display:none; }
.provider-other-sources summary strong,.provider-other-sources summary small { display:block; }
.provider-other-sources summary strong { color:#dcebe9; font-size:10px; }
.provider-other-sources summary small { margin-top:2px; color:#5f7486; font-size:7px; }
.provider-other-count { color:#7894a6; font-size:8px; font-weight:900; white-space:nowrap; }
.provider-other-body { padding:0 10px 10px; border-top:1px solid rgba(143,208,228,.055); }
.provider-note { display:grid; gap:3px; padding:10px 1px 9px; color:#697f91; font-size:8px; line-height:1.45; }
.provider-note strong { color:#90a6b4; }
.provider-source-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.provider-source-link {
  min-width:0;
  display:grid;
  gap:2px;
  padding:9px 10px;
  border:1px solid rgba(143,208,228,.07);
  border-radius:11px;
  background:rgba(6,15,25,.62);
}
.provider-source-link:hover { border-color:rgba(112,239,192,.14); background:rgba(112,239,192,.025); }
.provider-source-link span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#dbe9e7; font-size:9px; font-weight:850; }
.provider-source-link small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#607688; font-size:7px; }

/* V2.0C Leads: category controls are visually above business rows and only one can stay open. */
.lead-index-toolbar { grid-template-columns:minmax(260px,1fr) minmax(0,auto) auto; }
.lead-collapse-all {
  min-height:34px;
  padding:8px 10px;
  border:1px solid rgba(143,208,228,.09);
  border-radius:999px;
  color:#71889b;
  background:rgba(255,255,255,.018);
  font-size:8px;
  font-weight:850;
  white-space:nowrap;
}
.lead-collapse-all:hover { color:#b9ffe8; border-color:rgba(112,239,192,.15); }
.lead-group { border-radius:20px; }
.lead-group.open {
  border-color:rgba(112,239,192,.26);
  box-shadow:inset 3px 0 0 rgba(112,239,192,.38),inset 0 1px 0 rgba(255,255,255,.025),0 16px 42px rgba(0,0,0,.16);
}
.lead-group-toggle {
  min-height:82px;
  grid-template-columns:40px minmax(0,1fr) auto auto 30px;
  gap:12px;
  padding:13px 14px;
  background:linear-gradient(90deg,rgba(11,26,40,.72),rgba(6,14,24,.46));
}
.lead-group.open .lead-group-toggle { background:linear-gradient(90deg,rgba(17,40,50,.76),rgba(7,17,28,.60)); }
.lead-group-index {
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid rgba(143,208,228,.10);
  border-radius:11px;
  color:#5d778a;
  background:rgba(3,10,18,.46);
  font-size:8px;
  font-weight:900;
  letter-spacing:.06em;
}
.lead-group.open .lead-group-index { color:#9ff6d8; border-color:rgba(112,239,192,.17); background:rgba(112,239,192,.045); }
.lead-group-title { display:grid; grid-template-columns:minmax(0,auto) auto; column-gap:9px; row-gap:2px; }
.lead-group-kicker { grid-column:1/3; margin:0; color:#5f788b; font-size:7px; }
.lead-group-title strong { font-size:17px; letter-spacing:-.45px; color:#f0fffb; }
.category-label { display:inline-flex; align-items:center; min-width:0; gap:5px; }
.category-label > span:last-child { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.category-emoji { display:none; flex:0 0 auto; font-style:normal; line-height:1; }
.lead-group-count {
  align-self:center;
  padding:4px 6px;
  border:1px solid rgba(143,208,228,.08);
  border-radius:999px;
  color:#6f8799;
  background:rgba(255,255,255,.018);
  font-size:8px;
  font-weight:850;
  white-space:nowrap;
}
.lead-group-action { color:#6a8396; font-size:8px; font-weight:850; white-space:nowrap; }
.lead-group.open .lead-group-action { color:#9dd8c4; }
.needs-category-group { border-color:rgba(255,209,102,.13); }
.needs-category-group .lead-group-index { color:#f8d98a; border-color:rgba(255,209,102,.16); background:rgba(255,209,102,.04); }
.needs-category-group .lead-group-signals span { color:#e6c978; border-color:rgba(255,209,102,.12); background:rgba(255,209,102,.035); }
html.lead-scan-locked,body.lead-scan-locked { overflow:hidden; overscroll-behavior:none; }
body.lead-scan-locked { position:fixed; left:0; right:0; width:100%; }
body.lead-scan-locked .shell-leads::after {
  content:"";
  position:fixed;
  inset:0;
  z-index:25;
  pointer-events:auto;
  background:rgba(2,8,14,.62);
  backdrop-filter:blur(6px) saturate(90%);
  -webkit-backdrop-filter:blur(6px) saturate(90%);
}
body.lead-scan-locked .lead-group.open {
  position:fixed;
  z-index:55;
  top:max(18px,calc(env(safe-area-inset-top) + 12px));
  left:50%;
  bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 18px);
  width:min(980px,calc(100vw - 36px));
  max-width:980px;
  margin:0;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:24px;
  background:linear-gradient(160deg,rgba(8,22,33,.985),rgba(3,10,18,.985));
  box-shadow:0 30px 90px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.035);
  transition:none;
}
body.lead-scan-locked .lead-group.open > .lead-group-toggle { flex:0 0 auto; }
body.lead-scan-locked .lead-group.open > .lead-group-body {
  flex:1 1 auto;
  min-height:0;
  max-height:none;
  overflow-y:auto;
  overscroll-behavior:contain;
  touch-action:pan-y;
}
.lead-group-body {
  max-height:58vh;
  overflow:auto;
  overscroll-behavior:contain;
  touch-action:pan-y;
  -webkit-overflow-scrolling:touch;
  padding:0 7px 7px;
  border-top:1px solid rgba(112,239,192,.10);
  background:linear-gradient(180deg,rgba(2,9,16,.52),rgba(5,13,22,.74));
  scrollbar-width:thin;
  scrollbar-color:rgba(112,239,192,.18) transparent;
}
.lead-group-body-head {
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 -1px 4px;
  padding:9px 7px 8px;
  border-bottom:1px solid rgba(143,208,228,.055);
  background:rgba(4,12,20,.94);
  backdrop-filter:blur(14px);
}
.lead-group-body-head span,.lead-group-body-head strong { display:block; }
.lead-group-body-head span { color:#556e80; font-size:7px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.lead-group-body-head strong { margin-top:2px; color:#9ab0bd; font-size:9px; }
.lead-group-close { padding:6px 8px; color:#8aa0af; font-size:8px; }
.lead-category-triage {
  position:sticky;
  top:48px;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 7px;
  padding:9px 9px;
  border:1px solid rgba(255,209,102,.10);
  border-radius:12px;
  background:rgba(15,17,18,.94);
  backdrop-filter:blur(14px);
}
.lead-category-triage span,.lead-category-triage strong { display:block; }
.lead-category-triage span { color:#816f4a; font-size:7px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.lead-category-triage strong { margin-top:2px; color:#d6c18f; font-size:9px; }
.lead-category-triage strong b { color:#ffe39a; }
.lead-category-triage-actions { display:flex; align-items:center; gap:6px; }
.lead-category-triage-actions button { min-height:31px; padding:7px 9px; border-radius:9px; font-size:8px; }
.lead-category-triage-actions button:disabled { opacity:.42; cursor:not-allowed; }
.lead-group-rows { padding-left:13px; border-left:1px solid rgba(112,239,192,.10); }
.lead-index-row { min-height:55px; border-radius:10px; }
.lead-index-main strong { font-size:11px; }
.lead-index-entry {
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  gap:7px;
  align-items:center;
  padding:2px 0;
  border-bottom:1px solid rgba(143,208,228,.045);
}
.lead-index-entry .lead-index-row { min-width:0; border-bottom:0; }
.lead-index-entry.selected { background:linear-gradient(90deg,rgba(112,239,192,.035),transparent); }
.lead-triage-check {
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(143,208,228,.12);
  border-radius:8px;
  color:#9ff6d8;
  background:rgba(255,255,255,.02);
  font-size:11px;
  font-weight:950;
}
.lead-triage-check[aria-pressed="true"] { border-color:rgba(112,239,192,.28); background:rgba(112,239,192,.08); box-shadow:0 0 18px rgba(112,239,192,.06); }
.lead-categorize-one {
  min-height:30px;
  padding:7px 9px;
  border:1px solid rgba(112,239,192,.12);
  border-radius:9px;
  color:#a1d9c6;
  background:rgba(112,239,192,.035);
  font-size:8px;
  font-weight:900;
}
.lead-categorize-one:hover { color:#caffed; border-color:rgba(112,239,192,.22); }

.category-picker-head { margin-bottom:10px; }
.category-picker-current {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
  padding:10px 11px;
  border:1px solid rgba(143,208,228,.08);
  border-radius:12px;
  background:rgba(255,255,255,.018);
}
.category-picker-current > span { color:#60798b; font-size:8px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.category-picker-current strong { color:#b8cbd3; font-size:10px; }
.category-choice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.category-choice {
  min-height:42px;
  min-width:0;
  padding:9px 10px;
  border:1px solid rgba(143,208,228,.09);
  border-radius:11px;
  color:#c8d8da;
  background:rgba(7,17,28,.68);
  text-align:left;
  font-size:9px;
  font-weight:850;
}
.category-choice.quick { border-color:rgba(112,239,192,.12); background:rgba(112,239,192,.03); }
.category-choice:hover { color:#eafff7; border-color:rgba(112,239,192,.24); background:rgba(112,239,192,.055); }
.category-choice:disabled { opacity:.5; }
.category-more { margin-top:11px; border-top:1px solid rgba(143,208,228,.07); padding-top:10px; }
.category-more summary { cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:10px; color:#8ba0ae; font-size:9px; font-weight:900; list-style:none; }
.category-more summary::-webkit-details-marker { display:none; }
.category-more summary span { color:#60798b; }
.category-more .category-choice-grid { margin-top:9px; }

.add-save-success {
  min-height:360px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:9px;
  padding:20px 4px;
}
.add-save-success-mark {
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(112,239,192,.24);
  border-radius:14px;
  color:#a8ffe2;
  background:rgba(112,239,192,.07);
  box-shadow:0 0 28px rgba(112,239,192,.08);
  font-size:20px;
  font-weight:900;
}
.add-save-success h2 { margin:2px 0 0; color:#f3fffb; font-size:26px; letter-spacing:-.65px; }
.add-save-success-phone { color:#a8ffe2; font-size:14px; letter-spacing:.01em; }
.add-save-success p { margin:1px 0 4px; color:#8095a5; font-size:11px; line-height:1.6; }
.add-save-success-actions { width:100%; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:8px; margin-top:6px; }
.add-save-success-actions .primary-action,.add-save-success-actions .secondary-action { width:100%; min-height:44px; }
.add-save-success small { max-width:470px; color:#607788; font-size:9px; line-height:1.5; }

@media (max-width:900px) {
  .add-workspace { grid-template-columns:1fr; }
  .add-review-panel { position:static; }
  .lead-index-toolbar { grid-template-columns:1fr auto; }
  .lead-search-box { grid-column:1/-1; }
  .lead-filter-tabs { justify-content:flex-start; }
}

@media (max-width:620px) {
  .add-command { grid-template-columns:1fr; padding:19px 17px 17px; border-radius:20px; }
  .add-command-signal { justify-self:start; min-width:0; display:flex; align-items:center; gap:7px; text-align:left; }
  .add-command-signal span,.add-command-signal strong,.add-command-signal small { display:inline; margin:0; }
  .add-mode-switcher { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .add-mode-button { min-height:58px; }
  .add-review-panel,.add-mode-panel { border-radius:17px; padding:13px; }
  .provider-primary-actions,.provider-source-grid { grid-template-columns:1fr; }
  .provider-primary-actions > :only-child { grid-column:auto; }
  .add-usage-strip summary { grid-template-columns:auto auto; }
  .add-usage-strip summary small { grid-column:1/3; justify-self:start; }
  .lead-index-toolbar { grid-template-columns:1fr auto; }
  .lead-group-toggle {
    grid-template-columns:34px minmax(0,1fr) 28px;
    gap:9px;
    min-height:86px;
    padding:11px 10px;
  }
  .lead-group-index { width:31px; height:31px; border-radius:9px; }
  .lead-group-title { grid-column:2; }
  .lead-group-title strong { font-size:15px; }
  .category-emoji { display:inline-flex; font-size:14px; }
  .lead-group-signals { grid-column:2; justify-content:flex-start; }
  .lead-group-action { display:none; }
  .lead-group-chevron { grid-column:3; grid-row:1/3; }
  .lead-group-rows { padding-left:8px; }
  body.lead-scan-locked .lead-group.open {
    top:max(8px,calc(env(safe-area-inset-top) + 8px));
    bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 8px);
    width:calc(100vw - 20px);
    border-radius:18px;
  }
  .lead-category-triage { top:47px; align-items:stretch; flex-direction:column; padding:8px; }
  .lead-category-triage-actions { display:grid; grid-template-columns:1fr 1.35fr; }
  .lead-index-entry { grid-template-columns:27px minmax(0,1fr); gap:6px; padding:4px 0; }
  .lead-index-entry .lead-index-row { grid-column:2; }
  .lead-categorize-one { grid-column:2; justify-self:start; margin:-2px 0 5px 10px; min-height:27px; padding:6px 8px; }
  .category-choice-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .category-choice { min-height:44px; }
  .category-choice .category-emoji { font-size:15px; }
  .lead-detail-category .category-emoji { font-size:13px; }
  .add-save-success { min-height:0; padding:10px 2px 4px; }
  .add-save-success-actions { grid-template-columns:1fr; }
}

@media (max-width:380px) {
  .add-mode-switcher { grid-template-columns:1fr 1fr; gap:6px; padding:6px; }
  .add-mode-button { padding:8px; gap:8px; }
  .add-mode-icon { width:28px; height:28px; flex-basis:28px; }
  .lead-collapse-all { padding-left:8px; padding-right:8px; }
}

/* V2.0D / V2.3 — Follow-Up Calendar command workspace */
.shell-followups .main { width:min(1480px,100%); padding-top:24px; }
.shell-followups::before {
  background:
    radial-gradient(circle at 20% 14%,rgba(166,144,255,.072),transparent 27%),
    radial-gradient(circle at 80% 44%,rgba(88,177,255,.050),transparent 32%),
    linear-gradient(180deg,rgba(5,8,17,.10),rgba(4,7,14,.68) 61%,rgba(3,5,10,.95));
}
.world-stage-followups { opacity:.44; filter:saturate(.76) hue-rotate(16deg); }

.followup-command {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:24px;
  margin:2px 2px 18px;
  padding:22px 24px 20px;
  overflow:hidden;
  border:1px solid rgba(194,187,255,.11);
  border-radius:26px;
  background:
    linear-gradient(120deg,rgba(24,25,49,.78),rgba(9,17,31,.64) 52%,rgba(7,13,24,.48)),
    radial-gradient(circle at 82% 10%,rgba(151,131,255,.10),transparent 34%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 22px 70px rgba(0,0,0,.22);
}
.followup-command::after {
  content:"";
  position:absolute;
  width:220px;
  aspect-ratio:1;
  right:-82px;
  top:-116px;
  border:1px solid rgba(183,174,255,.11);
  border-radius:50%;
  box-shadow:0 0 0 28px rgba(151,131,255,.018),0 0 0 58px rgba(126,201,255,.012);
}
.followup-command h1 { margin:4px 0 0; font-size:clamp(34px,5vw,58px); line-height:.96; letter-spacing:-2.4px; }
.followup-command p { max-width:620px; margin:10px 0 0; color:#96a5bb; font-size:13px; line-height:1.55; }
.followup-command .kicker { color:#bfb2ff; }
.followup-command-mark {
  position:relative;
  z-index:1;
  min-width:118px;
  padding:12px 14px;
  text-align:right;
  border-left:1px solid rgba(194,187,255,.10);
}
.followup-command-mark span { display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background:#b9a7ff; box-shadow:0 0 18px rgba(185,167,255,.48); }
.followup-command-mark strong { display:block; margin-top:5px; font-size:30px; line-height:1; letter-spacing:-1px; }
.followup-command-mark small { display:block; margin-top:4px; color:#7f8da2; font-size:9px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }

.followup-summary-rail {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-bottom:14px;
  overflow:hidden;
  border:1px solid rgba(183,204,230,.075);
  border-radius:18px;
  background:linear-gradient(120deg,rgba(12,18,32,.74),rgba(8,14,26,.60));
  backdrop-filter:blur(16px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.followup-summary-item {
  min-width:0;
  padding:13px 16px 12px;
  border:0;
  border-radius:0;
  background:transparent;
}
.followup-summary-item + .followup-summary-item { border-left:1px solid rgba(183,204,230,.065); }
.followup-summary-item span { display:block; overflow:hidden; color:#748499; font-size:9px; font-weight:850; letter-spacing:.055em; text-transform:uppercase; text-overflow:ellipsis; white-space:nowrap; }
.followup-summary-item strong { display:block; margin-top:5px; font-size:24px; line-height:1; letter-spacing:-.7px; }
.followup-summary-item.overdue strong { color:#ff99aa; }
.followup-summary-item.today strong { color:#c9bfff; }
.followup-cap-warning { margin:0 0 12px; }

.followup-calendar-layout {
  display:grid;
  grid-template-columns:minmax(0,2.18fr) minmax(360px,1fr);
  gap:16px;
  align-items:stretch;
}
.followup-calendar-shell {
  position:relative;
  min-width:0;
  overflow:hidden;
  padding:20px;
  border:1px solid rgba(197,191,255,.12);
  border-radius:28px;
  background:
    radial-gradient(circle at 86% 2%,rgba(145,124,255,.085),transparent 28%),
    linear-gradient(145deg,rgba(16,21,39,.95),rgba(7,13,25,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 30px 90px rgba(0,0,0,.28);
}
.followup-calendar-shell::before {
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:-250px;
  bottom:-278px;
  border:1px solid rgba(157,145,255,.08);
  border-radius:50%;
  box-shadow:0 0 0 46px rgba(145,124,255,.010),0 0 0 92px rgba(104,191,255,.008);
  pointer-events:none;
}
.followup-calendar-toolbar {
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:15px;
  padding:2px 2px 14px;
  border-bottom:1px solid rgba(197,191,255,.065);
}
.followup-calendar-toolbar .kicker { color:#9488d2; font-size:9px; }
.followup-calendar-toolbar h2 { margin:4px 0 0; font-size:clamp(24px,3vw,36px); letter-spacing:-1.35px; }
.followup-calendar-controls { display:flex; align-items:center; gap:5px; }
.calendar-nav-button,.calendar-today-button {
  min-height:34px;
  border:1px solid rgba(193,186,255,.095);
  border-radius:10px;
  background:rgba(7,12,23,.54);
  color:#a7b3c5;
  font-weight:850;
  transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease;
}
.calendar-nav-button { width:35px; padding:0; font-size:15px; }
.calendar-today-button { padding:0 12px; font-size:9px; letter-spacing:.045em; }
.calendar-nav-button:hover,.calendar-today-button:hover { transform:translateY(-1px); border-color:rgba(195,183,255,.22); color:#eeeaff; background:rgba(50,44,84,.27); }

.followup-calendar-field {
  position:relative;
  z-index:1;
  overflow:hidden;
  border:1px solid rgba(183,204,230,.055);
  border-radius:20px;
  background:rgba(5,11,21,.34);
}
.followup-weekdays,.followup-calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:0; }
.followup-weekdays {
  margin:0;
  padding:0;
  border-bottom:1px solid rgba(183,204,230,.055);
  background:rgba(255,255,255,.009);
}
.followup-weekdays span { padding:10px 5px 9px; color:#5f7188; font-size:8px; font-weight:900; letter-spacing:.10em; text-align:center; text-transform:uppercase; }
.followup-calendar-grid { position:relative; z-index:1; }
.followup-day {
  position:relative;
  min-width:0;
  min-height:98px;
  margin:0;
  padding:11px 12px;
  overflow:hidden;
  text-align:left;
  border:0;
  border-right:1px solid rgba(183,204,230,.045);
  border-bottom:1px solid rgba(183,204,230,.045);
  border-radius:0;
  background:rgba(7,13,24,.18);
  color:#aab6c7;
  transition:background .16s ease,box-shadow .16s ease,color .16s ease;
}
.followup-day:nth-child(7n) { border-right:0; }
.followup-day:nth-last-child(-n+7) { border-bottom:0; }
.followup-day:not(.followup-day-empty):hover { background:rgba(41,38,70,.28); box-shadow:inset 0 0 0 1px rgba(183,174,255,.09); }
.followup-day-empty { background:rgba(255,255,255,.004); color:transparent; pointer-events:none; }
.followup-day-number { position:relative; z-index:1; font-size:12px; font-weight:850; }
.followup-day-count {
  position:absolute;
  right:11px;
  bottom:10px;
  min-width:27px;
  height:27px;
  padding:0 7px;
  display:grid;
  place-items:center;
  border:1px solid rgba(151,228,211,.18);
  border-radius:999px;
  background:rgba(78,202,178,.10);
  color:#bdf8e5;
  font-size:10px;
  font-weight:950;
  box-shadow:0 0 20px rgba(78,202,178,.07);
}
.followup-day-count::before {
  content:"";
  width:4px;
  height:4px;
  margin-right:4px;
  border-radius:50%;
  background:#70efc0;
  box-shadow:0 0 9px rgba(112,239,192,.55);
}
.followup-day-count { grid-auto-flow:column; }
.followup-day-count.empty { opacity:0; }
.followup-day.has-followups::after {
  content:"";
  position:absolute;
  width:38px;
  height:1px;
  left:12px;
  bottom:13px;
  background:linear-gradient(90deg,rgba(112,239,192,.28),transparent);
}
.followup-day.today .followup-day-number { color:#d5f6ff; }
.followup-day.today .followup-day-number::after { content:"today"; display:block; margin-top:4px; color:#75cfff; font-size:6px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.followup-day.overdue .followup-day-count { border-color:rgba(255,119,147,.20); background:rgba(255,108,138,.09); color:#ffb3c1; box-shadow:0 0 18px rgba(255,108,138,.055); }
.followup-day.overdue .followup-day-count::before { background:#ff7894; box-shadow:0 0 9px rgba(255,120,148,.42); }
.followup-day.selected {
  z-index:2;
  background:linear-gradient(145deg,rgba(65,53,111,.44),rgba(17,24,43,.60));
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(210,200,255,.28),inset 0 -22px 38px rgba(118,98,214,.055),0 0 25px rgba(119,100,218,.055);
}
.followup-day.selected::before {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  background:linear-gradient(180deg,transparent,#b9a7ff 28%,#70dff0 70%,transparent);
  box-shadow:0 0 12px rgba(185,167,255,.28);
}
.followup-day.selected .followup-day-number { color:#fff; }

.followup-calendar-legend { display:flex; flex-wrap:wrap; gap:14px; margin-top:13px; padding:10px 3px 0; color:#65758a; font-size:8px; font-weight:800; }
.followup-calendar-legend span { display:inline-flex; align-items:center; gap:5px; }
.legend-dot { width:7px; height:7px; border-radius:50%; background:#70efc0; }
.legend-dot.overdue { background:#ff718f; }
.legend-dot.selected { background:#b9a7ff; box-shadow:0 0 0 3px rgba(204,194,255,.07); }

.followup-day-panel {
  position:sticky;
  top:92px;
  min-height:100%;
  overflow:hidden;
  border:1px solid rgba(197,191,255,.105);
  border-radius:26px;
  background:
    radial-gradient(circle at 90% 12%,rgba(94,216,240,.055),transparent 30%),
    linear-gradient(180deg,rgba(14,20,35,.90),rgba(6,12,22,.88));
  backdrop-filter:blur(18px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 24px 70px rgba(0,0,0,.22);
}
.followup-day-panel-head {
  position:relative;
  padding:22px 22px 20px;
  border-bottom:1px solid rgba(197,191,255,.065);
  background:linear-gradient(120deg,rgba(67,54,112,.14),transparent 64%);
}
.followup-day-panel-head::after {
  content:"";
  position:absolute;
  width:110px;
  height:110px;
  right:-55px;
  top:-62px;
  border:1px solid rgba(112,223,240,.07);
  border-radius:50%;
  box-shadow:0 0 0 20px rgba(185,167,255,.012);
}
.followup-day-panel-head .kicker { display:block; margin-bottom:14px; color:#9488d2; font-size:8px; }
.followup-agenda-weekday { display:block; color:#d3caff; font-size:11px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.followup-day-panel-head h2 { margin:5px 0 7px; font-size:clamp(25px,2.1vw,34px); line-height:1.02; letter-spacing:-1.1px; }
.followup-agenda-count { display:block; color:#708196; font-size:9px; font-weight:800; }
.followup-detail-list { max-height:68vh; overflow:auto; padding:9px 14px 18px; scrollbar-width:thin; scrollbar-color:rgba(176,163,255,.16) transparent; }
.followup-agenda-list { position:relative; }
.followup-detail-row {
  position:relative;
  width:100%;
  display:grid;
  grid-template-columns:72px 22px minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  column-gap:8px;
  row-gap:7px;
  align-items:start;
  padding:18px 4px 18px 0;
  text-align:left;
  border:0;
  border-bottom:1px solid rgba(183,204,230,.055);
  border-radius:0;
  background:transparent;
  color:var(--text);
}
.followup-detail-row:last-child { border-bottom:0; }
.followup-detail-row:hover { background:linear-gradient(90deg,rgba(150,132,255,.035),transparent 82%); }
.followup-detail-time { grid-column:1; grid-row:1/3; padding-top:2px; color:#94a5b9; font-size:9px; font-weight:850; line-height:1.35; white-space:nowrap; }
.followup-agenda-track {
  position:relative;
  grid-column:2;
  grid-row:1/3;
  align-self:stretch;
  min-height:62px;
}
.followup-agenda-track::before {
  content:"";
  position:absolute;
  width:1px;
  left:10px;
  top:10px;
  bottom:-27px;
  background:linear-gradient(180deg,rgba(112,239,192,.24),rgba(108,216,240,.075));
}
.followup-detail-row:last-child .followup-agenda-track::before { bottom:2px; opacity:.35; }
.followup-agenda-track i {
  position:absolute;
  width:8px;
  height:8px;
  left:7px;
  top:5px;
  border:2px solid rgba(4,9,17,.95);
  border-radius:50%;
  background:#70efc0;
  box-shadow:0 0 0 3px rgba(112,239,192,.08),0 0 13px rgba(112,239,192,.32);
}
.followup-detail-main { grid-column:3; grid-row:1; min-width:0; padding-right:6px; }
.followup-detail-main strong,.followup-detail-main small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.followup-detail-main strong { color:#f5f7ff; font-size:13px; line-height:1.2; }
.followup-detail-main small { margin-top:4px; color:#6e7f93; font-size:8px; }
.followup-detail-phone { color:#8394a8 !important; }
.followup-detail-row .badge { grid-column:3; grid-row:2; justify-self:start; padding:4px 7px; font-size:7px; }
.followup-detail-open { grid-column:4; grid-row:1/3; align-self:center; color:#9f94d3; font-size:8px; font-weight:900; white-space:nowrap; }
.followup-day-empty-state { position:relative; padding:54px 28px 60px; text-align:center; }
.followup-empty-orbit { display:block; width:44px; height:44px; margin:0 auto 17px; border:1px solid rgba(112,239,192,.10); border-radius:50%; box-shadow:0 0 0 8px rgba(185,167,255,.016),inset 0 0 18px rgba(112,239,192,.025); }
.followup-empty-orbit::after { content:""; display:block; width:5px; height:5px; margin:18px auto 0; border-radius:50%; background:#70efc0; box-shadow:0 0 11px rgba(112,239,192,.42); }
.followup-day-empty-state strong { display:block; color:#d9d4ed; font-size:14px; }
.followup-day-empty-state p { margin:6px auto 0; max-width:220px; color:#66768a; font-size:10px; line-height:1.5; }

@media (max-width:1120px) {
  .shell-followups .main { width:min(1080px,100%); }
  .followup-calendar-layout { grid-template-columns:minmax(0,1.75fr) minmax(310px,1fr); }
  .followup-day { min-height:88px; }
  .followup-detail-row { grid-template-columns:64px 20px minmax(0,1fr); }
  .followup-detail-open { grid-column:3; grid-row:3; justify-self:start; margin-top:2px; }
  .followup-detail-row .badge { grid-row:2; }
}

@media (max-width:880px) {
  .shell-followups .main { width:min(880px,100%); }
  .followup-calendar-layout { grid-template-columns:1fr; }
  .followup-day-panel { position:static; min-height:0; }
  .followup-detail-list { max-height:none; }
  .followup-detail-row { grid-template-columns:72px 22px minmax(0,1fr) auto; }
  .followup-detail-open { grid-column:4; grid-row:1/3; align-self:center; }
}

@media (max-width:700px) {
  .shell-followups .main { padding-left:10px; padding-right:10px; }
  .followup-command { grid-template-columns:1fr auto; gap:12px; padding:18px 16px 16px; border-radius:21px; }
  .followup-command h1 { font-size:38px; }
  .followup-command p { font-size:11px; }
  .followup-command-mark { min-width:72px; padding:9px 8px; }
  .followup-command-mark strong { font-size:24px; }
  .followup-summary-rail { border-radius:15px; }
  .followup-summary-item { padding:10px 8px; }
  .followup-summary-item span { font-size:6px; letter-spacing:.035em; }
  .followup-summary-item strong { margin-top:3px; font-size:18px; }
  .followup-calendar-shell { padding:11px 8px 12px; border-radius:20px; }
  .followup-calendar-toolbar { padding:4px 4px 11px; margin-bottom:10px; }
  .followup-calendar-toolbar h2 { font-size:21px; }
  .followup-calendar-toolbar .kicker { display:none; }
  .calendar-nav-button { width:32px; min-height:32px; }
  .calendar-today-button { min-height:32px; padding:0 9px; font-size:8px; }
  .followup-calendar-field { border-radius:14px; }
  .followup-weekdays span { padding:8px 2px 7px; font-size:6px; }
  .followup-day { min-height:60px; padding:7px 6px; }
  .followup-day-number { font-size:9px; }
  .followup-day-count { right:5px; bottom:5px; min-width:21px; height:21px; padding:0 5px; font-size:8px; }
  .followup-day-count::before { width:3px; height:3px; margin-right:3px; }
  .followup-day.has-followups::after { display:none; }
  .followup-day.today .followup-day-number::after { font-size:5px; }
  .followup-calendar-legend { gap:8px; font-size:6px; padding-left:4px; }
  .followup-day-panel { border-radius:20px; }
  .followup-day-panel-head { padding:18px 18px 16px; }
  .followup-day-panel-head .kicker { margin-bottom:10px; }
  .followup-detail-list { padding:6px 10px 14px; }
  .followup-detail-row { grid-template-columns:60px 20px minmax(0,1fr); padding:15px 2px 15px 0; }
  .followup-detail-time { font-size:8px; }
  .followup-detail-main strong { font-size:12px; }
  .followup-detail-open { grid-column:3; grid-row:3; justify-self:start; margin-top:1px; }
}

@media (max-width:390px) {
  .followup-command { grid-template-columns:1fr; }
  .followup-command-mark { display:none; }
  .followup-summary-rail { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .followup-summary-item:nth-child(3) { border-left:0; border-top:1px solid rgba(183,204,230,.065); }
  .followup-summary-item:nth-child(4) { border-top:1px solid rgba(183,204,230,.065); }
  .followup-day { min-height:53px; }
  .followup-day-count { min-width:19px; height:19px; padding:0 4px; }
  .followup-calendar-toolbar { align-items:flex-end; }
  .followup-calendar-controls { gap:3px; }
}

/* V2.0E — premium gateway, lead cockpit, and control center */
.login-gateway {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:100dvh;
  padding:clamp(18px,3vw,36px);
  background:
    radial-gradient(circle at 18% 22%,rgba(112,239,192,.055),transparent 26%),
    radial-gradient(circle at 83% 20%,rgba(78,177,218,.09),transparent 31%),
    linear-gradient(160deg,#050a13 0%,#040810 54%,#02050a 100%);
}
.login-gateway .world-stage { z-index:0; opacity:.78; }
.login-gateway .world-stage-neutral .globe-lock {
  width:clamp(560px,62vw,920px);
  right:clamp(-330px,-12vw,-125px);
  top:50%;
  transform:translateY(-50%);
  opacity:.92;
}
.login-gateway-grid {
  position:relative;
  z-index:2;
  width:min(1180px,100%);
  min-height:calc(100dvh - clamp(36px,6vw,72px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(340px,430px);
  align-items:center;
  gap:clamp(40px,7vw,110px);
}
.login-story { align-self:center; max-width:650px; padding:28px 10px; }
.login-brand-row { display:flex; align-items:center; gap:12px; margin-bottom:clamp(56px,10vh,110px); }
.login-brand-row .brand-mark { width:42px; height:42px; margin:0; border-radius:13px; }
.login-brand-row > div:last-child { display:grid; gap:2px; }
.login-brand-row strong { color:#e8f6f5; font-size:12px; letter-spacing:.01em; }
.login-brand-row span { color:#5f7787; font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.login-story-copy .kicker { color:#70efc0; }
.login-story-copy h1 {
  margin:9px 0 14px;
  font-size:clamp(46px,6vw,78px);
  line-height:.91;
  letter-spacing:-3.2px;
  font-weight:850;
  color:#f4fbfb;
  text-wrap:balance;
}
.login-story-copy p { max-width:520px; margin:0; color:#8195a5; font-size:13px; line-height:1.65; }
.login-signal-row { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; }
.login-signal-row span { display:inline-flex; align-items:center; gap:7px; padding:8px 10px; border:1px solid rgba(143,217,226,.09); border-radius:999px; background:rgba(5,14,23,.46); color:#718898; font-size:8px; font-weight:850; letter-spacing:.04em; }
.login-signal-row i { width:5px; height:5px; border-radius:50%; background:#70efc0; box-shadow:0 0 10px rgba(112,239,192,.45); }
.login-console {
  width:100%;
  padding:24px;
  border-radius:28px;
  border-color:rgba(139,219,224,.14);
  background:linear-gradient(155deg,rgba(9,20,32,.90),rgba(5,12,21,.86));
  box-shadow:0 34px 100px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.045);
  backdrop-filter:blur(22px) saturate(115%);
  -webkit-backdrop-filter:blur(22px) saturate(115%);
}
.login-console-head { margin-bottom:20px; }
.login-console-head h2 { margin:5px 0 5px; font-size:28px; letter-spacing:-1px; }
.login-console-head p { margin:0; color:#708596; font-size:11px; }
.login-console .form-group { margin-top:13px; }
.login-console .form-control { min-height:50px; background:rgba(4,12,20,.70); border-color:rgba(141,213,224,.11); }
.login-open-action { width:100%; min-height:49px; margin-top:3px; }
.login-owner-setup { margin-top:13px; border-top:1px solid rgba(145,215,227,.07); }
.login-owner-setup summary { list-style:none; cursor:pointer; padding:13px 2px 4px; color:#708798; font-size:9px; font-weight:850; }
.login-owner-setup summary::-webkit-details-marker { display:none; }
.login-owner-setup summary::after { content:" +"; color:#70efc0; }
.login-owner-setup[open] summary::after { content:" −"; }
.login-owner-setup-body { padding-top:8px; }
.login-owner-setup-body p { margin:0 0 10px; color:#6f8394; font-size:10px; line-height:1.5; }
.login-owner-setup-body .secondary-action { width:100%; }
.login-owner-setup-body .notice { margin-top:9px; font-size:9px; }

.shell-more .main { width:min(1180px,100%); }
.control-command {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:24px;
  margin:2px 2px 14px;
  padding:24px 25px 22px;
  border:1px solid rgba(142,213,232,.10);
  border-radius:26px;
  background:linear-gradient(115deg,rgba(7,18,30,.90),rgba(7,14,24,.72) 62%,rgba(6,13,22,.50));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 24px 72px rgba(0,0,0,.20);
}
.control-command h1 { margin:5px 0 0; font-size:clamp(36px,5vw,54px); line-height:.94; letter-spacing:-2px; }
.control-command p { max-width:650px; margin:9px 0 0; color:#7c91a2; font-size:11px; line-height:1.55; }
.control-command-state { display:flex; align-items:center; gap:7px; padding:9px 11px; border:1px solid rgba(143,214,230,.09); border-radius:999px; background:rgba(3,10,18,.42); color:#6d8294; font-size:8px; font-weight:900; letter-spacing:.045em; white-space:nowrap; }
.control-command-state i { width:7px; height:7px; border-radius:50%; background:#ffd166; box-shadow:0 0 12px rgba(255,209,102,.34); }
.control-command-state.ready i { background:#70efc0; box-shadow:0 0 12px rgba(112,239,192,.40); }
.control-summary-rail { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin:0 2px 14px; }
.control-summary-signal { position:relative; min-height:75px; padding:13px 14px; overflow:hidden; border:1px solid rgba(143,211,228,.08); border-radius:17px; background:rgba(5,14,23,.70); }
.control-summary-signal span,.control-summary-signal strong { display:block; }
.control-summary-signal span { color:#5d7487; font-size:7px; font-weight:900; letter-spacing:.10em; text-transform:uppercase; }
.control-summary-signal strong { margin-top:8px; color:#d9e8ec; font-size:11px; }
.control-summary-signal i { position:absolute; right:12px; top:12px; width:6px; height:6px; border-radius:50%; background:#6c7e8d; }
.control-summary-signal.ok i { background:#70efc0; box-shadow:0 0 10px rgba(112,239,192,.32); }
.control-summary-signal.warning i { background:#ffd166; box-shadow:0 0 10px rgba(255,209,102,.28); }
.control-center-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr); gap:12px; align-items:start; }
.control-disclosure-stack,.control-side-stack { display:grid; gap:12px; }
.control-disclosure { overflow:hidden; border:1px solid rgba(142,210,229,.09); border-radius:22px; background:linear-gradient(150deg,rgba(8,18,29,.82),rgba(5,12,21,.76)); box-shadow:inset 0 1px 0 rgba(255,255,255,.025); }
.control-disclosure > summary { list-style:none; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:20px; padding:19px 20px; cursor:pointer; }
.control-disclosure > summary::-webkit-details-marker { display:none; }
.control-disclosure > summary h2 { margin:4px 0 4px; font-size:18px; letter-spacing:-.5px; }
.control-disclosure > summary p { margin:0; max-width:620px; color:#6e8395; font-size:10px; line-height:1.5; }
.control-disclosure-toggle { padding:7px 9px; border:1px solid rgba(143,211,229,.09); border-radius:999px; color:#6f8598; font-size:8px; font-weight:900; }
.control-disclosure[open] .control-disclosure-toggle { color:#70efc0; border-color:rgba(112,239,192,.14); }
.control-disclosure[open] .control-disclosure-toggle::after { content:" · Close"; }
.control-disclosure-body { padding:0 12px 12px; border-top:1px solid rgba(143,211,229,.06); }
.control-settings-compact { display:grid; gap:7px; padding-top:12px; }
.control-settings-compact .settings-item { min-height:66px; padding:11px 12px; border-radius:14px; background:rgba(3,10,18,.38); }
.control-settings-compact .settings-item strong { font-size:11px; }
.control-settings-compact .settings-item span { font-size:9px; }
.control-settings-compact .settings-pill { font-size:8px; padding:5px 7px; }
.control-disclosure-body .readiness-card { margin:10px 0 0; border-radius:16px; background:rgba(3,10,18,.34); }
.control-disclosure-body .usage-panel { margin-top:10px; }
.portability-panel,.session-panel { border:1px solid rgba(143,211,228,.09); border-radius:22px; background:linear-gradient(145deg,rgba(8,19,31,.88),rgba(5,12,21,.78)); box-shadow:inset 0 1px 0 rgba(255,255,255,.028),0 20px 60px rgba(0,0,0,.14); }
.portability-panel { padding:19px; }
.portability-head h2,.session-panel h2 { margin:4px 0 5px; font-size:19px; letter-spacing:-.55px; }
.portability-head p,.session-panel p { margin:0; color:#6d8294; font-size:10px; line-height:1.5; }
.portability-actions { display:grid; gap:7px; margin-top:16px; }
.portability-action { display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:10px; align-items:center; padding:11px; border:1px solid rgba(143,211,228,.08); border-radius:14px; background:rgba(3,10,18,.42); color:inherit; text-decoration:none; }
.portability-action > span { grid-row:1/3; width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:rgba(112,239,192,.07); color:#70efc0; font-size:8px; font-weight:950; }
.portability-action strong { font-size:10px; }
.portability-action small { margin-top:2px; color:#60778a; font-size:8px; }
.portability-note { margin-top:12px; padding-top:11px; border-top:1px solid rgba(143,211,228,.06); color:#5d7284; font-size:8px; line-height:1.5; }
.session-panel { padding:18px; }
.session-actions { display:grid; gap:7px; margin-top:15px; }
.session-actions .secondary-action { width:100%; min-height:40px; }

/* V2.0E — lead cockpit */
.lead-cockpit-nav { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:0 2px 10px; }
.lead-cockpit-nav > span { color:#5e7486; font-size:8px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.lead-cockpit-hero { position:relative; overflow:hidden; padding:23px; border-color:rgba(142,213,232,.11); background:linear-gradient(135deg,rgba(10,24,38,.94),rgba(7,15,26,.86) 66%,rgba(6,13,22,.72)); }
.lead-cockpit-hero::after { content:""; position:absolute; width:270px; height:270px; right:-110px; top:-150px; border-radius:50%; background:radial-gradient(circle,rgba(112,239,192,.10),transparent 68%); pointer-events:none; }
.lead-identity-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:20px; }
.lead-status-line { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.lead-status-line > span:last-child { color:#7590a2; font-size:9px; font-weight:850; letter-spacing:.03em; }
.lead-detail-category { display:inline-flex; align-items:center; gap:7px; min-width:0; }
.lead-detail-category > button {
  padding:3px 6px;
  border:1px solid rgba(112,239,192,.11);
  border-radius:999px;
  color:#8fcbb8;
  background:rgba(112,239,192,.025);
  font-size:7px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.lead-cockpit-hero h1 { max-width:800px; margin:11px 0 8px; font-size:clamp(32px,4.8vw,52px); line-height:.96; letter-spacing:-2px; }
.lead-identity-subline { display:flex; flex-wrap:wrap; gap:7px; color:#6c8294; font-size:9px; }
.lead-identity-subline span { display:inline-flex; align-items:center; gap:5px; }
.lead-identity-subline span + span::before { content:"•"; margin-right:2px; color:#405568; }
.lead-edit-action { position:relative; z-index:2; }
.lead-action-dock { position:relative; z-index:1; grid-template-columns:1.2fr 1fr 1fr 1.1fr; gap:8px; margin-top:21px; }
.lead-action-dock > * { min-height:48px; display:flex; align-items:center; justify-content:center; gap:7px; }
.lead-cockpit-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(285px,.72fr); gap:12px; margin-top:12px; align-items:start; }
.lead-cockpit-primary { display:grid; gap:12px; }
.next-move-panel,.lead-timeline-panel,.lead-facts-panel { border:1px solid rgba(142,211,229,.09); border-radius:22px; background:linear-gradient(150deg,rgba(8,18,30,.83),rgba(5,12,21,.77)); box-shadow:inset 0 1px 0 rgba(255,255,255,.025); }
.next-move-panel { padding:18px; }
.next-move-head { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:18px; }
.next-move-head h2 { margin:4px 0 0; font-size:21px; letter-spacing:-.7px; }
.next-move-date { min-width:190px; text-align:right; }
.next-move-date span,.next-move-date strong,.next-move-date small { display:block; }
.next-move-date span { color:#70efc0; font-size:8px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.next-move-date strong { margin-top:3px; font-size:13px; }
.next-move-date small { margin-top:2px; color:#62788a; font-size:8px; }
.next-move-date.empty span { color:#8195a5; }
.next-move-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:15px; }
.next-move-actions .quick-button { min-height:72px; background:rgba(3,10,18,.40); border-color:rgba(142,211,229,.08); }
.lead-timeline-panel { padding:18px; }
.lead-panel-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:14px; }
.lead-panel-heading h2 { margin:4px 0 0; font-size:18px; letter-spacing:-.5px; }
.lead-panel-heading > span { color:#5f7588; font-size:8px; font-weight:800; }
.cockpit-timeline { gap:8px; }
.cockpit-timeline .timeline-item { padding:10px 10px 10px 14px; border-left-color:rgba(112,239,192,.20); border-radius:0 12px 12px 0; background:rgba(3,10,18,.32); }
.lead-facts-panel { position:sticky; top:92px; padding:17px; }
.lead-facts-list { margin-top:0; gap:0; }
.lead-facts-list .meta-row { padding:11px 2px; border-bottom:1px solid rgba(142,211,229,.055); font-size:10px; }
.lead-facts-list .meta-row:last-child { border-bottom:0; }
.lead-facts-list .meta-row > span:first-child { width:18px; color:#6f899a; text-align:center; }
.lead-followup-fact { background:linear-gradient(90deg,rgba(112,239,192,.035),transparent); }

@media (max-width:900px) {
  .login-gateway-grid { grid-template-columns:1fr; align-content:center; gap:24px; width:min(560px,100%); }
  .login-story { padding:0 4px; }
  .login-brand-row { margin-bottom:28px; }
  .login-story-copy h1 { font-size:clamp(42px,10vw,62px); }
  .login-story-copy br { display:none; }
  .login-signal-row { margin-top:18px; }
  .login-gateway .world-stage-neutral .globe-lock { right:-280px; top:10%; transform:none; opacity:.52; }
  .control-center-grid,.lead-cockpit-grid { grid-template-columns:1fr; }
  .lead-facts-panel { position:static; }
}

@media (max-width:680px) {
  .login-gateway { padding:18px 14px 28px; }
  .login-gateway-grid { min-height:calc(100dvh - 46px); }
  .login-story-copy p { font-size:11px; }
  .login-console { padding:19px; border-radius:22px; }
  .control-command { grid-template-columns:1fr; gap:12px; padding:19px 17px; border-radius:21px; }
  .control-command h1 { font-size:40px; }
  .control-command-state { justify-self:start; }
  .control-summary-rail { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .control-disclosure > summary { padding:16px; }
  .control-disclosure-toggle { display:none; }
  .portability-panel,.session-panel { border-radius:18px; }
  .lead-cockpit-hero { padding:18px 15px; border-radius:21px; }
  .lead-cockpit-hero h1 { font-size:36px; }
  .lead-action-dock { grid-template-columns:1fr 1fr; }
  .next-move-head { grid-template-columns:1fr; gap:10px; }
  .next-move-date { min-width:0; text-align:left; padding-top:10px; border-top:1px solid rgba(142,211,229,.06); }
  .next-move-actions { grid-template-columns:1fr; }
  .next-move-panel,.lead-timeline-panel,.lead-facts-panel { border-radius:18px; }
}

@media (max-width:390px) {
  .login-story-copy h1 { font-size:40px; letter-spacing:-2px; }
  .login-signal-row span:last-child { display:none; }
  .control-summary-rail { gap:5px; }
  .control-summary-signal { min-height:67px; padding:11px; }
  .lead-identity-grid { gap:10px; }
  .lead-cockpit-hero h1 { font-size:31px; }
  .lead-action-dock > * { font-size:10px; }
}


/* V2.0F — loader placement, Today hero rail and sync-review polish */
.splash-brand-lockup {
  position:absolute;
  z-index:3;
  left:50%;
  bottom:clamp(52px,8vh,92px);
  transform:translateX(-50%);
  width:min(360px,calc(100% - 48px));
  display:grid;
  gap:14px;
  text-align:center;
}
.splash-brand-line { display:flex; align-items:center; justify-content:center; gap:12px; }
.splash-brand-lockup .brand-mark {
  width:46px; height:46px; flex:0 0 46px; border-radius:14px;
  background:linear-gradient(145deg,rgba(18,45,61,.96),rgba(7,20,32,.96));
  border-color:rgba(112,239,192,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 28px rgba(112,239,192,.08);
}
.splash-brand-copy { min-width:0; text-align:left; }
.splash-brand-copy strong { display:block; color:#f4fbff; font-size:17px; letter-spacing:-.25px; }
.splash-brand-copy span { display:block; margin-top:3px; color:#7e93aa; font-size:11px; }
.splash-progress { position:relative; height:2px; overflow:hidden; border-radius:999px; background:rgba(146,216,228,.09); }
.splash-progress span {
  position:absolute; inset:0 auto 0 0; width:34%; border-radius:inherit;
  background:linear-gradient(90deg,transparent,rgba(112,239,192,.82),rgba(93,188,220,.7),transparent);
  animation:jcSplashProgress 1.7s ease-in-out infinite;
}
@keyframes jcSplashProgress { from { transform:translateX(-115%); } to { transform:translateX(330%); } }

.today-command { min-height:0; display:block; padding:28px clamp(20px,4vw,46px) 30px; }
.command-status-rail {
  position:relative; z-index:2;
  width:100%;
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  margin:0 0 20px; padding:9px 12px;
  border:1px solid rgba(112,239,192,.10);
  border-radius:13px;
  background:linear-gradient(90deg,rgba(7,20,30,.72),rgba(7,20,30,.34));
  color:#70869a;
  font-size:9px; font-weight:850; letter-spacing:.08em; text-transform:uppercase;
}
.command-status-rail::after { content:""; height:1px; flex:1 1 60px; min-width:28px; background:linear-gradient(90deg,rgba(112,239,192,.16),transparent); }
.command-status-label { color:#71879b; }
.command-status-rail strong { display:flex; align-items:center; gap:6px; color:#aaffe2; letter-spacing:.12em; }
.command-status-rail strong i { width:6px; height:6px; border-radius:50%; background:var(--accent); box-shadow:0 0 12px rgba(112,239,192,.62); }
.command-status-rail span:not(.command-status-label) { color:#7f95a9; }
.today-command-copy { padding-top:0 !important; }

.status-dot { appearance:none; -webkit-appearance:none; }
button.status-dot { font:inherit; cursor:pointer; }
.status-dot.status-review {
  border-color:rgba(255,209,102,.22);
  background:rgba(45,34,11,.48);
  color:#e9c977;
}
.status-dot.status-review::before { background:var(--warning); box-shadow:0 0 12px rgba(255,209,102,.55); }
.toast.review {
  width:min(380px,calc(100% - 32px));
  padding:10px 12px;
  border:1px solid rgba(255,209,102,.18);
  background:rgba(35,27,10,.96);
  color:#f2d98e;
  box-shadow:0 16px 48px rgba(0,0,0,.38);
}
.sync-conflict-list { display:grid; gap:9px; margin:14px 0; }
.sync-conflict-row {
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center;
  padding:12px; border:1px solid rgba(255,209,102,.12); border-radius:14px;
  background:rgba(29,23,10,.28);
}
.sync-conflict-row>div:first-child { min-width:0; display:grid; gap:3px; }
.sync-conflict-row strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; color:#eef8f4; }
.sync-conflict-row small { color:#7e91a3; font-size:9px; line-height:1.45; }
.sync-conflict-actions { display:flex; gap:7px; }
.sync-conflict-actions .secondary-action { width:auto; min-height:34px; padding:8px 10px; font-size:9px; border-radius:10px; }
.sync-dismiss-all { width:100%; margin-top:4px; }

@media (max-width:780px) {
  .today-command { padding:22px 22px 24px; }
  .command-status-rail { margin-bottom:17px; }
}
@media (max-width:560px) {
  .today-command { min-height:0; padding:18px 17px 19px; }
  .command-status-rail { gap:7px; padding:8px 9px; margin-bottom:15px; font-size:8px; letter-spacing:.065em; }
  .command-status-rail::after { display:none; }
  .splash-world { transform:translate(-50%,-62%); }
  .splash-brand-lockup { bottom:max(48px,calc(env(safe-area-inset-bottom) + 32px)); width:min(330px,calc(100% - 40px)); }
  .splash-brand-copy strong { font-size:16px; }
  .splash-brand-copy span { font-size:10px; }
  .sync-conflict-row { grid-template-columns:1fr; }
  .sync-conflict-actions { justify-content:flex-start; }
}
@media (max-width:360px) {
  .today-command { padding-left:14px; padding-right:14px; }
  .command-status-rail { gap:6px; }
}
@media (prefers-reduced-motion:reduce) {
  .splash-progress span { animation-duration:.001ms !important; animation-iteration-count:1 !important; }
}

/* V2.1 — JC Controls identity, premium loader motion, and branded recovery states */
.brand-mark-art {
  position:relative;
  display:grid;
  place-items:center;
  overflow:visible;
  padding:0;
  background:transparent !important;
  border:0 !important;
  color:transparent;
  box-shadow:none !important;
}
.brand-mark-art img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 0 9px rgba(112,239,192,.20)) drop-shadow(0 0 18px rgba(76,193,222,.10));
}
.brand-lockup .brand-mark-art { width:40px; height:40px; border-radius:0; }
.brand-lockup .brand-copy strong {
  background:linear-gradient(90deg,#f6fbff 0%,#e7fffa 42%,#83f3d1 74%,#65cae8 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  font-weight:900;
  letter-spacing:-.02em;
}
.brand-lockup .brand-copy span { letter-spacing:.055em; }

.app-loading {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 34%,rgba(61,183,205,.14),transparent 30%),
    radial-gradient(circle at 50% 58%,rgba(112,239,192,.045),transparent 26%),
    linear-gradient(165deg,#030913 0%,#030710 55%,#01040a 100%);
}
.app-loading::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(circle,rgba(221,251,255,.78) 0 1px,transparent 1.2px),
    radial-gradient(circle,rgba(112,239,192,.48) 0 .7px,transparent 1px);
  background-size:97px 97px,149px 149px;
  background-position:19px 27px,61px 83px;
  opacity:.17;
  mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.9) 72%,transparent 100%);
}
.splash-world { width:min(760px,96vw); transform:translate(-50%,-59%); }
.splash-globe-shell { inset:10%; }
.splash-globe-spin { animation:jcGlobeSpin 64s linear infinite; }
.splash-orbit { z-index:2; }
.splash-orbit-a { animation:jcControlsOrbitA 18s linear infinite; }
.splash-orbit-b { animation:jcControlsOrbitB 26s linear infinite reverse; }
@keyframes jcControlsOrbitA {
  from { transform:rotate(-18deg) scaleY(.34); }
  to { transform:rotate(342deg) scaleY(.34); }
}
@keyframes jcControlsOrbitB {
  from { transform:rotate(24deg) scaleY(.27); }
  to { transform:rotate(384deg) scaleY(.27); }
}
.splash-orbit-a::after {
  content:"";
  position:absolute;
  top:50%;
  right:-4px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#96ffe1;
  box-shadow:0 0 8px #70efc0,0 0 20px rgba(81,197,231,.72);
  transform:translateY(-50%);
}
.splash-logo-stage {
  position:absolute;
  z-index:5;
  left:50%;
  top:50%;
  width:42%;
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
}
.splash-logo-halo {
  position:absolute;
  inset:9%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(112,239,192,.26),rgba(79,190,222,.10) 42%,transparent 72%);
  filter:blur(20px);
  animation:jcControlsHalo 3.4s ease-in-out infinite;
}
.splash-logo-mark {
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:
    drop-shadow(0 0 12px rgba(112,239,192,.48))
    drop-shadow(0 0 30px rgba(82,202,229,.26));
  animation:jcControlsBrandBreath 3.4s ease-in-out infinite;
  will-change:filter,transform;
}
.splash-logo-shimmer {
  position:absolute;
  z-index:3;
  width:18%;
  height:130%;
  left:-20%;
  top:-15%;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(230,255,250,.02),rgba(235,255,253,.38),rgba(141,246,224,.10),transparent);
  filter:blur(2px);
  mix-blend-mode:screen;
  animation:jcControlsShimmer 3.4s ease-in-out infinite;
  pointer-events:none;
}
.splash-logo-stage::after {
  content:"";
  position:absolute;
  z-index:4;
  left:62%;
  top:47%;
  width:13%;
  aspect-ratio:1;
  transform:translate(-50%,-50%) scale(.78);
  clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);
  background:radial-gradient(circle,#f4fffc 0%,#bcffed 32%,#70efc0 68%,transparent 72%);
  filter:drop-shadow(0 0 8px rgba(112,239,192,.8));
  opacity:0;
  animation:jcControlsStarSpark 3.4s ease-in-out infinite;
}
@keyframes jcControlsBrandBreath {
  0%,100% { transform:scale(.985); filter:drop-shadow(0 0 10px rgba(112,239,192,.36)) drop-shadow(0 0 24px rgba(82,202,229,.18)); }
  52% { transform:scale(1); filter:drop-shadow(0 0 18px rgba(112,239,192,.62)) drop-shadow(0 0 40px rgba(82,202,229,.31)); }
}
@keyframes jcControlsHalo {
  0%,100% { opacity:.50; transform:scale(.92); }
  52% { opacity:.88; transform:scale(1.04); }
}
@keyframes jcControlsShimmer {
  0%,38% { left:-24%; opacity:0; }
  48% { opacity:.72; }
  64% { left:110%; opacity:0; }
  100% { left:110%; opacity:0; }
}
@keyframes jcControlsStarSpark {
  0%,44%,72%,100% { opacity:0; transform:translate(-50%,-50%) scale(.62); }
  52% { opacity:.88; transform:translate(-50%,-50%) scale(1.18); }
  59% { opacity:.32; transform:translate(-50%,-50%) scale(.92); }
}
.splash-brand-lockup {
  bottom:clamp(66px,9vh,112px);
  width:min(390px,calc(100% - 48px));
  gap:13px;
}
.splash-brand-copy { text-align:center; }
.splash-brand-copy strong {
  display:block;
  font-size:clamp(26px,4vw,36px);
  font-weight:950;
  letter-spacing:-1.2px;
  line-height:1;
  background:linear-gradient(90deg,#f7fbff 0%,#f0fffb 38%,#8df5d5 68%,#61cce9 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 0 30px rgba(105,235,205,.08);
}
.splash-brand-copy span {
  display:block;
  margin-top:8px;
  color:#8aa1b5;
  font-size:11px;
  letter-spacing:.055em;
}
.splash-progress {
  height:5px;
  padding:1px;
  overflow:hidden;
  border:1px solid rgba(121,235,226,.22);
  background:rgba(4,16,25,.72);
  box-shadow:inset 0 0 16px rgba(31,116,146,.18),0 0 18px rgba(82,202,229,.06);
}
.splash-progress span {
  height:100%;
  width:36%;
  background:linear-gradient(90deg,transparent,#72f3d0 38%,#89fff0 56%,#61cbe8 76%,transparent);
  box-shadow:0 0 12px rgba(112,239,192,.68);
}

.login-brand-row .brand-mark-art { width:54px; height:54px; border-radius:0; }
.login-brand-row strong {
  background:linear-gradient(90deg,#f7fbff 0%,#9af5da 64%,#68cdea 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  font-size:14px;
  font-weight:900;
}
.login-brand-row .brand-mark-art img { filter:drop-shadow(0 0 12px rgba(112,239,192,.30)); }
.login-open-action {
  background:linear-gradient(105deg,#70efc0 0%,#66e6cf 46%,#63cfe9 100%);
  box-shadow:0 16px 42px rgba(81,215,190,.16),0 0 32px rgba(75,178,218,.08);
}
.fatal-shell {
  position:relative;
  min-height:100dvh;
  display:grid;
  place-items:center;
  padding:24px;
  background:
    radial-gradient(circle at 50% 38%,rgba(70,196,211,.10),transparent 28%),
    linear-gradient(160deg,#050a13,#02060d 68%,#01040a);
}
.fatal-card {
  width:min(520px,100%);
  text-align:center;
  border-color:rgba(112,239,192,.12);
  background:linear-gradient(155deg,rgba(8,20,31,.94),rgba(5,12,21,.92));
}
.fatal-card .brand-mark-fatal { width:92px; height:92px; margin:0 auto 12px; }
.fatal-card h1 { margin:7px 0 8px; font-size:clamp(28px,5vw,38px); letter-spacing:-1.35px; }
.fatal-card p { color:#8197aa; line-height:1.55; }
.fatal-card .primary-action { margin-top:18px; }

@media (max-width:560px) {
  .splash-world { width:min(690px,112vw); transform:translate(-50%,-61%); }
  .splash-logo-stage { width:39%; }
  .splash-brand-lockup { bottom:max(62px,calc(env(safe-area-inset-bottom) + 38px)); width:min(340px,calc(100% - 38px)); }
  .splash-brand-copy strong { font-size:27px; }
  .splash-brand-copy span { font-size:10px; margin-top:7px; }
  .brand-lockup .brand-mark-art { width:38px; height:38px; }
  .brand-lockup .brand-copy span { display:none; }
}

@media (prefers-reduced-motion:reduce) {
  .splash-logo-mark,
  .splash-logo-halo,
  .splash-logo-shimmer,
  .splash-logo-stage::after,
  .splash-orbit-a,
  .splash-orbit-b {
    animation:none !important;
  }
  .splash-logo-stage::after,
  .splash-logo-shimmer { display:none !important; }
  .splash-logo-halo { opacity:.64; transform:none; }
  .splash-logo-mark { transform:none; }
}

/* V2.3.1 — desktop loader centering + calendar date alignment */
@media (min-width:561px) {
  .app-loading .splash-world {
    width:min(760px,96vw,72dvh);
    top:50%;
    transform:translate(-50%,-50%);
  }
}
.followup-day-number {
  position:absolute;
  top:8px;
  left:9px;
}
@media (max-width:700px) {
  .followup-day-number { top:6px; left:6px; }
}
/* V2.4C functional Import Center; premium visual refinement is reserved for V2.5F. */
.import-center-entry{width:100%;margin:0 0 18px;padding:16px 18px;border:1px solid rgba(121,231,200,.28);border-radius:16px;background:linear-gradient(135deg,rgba(23,67,77,.88),rgba(10,28,43,.92));color:var(--text);display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:left}.import-center-entry span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--mint)}.import-center-entry strong{font-size:1rem}.import-center-entry small{color:var(--muted)}
.import-command{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;margin-bottom:20px}.import-command h1{margin:6px 0 8px}.import-command p{max-width:720px;color:var(--muted)}.import-batch-state{min-width:150px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);display:grid;gap:5px}.import-batch-state span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.import-batch-state strong{text-transform:capitalize}.import-batch-state.safe strong{color:var(--mint)}
.import-start-grid{display:grid;grid-template-columns:minmax(260px,380px) minmax(0,1fr);gap:18px;align-items:start}.import-drop-zone{min-height:260px;padding:28px;border:1px dashed rgba(121,231,200,.42);border-radius:18px;background:rgba(7,23,34,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.import-drop-zone input{position:absolute;opacity:0;pointer-events:none}.import-drop-zone label{cursor:pointer}.import-drop-icon{font-size:2rem;color:var(--mint)}.import-file-summary,.import-section-head,.import-stage-actions,.import-review-toolbar,.import-pagination,.import-commit-bar{display:flex;align-items:center;justify-content:space-between;gap:14px}.import-mapping-form,.import-review-panel,.import-history{display:grid;gap:18px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.import-mapping-form section{display:grid;gap:12px}.import-section-head{justify-content:flex-start}.import-section-head>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(121,231,200,.12);color:var(--mint)}.import-section-head h2,.import-section-head h3{margin:0}.import-section-head p{margin:3px 0 0;color:var(--muted)}.import-mapping-grid,.import-status-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.import-mapping-grid label,.import-status-map label,.import-sheet-select{display:grid;gap:5px}.import-mapping-grid label span,.import-status-map label span,.import-sheet-select span{font-size:.76rem;color:var(--muted)}
.import-sample-wrap,.import-review-table{overflow:auto;border:1px solid var(--line);border-radius:12px}.import-sample-wrap table,.import-review-table table{width:100%;border-collapse:collapse;min-width:720px}.import-sample-wrap th,.import-sample-wrap td,.import-review-table th,.import-review-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:.8rem}.import-sample-wrap th,.import-review-table th{position:sticky;top:0;background:#0b1a27;color:var(--muted);z-index:1}.import-review-table td small{display:block;max-width:300px;margin-top:4px;color:var(--muted)}.import-summary-grid{display:grid;grid-template-columns:repeat(8,minmax(85px,1fr));gap:8px;margin-bottom:16px}.import-summary-grid>div{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.import-summary-grid span{display:block;font-size:.68rem;color:var(--muted)}.import-summary-grid strong{font-size:1.2rem}.import-review-toolbar{align-items:flex-end}.import-review-toolbar>div{display:flex;gap:7px;flex-wrap:wrap}.import-state{display:inline-flex;padding:4px 7px;border-radius:999px;background:rgba(103,184,255,.12);text-transform:capitalize}.import-state-duplicate,.import-state-invalid{background:rgba(255,105,120,.13);color:#ff9aa7}.import-state-ready{background:rgba(121,231,200,.13);color:var(--mint)}.table-action{margin-top:6px;padding:3px 7px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted)}.import-commit-bar{padding-top:14px;border-top:1px solid var(--line)}.import-commit-bar>div{display:grid}.import-commit-bar span{font-size:.75rem;color:var(--muted)}.import-progress{min-height:20px;color:var(--mint)}.import-history{margin-top:18px}.import-history-list{display:grid;gap:8px}.import-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}.import-history-open{width:100%;display:flex;justify-content:space-between;gap:16px;padding:13px;border:1px solid var(--line);border-radius:12px;background:rgba(8,25,38,.72);color:var(--text);text-align:left}.import-history-open span{display:grid;gap:3px}.import-history-list small{color:var(--muted)}.import-history-cancel{padding:0 14px;border:1px solid rgba(255,105,120,.28);border-radius:12px;background:rgba(255,105,120,.08);color:#ffabb5}.import-history-cancel:hover{background:rgba(255,105,120,.14)}
@media(max-width:900px){.import-start-grid{grid-template-columns:1fr}.import-summary-grid{grid-template-columns:repeat(4,1fr)}.import-review-toolbar,.import-commit-bar{align-items:stretch;flex-direction:column}.import-commit-bar button{width:100%}}
@media(max-width:620px){.import-command,.import-file-summary,.import-stage-actions{flex-direction:column;align-items:stretch}.import-center-entry{grid-template-columns:1fr}.import-mapping-grid,.import-status-map{grid-template-columns:1fr}.import-summary-grid{grid-template-columns:repeat(2,1fr)}.import-mapping-form,.import-review-panel,.import-history{padding:14px}.import-history-open{flex-direction:column}.import-history-cancel{min-width:74px}}

/* V2.4D.1 UX/performance correction */
.route-progress{position:sticky;top:64px;z-index:24;height:3px;opacity:0;pointer-events:none;overflow:hidden;background:rgba(121,231,200,.05);transition:opacity .14s ease}.route-progress>span{display:block;width:34%;height:100%;transform:translateX(-120%);background:linear-gradient(90deg,transparent,rgba(121,231,200,.9),transparent)}.route-progress small{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.is-route-busy .route-progress{opacity:1}.is-route-busy .route-progress>span{animation:route-progress-sweep .9s ease-in-out infinite}.is-route-busy .main{opacity:.985;transition:opacity .14s ease}@keyframes route-progress-sweep{to{transform:translateX(360%)}}
.followup-calendar-controls .calendar-nav-button,.followup-calendar-controls .calendar-today-button{min-height:44px}.followup-calendar-controls .calendar-nav-button{min-width:44px;width:44px}.followup-day{min-width:44px}.followup-day:focus-visible,.calendar-nav-button:focus-visible,.calendar-today-button:focus-visible{outline:2px solid rgba(159,248,220,.72);outline-offset:-2px}
.import-selection-actions{display:flex;gap:8px;flex-wrap:wrap}.import-selection-note{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid rgba(121,231,200,.12);border-radius:12px;background:rgba(121,231,200,.045);font-size:.76rem}.import-selection-note strong{color:#dffcf3}.import-selection-note span{color:var(--muted)}.import-review-table input[type="checkbox"]{width:18px;height:18px;accent-color:#79e7c8;cursor:pointer}.import-review-table input[type="checkbox"]:disabled{cursor:not-allowed;opacity:.35}.import-review-table .table-action:disabled{opacity:.4;cursor:not-allowed}
.import-progress{display:grid;gap:9px;min-height:0;padding:12px 0 0}.import-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text);font-size:.78rem}.import-progress-head span{color:var(--mint);font-variant-numeric:tabular-nums}.import-progress-track{height:7px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}.import-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(121,231,200,.64),rgba(117,207,255,.86));transition:width .18s ease}.import-progress-counts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.import-progress-counts span{display:grid;gap:2px;padding:8px 9px;border:1px solid var(--line);border-radius:10px;background:rgba(6,20,31,.56);color:var(--muted);font-size:.68rem}.import-progress-counts b{color:var(--text);font-size:.9rem;font-variant-numeric:tabular-nums}.is-import-committing .import-review-panel button:not([data-import-commit]){pointer-events:none;opacity:.58}
.import-completion-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px;border:1px solid rgba(121,231,200,.22);border-radius:18px;background:linear-gradient(135deg,rgba(121,231,200,.075),rgba(8,25,38,.76));box-shadow:0 20px 70px rgba(0,0,0,.18)}.import-completion-mark{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(121,231,200,.14);color:var(--mint);font-size:1.25rem;font-weight:900}.import-completion-card h2{margin:5px 0 7px}.import-completion-card p{margin:0;color:var(--muted)}.import-completion-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.import-recovery{margin-bottom:14px}
@media(max-width:700px){.route-progress{top:58px}.followup-calendar-controls .calendar-nav-button,.followup-calendar-controls .calendar-today-button{min-height:44px}.followup-calendar-toolbar{align-items:center}.followup-day{min-height:64px;padding:8px 6px}.followup-day-number{font-size:11px}.import-selection-note{align-items:flex-start;flex-direction:column}.import-progress-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.import-completion-card{grid-template-columns:1fr}.import-completion-mark{width:42px;height:42px}.import-completion-actions{justify-content:stretch}.import-completion-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.is-route-busy .route-progress>span{animation:none;transform:none;width:100%}.import-progress-track i{transition:none}}

/* =========================================================
   V2.5A — CORPORATE DESIGN SYSTEM FOUNDATION
   Presentation-only normalization. No route, data, globe geometry,
   import behavior, calendar behavior, auth, or deployment ownership.
   ========================================================= */

html {
  font-family:var(--font-ui);
  font-size:16px;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body { line-height:1.5; }
::selection { background:rgba(112,239,192,.22); color:var(--color-text-primary); }

/* Shared text hierarchy */
.page-head h1 { font-size:var(--text-page); line-height:1.06; letter-spacing:-.035em; font-weight:760; }
.page-head p { color:var(--color-text-secondary); font-size:var(--text-ui); line-height:1.55; }
.section { margin-top:var(--space-5); }
.section-head { margin-bottom:var(--space-3); }
.section-head h2 { font-size:var(--text-section); line-height:1.25; letter-spacing:-.015em; font-weight:700; }
.kicker,.panel-kicker { color:var(--color-brand); font-size:var(--text-meta); font-weight:750; letter-spacing:.09em; }
.muted { color:var(--color-text-muted); }

/* Corporate surface grammar: quiet borders, consistent radii, restrained depth. */
.stat-card,.lead-card,.empty-card,.detail-hero,.quick-button,.usage-card,.readiness-card,.ocr-intake,
.import-mapping-form,.import-review-panel,.import-history,.import-completion-card {
  border-color:var(--color-border);
  border-radius:var(--radius-surface);
}
.stat-card,.lead-card,.quick-button,.usage-card,.readiness-card {
  box-shadow:none;
}
.detail-hero,.import-completion-card { box-shadow:var(--shadow-soft); }
.empty-card { color:var(--color-text-muted); }

/* Unified control hierarchy. Existing class names remain intact for compatibility. */
.primary-action,.secondary-action,.ghost-action,.danger-action,.call-action,.text-action,.compact-action,.table-action,
.calendar-nav-button,.calendar-today-button,.category-choice,.lead-collapse-all,.lead-group-action,.lead-group-close,
.lead-category-triage-actions button,.lead-categorize-one,.provider-primary-action,.import-history-cancel {
  min-height:40px;
  border-radius:var(--radius-control);
  line-height:1.2;
  transition:
    background-color var(--motion-fast) var(--ease-standard),
    border-color var(--motion-fast) var(--ease-standard),
    color var(--motion-fast) var(--ease-standard),
    opacity var(--motion-fast) var(--ease-standard),
    transform var(--motion-fast) var(--ease-standard),
    box-shadow var(--motion-fast) var(--ease-standard);
}
.primary-action,.call-action {
  background:var(--color-brand);
  color:var(--color-brand-ink);
  border:1px solid transparent;
  font-weight:780;
  box-shadow:0 8px 24px rgba(112,239,192,.11);
}
.secondary-action,.text-action,.compact-action {
  background:rgba(255,255,255,.035);
  color:var(--color-text-primary);
  border-color:var(--color-border);
  font-weight:700;
}
.ghost-action,.table-action {
  color:var(--color-text-secondary);
}
.primary-action:hover,.call-action:hover { background:var(--color-brand-strong); box-shadow:0 10px 28px rgba(112,239,192,.16); }
.secondary-action:hover,.text-action:hover,.compact-action:hover { background:rgba(255,255,255,.055); border-color:var(--color-border-strong); }
.primary-action:active,.call-action:active,.secondary-action:active,.text-action:active,.compact-action:active { transform:translateY(1px); }

button:disabled,input:disabled,textarea:disabled,select:disabled,[aria-disabled="true"] {
  cursor:not-allowed;
  opacity:.48;
}

/* Inputs/forms: one geometry and one readable state language. */
.search-box input,.form-control,.review-form .form-control,
.import-mapping-grid select,.import-status-map select,.import-sheet-select select {
  min-height:42px;
  border-radius:var(--radius-control);
  border-color:var(--color-border);
  background:rgba(7,14,25,.78);
  color:var(--color-text-primary);
  font-size:var(--text-ui);
  line-height:1.35;
  transition:
    border-color var(--motion-fast) var(--ease-standard),
    background-color var(--motion-fast) var(--ease-standard),
    box-shadow var(--motion-fast) var(--ease-standard);
}
.form-group label,.review-form .form-group label,.import-mapping-grid label span,.import-status-map label span,.import-sheet-select span {
  color:var(--color-text-secondary);
  font-size:var(--text-small);
  font-weight:650;
  letter-spacing:.01em;
}
.search-box input:focus,.form-control:focus,.review-form .form-control:focus,
.import-mapping-grid select:focus,.import-status-map select:focus,.import-sheet-select select:focus {
  border-color:rgba(112,239,192,.52);
  background:rgba(10,20,33,.94);
  box-shadow:var(--focus-ring);
}
input[type="checkbox"],input[type="radio"] { accent-color:var(--color-brand); }

/* Universal visible keyboard focus without changing pointer interaction. */
:where(button,a,input,textarea,select,summary,[tabindex]):focus-visible {
  outline:2px solid var(--focus-outline);
  outline-offset:2px;
  box-shadow:var(--focus-ring);
}
.followup-day:focus-visible,.calendar-nav-button:focus-visible,.calendar-today-button:focus-visible {
  outline:2px solid var(--focus-outline);
  outline-offset:2px;
}

/* Compact UI remains dense, but no operational text is microscopic. */
.usage-card > small,.command-secondary small,.signal-label,.command-signal span:last-child,
.pulse-rail .stat-card span,.pulse-rail .stat-card small,.crm-panel-head button,.panel-note,
.compact-list .lead-card .follow,.system-signal-title span,.system-signal-metrics,.system-signal-toggle,
.system-signal-detail small,.leads-command-metrics span,.lead-filter-tabs .tab,.lead-group-kicker,
.lead-group-title small,.lead-group-signals span,.lead-index-main span,.lead-index-state .badge,.lead-index-state small,
.add-command-signal span,.add-command-signal small,.add-mode-button small,.intake-step,.review-state,
.add-area-disclosure summary,.add-usage-strip summary span,.add-usage-strip summary strong,.add-usage-strip summary small,
.add-usage-detail,.provider-cluster-label p,.provider-tier-tag,.provider-primary-action,.provider-other-sources summary small,
.provider-other-count,.provider-note,.provider-source-link span,.provider-source-link small,.lead-collapse-all,.lead-group-index,
.lead-group-count,.lead-group-action,.lead-group-body-head span,.lead-group-body-head strong,.lead-group-close,
.lead-category-triage span,.lead-category-triage strong,.lead-category-triage-actions button,.lead-categorize-one,
.category-picker-current > span,.category-choice,.category-more summary,.add-save-success small,.followup-command-mark small,
.followup-summary-item span,.followup-calendar-toolbar .kicker,.calendar-today-button,.followup-weekdays span,
.followup-day.today .followup-day-number::after,.followup-calendar-legend,.followup-day-panel-head .kicker,
.followup-agenda-count,.followup-detail-time,.followup-detail-main small,.followup-detail-row .badge,.followup-detail-open,
.followup-day-number,.followup-day-count,.login-brand-row span,.login-signal-row span,.login-owner-setup summary,
.login-owner-setup-body .notice,.control-command-state,.control-summary-signal span,.control-disclosure-toggle,
.control-settings-compact .settings-item span,.control-settings-compact .settings-pill,.portability-action > span,
.portability-action small,.portability-note,.lead-cockpit-nav > span,.lead-status-line > span:last-child,
.lead-detail-category > button,.lead-identity-subline,.next-move-date span,.next-move-date small,
.lead-panel-heading > span,.command-status-rail,.sync-conflict-row small,.sync-conflict-actions .secondary-action {
  font-size:var(--text-micro);
}

/* Common secondary copy is deliberately calmer and more readable. */
.brand-copy span,.lead-card .meta,.meta-row,.readiness-row span:not(.readiness-icon),.storage-line,
.import-command p,.import-section-head p,.import-history-list small,.import-completion-card p {
  color:var(--color-text-secondary);
}
.badge { font-size:var(--text-micro); border-radius:var(--radius-round); letter-spacing:.025em; }
.tab,.chip { border-radius:var(--radius-round); }

/* Import inherited an undefined --mint token in V2.4C; canonical alias now resolves it. */
.import-center-entry,.import-batch-state,.import-mapping-form,.import-review-panel,.import-history,
.import-sample-wrap,.import-review-table,.import-summary-grid>div,.import-history-open,.import-selection-note,
.import-progress-counts span {
  border-color:var(--color-border);
}
.import-center-entry,.import-completion-card { border-color:rgba(112,239,192,.20); }
.table-action { padding:7px 10px; }

/* Motion is restrained and semantic; reduced-motion remains a first-class equivalent. */
.toast { transition:opacity var(--motion-standard) var(--ease-standard),transform var(--motion-standard) var(--ease-standard); }
.world-stage { transition:opacity var(--motion-panel) var(--ease-standard); }

@media (max-width:700px) {
  .primary-action,.secondary-action,.ghost-action,.danger-action,.call-action,.text-action,.compact-action,.table-action,
  .calendar-nav-button,.calendar-today-button,.category-choice,.lead-collapse-all,.lead-group-action,.lead-group-close,
  .lead-category-triage-actions button,.lead-categorize-one,.provider-primary-action,.import-history-cancel {
    min-height:44px;
  }
  .search-box input,.form-control,.review-form .form-control,
  .import-mapping-grid select,.import-status-map select,.import-sheet-select select { min-height:44px; }
  .main { padding-left:var(--space-4); padding-right:var(--space-4); }
  .page-head { margin-bottom:var(--space-4); }
}

@media (prefers-reduced-motion:reduce) {
  html:focus-within { scroll-behavior:auto; }
  *,*::before,*::after {
    scroll-behavior:auto !important;
    transition-duration:.01ms !important;
    transition-delay:0ms !important;
  }
}


/* =========================================================
   V2.5B — CORPORATE APP SHELL
   Persistent desktop sidebar + command bar, responsive mobile shell,
   contextual Back affordance, and primary-tab continuity.
   Globe geometry and route business logic remain protected.
   ========================================================= */

.app-frame { min-height:100dvh; position:relative; }
.app-sidebar,.desktop-command-context,.shell-quick-add { display:none; }
.shell-command-actions { display:flex; align-items:center; gap:10px; margin-left:auto; }
.mobile-shell-back {
  width:38px; height:38px; flex:0 0 auto; display:grid; place-items:center;
  border:1px solid var(--color-border); border-radius:10px; background:rgba(255,255,255,.025);
  color:var(--color-text-secondary); font-size:17px;
}
.mobile-shell-back[hidden],.shell-back[hidden] { display:none !important; }

@media (min-width:1024px) {
  .shell {
    --shell-sidebar-w:248px;
    --shell-command-h:74px;
    padding-bottom:0;
  }
  .app-frame {
    min-height:100dvh;
    margin-left:var(--shell-sidebar-w);
  }
  .app-sidebar {
    position:fixed;
    inset:0 auto 0 0;
    z-index:35;
    width:var(--shell-sidebar-w);
    display:flex;
    flex-direction:column;
    padding:22px 16px 18px;
    background:linear-gradient(180deg,rgba(6,11,19,.98),rgba(4,8,15,.96));
    border-right:1px solid var(--color-border);
    box-shadow:18px 0 54px rgba(0,0,0,.16);
    backdrop-filter:blur(24px) saturate(112%);
    -webkit-backdrop-filter:blur(24px) saturate(112%);
  }
  .sidebar-brand {
    display:flex;
    align-items:center;
    gap:11px;
    min-height:48px;
    padding:0 8px 18px;
    border-bottom:1px solid rgba(255,255,255,.055);
  }
  .sidebar-brand .brand-mark {
    width:38px;
    height:38px;
    border-radius:11px;
    box-shadow:none;
    font-size:13px;
  }
  .sidebar-brand strong {
    display:block;
    font-size:14px;
    letter-spacing:-.01em;
  }
  .sidebar-brand span {
    display:block;
    margin-top:2px;
    color:var(--color-text-muted);
    font-size:10px;
    line-height:1.2;
    letter-spacing:.055em;
    text-transform:uppercase;
  }
  .sidebar-nav {
    display:flex;
    flex-direction:column;
    gap:4px;
    padding-top:20px;
  }
  .sidebar-group-label {
    display:block;
    padding:0 10px 7px;
    color:#61768d;
    font-size:10px;
    font-weight:800;
    letter-spacing:.11em;
    text-transform:uppercase;
  }
  .sidebar-group-create { margin-top:18px; }
  .sidebar-nav-btn {
    width:100%;
    min-height:42px;
    display:flex;
    align-items:center;
    gap:11px;
    border:1px solid transparent;
    border-radius:11px;
    padding:0 11px;
    background:transparent;
    color:#8ea0b4;
    font-size:13px;
    font-weight:680;
    text-align:left;
    transition:background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard);
  }
  .sidebar-nav-btn:hover {
    background:rgba(255,255,255,.035);
    color:var(--color-text-primary);
  }
  .sidebar-nav-btn.active {
    color:#d9fff2;
    background:linear-gradient(90deg,rgba(112,239,192,.115),rgba(112,239,192,.035));
    border-color:rgba(112,239,192,.12);
  }
  .sidebar-nav-icon {
    width:22px;
    display:grid;
    place-items:center;
    color:#72879d;
    font-size:16px;
    line-height:1;
  }
  .sidebar-nav-btn.active .sidebar-nav-icon { color:var(--color-brand); }
  .sidebar-footer {
    margin-top:auto;
    display:grid;
    gap:14px;
    padding-top:16px;
    border-top:1px solid rgba(255,255,255,.055);
  }
  .sidebar-owner-state {
    display:flex;
    align-items:center;
    gap:9px;
    padding:0 10px;
    color:var(--color-text-muted);
  }
  .sidebar-owner-state > span {
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--color-brand);
    box-shadow:0 0 14px rgba(112,239,192,.45);
  }
  .sidebar-owner-state strong,.sidebar-owner-state small { display:block; }
  .sidebar-owner-state strong { color:#8fa4b9; font-size:10px; font-weight:700; }
  .sidebar-owner-state small { margin-top:1px; font-size:10px; color:#5f7389; }

  .topbar {
    position:sticky;
    top:0;
    z-index:30;
    min-height:var(--shell-command-h);
    padding:0;
    border-bottom:1px solid var(--color-border);
    background:rgba(5,10,18,.88);
    backdrop-filter:blur(24px) saturate(118%);
    -webkit-backdrop-filter:blur(24px) saturate(118%);
  }
  .topbar-inner {
    max-width:none;
    min-height:var(--shell-command-h);
    margin:0;
    padding:0 28px;
    display:flex;
    align-items:center;
    gap:18px;
  }
  .mobile-brand-lockup,.mobile-shell-back { display:none; }
  .desktop-command-context {
    min-width:0;
    display:flex;
    align-items:center;
    gap:12px;
  }
  .shell-back {
    width:36px;
    height:36px;
    flex:0 0 auto;
    display:grid;
    place-items:center;
    border:1px solid var(--color-border);
    border-radius:10px;
    background:rgba(255,255,255,.025);
    color:var(--color-text-secondary);
    font-size:17px;
    transition:background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard);
  }
  .shell-back:hover { background:rgba(255,255,255,.055); border-color:var(--color-border-strong); color:var(--color-text-primary); }
  .shell-command-copy { min-width:0; }
  .shell-command-copy > span {
    display:block;
    color:#60768d;
    font-size:10px;
    font-weight:800;
    letter-spacing:.12em;
    line-height:1;
    text-transform:uppercase;
  }
  .shell-command-copy strong {
    display:block;
    margin-top:5px;
    color:var(--color-text-primary);
    font-size:15px;
    font-weight:740;
    letter-spacing:-.015em;
    line-height:1.1;
  }
  .shell-command-copy small {
    display:block;
    margin-top:3px;
    overflow:hidden;
    max-width:420px;
    color:var(--color-text-muted);
    font-size:10px;
    line-height:1.2;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .shell-command-actions { gap:12px; }
  .shell-command-actions .status-dot { background:transparent; border-color:transparent; }
  .shell-quick-add {
    min-height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    border:1px solid rgba(112,239,192,.22);
    border-radius:10px;
    padding:0 13px;
    background:rgba(112,239,192,.105);
    color:#cffff0;
    font-size:12px;
    font-weight:760;
    transition:background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard);
  }
  .shell-quick-add:hover { background:rgba(112,239,192,.16); border-color:rgba(112,239,192,.34); }
  .shell-quick-add:active { transform:translateY(1px); }

  .bottom-nav { display:none; }
  .shell .main {
    width:auto;
    max-width:1540px;
    margin:0 auto;
    padding:32px 32px 64px;
  }
  .route-progress { top:var(--shell-command-h); }
  .toast { bottom:24px; }
}

@media (max-width:1023px) {
  .app-sidebar,.desktop-command-context,.shell-quick-add { display:none; }
  .app-frame { margin-left:0; }
  .mobile-brand-lockup { display:flex; }
  .shell-command-actions { margin-left:auto; }
}

@media (max-width:700px) {
  .topbar-inner { gap:10px; }
  .brand-copy span { max-width:160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}

/* =========================================================
   V2.5C — CORE WORKSPACE
   Executive Today, corporate Leads database, enterprise Lead Detail.
   Business rules, priority ordering, category intelligence, shell, globe,
   APIs, and mobile/tablet Lead Focus Mode remain protected.
   ========================================================= */

/* Today — executive dashboard, not a marketing hero. */
.today-command[data-v25c-today="executive"] {
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:
    "copy actions"
    "status status";
  align-items:center;
  gap:20px 28px;
  margin-bottom:12px;
  padding:22px 24px 16px;
  overflow:visible;
  border:1px solid var(--color-border);
  border-radius:var(--radius-surface);
  background:rgba(7,14,24,.78);
  box-shadow:none;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.today-command[data-v25c-today="executive"]::before,.today-command[data-v25c-today="executive"]::after { content:none; }
.today-executive-copy { grid-area:copy; min-width:0; }
.today-command[data-v25c-today="executive"] .command-eyebrow { color:var(--color-text-muted); font-size:10px; letter-spacing:.09em; }
.today-command[data-v25c-today="executive"] h1 {
  margin:8px 0 5px;
  max-width:none;
  color:var(--color-text-primary);
  font-size:clamp(28px,3vw,38px);
  line-height:1.05;
  letter-spacing:-.035em;
  font-weight:760;
}
.today-command[data-v25c-today="executive"] p { max-width:650px; color:var(--color-text-secondary); font-size:13px; line-height:1.5; }
.today-legacy-motto { color:#9fb2c3; }
.today-executive-actions { grid-area:actions; display:flex; justify-content:flex-end; gap:8px; }
.today-executive-actions .command-primary,.today-executive-actions .command-secondary {
  min-height:52px;
  border-radius:var(--radius-control);
  box-shadow:none;
}
.today-executive-actions .command-primary { min-width:188px; padding:9px 13px; }
.today-executive-actions .command-primary>span { font-size:21px; }
.today-executive-actions .command-secondary { min-width:190px; padding:9px 12px; }
.today-executive-actions .command-secondary strong { font-size:22px; }
.today-command[data-v25c-today="executive"] .command-status-rail {
  grid-area:status;
  position:static;
  display:flex;
  align-items:center;
  gap:13px;
  width:100%;
  min-height:0;
  padding:11px 0 0;
  border:0;
  border-top:1px solid var(--color-border);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.pulse-rail[data-v25c-today="kpis"] {
  border-radius:var(--radius-surface);
  border-color:var(--color-border);
  background:rgba(7,14,24,.72);
  box-shadow:none;
}
.pulse-rail[data-v25c-today="kpis"] .stat-card { padding:16px 18px 15px; }
.pulse-rail[data-v25c-today="kpis"] .stat-card span { color:var(--color-text-muted); font-size:10px; letter-spacing:.07em; }
.pulse-rail[data-v25c-today="kpis"] .stat-card strong { margin-top:5px; font-size:28px; font-weight:760; letter-spacing:-.035em; }
.pulse-rail[data-v25c-today="kpis"] .stat-card small { color:var(--color-text-secondary); font-size:10px; }
.today-grid[data-v25c-today="workspace"] { gap:12px; }
.crm-panel[data-v25c-today-panel],.crm-panel[data-v25c-today-panel="source"] {
  border-radius:var(--radius-surface);
  border-color:var(--color-border);
  background:rgba(7,14,24,.72);
  box-shadow:none;
}
.crm-panel[data-v25c-today-panel].priority-panel::before { content:none; }
.crm-panel[data-v25c-today-panel] .crm-panel-head,.crm-panel[data-v25c-today-panel="source"] .crm-panel-head { align-items:center; padding-bottom:10px; border-bottom:1px solid var(--color-border); }
.crm-panel[data-v25c-today-panel] .crm-panel-head h2,.crm-panel[data-v25c-today-panel="source"] .crm-panel-head h2 { font-size:17px; }
.today-record-list { gap:0; }
.today-record-list .lead-card {
  min-height:62px;
  border:0;
  border-bottom:1px solid var(--color-border);
  border-radius:0;
  padding:10px 3px;
  background:transparent;
  box-shadow:none;
}
.today-record-list .lead-card:last-child { border-bottom:0; }
.today-record-list .lead-card:hover { background:rgba(112,239,192,.025); }
.system-signal { border-radius:var(--radius-surface); border-color:var(--color-border); background:rgba(7,14,24,.70); box-shadow:none; }

/* Leads — desktop CRM database surface. */
.leads-command[data-v25c-leads="header"] {
  align-items:center;
  margin-bottom:10px;
  padding:18px 20px;
  border-radius:var(--radius-surface);
  border-color:var(--color-border);
  background:rgba(7,14,24,.76);
  box-shadow:none;
}
.leads-command[data-v25c-leads="header"] h1 { margin:4px 0 0; font-size:24px; line-height:1.1; letter-spacing:-.03em; font-weight:740; }
.leads-command[data-v25c-leads="header"] p { margin:6px 0 0; color:var(--color-text-secondary); font-size:12px; }
.leads-command[data-v25c-leads="header"] .leads-command-metrics span {
  min-height:34px;
  padding:7px 10px;
  border-radius:var(--radius-control);
  border-color:var(--color-border);
  background:rgba(255,255,255,.02);
  color:var(--color-text-secondary);
  font-size:10px;
}
.leads-command[data-v25c-leads="header"] .leads-command-metrics b { color:var(--color-text-primary); font-size:14px; }
.leads-command[data-v25c-leads="header"] .lead-priority-note { color:#9fd8c4; }
.lead-index-toolbar[data-v25c-leads="toolbar"] {
  margin-bottom:8px;
  border-radius:var(--radius-surface);
  border-color:var(--color-border);
  background:rgba(5,11,19,.90);
  box-shadow:none;
}
.lead-category-columns,.lead-record-columns { display:none; }
.lead-data-group { border-radius:var(--radius-control); border-color:var(--color-border); background:rgba(7,14,24,.72); box-shadow:none; }
.lead-data-group:hover { border-color:var(--color-border-strong); }
.lead-data-group.open { border-color:rgba(112,239,192,.20); background:rgba(8,17,28,.88); box-shadow:inset 2px 0 0 rgba(112,239,192,.30); }
.lead-group-signal b,.lead-group-signal em { font-style:normal; }
.lead-index-contact,.lead-index-followup,.lead-index-open { display:none; }

/* Lead Detail — flatter enterprise record workspace. */
.lead-cockpit-hero[data-v25c-lead="header"] {
  padding:20px;
  border-radius:var(--radius-surface);
  border-color:var(--color-border);
  background:rgba(7,14,24,.80);
  box-shadow:none;
}
.lead-cockpit-hero[data-v25c-lead="header"]::after { content:none; }
.lead-record-kicker { display:flex; align-items:center; gap:9px; margin-bottom:11px; color:var(--color-text-muted); font-size:10px; }
.lead-record-kicker > span:last-child::before { content:"·"; margin-right:9px; color:#42576b; }
.lead-cockpit-hero[data-v25c-lead="header"] .lead-cockpit-hero h1,.lead-cockpit-hero[data-v25c-lead="header"] h1 {
  margin:9px 0 6px;
  max-width:900px;
  font-size:clamp(27px,3.4vw,38px);
  line-height:1.04;
  letter-spacing:-.04em;
  font-weight:760;
}
.lead-cockpit-hero[data-v25c-lead="header"] .lead-identity-subline { gap:9px; color:var(--color-text-secondary); font-size:11px; }
.lead-cockpit-hero[data-v25c-lead="header"] .lead-edit-action { min-width:78px; min-height:38px; padding:0 12px; display:inline-flex; align-items:center; justify-content:center; gap:6px; }
.lead-cockpit-hero[data-v25c-lead="header"] .lead-action-dock { margin-top:16px; gap:7px; }
.lead-cockpit-hero[data-v25c-lead="header"] .lead-action-dock > * { min-height:42px; border-radius:var(--radius-control); box-shadow:none; }
.lead-cockpit-grid[data-v25c-lead="grid"] { grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr); gap:10px; margin-top:10px; }
.next-move-panel[data-record-section="next"] { grid-column:1; grid-row:1; }
.lead-facts-panel[data-record-section="facts"] { grid-column:2; grid-row:1 / span 2; }
.lead-timeline-panel[data-record-section="history"] { grid-column:1; grid-row:2; }
.next-move-panel[data-record-section="next"],.lead-facts-panel[data-record-section="facts"],.lead-timeline-panel[data-record-section="history"] {
  border-radius:var(--radius-surface);
  border-color:var(--color-border);
  background:rgba(7,14,24,.72);
  box-shadow:none;
}
.next-move-panel[data-record-section="next"],.lead-timeline-panel[data-record-section="history"],.lead-facts-panel[data-record-section="facts"] { padding:16px; }
.next-move-panel[data-record-section="next"] .next-move-head h2,.lead-timeline-panel[data-record-section="history"] .lead-panel-heading h2,.lead-facts-panel[data-record-section="facts"] .lead-panel-heading h2 { font-size:17px; }
.next-move-panel[data-record-section="next"] .next-move-actions .quick-button { min-height:64px; border-radius:var(--radius-control); background:rgba(255,255,255,.018); }
.lead-timeline-panel[data-record-section="history"] .cockpit-timeline .timeline-item { border-radius:0; border-left:2px solid rgba(112,239,192,.20); background:transparent; }
.lead-facts-panel[data-record-section="facts"] { top:88px; }
.lead-facts-panel[data-record-section="facts"] .lead-facts-list .meta-row { padding:10px 0; font-size:11px; }

@media (min-width:1024px) {
  .shell-today .main,.shell-leads .main { max-width:1540px; }

  .lead-category-columns {
    display:grid;
    grid-template-columns:minmax(260px,1fr) 72px 100px 100px 104px 28px;
    gap:10px;
    align-items:center;
    padding:0 14px 7px;
    color:#5f7489;
    font-size:10px;
    font-weight:760;
    letter-spacing:.055em;
    text-transform:uppercase;
  }
  .lead-category-columns span:nth-child(2),.lead-category-columns span:nth-child(3),.lead-category-columns span:nth-child(4) { text-align:center; }
  .lead-category-index { gap:5px; }
  .lead-data-group { overflow:visible; }
  .lead-data-group .lead-group-toggle {
    min-height:58px;
    grid-template-columns:minmax(260px,1fr) 72px 100px 100px 104px 28px;
    gap:10px;
    padding:7px 14px;
    background:transparent;
  }
  .lead-data-group.open .lead-group-toggle { background:rgba(112,239,192,.025); }
  .lead-data-group .lead-group-index { display:none; }
  .lead-data-group .lead-group-title { display:block; min-width:0; }
  .lead-data-group .lead-group-kicker { display:none; }
  .lead-data-group .lead-group-title strong { display:block; font-size:13px; letter-spacing:-.01em; }
  .lead-data-group .lead-group-count {
    justify-self:center;
    padding:0;
    border:0;
    background:transparent;
    color:var(--color-text-secondary);
    font-size:12px;
  }
  .lead-data-group .lead-group-signals { display:contents; }
  .lead-data-group .lead-group-signals span {
    display:block;
    justify-self:center;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    color:var(--color-text-secondary);
    font-size:11px;
    text-align:center;
  }
  .lead-data-group .lead-group-signals b { display:block; color:var(--color-text-primary); font-size:12px; font-weight:720; }
  .lead-data-group .lead-group-signals em { display:none; }
  .lead-data-group .lead-group-action { justify-self:end; color:#8ca0b2; font-size:11px; font-weight:700; }
  .lead-data-group .lead-group-chevron { width:24px; height:24px; border:0; background:transparent; }
  .needs-category-group .lead-group-title strong,.needs-category-group .lead-group-action { color:#ead59e; }

  .lead-data-group .lead-group-body {
    max-height:none;
    overflow:visible;
    padding:0 14px 10px;
    border-top:1px solid var(--color-border);
    background:rgba(3,8,15,.36);
  }
  .lead-data-group .lead-group-body-head { position:static; padding:10px 0 8px; background:transparent; backdrop-filter:none; }
  .lead-data-group .lead-group-body-head span { font-size:10px; }
  .lead-data-group .lead-group-body-head strong { font-size:11px; }
  .lead-record-columns {
    display:grid;
    grid-template-columns:minmax(250px,1.35fr) minmax(185px,.86fr) 132px minmax(165px,.82fr) 28px;
    gap:12px;
    align-items:center;
    padding:7px 10px 6px;
    border-bottom:1px solid var(--color-border);
    color:#597084;
    font-size:10px;
    font-weight:740;
    letter-spacing:.05em;
    text-transform:uppercase;
  }
  .lead-group-rows { padding-left:0; border-left:0; }
  .lead-record-row {
    min-height:58px;
    grid-template-columns:minmax(250px,1.35fr) minmax(185px,.86fr) 132px minmax(165px,.82fr) 28px;
    gap:12px;
    padding:8px 10px;
    border-radius:0;
    border-bottom:1px solid var(--color-border);
  }
  .lead-record-row:last-child { border-bottom:0; }
  .lead-record-row:hover { background:rgba(112,239,192,.028); transform:none; }
  .lead-record-row .lead-index-main strong { font-size:12px; }
  .lead-record-row .lead-index-main span { color:var(--color-text-muted); font-size:10px; }
  .lead-index-contact { display:grid; min-width:0; gap:2px; }
  .lead-index-contact strong,.lead-index-contact span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .lead-index-contact strong { color:#cad8df; font-size:11px; font-weight:650; }
  .lead-index-contact span { color:var(--color-text-muted); font-size:10px; }
  .lead-index-state { justify-content:flex-start; }
  .lead-index-followup { display:grid; gap:2px; min-width:0; }
  .lead-index-followup strong { color:#c8d7dd; font-size:11px; font-weight:650; }
  .lead-index-followup span { overflow:hidden; color:var(--color-text-muted); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
  .lead-index-open { display:block; justify-self:end; color:#70869a; font-size:15px; }
  .lead-index-entry { grid-template-columns:30px minmax(0,1fr) auto; gap:8px; }
  .lead-index-entry .lead-index-row { grid-column:2; }
  .lead-index-entry .lead-categorize-one { grid-column:3; align-self:center; }
  .needs-category-group .lead-record-columns { margin-left:38px; margin-right:96px; }
  .lead-category-triage { position:static; margin:8px 0; }
}

@media (max-width:1023px) {
  .today-command[data-v25c-today="executive"] {
    grid-template-columns:1fr;
    grid-template-areas:"copy" "actions" "status";
    padding:18px;
  }
  .today-executive-actions { justify-content:flex-start; }
  .lead-category-columns,.lead-record-columns { display:none; }
  .lead-data-group .lead-group-toggle {
    grid-template-columns:40px minmax(0,1fr) 28px;
    grid-template-rows:auto auto auto;
    gap:5px 10px;
  }
  .lead-data-group .lead-group-index { grid-column:1; grid-row:1 / span 3; }
  .lead-data-group .lead-group-title { grid-column:2; grid-row:1; }
  .lead-data-group .lead-group-count { grid-column:2; grid-row:2; justify-self:start; }
  .lead-data-group .lead-group-signals { grid-column:2; grid-row:3; justify-content:flex-start; }
  .lead-data-group .lead-group-action { display:none; }
  .lead-data-group .lead-group-chevron { grid-column:3; grid-row:1 / span 3; }
  .lead-record-row {
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:auto auto;
    gap:4px 10px;
  }
  .lead-record-row .lead-index-main { grid-column:1; grid-row:1 / span 2; }
  .lead-index-contact,.lead-index-open { display:none; }
  .lead-record-row .lead-index-state { grid-column:2; grid-row:1; }
  .lead-index-followup { display:block; grid-column:2; grid-row:2; text-align:right; }
  .lead-index-followup strong { display:block; color:#d7ad63; font-size:10px; }
  .lead-index-followup span { display:none; }
  .lead-cockpit-grid[data-v25c-lead="grid"] { grid-template-columns:1fr; }
  .next-move-panel[data-record-section="next"],.lead-facts-panel[data-record-section="facts"],.lead-timeline-panel[data-record-section="history"] { grid-column:1; grid-row:auto; }
  .lead-facts-panel[data-record-section="facts"] { position:static; }
}

@media (max-width:700px) {
  .today-command[data-v25c-today="executive"] { padding:16px; gap:15px; }
  .today-command[data-v25c-today="executive"] h1 { font-size:28px; }
  .today-executive-actions { display:grid; grid-template-columns:1fr 1fr; width:100%; }
  .today-executive-actions .command-primary,.today-executive-actions .command-secondary { min-width:0; width:100%; }
  .today-command[data-v25c-today="executive"] .command-status-rail { gap:9px; overflow-x:auto; scrollbar-width:none; }
  .today-command[data-v25c-today="executive"] .command-status-rail::-webkit-scrollbar { display:none; }
  .pulse-rail[data-v25c-today="kpis"] { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pulse-rail[data-v25c-today="kpis"] .stat-card:nth-child(2) { border-right:0; }
  .pulse-rail[data-v25c-today="kpis"] .stat-card:nth-child(-n+2) { border-bottom:1px solid var(--color-border); }
  .today-grid[data-v25c-today="workspace"] { grid-template-columns:1fr; }
  .leads-command[data-v25c-leads="header"] { grid-template-columns:1fr; align-items:start; padding:16px; }
  .leads-command[data-v25c-leads="header"] .leads-command-metrics { justify-content:flex-start; }
  .lead-cockpit-hero[data-v25c-lead="header"] { padding:16px; }
  .lead-cockpit-hero[data-v25c-lead="header"] h1 { font-size:28px; }
  .lead-cockpit-hero[data-v25c-lead="header"] .lead-identity-grid { grid-template-columns:minmax(0,1fr) auto; }
  .lead-cockpit-hero[data-v25c-lead="header"] .lead-edit-action { min-width:44px; padding:0 10px; }
  .lead-cockpit-hero[data-v25c-lead="header"] .lead-edit-action span + * { display:none; }
  .next-move-panel[data-record-section="next"],.lead-timeline-panel[data-record-section="history"],.lead-facts-panel[data-record-section="facts"] { padding:14px; }
}

/* =========================================================
   V2.5D — OPERATIONAL UI
   Follow-Up operations calendar + enterprise Import Center.
   Data contracts, cache/commit behavior, shell, and globe geometry are protected.
   ========================================================= */

.shell-followups .main,.shell-imports .main { max-width:1540px; }

/* Follow-Ups: flatten the older feature-hero styling into an operations workspace. */
.followup-command.followup-ops-command {
  margin:0 0 12px;
  padding:16px 18px;
  align-items:center;
  border-color:var(--color-border);
  border-radius:var(--radius-surface);
  background:rgba(7,14,24,.72);
  box-shadow:none;
}
.followup-command.followup-ops-command::after { display:none; }
.followup-command.followup-ops-command .kicker { color:var(--color-brand); }
.followup-command.followup-ops-command h1 {
  margin:4px 0 0;
  font-size:clamp(25px,2.5vw,32px);
  line-height:1.05;
  letter-spacing:-.035em;
}
.followup-command.followup-ops-command p {
  max-width:760px;
  margin:7px 0 0;
  color:var(--color-text-secondary);
  font-size:var(--text-ui);
  line-height:1.5;
}
.followup-command.followup-ops-command .followup-command-mark {
  min-width:108px;
  padding:8px 4px 8px 16px;
  border-left:1px solid var(--color-border);
}
.followup-command.followup-ops-command .followup-command-mark span { background:var(--color-brand); box-shadow:0 0 14px rgba(112,239,192,.22); }
.followup-command.followup-ops-command .followup-command-mark strong { margin-top:2px; font-size:24px; letter-spacing:-.04em; }
.followup-command.followup-ops-command .followup-command-mark small { color:var(--color-text-muted); font-size:var(--text-micro); }

.followup-summary-rail[data-v25d-followups="summary"] {
  margin-bottom:10px;
  border-color:var(--color-border);
  border-radius:var(--radius-control);
  background:rgba(6,13,23,.66);
  backdrop-filter:none;
  box-shadow:none;
}
.followup-summary-rail[data-v25d-followups="summary"] .followup-summary-item { padding:11px 14px; }
.followup-summary-rail[data-v25d-followups="summary"] .followup-summary-item + .followup-summary-item { border-left-color:var(--color-border); }
.followup-summary-rail[data-v25d-followups="summary"] .followup-summary-item span {
  color:var(--color-text-muted);
  font-size:var(--text-micro);
  letter-spacing:.055em;
}
.followup-summary-rail[data-v25d-followups="summary"] .followup-summary-item strong { margin-top:4px; font-size:22px; letter-spacing:-.035em; }
.followup-summary-rail[data-v25d-followups="summary"] .followup-summary-item small { display:block; margin-top:4px; color:#53677b; font-size:var(--text-micro); }
.followup-summary-rail[data-v25d-followups="summary"] .followup-summary-item.today strong { color:var(--color-brand); }

.followup-calendar-layout[data-v25d-followups="calendar"] { grid-template-columns:minmax(0,1.82fr) minmax(340px,.78fr); gap:10px; }
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-calendar-shell {
  padding:16px;
  border-color:var(--color-border);
  border-radius:var(--radius-surface);
  background:rgba(6,13,23,.76);
  box-shadow:none;
}
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-calendar-shell::before { display:none; }
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-calendar-toolbar {
  margin-bottom:10px;
  padding:0 0 12px;
  border-bottom-color:var(--color-border);
}
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-calendar-toolbar .kicker { color:var(--color-brand); font-size:var(--text-micro); }
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-calendar-toolbar h2 { margin:3px 0 0; font-size:22px; letter-spacing:-.025em; }
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-calendar-toolbar p { margin:3px 0 0; color:var(--color-text-muted); font-size:var(--text-micro); }
.followup-calendar-layout[data-v25d-followups="calendar"] .calendar-nav-button,.followup-calendar-layout[data-v25d-followups="calendar"] .calendar-today-button {
  border-color:var(--color-border);
  background:rgba(255,255,255,.025);
  color:var(--color-text-secondary);
}
.followup-calendar-layout[data-v25d-followups="calendar"] .calendar-nav-button:hover,.followup-calendar-layout[data-v25d-followups="calendar"] .calendar-today-button:hover {
  border-color:var(--color-border-strong);
  background:rgba(112,239,192,.045);
  color:var(--color-text-primary);
  transform:none;
}
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-calendar-field { border-color:var(--color-border); border-radius:var(--radius-control); background:rgba(2,8,15,.36); }
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-weekdays { border-bottom-color:var(--color-border); background:rgba(255,255,255,.012); }
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-weekdays span { color:#60758a; font-size:var(--text-micro); }
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-day {
  min-height:88px;
  padding:10px;
  border-right-color:var(--color-border);
  border-bottom-color:var(--color-border);
  background:transparent;
}
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-day:not(.followup-day-empty):hover { background:rgba(112,239,192,.025); box-shadow:inset 0 0 0 1px rgba(112,239,192,.06); }
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-day.selected {
  background:rgba(112,239,192,.055);
  box-shadow:inset 0 0 0 1px rgba(112,239,192,.28);
}
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-day.selected::before { background:var(--color-brand); box-shadow:none; }
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-day-number { font-size:11px; }
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-day.today .followup-day-number::after { color:#75cfff; font-size:var(--text-micro); }
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-calendar-legend { color:var(--color-text-muted); font-size:var(--text-micro); }

.followup-calendar-layout[data-v25d-followups="calendar"] .followup-day-panel {
  top:88px;
  border-color:var(--color-border);
  border-radius:var(--radius-surface);
  background:rgba(6,13,23,.78);
  backdrop-filter:none;
  box-shadow:none;
}
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-day-panel-head {
  padding:17px 18px 15px;
  border-bottom-color:var(--color-border);
  background:transparent;
}
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-day-panel-head::after { display:none; }
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-day-panel-head .kicker { margin-bottom:8px; color:var(--color-brand); font-size:var(--text-micro); }
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-agenda-weekday { color:var(--color-text-secondary); font-size:10px; }
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-day-panel-head h2 { margin:4px 0 5px; font-size:24px; letter-spacing:-.035em; }
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-agenda-count { color:var(--color-text-muted); font-size:var(--text-micro); }
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-detail-list { padding:4px 12px 12px; }
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-detail-row { padding:14px 4px 14px 0; border-bottom-color:var(--color-border); }
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-detail-row:hover { background:rgba(112,239,192,.018); }
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-detail-time { color:#8ba0b3; font-size:10px; }
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-detail-main strong { font-size:12px; }
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-detail-main small,.followup-calendar-layout[data-v25d-followups="calendar"] .followup-detail-row .badge,.followup-calendar-layout[data-v25d-followups="calendar"] .followup-detail-open { font-size:var(--text-micro); }
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-detail-open { color:var(--color-brand); }

/* Import Center: one visible four-stage workflow wrapped around the existing safety state machine. */
.import-command.import-ops-command {
  margin-bottom:10px;
  padding:16px 18px;
  border:1px solid var(--color-border);
  border-radius:var(--radius-surface);
  background:rgba(7,14,24,.72);
}
.import-command.import-ops-command h1 { margin:5px 0 6px; font-size:clamp(25px,2.5vw,32px); letter-spacing:-.035em; }
.import-command.import-ops-command p { margin:0; max-width:760px; font-size:var(--text-ui); line-height:1.5; }
.import-ops-command .import-batch-state { min-width:126px; padding:10px 12px; border-radius:var(--radius-control); background:rgba(255,255,255,.018); }
.import-ops-command .import-batch-state span { font-size:var(--text-micro); }

.import-workflow-stepper {
  display:grid;
  grid-template-columns:auto minmax(24px,1fr) auto minmax(24px,1fr) auto minmax(24px,1fr) auto;
  align-items:center;
  gap:8px;
  margin:0 0 12px;
  padding:10px 14px;
  border:1px solid var(--color-border);
  border-radius:var(--radius-control);
  background:rgba(5,11,19,.66);
}
.import-workflow-step { display:flex; align-items:center; gap:7px; color:#60758a; font-size:11px; font-weight:700; white-space:nowrap; }
.import-workflow-step i {
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border:1px solid var(--color-border);
  border-radius:50%;
  background:rgba(255,255,255,.018);
  color:#70869a;
  font-size:10px;
  font-style:normal;
  font-variant-numeric:tabular-nums;
}
.import-workflow-step.active { color:var(--color-text-primary); }
.import-workflow-step.active i { border-color:rgba(112,239,192,.42); background:rgba(112,239,192,.10); color:var(--color-brand); }
.import-workflow-step.complete { color:var(--color-text-secondary); }
.import-workflow-step.complete i { border-color:rgba(112,239,192,.22); background:rgba(112,239,192,.07); color:var(--color-brand); }
.import-workflow-connector { height:1px; background:var(--color-border); }

.import-start-grid.import-ops-start { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.import-upload-layout {
  grid-template-areas:
    "drop history"
    "draft draft";
  align-items:stretch;
}
.import-upload-layout > .import-drop-zone { grid-area:drop; }
.import-upload-layout > #import-draft { grid-area:draft; min-width:0; }
.import-upload-layout > .import-ops-history-inline {
  grid-area:history;
  min-width:0;
  min-height:280px;
  height:100%;
  max-height:none;
  margin-top:0;
  overflow:hidden;
  grid-template-rows:auto auto minmax(0,1fr);
}
.import-upload-layout > .import-ops-history-inline .import-history-list {
  min-height:0;
  max-height:none;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}
.import-ops-start .import-drop-zone {
  min-height:280px;
  padding:26px;
  border-color:rgba(112,239,192,.28);
  border-radius:var(--radius-surface);
  background:rgba(5,12,21,.66);
}
.import-ops-start .import-drop-zone .kicker { margin-top:10px; }
.import-ops-start .import-drop-zone h2 { margin:7px 0 4px; font-size:21px; letter-spacing:-.025em; }
.import-ops-start .import-drop-zone p { max-width:340px; margin:0; color:var(--color-text-secondary); font-size:12px; line-height:1.5; }
.import-ops-start .import-drop-zone small { margin:7px 0 15px; color:var(--color-text-muted); font-size:10px; }
.import-ops-start .import-drop-icon { font-size:28px; color:var(--color-brand); }

.import-map-workspace,.import-review-panel.import-ops-review,.import-history.import-ops-history {
  padding:16px;
  gap:14px;
  border-color:var(--color-border);
  border-radius:var(--radius-surface);
  background:rgba(6,13,23,.72);
  box-shadow:none;
}
.import-map-workspace .import-workflow-stepper { margin:-4px -4px 2px; }
.import-map-workspace .import-file-summary { padding-bottom:12px; border-bottom:1px solid var(--color-border); }
.import-map-workspace .import-file-summary h2 { margin:4px 0; font-size:19px; }
.import-map-workspace .import-file-summary p { margin:0; color:var(--color-text-secondary); font-size:11px; }
.import-map-section { padding-top:2px; }
.import-map-section + .import-map-section { padding-top:14px; border-top:1px solid var(--color-border); }
.import-map-workspace .import-section-head>span { width:27px; height:27px; background:rgba(112,239,192,.07); color:var(--color-brand); font-size:10px; }
.import-map-workspace .import-section-head h3 { font-size:14px; }
.import-map-workspace .import-section-head p { font-size:10px; }
.import-stage-intent { display:flex; align-items:center; gap:12px; margin-left:auto; }
.import-stage-intent span { color:var(--color-text-muted); font-size:10px; }

.import-summary-grid.import-ops-summary { grid-template-columns:repeat(8,minmax(78px,1fr)); gap:0; margin:0 0 10px; overflow:hidden; border:1px solid var(--color-border); border-radius:var(--radius-control); background:rgba(5,11,19,.66); }
.import-ops-summary>div { padding:10px 12px; border:0; border-radius:0; background:transparent; }
.import-ops-summary>div + div { border-left:1px solid var(--color-border); }
.import-ops-summary span { color:var(--color-text-muted); font-size:var(--text-micro); }
.import-ops-summary strong { margin-top:3px; display:block; font-size:18px; }

.import-review-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; padding-bottom:12px; border-bottom:1px solid var(--color-border); }
.import-review-heading h2 { margin:4px 0 4px; font-size:18px; letter-spacing:-.02em; }
.import-review-heading p { margin:0; color:var(--color-text-secondary); font-size:11px; }
.import-review-page { color:var(--color-text-muted); font-size:10px; white-space:nowrap; }
.import-ops-review .import-review-toolbar { padding:1px 0; }
.import-ops-review .tabs { display:flex; gap:5px; flex-wrap:wrap; }
.import-ops-review .tab { min-height:34px; padding:0 11px; }
.import-ops-review .import-selection-note { padding:9px 11px; border-radius:var(--radius-control); background:rgba(112,239,192,.025); }
.import-ops-review .import-review-table { border-color:var(--color-border); border-radius:var(--radius-control); }
.import-ops-review .import-review-table th { background:#07101a; color:#71869a; font-size:10px; letter-spacing:.045em; text-transform:uppercase; }
.import-ops-review .import-review-table td { font-size:11px; }
.import-ops-review .import-pagination { padding-top:1px; }
.import-ops-review .import-pagination span { color:var(--color-text-muted); font-size:10px; }
.import-commit-bar.import-ops-commit { padding-top:12px; border-top-color:var(--color-border); }
.import-ops-commit>div:first-child { max-width:620px; }
.import-ops-commit>div:first-child span { margin-top:3px; }
.import-commit-actions { display:flex; gap:8px; align-items:center; }

.import-progress { padding-top:10px; }
.import-progress-head { font-size:11px; }
.import-progress-track { height:6px; }
.import-progress-counts { gap:0; overflow:hidden; border:1px solid var(--color-border); border-radius:var(--radius-control); }
.import-progress-counts span { padding:8px 10px; border:0; border-radius:0; background:transparent; font-size:var(--text-micro); }
.import-progress-counts span + span { border-left:1px solid var(--color-border); }

.import-completion-card.import-ops-completion {
  grid-template-columns:auto minmax(0,1fr) auto;
  padding:20px;
  border-color:rgba(112,239,192,.24);
  border-radius:var(--radius-surface);
  background:rgba(8,22,27,.74);
  box-shadow:none;
}
.import-ops-completion .import-completion-mark { background:rgba(112,239,192,.09); color:var(--color-brand); }
.import-ops-completion h2 { font-size:22px; letter-spacing:-.025em; }

.import-history.import-ops-history { margin-top:10px; }
.import-ops-history .import-section-head { padding-bottom:10px; border-bottom:1px solid var(--color-border); }
.import-ops-history .import-section-head > div { min-width:0; }
.import-ops-history .import-section-head p { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.import-history-columns {
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(92px,.78fr) minmax(76px,.60fr) minmax(72px,.56fr);
  gap:8px;
  padding:0 12px 5px;
  color:#60758a;
  font-size:10px;
  font-weight:720;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.import-history-list { gap:0; }
.import-history-row { grid-template-columns:minmax(0,1fr); gap:0; border-bottom:1px solid var(--color-border); }
.import-history-row.has-cancel { grid-template-columns:minmax(0,1fr) 70px; }
.import-history-row:last-child { border-bottom:0; }
.import-history-open {
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(92px,.78fr) minmax(76px,.60fr) minmax(72px,.56fr);
  align-items:center;
  gap:8px;
  padding:11px 12px;
  border:0;
  border-radius:0;
  background:transparent;
}
.import-history-open:hover { background:rgba(112,239,192,.025); }
.import-history-source { display:grid; gap:2px; min-width:0; }
.import-history-source strong,.import-history-source small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.import-history-created,.import-history-outcome,.import-history-state { color:var(--color-text-secondary); font-size:10px; }
.import-history-state { text-transform:capitalize; }
.import-history-cancel { margin:7px 0 7px 6px; min-height:36px; padding:0 10px; align-self:center; }


@media (min-width:881px) and (max-width:1180px) {
  .import-history-columns,
  .import-history-open {
    grid-template-columns:minmax(0,1.7fr) minmax(88px,.72fr) minmax(72px,.56fr) minmax(70px,.54fr);
    gap:6px;
  }
  .import-history-columns { padding-inline:10px; }
  .import-history-open { padding-inline:10px; }
}

@media (max-width:1100px) {
  .followup-calendar-layout[data-v25d-followups="calendar"] { grid-template-columns:minmax(0,1.55fr) minmax(310px,.8fr); }
  .import-summary-grid.import-ops-summary { grid-template-columns:repeat(4,1fr); }
  .import-ops-summary>div:nth-child(5) { border-left:0; border-top:1px solid var(--color-border); }
  .import-ops-summary>div:nth-child(n+6) { border-top:1px solid var(--color-border); }
}

@media (max-width:880px) {
  .followup-calendar-layout[data-v25d-followups="calendar"] { grid-template-columns:1fr; }
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-day-panel { position:static; }
  .import-start-grid.import-ops-start { grid-template-columns:1fr; }
  .import-upload-layout { grid-template-areas:"drop" "draft" "history"; }
  .import-upload-layout > .import-ops-history-inline { min-height:0; max-height:none; }
  .import-upload-layout > .import-ops-history-inline .import-history-list { max-height:none; overflow:visible; }
  .import-history-columns { display:none; }
  .import-history-row { grid-template-columns:minmax(0,1fr); }
  .import-history-row.has-cancel { grid-template-columns:minmax(0,1fr) auto; }
  .import-history-open { grid-template-columns:minmax(0,1fr) auto; }
  .import-history-created { grid-column:1; }
  .import-history-outcome { grid-column:2; grid-row:1; text-align:right; }
  .import-history-state { grid-column:2; grid-row:2; text-align:right; }
}

@media (max-width:700px) {
  .followup-command.followup-ops-command { grid-template-columns:1fr auto; padding:14px; border-radius:var(--radius-surface); }
  .followup-command.followup-ops-command h1 { font-size:25px; }
  .followup-command.followup-ops-command p { font-size:11px; }
  .followup-command.followup-ops-command .followup-command-mark { min-width:64px; }
  .followup-summary-rail[data-v25d-followups="summary"] .followup-summary-item { padding:9px 8px; }
  .followup-summary-rail[data-v25d-followups="summary"] .followup-summary-item small { display:none; }
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-calendar-shell { padding:10px 8px 11px; }
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-calendar-toolbar p { display:none; }
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-calendar-toolbar .kicker { display:block; }
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-calendar-toolbar h2 { font-size:20px; }
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-weekdays span { padding:8px 1px 7px; font-size:10px; }
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-day { min-height:64px; padding:7px 6px; }
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-day-number { font-size:11px; }
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-day-count { right:5px; bottom:5px; min-width:22px; height:22px; font-size:10px; }
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-calendar-legend { gap:9px; font-size:10px; }
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-day-panel-head { padding:15px; }
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-detail-row { grid-template-columns:58px 18px minmax(0,1fr); min-height:64px; padding:13px 2px 13px 0; }
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-detail-open { grid-column:3; grid-row:3; justify-self:start; }

  .import-command.import-ops-command { flex-direction:column; align-items:stretch; padding:14px; }
  .import-ops-command .import-batch-state { min-width:0; }
  .import-workflow-stepper { grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; padding:9px 8px; }
  .import-workflow-connector { display:none; }
  .import-workflow-step { justify-content:center; gap:4px; font-size:10px; }
  .import-workflow-step i { width:23px; height:23px; }
  .import-map-workspace,.import-review-panel.import-ops-review,.import-history.import-ops-history { padding:12px; }
  .import-map-workspace .import-file-summary { flex-direction:column; align-items:flex-start; }
  .import-stage-actions { align-items:stretch; }
  .import-stage-intent { width:100%; margin-left:0; flex-direction:column; align-items:stretch; }
  .import-stage-intent span { text-align:right; }
  .import-review-heading { align-items:flex-start; flex-direction:column; gap:7px; }
  .import-review-toolbar { gap:10px; }
  .import-commit-bar.import-ops-commit { gap:10px; }
  .import-commit-actions { display:grid; grid-template-columns:1fr 1fr; width:100%; }
  .import-progress-counts { grid-template-columns:repeat(2,minmax(0,1fr)); border:0; gap:5px; }
  .import-progress-counts span { border:1px solid var(--color-border) !important; border-radius:var(--radius-small); }
  .import-completion-card.import-ops-completion { grid-template-columns:1fr; padding:16px; }
  .import-history-open { grid-template-columns:1fr; gap:4px; }
  .import-history-created,.import-history-outcome,.import-history-state { grid-column:1; grid-row:auto; text-align:left; }
  .import-history-row { grid-template-columns:minmax(0,1fr); }
  .import-history-row.has-cancel { grid-template-columns:minmax(0,1fr) auto; }
}

@media (max-width:420px) {
  .followup-command.followup-ops-command { grid-template-columns:1fr; }
  .followup-command.followup-ops-command .followup-command-mark { display:none; }
  .followup-summary-rail[data-v25d-followups="summary"] { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .followup-summary-rail[data-v25d-followups="summary"] .followup-summary-item:nth-child(3) { border-left:0; border-top:1px solid var(--color-border); }
  .followup-summary-rail[data-v25d-followups="summary"] .followup-summary-item:nth-child(4) { border-top:1px solid var(--color-border); }
  .import-workflow-step { flex-direction:column; gap:3px; }
  .import-commit-actions { grid-template-columns:1fr; }
}


/* =========================================================
   V2.5E — SECONDARY UI
   Corporate Add intake console, administrative Control Center,
   accessible application dialogs, and shared state feedback.
   Core CRM, operational flows, shell, globe, and data logic remain protected.
   ========================================================= */

/* Add — four parallel intake methods feeding one review record. */
.add-command.add-intake-command[data-v25e-add="console"] {
  min-height:0;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:24px;
  margin-bottom:12px;
  padding:20px 22px;
  border:1px solid var(--color-border);
  border-radius:var(--radius-surface);
  background:rgba(7,14,24,.78);
  box-shadow:none;
}
.add-command.add-intake-command[data-v25e-add="console"] h1 { margin:6px 0 5px; font-size:clamp(27px,3vw,36px); line-height:1.02; letter-spacing:-1.05px; }
.add-command.add-intake-command[data-v25e-add="console"] p { max-width:760px; font-size:12px; color:var(--color-text-secondary); }
.add-command.add-intake-command .add-command-signal { min-width:160px; border-color:rgba(112,239,192,.12); background:rgba(112,239,192,.045); }
.add-methods-shell { margin-bottom:12px; padding:14px; border:1px solid var(--color-border); border-radius:var(--radius-surface); background:rgba(5,12,21,.70); }
.add-methods-head { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin:0 2px 11px; }
.add-methods-head h2 { margin:4px 0 0; font-size:15px; letter-spacing:-.35px; }
.add-methods-head > span { color:var(--color-text-muted); font-size:10px; font-weight:750; }
.add-methods-shell .add-mode-switcher { margin:0; }
.add-workspace[data-v25e-add-layout="console"] { grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr); align-items:start; }
.add-workspace[data-v25e-add-layout="console"] .add-intake-column { display:grid; gap:10px; }
.add-workspace[data-v25e-add-layout="console"] .add-mode-panel,.add-workspace[data-v25e-add-layout="console"] .add-review-panel { border-radius:var(--radius-surface); box-shadow:none; }
.add-workspace[data-v25e-add-layout="console"] .add-review-panel { position:sticky; top:calc(var(--shell-command-h) + 20px); }
.add-bulk-entry { margin:0; min-height:74px; border-style:solid; background:rgba(4,11,19,.68); }
.add-bulk-entry > span { color:var(--color-text-muted); }
.add-bulk-entry strong { font-size:13px; }
.intake-step { min-width:auto; padding:5px 8px; border:1px solid var(--color-border); border-radius:var(--radius-round); color:var(--color-text-muted); background:transparent; }

/* Control Center — status is visibly informational; actions are clearly actionable. */
.control-command.control-admin-command[data-v25e-control="admin"] { margin-bottom:12px; }
.control-admin-section { margin-bottom:12px; padding:16px; border:1px solid var(--color-border); border-radius:var(--radius-surface); background:rgba(5,12,21,.72); }
.control-admin-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:12px; }
.control-admin-heading h2 { margin:4px 0 3px; font-size:16px; letter-spacing:-.4px; }
.control-admin-heading p { margin:0; color:var(--color-text-muted); font-size:11px; line-height:1.45; }
.control-admin-tag { flex:0 0 auto; padding:6px 9px; border:1px solid var(--color-border); border-radius:var(--radius-round); color:var(--color-text-muted); font-size:10px; font-weight:800; }
.control-status-section .control-summary-rail { margin:0; }
.control-status-section .control-summary-signal { min-height:68px; border-radius:var(--radius-control); background:rgba(3,10,18,.48); box-shadow:none; cursor:default; }
.control-admin-grid .control-disclosure,.control-admin-grid .portability-panel,.control-admin-grid .session-panel { border-radius:var(--radius-surface); box-shadow:none; }
.control-admin-grid .control-disclosure > summary { min-height:72px; }
.control-admin-grid .portability-action { transition:background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard); }
.control-admin-grid .portability-action:hover { border-color:var(--color-border-strong); background:rgba(255,255,255,.035); }
.control-admin-grid .session-actions { display:grid; gap:8px; margin-top:15px; }

/* Application-owned dialogs. */
.modal-backdrop { z-index:80; background:rgba(0,0,0,.68); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
.modal { width:min(620px,100%); max-height:min(88dvh,780px); border:1px solid var(--color-border-strong); border-radius:var(--radius-feature) var(--radius-feature) 0 0; padding:20px 18px calc(18px + env(safe-area-inset-bottom)); background:linear-gradient(155deg,rgba(15,25,39,.985),rgba(8,15,25,.985)); box-shadow:0 -28px 80px rgba(0,0,0,.46); outline:none; }
.modal:focus-visible { box-shadow:0 0 0 3px var(--focus-ring),0 -28px 80px rgba(0,0,0,.46); }
.modal-head { padding-bottom:14px; border-bottom:1px solid var(--color-border); }
.modal-head h2 { font-size:20px; letter-spacing:-.45px; }
.modal-head p { max-width:540px; color:var(--color-text-secondary); font-size:11px; line-height:1.5; }
.dialog-confirm-actions,.dialog-form-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:18px; padding-top:14px; border-top:1px solid var(--color-border); }
.dialog-confirm-actions .primary-action,.dialog-confirm-actions .secondary-action,.dialog-form-actions .primary-action,.dialog-form-actions .secondary-action { width:auto; min-width:120px; }
.dialog-form-stack { display:grid; gap:2px; }
.dialog-form-stack .form-group { margin-bottom:10px; }

/* Shared in-workspace states. */
.state-card.empty-card { min-height:170px; display:grid; place-items:center; align-content:center; gap:7px; padding:28px 22px; border:1px dashed var(--color-border-strong); border-radius:var(--radius-surface); background:rgba(5,12,21,.58); color:var(--color-text-secondary); }
.state-card.empty-card > strong { margin:0; color:var(--color-text-primary); font-size:14px; }
.state-card.empty-card > span:not(.state-card-icon) { max-width:520px; font-size:11px; line-height:1.5; }
.state-card-icon { width:34px; height:34px; display:grid; place-items:center; margin-bottom:3px; border:1px solid var(--color-border); border-radius:50%; color:var(--color-text-muted); font-size:16px; font-weight:800; }
.state-error { border-style:solid !important; border-color:rgba(255,112,130,.18) !important; }
.state-error .state-card-icon { border-color:rgba(255,112,130,.22); color:#ff9eac; background:rgba(255,112,130,.055); }
.state-card-actions { display:flex; justify-content:center; gap:8px; margin-top:8px; }
.state-card-actions .primary-action,.state-card-actions .secondary-action { width:auto; min-width:112px; }

/* Feedback is calm, readable, and announced by the app. */
.toast { border:1px solid rgba(112,239,192,.18); border-radius:var(--radius-control); background:#dff8ed; box-shadow:0 18px 50px rgba(0,0,0,.30); }
.toast.error { border-color:rgba(255,112,130,.22); }
.toast.review { border-color:rgba(255,209,102,.22); }
.is-route-busy .shell-command-copy small::after { content:" · Updating"; color:var(--color-brand); }

@media (min-width:700px) {
  .modal { border-radius:var(--radius-feature); margin:0; padding:22px; }
  .modal-backdrop { align-items:center; padding:24px; }
}

@media (max-width:1023px) {
  .add-workspace[data-v25e-add-layout="console"] { grid-template-columns:1fr; }
  .add-workspace[data-v25e-add-layout="console"] .add-review-panel { position:static; }
  .control-admin-grid { grid-template-columns:1fr; }
}

@media (max-width:700px) {
  .add-command.add-intake-command[data-v25e-add="console"] { grid-template-columns:1fr; padding:17px; }
  .add-command.add-intake-command .add-command-signal { min-width:0; width:100%; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:8px; text-align:left; }
  .add-methods-shell { padding:10px; }
  .add-methods-head { align-items:flex-start; }
  .add-methods-head > span { display:none; }
  .add-mode-switcher { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .add-mode-button { min-height:60px; }
  .control-admin-section { padding:12px; }
  .control-admin-heading { display:block; }
  .control-admin-tag { display:inline-flex; margin-top:8px; }
  .control-summary-rail { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dialog-confirm-actions,.dialog-form-actions { display:grid; grid-template-columns:1fr; }
  .dialog-confirm-actions .primary-action,.dialog-confirm-actions .secondary-action,.dialog-form-actions .primary-action,.dialog-form-actions .secondary-action { width:100%; min-height:44px; }
  .state-card.empty-card { min-height:150px; padding:24px 16px; }
}

/* =========================================================
   V2.5F — CORPORATE POLISH + QA
   Final responsive, accessibility, overflow, touch-target, and
   Today callback-lookup refinements. Business/data contracts stay protected.
   ========================================================= */

/* Final containment: wide data belongs to its own scroller, never the app viewport. */
.shell,.app-frame,.main,.main > * { min-width:0; }
.main { overflow-x:clip; }
.import-sample-wrap,.import-review-table { max-width:100%; overflow-x:auto; overflow-y:hidden; overscroll-behavior-inline:contain; }
.lead-card,.lead-record-row,.source-row,.followup-detail-row,.control-admin-section,.state-card { max-width:100%; }
.lead-card .title,.lead-index-main strong,.source-row strong,.followup-detail-main strong,.portability-action strong,.control-admin-heading h2 { overflow-wrap:anywhere; }

/* Today — rapid saved-lead lookup for incoming callbacks. */
.today-callback-lookup {
  display:grid;
  grid-template-columns:minmax(260px,.92fr) minmax(330px,1.08fr);
  grid-template-areas:"copy form" "help results";
  gap:8px 18px;
  margin:0 0 12px;
  padding:14px 16px;
  border:1px solid var(--color-border);
  border-radius:var(--radius-surface);
  background:rgba(5,12,21,.72);
  box-shadow:none;
}
.today-callback-copy { grid-area:copy; display:flex; align-items:center; gap:12px; min-width:0; }
.today-callback-copy > div { min-width:0; }
.today-callback-copy .panel-kicker { flex:0 0 auto; }
.today-callback-copy h2 { margin:0; color:var(--color-text-primary); font-size:15px; line-height:1.2; letter-spacing:-.3px; }
.today-callback-copy p { margin:3px 0 0; color:var(--color-text-muted); font-size:10px; line-height:1.4; }
.today-callback-form { grid-area:form; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; }
.today-callback-form input {
  width:100%; min-width:0; min-height:40px; padding:0 12px;
  border:1px solid var(--color-border); border-radius:var(--radius-control);
  background:rgba(2,8,15,.52); color:var(--color-text-primary); font:inherit;
}
.today-callback-form input::placeholder { color:#60758a; }
.today-callback-form input:focus-visible { outline:3px solid var(--focus-ring); outline-offset:1px; border-color:rgba(112,239,192,.36); }
.today-callback-form .secondary-action { width:auto; min-width:92px; margin:0; white-space:nowrap; }
.today-callback-help { grid-area:help; align-self:start; color:#5e7388; font-size:10px; line-height:1.35; }
.today-callback-results { grid-area:results; min-width:0; }
.today-callback-result-list { display:grid; gap:1px; border:1px solid var(--color-border); border-radius:var(--radius-control); overflow:hidden; background:rgba(2,8,15,.42); }
.today-callback-result {
  width:100%; min-width:0; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px;
  min-height:52px; padding:9px 11px; border:0; border-bottom:1px solid var(--color-border);
  border-radius:0; background:transparent; color:var(--color-text-primary); text-align:left;
}
.today-callback-result:last-child { border-bottom:0; }
.today-callback-result:hover { background:rgba(112,239,192,.035); }
.today-callback-result:focus-visible { outline:2px solid var(--focus-ring); outline-offset:-2px; }
.today-callback-result-main { min-width:0; display:grid; gap:2px; }
.today-callback-result-main strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
.today-callback-result-main small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--color-text-muted); font-size:10px; }
.today-callback-result-action { display:flex; align-items:center; gap:9px; }
.today-callback-result-action em { color:var(--color-brand); font-size:10px; font-style:normal; font-weight:800; }
.today-callback-result-action b { color:var(--color-text-secondary); font-size:10px; }
.today-callback-state { min-height:42px; display:flex; align-items:center; gap:8px; padding:8px 10px; color:var(--color-text-muted); font-size:10px; }
.today-callback-state.no-match,.today-callback-state.lookup-error { display:grid; gap:2px; border:1px dashed var(--color-border); border-radius:var(--radius-control); }
.today-callback-state strong { color:var(--color-text-primary); font-size:11px; }
.today-callback-state.lookup-error strong { color:#ff9eac; }

/* Final control sizing and semantic polish. Desktop remains compact; phone hit areas do not. */
.icon-btn { display:grid; place-items:center; }
.modal-head .icon-btn { flex:0 0 auto; }

/* Calendar width is seven flexible columns; touch comfort comes from height/padding, not a forced 44px column width. */
.followup-day { min-width:0; }

@media (max-width:1023px) {
  .main { width:100%; max-width:100%; }
  .today-callback-lookup { grid-template-columns:1fr; grid-template-areas:"copy" "form" "results" "help"; }
}

@media (max-width:700px) {
  .mobile-shell-back,.icon-btn,.tab,.chip,.today-callback-form input,.today-callback-form button,.today-callback-result,
  .followup-calendar-controls .calendar-nav-button,.followup-calendar-controls .calendar-today-button {
    min-height:44px;
  }
  .mobile-shell-back,.icon-btn { min-width:44px; width:44px; height:44px; }
  .tab,.chip { display:inline-flex; align-items:center; justify-content:center; }
  .today-callback-lookup { padding:12px; gap:9px; }
  .today-callback-copy { align-items:flex-start; }
  .today-callback-copy .panel-kicker { display:none; }
  .today-callback-copy h2 { font-size:14px; }
  .today-callback-form { grid-template-columns:minmax(0,1fr) auto; }
  .today-callback-form .secondary-action { min-width:82px; padding-left:11px; padding-right:11px; }
  .today-callback-help { font-size:10px; }
  .today-callback-result { min-height:56px; }
  .today-callback-result-action em { display:none; }
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-calendar-field { width:100%; max-width:100%; overflow:hidden; }
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-weekdays,
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-calendar-grid { width:100%; grid-template-columns:repeat(7,minmax(0,1fr)); }
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-day { min-width:0; min-height:64px; }
}

@media (max-width:420px) {
  .main { padding-left:12px; padding-right:12px; }
  .today-command[data-v25c-today="executive"],.leads-command[data-v25c-leads="header"],.lead-cockpit-hero[data-v25c-lead="header"],
  .followup-command.followup-ops-command,.import-command.import-ops-command,.add-command.add-intake-command[data-v25e-add="console"] { padding-left:13px; padding-right:13px; }
  .today-callback-lookup { padding:11px; }
  .today-callback-form { grid-template-columns:1fr; }
  .today-callback-form .secondary-action { width:100%; }
  .today-callback-result { gap:8px; padding:9px; }
  .today-callback-result-main strong,.today-callback-result-main small { white-space:normal; overflow:visible; text-overflow:clip; }
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-calendar-shell { padding-left:6px; padding-right:6px; }
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-weekdays span { padding-left:0; padding-right:0; font-size:10px; letter-spacing:0; }
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-day { min-width:0; min-height:58px; padding:6px 4px; }
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-day-count { right:3px; bottom:4px; min-width:20px; height:20px; padding:0 4px; font-size:10px; }
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-calendar-legend { flex-wrap:wrap; }
}

@media (prefers-reduced-motion:reduce) {
  .today-callback-result,.today-callback-form input { transition:none !important; }
}

/* =========================================================
   JC CONTROLS — V2 EXPERIENCE SYSTEM
   Action-first UX, calmer enterprise hierarchy, command palette,
   context-preserving lead workflow, mobile task surfaces, and
   restrained motion. Runtime/API/data/security contracts remain protected.
   ========================================================= */

html {
  --v2-canvas: #050912;
  --v2-canvas-elevated: #08101a;
  --v2-plane: rgba(8,17,28,.78);
  --v2-plane-strong: rgba(10,21,34,.92);
  --v2-plane-soft: rgba(255,255,255,.018);
  --v2-line: rgba(154,194,214,.105);
  --v2-line-strong: rgba(112,239,192,.22);
  --v2-text: #f4f9fc;
  --v2-secondary: #a7b5c2;
  --v2-muted: #71869a;
  --v2-mint: #70efc0;
  --v2-amber: #f2c66d;
  --v2-red: #ff8298;
  --v2-blue: #7bc7ff;
  --v2-radius-sm: 8px;
  --v2-radius: 12px;
  --v2-radius-lg: 16px;
  --v2-motion-instant: 110ms;
  --v2-motion-quick: 170ms;
  --v2-motion-standard: 240ms;
  --v2-ease: cubic-bezier(.22,.72,.22,1);
}

body {
  background:
    radial-gradient(circle at 44% -15%, rgba(112,239,192,.055), transparent 33%),
    linear-gradient(180deg, #050912 0%, #040811 58%, #03070e 100%);
}
body::before {
  opacity:.72;
  background:
    linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.01) 1px, transparent 1px),
    radial-gradient(circle at 100% 22%, rgba(108,216,240,.045), transparent 28%);
  background-size:48px 48px,48px 48px,auto;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.48),transparent 72%);
}

.main { overflow-x:clip; }
.main.workspace-enter > * { animation:v2-workspace-in var(--v2-motion-standard) var(--v2-ease) both; }
.main.workspace-enter > *:nth-child(2) { animation-delay:18ms; }
.main.workspace-enter > *:nth-child(3) { animation-delay:36ms; }
@keyframes v2-workspace-in {
  from { opacity:.01; transform:translateY(6px); }
  to { opacity:1; transform:translateY(0); }
}

/* Shell — command-oriented, quieter chrome. */
.shell-command-launcher {
  min-width:42px;
  height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid var(--v2-line);
  border-radius:10px;
  padding:0 10px;
  background:rgba(255,255,255,.018);
  color:var(--v2-secondary);
  transition:background-color var(--v2-motion-quick) var(--v2-ease),border-color var(--v2-motion-quick) var(--v2-ease),color var(--v2-motion-quick) var(--v2-ease),transform var(--v2-motion-instant) var(--v2-ease);
}
.shell-command-launcher:hover { color:var(--v2-text); border-color:rgba(112,239,192,.18); background:rgba(112,239,192,.045); }
.shell-command-launcher:active { transform:translateY(1px); }
.shell-command-launcher > span { font-size:18px; line-height:1; }
.shell-command-launcher strong,.shell-command-launcher kbd { display:none; }
.shell-command-launcher kbd {
  border:1px solid rgba(255,255,255,.08);
  border-bottom-color:rgba(255,255,255,.15);
  border-radius:6px;
  padding:3px 6px;
  background:rgba(255,255,255,.025);
  color:#71869a;
  font:700 10px/1 var(--font-ui);
}

@media (min-width:1024px) {
  .shell { --shell-sidebar-w:232px; --shell-command-h:68px; }
  .app-sidebar { padding:18px 13px 16px; background:linear-gradient(180deg,rgba(5,10,17,.985),rgba(3,7,13,.975)); box-shadow:12px 0 42px rgba(0,0,0,.14); }
  .sidebar-brand { padding:0 9px 16px; }
  .sidebar-nav { padding-top:17px; gap:3px; }
  .sidebar-nav-btn { min-height:40px; border-radius:9px; padding:0 10px; }
  .sidebar-nav-btn.active { box-shadow:inset 2px 0 0 var(--v2-mint); background:linear-gradient(90deg,rgba(112,239,192,.095),rgba(112,239,192,.018) 76%,transparent); }
  .topbar-inner { padding:0 24px; }
  .shell-command-actions { gap:9px; }
  .shell-command-launcher { width:230px; justify-content:flex-start; }
  .shell-command-launcher strong { display:block; min-width:0; margin-right:auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#8194a6; font-size:11px; font-weight:650; }
  .shell-command-launcher kbd { display:block; }
  .shell-quick-add { min-height:40px; border-radius:10px; }
  .shell .main { max-width:1480px; padding:28px 30px 62px; }
}

/* Quick lead search — one unified business/phone lookup card on every viewport. */
.command-palette { min-width:0; margin:0; }
.command-palette-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding-bottom:16px; }
.command-palette-copy { min-width:0; }
.command-palette-head h2 { margin:5px 0 0; font-size:24px; letter-spacing:-.65px; }
.command-palette-head p { margin:7px 0 0; max-width:470px; color:var(--v2-muted); font-size:11px; line-height:1.5; }
.command-palette-search-wrap {
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:10px;
  min-height:56px;
  border:1px solid var(--v2-line-strong);
  border-radius:12px;
  padding:0 14px;
  background:rgba(2,8,15,.72);
  box-shadow:0 0 0 3px rgba(112,239,192,.025);
}
.command-palette-search-wrap:focus-within {
  border-color:var(--v2-line-strong);
  box-shadow:none;
  background:rgba(2,8,15,.78);
}
.command-palette-search-wrap input:focus,
.command-palette-search-wrap input:focus-visible {
  border:0;
  outline:0;
  box-shadow:none;
}
.command-palette-search-wrap > span { color:var(--v2-mint); font-size:19px; }
.command-palette-search-wrap input {
  width:100%; min-width:0; min-height:54px; padding:0; border:0; outline:0;
  background:transparent; color:var(--v2-text); font-size:16px; line-height:1.25;
}
.command-palette-search-wrap input::placeholder { color:#667b8e; opacity:1; }
.command-palette-results { max-height:min(56vh,500px); overflow:auto; margin-top:10px; border-top:1px solid var(--v2-line); overscroll-behavior:contain; }
.command-palette-results:empty { display:none; }

.command-palette-group { padding:10px 0 2px; }
.command-palette-label { display:block; padding:3px 6px 7px; color:#61768a; font-size:10px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.command-palette-row {
  width:100%;
  min-height:55px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  border:0;
  border-radius:9px;
  padding:7px 9px;
  background:transparent;
  color:var(--v2-text);
  text-align:left;
  transition:background-color var(--v2-motion-quick) var(--v2-ease);
}
.command-palette-row:hover,.command-palette-row:focus-visible { background:rgba(112,239,192,.045); }
.command-palette-row > span:nth-child(2) { min-width:0; }
.command-palette-row strong,.command-palette-row small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.command-palette-row strong { font-size:12px; font-weight:740; }
.command-palette-row small { margin-top:3px; color:var(--v2-muted); font-size:10px; }
.command-palette-row > b { color:#657b8f; font-size:10px; font-weight:800; }
.command-palette-icon,.command-palette-avatar { width:32px; height:32px; display:grid; place-items:center; border:1px solid var(--v2-line); border-radius:9px; background:rgba(255,255,255,.02); color:#8da1b4; font-size:15px; }
.command-palette-avatar { border-radius:50%; color:var(--v2-mint); font-size:11px; font-weight:850; }
.command-palette-loading,.command-palette-empty { display:flex; align-items:center; gap:8px; min-height:54px; padding:12px 8px; color:var(--v2-muted); font-size:11px; }
.command-palette-empty { display:grid; gap:3px; }
.command-palette-empty strong { color:var(--v2-secondary); }
.command-palette-empty.error strong { color:#ff9aab; }

/* Today — action queue first, metrics as a rail rather than four floating cards. */
.today-command[data-v2-workspace="today"] {
  position:relative;
  margin-bottom:10px;
  padding:18px 4px 16px;
  border:0;
  border-bottom:1px solid var(--v2-line);
  border-radius:0;
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.today-command[data-v2-workspace="today"] h1 { font-size:clamp(31px,3.2vw,44px); font-weight:720; letter-spacing:-.045em; }
.today-command[data-v2-workspace="today"] p { max-width:700px; color:#91a2b2; }
.today-command[data-v2-workspace="today"] .command-status-rail { border-top-color:rgba(255,255,255,.045); }
.today-command[data-v2-workspace="today"] .command-primary { background:var(--v2-mint); box-shadow:none; }
.today-command[data-v2-workspace="today"] .command-secondary { border-color:var(--v2-line); background:rgba(255,255,255,.018); }
.pulse-rail[data-v25c-today="kpis"] {
  margin-bottom:10px;
  overflow:hidden;
  border-radius:10px;
  background:rgba(5,12,20,.50);
}
.pulse-rail[data-v25c-today="kpis"] .stat-card { min-height:75px; border:0; border-right:1px solid var(--v2-line); border-radius:0; background:transparent; }
.pulse-rail[data-v25c-today="kpis"] .stat-card:last-child { border-right:0; }
.pulse-rail[data-v25c-today="kpis"] .stat-card strong { font-size:30px; }
.today-grid[data-v25c-today="workspace"] { grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr); margin-bottom:10px; }
.crm-panel[data-v25c-today-panel] {
  border-radius:12px;
  background:rgba(6,14,23,.62);
}
.priority-panel[data-v25c-today-panel="attention"] { border-color:rgba(112,239,192,.17); box-shadow:inset 2px 0 0 rgba(112,239,192,.32); }
.today-record-list .lead-card { min-height:66px; transition:background-color var(--v2-motion-quick) var(--v2-ease),padding-left var(--v2-motion-quick) var(--v2-ease); }
.today-record-list .lead-card:hover { padding-left:8px; background:rgba(112,239,192,.028); }
.today-callback-lookup {
  margin:0 0 10px;
  border-radius:10px;
  background:rgba(5,12,20,.56);
  box-shadow:none;
}
.system-signal { margin-bottom:10px; border-radius:10px; }

/* Leads — working database surface with persistent filter context. */
.leads-command[data-v2-workspace="leads"] {
  margin-bottom:8px;
  padding:16px 3px 14px;
  border:0;
  border-bottom:1px solid var(--v2-line);
  border-radius:0;
  background:transparent;
}
.leads-command[data-v2-workspace="leads"] h1 { font-size:30px; font-weight:720; }
.lead-index-toolbar[data-v25c-leads="toolbar"] { border-radius:10px; background:rgba(4,11,18,.86); }
.lead-search-box input { background:rgba(2,8,15,.46); }
.lead-data-group { border-radius:9px; background:rgba(5,13,22,.64); }
.lead-data-group.open { background:rgba(6,16,26,.88); box-shadow:inset 2px 0 0 rgba(112,239,192,.34); }
.lead-record-row { transition:background-color var(--v2-motion-quick) var(--v2-ease),color var(--v2-motion-quick) var(--v2-ease); }
.lead-record-row:hover { background:rgba(112,239,192,.035); }
.lead-group-toggle:focus-visible,.lead-record-row:focus-visible { outline-offset:-2px; }

@media (min-width:1024px) {
  .lead-index-toolbar[data-v25c-leads="toolbar"] {
    position:sticky;
    top:calc(var(--shell-command-h) + 8px);
    z-index:12;
    box-shadow:0 14px 34px rgba(0,0,0,.22);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
  }
  .lead-category-columns { padding-top:7px; }
  .lead-record-row { min-height:62px; }
}

/* Lead Detail — relationship workspace with stronger next-action hierarchy. */
.lead-cockpit-hero[data-v2-workspace="lead-detail"] {
  position:relative;
  overflow:hidden;
  border-color:rgba(112,239,192,.14);
  background:linear-gradient(135deg,rgba(9,21,33,.90),rgba(5,12,21,.80));
}
.lead-cockpit-hero[data-v2-workspace="lead-detail"]::before {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  background:linear-gradient(to bottom,var(--v2-mint),rgba(112,239,192,.03));
}
.lead-cockpit-hero[data-v2-workspace="lead-detail"] .lead-action-dock > * { transition:transform var(--v2-motion-instant) var(--v2-ease),background-color var(--v2-motion-quick) var(--v2-ease),border-color var(--v2-motion-quick) var(--v2-ease); }
.lead-cockpit-hero[data-v2-workspace="lead-detail"] .lead-action-dock > *:active { transform:translateY(1px); }
.lead-cockpit-grid[data-v25c-lead="grid"] { gap:9px; }
.next-move-panel[data-record-section="next"] { border-color:rgba(242,198,109,.13); }
.next-move-panel[data-record-section="next"] .next-move-date:not(.empty) strong { color:#f2d18a; }
.lead-timeline-panel[data-record-section="history"] .timeline-item { padding-top:9px; padding-bottom:11px; }
.lead-timeline-panel[data-record-section="history"] .timeline-item .time { color:#71869a; letter-spacing:.02em; }
.lead-facts-panel[data-record-section="facts"] a { color:#a9e8d5; }
.lead-mobile-action-bar { display:none; }

/* Follow-Ups — agenda is the primary mobile task surface. */
.followup-command[data-v2-workspace="followups"] { padding-left:3px; padding-right:3px; border:0; border-bottom:1px solid var(--v2-line); border-radius:0; background:transparent; }
.followup-summary-rail[data-v25d-followups="summary"] { border-radius:10px; }
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-calendar-shell,
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-day-panel { border-radius:12px; }
.followup-detail-row { transition:background-color var(--v2-motion-quick) var(--v2-ease); }

/* Import — make safety state visible without card overload. */
.import-command[data-v2-workspace="imports"] { padding-left:3px; padding-right:3px; border:0; border-bottom:1px solid var(--v2-line); border-radius:0; background:transparent; }
.import-workflow-stepper { border-radius:10px; background:rgba(4,11,18,.58); }
.import-review-panel.import-ops-review,.import-mapping-form.import-map-workspace { border-radius:12px; }
.import-summary-grid.import-ops-summary > div { background:rgba(4,11,18,.52); }
.import-review-table thead th { position:sticky; top:0; z-index:2; background:#08121d; }
.import-review-table tbody tr { transition:background-color var(--v2-motion-quick) var(--v2-ease); }
.import-review-table tbody tr:hover { background:rgba(112,239,192,.025); }
.import-state-duplicate { color:#d7b66f; }
.import-state-invalid { color:#ff9aac; }
.import-state-ready { color:#95e8cb; }

/* Control Center — progressive disclosure with quieter surfaces. */
.control-admin-section { border-radius:12px; background:rgba(5,13,22,.58); }
.control-admin-grid .control-disclosure,.control-admin-grid .portability-panel,.control-admin-grid .session-panel { border-radius:12px; }
.control-disclosure > summary { transition:background-color var(--v2-motion-quick) var(--v2-ease); }
.control-disclosure > summary:hover { background:rgba(112,239,192,.025); }

/* Consistent microinteraction vocabulary. */
.primary-action,.secondary-action,.ghost-action,.call-action,.text-action,.quick-button,.table-action,.tab,.chip,.icon-btn {
  transition:background-color var(--v2-motion-quick) var(--v2-ease),border-color var(--v2-motion-quick) var(--v2-ease),color var(--v2-motion-quick) var(--v2-ease),transform var(--v2-motion-instant) var(--v2-ease),opacity var(--v2-motion-quick) var(--v2-ease);
}
.primary-action:active,.secondary-action:active,.call-action:active,.text-action:active,.quick-button:active,.table-action:active { transform:translateY(1px); }
button:disabled,.primary-action:disabled,.secondary-action:disabled { cursor:not-allowed; opacity:.48; transform:none !important; }
.toast { min-width:min(340px,calc(100vw - 28px)); font-weight:700; }

@media (max-width:1023px) {
  .today-grid[data-v25c-today="workspace"] { grid-template-columns:1fr; }
  .shell-command-launcher { width:42px; padding:0; }
  .shell-command-launcher > span { font-size:20px; }
}

@media (max-width:700px) {
  .main.workspace-enter > * { animation-duration:190ms; }
  .topbar { background:rgba(4,10,17,.94); }
  .topbar-inner { padding-left:12px; padding-right:12px; }
  .shell-command-actions { gap:6px; }
  .shell-command-actions .status-dot { min-width:42px; width:42px; height:42px; padding:0; justify-content:center; }
  .shell-command-actions .status-dot span { display:none; }
  .shell-command-launcher { min-width:42px; width:42px; height:42px; border-radius:11px; }

  .today-command[data-v2-workspace="today"] { padding:11px 0 14px; }
  .today-command[data-v2-workspace="today"] h1 { font-size:31px; }
  .today-command[data-v2-workspace="today"] p { font-size:12px; }
  .today-command[data-v2-workspace="today"] .command-status-rail { display:none; }
  .pulse-rail[data-v25c-today="kpis"] { grid-template-columns:repeat(4,minmax(0,1fr)); overflow-x:auto; scroll-snap-type:x proximity; }
  .pulse-rail[data-v25c-today="kpis"] .stat-card { min-width:112px; border-bottom:0 !important; scroll-snap-align:start; }
  .today-callback-lookup { border-radius:10px; }

  .leads-command[data-v2-workspace="leads"] { padding:10px 0 12px; }
  .leads-command[data-v2-workspace="leads"] h1 { font-size:27px; }
  .lead-index-toolbar[data-v25c-leads="toolbar"] { position:sticky; top:calc(70px + env(safe-area-inset-top)); z-index:12; padding:9px; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
  .lead-filter-tabs { padding-bottom:5px; }

  .shell[data-route="lead"] .main { padding-bottom:calc(var(--nav-h) + 82px + env(safe-area-inset-bottom)); }
  .lead-cockpit-hero[data-v2-workspace="lead-detail"] .lead-action-dock { display:none; }
  .lead-mobile-action-bar {
    position:fixed;
    z-index:29;
    left:10px;
    right:10px;
    bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 7px);
    height:64px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    overflow:hidden;
    border:1px solid rgba(112,239,192,.17);
    border-radius:16px;
    background:rgba(7,15,24,.96);
    box-shadow:0 18px 52px rgba(0,0,0,.42);
    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);
  }
  .lead-mobile-action-bar button,.lead-mobile-action-bar a {
    min-width:0;
    display:grid;
    place-items:center;
    align-content:center;
    gap:3px;
    border:0;
    border-right:1px solid var(--v2-line);
    background:transparent;
    color:var(--v2-secondary);
    font-size:15px;
  }
  .lead-mobile-action-bar > :last-child { border-right:0; }
  .lead-mobile-action-bar button:first-child { color:#07130d; background:var(--v2-mint); }
  .lead-mobile-action-bar strong { font-size:10px; letter-spacing:.02em; }

  .followup-calendar-layout[data-v25d-followups="calendar"] { display:flex; flex-direction:column; gap:9px; }
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-day-panel { order:-1; position:static; }
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-calendar-shell { order:2; }
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-day-panel-head { padding:14px; }
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-detail-list { max-height:none; }

  .command-search-backdrop {
    align-items:flex-start;
    justify-content:center;
    overflow:hidden;
    padding:max(12px,env(safe-area-inset-top)) 10px max(12px,env(safe-area-inset-bottom));
  }
  .command-search-backdrop .modal {
    width:100%;
    max-width:620px;
    max-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom)));
    margin:0;
    padding:18px 16px;
    overflow:hidden;
    border-radius:18px;
  }
  .command-palette { min-height:0; display:flex; flex-direction:column; }
  .command-palette-head { flex:0 0 auto; gap:12px; padding-bottom:14px; }
  .command-palette-head h2 { font-size:22px; }
  .command-palette-head p { max-width:300px; font-size:11px; }
  .command-palette-search-wrap { flex:0 0 auto; min-height:56px; }
  .command-palette-search-wrap input { font-size:16px; }
  .command-palette-results { flex:1 1 auto; min-height:0; max-height:none; overflow-y:auto; -webkit-overflow-scrolling:touch; }
  .command-palette-row { min-height:58px; }
}

@media (max-width:420px) {
  .pulse-rail[data-v25c-today="kpis"] { margin-left:-2px; margin-right:-2px; }
  .pulse-rail[data-v25c-today="kpis"] .stat-card { min-width:106px; padding-left:13px; padding-right:13px; }
  .lead-mobile-action-bar { left:7px; right:7px; border-radius:14px; }
}

@media (prefers-reduced-motion:reduce) {
  .main.workspace-enter > * { animation:none !important; }
  .today-record-list .lead-card:hover { padding-left:3px; }
  .shell-command-launcher,.command-palette-row,.lead-record-row,.followup-detail-row,.import-review-table tbody tr,
  .primary-action,.secondary-action,.ghost-action,.call-action,.text-action,.quick-button,.table-action,.tab,.chip,.icon-btn {
    transition:none !important;
  }
}

/* ======================================================================
   JC CONTROLS — V2 DESKTOP WORKFLOW & DENSITY LOCK
   Approved 2026-09-19 from full desktop walkthrough audit.
   Desktop-only layout corrections preserve the mobile surface for a
   separate video-led pass.
   ====================================================================== */

/* New V2 markup defaults: desktop surfaces stay opt-in at the breakpoint. */
.lead-desktop-workspace { display:none; }
.lead-mobile-category-workspace { display:block; min-width:0; }
.today-callback-fallback-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.lead-facts-utility { padding-top:8px; }
.add-review-placeholder {
  min-height:220px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:8px;
  padding:30px 20px;
  text-align:center;
  border:1px dashed rgba(112,239,192,.13);
  border-radius:var(--radius-control);
  background:rgba(3,9,16,.26);
}
.add-review-placeholder > span { width:34px; height:34px; display:grid; place-items:center; border:1px solid rgba(112,239,192,.18); border-radius:50%; color:var(--color-brand); }
.add-review-placeholder strong { font-size:13px; }
.add-review-placeholder p { max-width:340px; margin:0; color:var(--color-text-muted); font-size:10px; line-height:1.55; }

.import-format-signal {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-width:0;
  padding:10px 12px;
  border:1px solid var(--color-border);
  border-radius:var(--radius-control);
  background:rgba(255,255,255,.015);
}
.import-format-signal strong { flex:0 0 auto; font-size:11px; }
.import-format-signal span { min-width:0; color:var(--color-text-muted); font-size:10px; text-align:right; }
.import-format-signal.success { border-color:rgba(112,239,192,.20); background:rgba(112,239,192,.035); }
.import-format-signal.success strong { color:#9ce9ce; }
.import-format-signal.review { border-color:rgba(242,198,109,.18); background:rgba(242,198,109,.025); }
.import-format-signal.warning { border-color:rgba(255,154,171,.18); background:rgba(255,154,171,.025); }
.import-format-signal.warning strong { color:#ff9aab; }

.import-native-schema {
  width:100%;
  margin-top:14px;
  padding:14px;
  display:grid;
  gap:10px;
  text-align:left;
  border-top:1px solid rgba(255,255,255,.055);
}
.import-native-schema > div:first-child > strong { display:block; margin-top:3px; font-size:12px; color:var(--color-text-primary); }
.import-native-schema > div:first-child > p { max-width:none !important; margin-top:4px !important; font-size:10px !important; }
.import-schema-chips { display:flex; flex-wrap:wrap; gap:5px; }
.import-schema-chips span { padding:4px 7px; border:1px solid rgba(112,239,192,.10); border-radius:999px; background:rgba(112,239,192,.025); color:#9eb0be; font-size:10px; font-weight:700; }
.import-template-download { width:100%; justify-content:center; }
.system-signal-quiet summary { min-height:50px; }
.system-signal-quiet .system-signal-toggle { margin-left:auto; }
.system-signal-quiet[open] .system-signal-toggle { color:var(--color-brand); }

@media (min-width:1024px) {
  /* Today: one global add control; desktop hero carries the next actual job. */
  [data-v2-legacy-status] { display:none !important; }
  .today-mobile-add { display:none !important; }
  .today-executive-actions { align-items:stretch; }
  .today-next-action { min-width:190px; }
  .today-callback-compact {
    display:grid;
    grid-template-columns:minmax(210px,.72fr) minmax(360px,1.28fr);
    grid-template-areas:
      "copy form"
      "help results";
    align-items:center;
    column-gap:24px;
    row-gap:8px;
    padding:15px 18px;
  }
  .today-callback-compact .today-callback-copy { grid-area:copy; min-width:0; }
  .today-callback-compact .today-callback-copy h2 { margin:2px 0 0; font-size:16px; }
  .today-callback-compact .today-callback-copy p { margin:4px 0 0; font-size:10px; }
  .today-callback-compact .today-callback-form { grid-area:form; min-width:0; grid-template-columns:minmax(0,1fr) auto; }
  .today-callback-compact .today-callback-help { grid-area:help; }
  .today-callback-compact .today-callback-results { grid-area:results; min-width:0; }

  /* Leads: category navigator + bounded focus workspace. No expanding rows that
     push the rest of the database down the page or clip at the shell edge. */
  .lead-mobile-category-workspace { display:none !important; }
  .lead-desktop-workspace {
    display:grid;
    grid-template-columns:minmax(230px,280px) minmax(0,1fr);
    gap:10px;
    min-width:0;
    align-items:start;
  }
  .lead-collapse-all { display:none !important; }
  .lead-desktop-category-pane,
  .lead-desktop-focus,
  .lead-desktop-focus-panel,
  .lead-desktop-records { min-width:0; max-width:100%; }
  .lead-desktop-category-pane {
    position:sticky;
    top:calc(var(--shell-command-h) + 80px);
    max-height:calc(100vh - var(--shell-command-h) - 105px);
    overflow:hidden;
    border:1px solid var(--color-border);
    border-radius:var(--radius-surface);
    background:rgba(5,12,21,.72);
  }
  .lead-desktop-pane-head {
    min-height:46px;
    padding:10px 12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    border-bottom:1px solid var(--color-border);
    background:rgba(4,10,18,.90);
  }
  .lead-desktop-pane-head strong { color:var(--color-text-muted); font-size:11px; }
  .lead-desktop-category-list {
    max-height:calc(100vh - var(--shell-command-h) - 152px);
    overflow-y:auto;
    overflow-x:hidden;
    scrollbar-width:thin;
    scrollbar-gutter:stable;
  }
  .lead-desktop-category-row {
    width:100%;
    min-width:0;
    min-height:52px;
    padding:8px 10px 8px 12px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto 16px;
    gap:8px;
    align-items:center;
    border:0;
    border-bottom:1px solid rgba(183,204,230,.055);
    border-radius:0;
    background:transparent;
    color:var(--color-text-primary);
    text-align:left;
  }
  .lead-desktop-category-row:last-child { border-bottom:0; }
  .lead-desktop-category-row:hover { background:rgba(112,239,192,.025); }
  .lead-desktop-category-row.active { background:rgba(112,239,192,.055); box-shadow:inset 2px 0 0 var(--color-brand); }
  .lead-desktop-category-row.needs-category { color:#ead59e; }
  .lead-desktop-category-name { min-width:0; display:grid; gap:3px; }
  .lead-desktop-category-name > :first-child,
  .lead-desktop-category-name > strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .lead-desktop-category-name small { overflow:hidden; color:var(--color-text-muted); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
  .lead-desktop-category-row > strong { min-width:26px; text-align:right; color:#9eafbd; font-size:11px; }
  .lead-desktop-category-chevron { color:#657a8e; font-size:17px; text-align:right; }

  .lead-desktop-focus {
    position:sticky;
    top:calc(var(--shell-command-h) + 80px);
    max-height:calc(100vh - var(--shell-command-h) - 105px);
    border:1px solid var(--color-border);
    border-radius:var(--radius-surface);
    background:rgba(5,12,21,.66);
    overflow:hidden;
  }
  .lead-desktop-focus-panel {
    min-height:0;
    max-height:calc(100vh - var(--shell-command-h) - 105px);
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  .lead-desktop-records {
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    scrollbar-width:thin;
    scrollbar-gutter:stable;
    overscroll-behavior:contain;
  }
  .lead-desktop-focus-head {
    flex:0 0 auto;
    min-width:0;
    min-height:70px;
    padding:13px 14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    border-bottom:1px solid var(--color-border);
  }
  .lead-desktop-focus-head > div:first-child { min-width:0; flex:1 1 auto; }
  .lead-desktop-focus-head h2 { margin:3px 0 2px; overflow-wrap:anywhere; font-size:18px; letter-spacing:-.02em; }
  .lead-desktop-focus-head p { margin:0; color:var(--color-text-muted); font-size:10px; }
  .lead-desktop-queue-state {
    flex:0 0 auto;
    min-width:82px;
    display:grid;
    gap:2px;
    padding:7px 9px;
    border:1px solid rgba(112,239,192,.13);
    border-radius:var(--radius-control);
    background:rgba(112,239,192,.035);
    text-align:right;
  }
  .lead-desktop-queue-state span { color:var(--color-text-muted); font-size:10px; font-weight:720; letter-spacing:.04em; text-transform:uppercase; }
  .lead-desktop-queue-state strong { color:var(--color-brand); font-size:15px; font-variant-numeric:tabular-nums; }
  .lead-desktop-queue-state.large { border-color:rgba(242,198,109,.23); background:rgba(242,198,109,.035); }
  .lead-desktop-queue-state.large strong { color:#ead59e; }
  .lead-desktop-record-columns,
  .lead-desktop-record-row {
    min-width:0;
    display:grid;
    grid-template-columns:minmax(180px,1.35fr) minmax(145px,.82fr) minmax(105px,.62fr) minmax(135px,.78fr) 24px;
    gap:10px;
    align-items:center;
  }
  .lead-desktop-record-columns {
    padding:8px 12px 7px;
    border-bottom:1px solid var(--color-border);
    color:#60758a;
    font-size:10px;
    font-weight:760;
    letter-spacing:.05em;
    text-transform:uppercase;
  }
  .lead-desktop-record-row {
    width:100%;
    min-height:62px;
    padding:9px 12px;
    border:0;
    border-bottom:1px solid rgba(183,204,230,.055);
    border-radius:0;
    background:transparent;
    color:var(--color-text-primary);
    text-align:left;
  }
  .lead-desktop-record-row:last-child { border-bottom:0; }
  .lead-desktop-record-row:hover { background:rgba(112,239,192,.028); }
  .lead-desktop-business,.lead-desktop-contact,.lead-desktop-next { min-width:0; display:grid; gap:3px; }
  .lead-desktop-business strong {
    min-width:0;
    display:-webkit-box;
    overflow:hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    line-height:1.25;
    overflow-wrap:anywhere;
    font-size:12px;
  }
  .lead-desktop-business small,.lead-desktop-contact small,.lead-desktop-next small { overflow:hidden; color:var(--color-text-muted); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
  .lead-desktop-contact strong,.lead-desktop-next strong { overflow:hidden; color:#c8d6de; font-size:10px; font-weight:650; text-overflow:ellipsis; white-space:nowrap; }
  .lead-desktop-status { min-width:0; }
  .lead-desktop-status .badge { max-width:100%; white-space:normal; text-align:center; line-height:1.15; }
  .lead-desktop-open { justify-self:end; color:#71879a; font-size:15px; }
  .lead-desktop-focus-empty { min-height:240px; display:grid; place-items:center; align-content:center; gap:5px; text-align:center; }
  .lead-desktop-focus-empty span { color:var(--color-text-muted); font-size:10px; }

  /* Needs Category uses the existing safe triage controls inside the focus
     pane. Contain the legacy row grid rather than allowing horizontal escape. */
  .lead-desktop-focus .lead-category-triage { margin:10px 12px; }
  /* V2.7.1 — Needs Category keeps selection, lead data, and the Categorize
     action in separate lanes. The nested lead grid may shrink, but it can
     never paint underneath the action button. */
  .lead-desktop-focus .lead-index-entry {
    min-width:0;
    margin:0 12px;
    grid-template-columns:30px minmax(0,1fr) 96px;
    gap:10px;
  }
  .lead-desktop-focus .lead-index-entry .lead-record-row {
    min-width:0;
    width:100%;
    max-width:100%;
    overflow:hidden;
    grid-template-columns:minmax(120px,1.2fr) minmax(100px,.8fr) minmax(80px,.55fr) minmax(0,.75fr);
    gap:8px;
  }
  .lead-desktop-focus .lead-index-entry .lead-index-open { display:none; }
  .lead-desktop-focus .lead-index-entry .lead-index-followup { min-width:0; overflow:hidden; padding-right:4px; }
  .lead-desktop-focus .lead-index-entry .lead-index-followup span { display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .lead-desktop-focus .lead-categorize-one { width:96px; justify-self:stretch; white-space:nowrap; }

  /* Follow-Ups: the KPI rail is the single desktop count source. */
  .followup-mobile-command-mark { display:none !important; }
  .followup-detail-main strong { white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; line-height:1.28; }

  /* Import: after a file is chosen, mapping receives the full workspace width.
     Every grid child can shrink, while source selectors stay readable. */
  .import-start-grid.import-ops-start { min-width:0; }
  .import-start-grid.import-ops-start > * { min-width:0; }
  .import-upload-layout { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .import-upload-layout > .import-drop-zone,
  .import-upload-layout > .import-ops-history-inline { height:100%; align-self:stretch; }
  #import-draft:not(:empty) { grid-column:1 / -1; width:100%; min-width:0; margin-top:0; }
  #import-draft:not(:empty) .import-map-workspace { width:100%; min-width:0; overflow:hidden; }
  .import-map-workspace .import-map-section,
  .import-map-workspace .import-mapping-grid,
  .import-map-workspace .import-status-map,
  .import-map-workspace label { min-width:0; }
  .import-map-workspace .import-mapping-grid,
  .import-map-workspace .import-status-map { grid-template-columns:repeat(2,minmax(280px,1fr)); gap:10px 12px; }
  .import-map-workspace .import-mapping-grid label,
  .import-map-workspace .import-status-map label,
  .import-map-workspace .import-sheet-select {
    padding:10px;
    border:1px solid rgba(183,204,230,.065);
    border-radius:var(--radius-control);
    background:rgba(2,8,15,.28);
  }
  .import-map-workspace .import-mapping-grid label > span,
  .import-map-workspace .import-status-map label > span,
  .import-map-workspace .import-sheet-select > span {
    min-width:0;
    overflow-wrap:anywhere;
    color:#91a5b5;
    font-size:10px;
    font-weight:700;
  }
  .import-map-workspace select.form-control {
    width:100%;
    min-width:0;
    max-width:100%;
    height:46px;
    padding-right:36px;
    font-size:12px;
  }
  .import-sample-wrap { max-width:100%; overflow-x:auto; scrollbar-width:thin; }
  .import-sample-wrap table { min-width:max-content; }
  .import-stage-actions { min-width:0; }

  /* Add Lead: preserve progressive disclosure on desktop. */
  .add-review-panel[data-review-ready="false"] { min-height:330px; }
  .add-review-panel[data-review-ready="false"] .add-review-placeholder { min-height:245px; }

  /* Lead detail utility action has lower visual priority than core sales work. */
  .lead-facts-utility .ghost-action { width:100%; justify-content:center; }
}

@media (min-width:1024px) and (max-width:1279px) {
  .lead-desktop-workspace { grid-template-columns:minmax(210px,240px) minmax(0,1fr); }
  .lead-desktop-record-columns,
  .lead-desktop-record-row { grid-template-columns:minmax(150px,1.25fr) minmax(120px,.8fr) minmax(95px,.65fr) minmax(112px,.75fr) 22px; gap:7px; }
  .lead-desktop-record-columns,.lead-desktop-record-row { padding-left:9px; padding-right:9px; }
  .lead-desktop-focus .lead-index-entry { grid-template-columns:30px minmax(0,1fr) 88px; gap:8px; }
  .lead-desktop-focus .lead-index-entry .lead-record-row { grid-template-columns:minmax(105px,1.15fr) minmax(92px,.8fr) minmax(72px,.55fr) minmax(0,.72fr); gap:6px; }
  .lead-desktop-focus .lead-categorize-one { width:88px; padding-left:6px; padding-right:6px; }
  .today-callback-compact { grid-template-columns:minmax(190px,.65fr) minmax(320px,1.35fr); }
  .import-map-workspace .import-mapping-grid,
  .import-map-workspace .import-status-map { grid-template-columns:repeat(2,minmax(220px,1fr)); }
}

/* ======================================================================
   JC CONTROLS — MOBILE PRESENTATION REBUILD
   Clean mobile/tablet presentation layer rebuilt from the locked
   Lead Visibility + Triage baseline. Desktop >=1024px is protected.
   ====================================================================== */

.followup-mobile-view-switch,.mobile-add-method-back { display:none; }

@media (max-width:1023px) {
  .shell {
    --jc-mobile-topbar-h:72px;
    --jc-mobile-bottom-nav-h:calc(var(--nav-h) + env(safe-area-inset-bottom));
  }

  html,body,#app,.shell,.app-frame,.main { width:100%; max-width:100%; }
  html,body,#app,.shell,.app-frame { overflow-x:clip; }
  .main { min-width:0; overflow-x:visible; }
  .main > *,
  .today-grid,.today-grid > *,
  .lead-mobile-category-workspace,
  .lead-mobile-directory,
  .lead-mobile-queue,
  .add-workspace,.add-intake-column,.add-review-panel,.add-mode-panel,
  .followup-calendar-layout,.followup-calendar-shell,.followup-day-panel,
  .control-center-grid,.control-disclosure-stack,.control-side-stack,
  .import-start-grid,.import-drop-zone,.import-history,#import-draft {
    min-width:0;
    max-width:100%;
  }

  /* Route changes on touch devices are intentionally calm. Do not leave a
     transform on workspace children because it changes fixed/sticky geometry. */
  .main.workspace-enter > * { animation:none !important; transform:none !important; }
  .is-route-busy .main { opacity:1 !important; filter:none !important; }
  .route-progress { top:var(--jc-mobile-topbar-h); }

  .topbar {
    position:sticky;
    top:0;
    z-index:50;
    width:100%;
    max-width:100%;
  }
  .topbar-inner,.mobile-brand-lockup,.mobile-brand-lockup .brand-copy,.shell-command-actions { min-width:0; }
  .bottom-nav { z-index:55; }
  .shell .main { padding-bottom:calc(var(--jc-mobile-bottom-nav-h) + 28px); }

  /* Leads: mobile/tablet uses a real directory -> queue state, never the
     legacy fixed overlay/body-lock model. */
  html.lead-scan-locked,body.lead-scan-locked { overflow:auto !important; overscroll-behavior:auto !important; }
  body.lead-scan-locked { position:static !important; width:auto !important; top:auto !important; }
  body.lead-scan-locked .shell-leads::after { display:none !important; }
  body.lead-scan-locked .lead-group.open { position:static !important; inset:auto !important; width:auto !important; max-width:none !important; transform:none !important; }

  .lead-mobile-category-workspace { display:block; width:100%; }
  .leads-command.mobile-queue-context-hidden,
  .lead-index-toolbar.mobile-queue-context-hidden { display:none !important; }

  .lead-mobile-directory {
    width:100%;
    border:1px solid var(--color-border);
    border-radius:var(--radius-surface);
    overflow:hidden;
    background:rgba(5,12,21,.70);
  }
  .lead-mobile-directory-head {
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:10px 12px;
    border-bottom:1px solid var(--color-border);
    background:rgba(4,10,18,.88);
  }
  .lead-mobile-directory-head > div { min-width:0; }
  .lead-mobile-directory-head strong { display:block; margin-top:2px; font-size:13px; }
  .lead-mobile-directory-head > span { flex:0 0 auto; color:var(--color-text-muted); font-size:11px; font-weight:800; }
  .lead-mobile-category-list { display:grid; width:100%; }
  .lead-mobile-category-row {
    width:100%;
    min-width:0;
    min-height:70px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto 18px;
    gap:9px;
    align-items:center;
    padding:10px 12px;
    border:0;
    border-bottom:1px solid rgba(183,204,230,.06);
    border-radius:0;
    background:transparent;
    color:var(--color-text-primary);
    text-align:left;
  }
  .lead-mobile-category-row:last-child { border-bottom:0; }
  .lead-mobile-category-row:active { background:rgba(112,239,192,.045); }
  .lead-mobile-category-row.needs-category { background:rgba(242,198,109,.018); }
  .lead-mobile-category-copy { min-width:0; display:grid; gap:3px; }
  .lead-mobile-category-copy .category-label { max-width:100%; }
  .lead-mobile-category-copy strong { min-width:0; font-size:14px; line-height:1.2; }
  .lead-mobile-category-copy strong .category-label > span:last-child {
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .lead-mobile-category-copy small { overflow:hidden; color:var(--color-text-muted); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
  .lead-mobile-category-count {
    min-width:34px;
    padding:5px 7px;
    border:1px solid var(--color-border);
    border-radius:999px;
    color:#a7b6c2;
    background:rgba(255,255,255,.018);
    font-size:10px;
    font-weight:800;
    text-align:center;
    font-variant-numeric:tabular-nums;
  }
  .lead-mobile-category-open { color:#637a8e; font-size:18px; }

  .lead-mobile-queue { width:100%; min-width:0; }
  .lead-mobile-queue-head {
    position:sticky;
    top:var(--jc-mobile-topbar-h);
    z-index:24;
    min-width:0;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    align-items:center;
    gap:9px;
    min-height:66px;
    margin:0 0 8px;
    padding:8px 10px;
    border:1px solid rgba(112,239,192,.12);
    border-radius:13px;
    background:rgba(5,13,22,.98);
    box-shadow:0 10px 24px rgba(0,0,0,.20);
  }
  .lead-mobile-queue-head > div { min-width:0; }
  .lead-mobile-queue-head h2 { min-width:0; margin:2px 0 0; font-size:15px; line-height:1.2; letter-spacing:-.02em; }
  .lead-mobile-queue-head h2 .category-label { max-width:100%; }
  .lead-mobile-queue-head h2 .category-label > span:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .lead-mobile-queue-head p { margin:3px 0 0; color:var(--color-text-muted); font-size:10px; }
  .lead-mobile-queue-back {
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border:1px solid var(--color-border);
    border-radius:11px;
    padding:0;
    background:rgba(255,255,255,.022);
    color:var(--color-text-secondary);
    font-size:18px;
  }
  .lead-mobile-queue-count {
    min-width:38px;
    padding:6px 8px;
    border:1px solid rgba(112,239,192,.15);
    border-radius:10px;
    background:rgba(112,239,192,.035);
    color:var(--color-brand);
    font-size:11px;
    font-weight:850;
    text-align:center;
    font-variant-numeric:tabular-nums;
  }
  .lead-mobile-queue-count.large { border-color:rgba(242,198,109,.22); background:rgba(242,198,109,.035); color:#e6c77d; }
  .lead-mobile-queue-rows { min-width:0; display:grid; }
  .lead-mobile-queue-rows > .lead-index-row,
  .lead-mobile-queue-rows > .lead-index-entry { width:100%; min-width:0; }
  .lead-mobile-queue-rows .lead-index-row {
    min-height:68px;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:auto auto;
    gap:4px 10px;
    padding:10px 9px;
    border-radius:0;
    border-bottom:1px solid rgba(183,204,230,.055);
  }
  .lead-mobile-queue-rows .lead-index-main { min-width:0; grid-column:1; grid-row:1 / span 2; }
  .lead-mobile-queue-rows .lead-index-main strong {
    display:block;
    max-width:100%;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    overflow-wrap:anywhere;
    font-size:12px;
    line-height:1.25;
  }
  .lead-mobile-queue-rows .lead-index-main span { white-space:normal; overflow-wrap:anywhere; }
  .lead-mobile-queue-rows .lead-index-contact,.lead-mobile-queue-rows .lead-index-open { display:none; }
  .lead-mobile-queue-rows .lead-index-state { grid-column:2; grid-row:1; justify-content:flex-end; }
  .lead-mobile-queue-rows .lead-index-followup { display:block; grid-column:2; grid-row:2; align-self:start; text-align:right; }
  .lead-mobile-queue-rows .lead-index-followup strong { display:block; white-space:nowrap; }
  .lead-mobile-queue-rows .lead-index-followup span { display:none; }
  .lead-mobile-queue .lead-category-triage {
    position:sticky;
    top:calc(var(--jc-mobile-topbar-h) + 74px);
    z-index:22;
    margin:0 0 8px;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  .lead-mobile-queue .lead-index-entry {
    grid-template-columns:30px minmax(0,1fr) auto;
    gap:6px;
    padding:3px 0;
  }
  .lead-mobile-queue .lead-index-entry .lead-index-row { grid-column:2; }
  .lead-mobile-queue .lead-categorize-one { grid-column:3; min-width:0; padding:7px 8px; white-space:nowrap; }

  .lead-index-toolbar[data-v25c-leads="toolbar"] {
    position:sticky;
    top:var(--jc-mobile-topbar-h);
    z-index:20;
  }

  /* Intentionally horizontally scrollable local rails keep their own gesture. */
  .tabs,.lead-filter-tabs,.import-sample-wrap,.import-review-table { -webkit-overflow-scrolling:touch; }
  .tabs,.lead-filter-tabs { overflow-x:auto; overscroll-behavior-inline:contain; }
}

@media (max-width:700px) {
  .main { padding-left:12px; padding-right:12px; }
  .topbar { padding-top:calc(10px + env(safe-area-inset-top)); padding-bottom:9px; }
  .topbar-inner { width:100%; max-width:100%; gap:8px; }
  .mobile-brand-lockup { min-width:0; flex:1 1 auto; }
  .mobile-brand-lockup .brand-copy { min-width:0; }
  .mobile-brand-lockup .brand-copy strong,.mobile-brand-lockup .brand-copy span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .shell-command-actions { flex:0 0 auto; gap:5px; }
  .shell-command-launcher { width:38px; min-width:38px; height:38px; padding:0; }
  .status-dot { min-width:34px; justify-content:center; }

  .route-progress {
    position:fixed;
    z-index:52;
    top:var(--jc-mobile-topbar-h);
    left:0;
    right:0;
    width:100%;
    height:2px;
  }

  .today-command[data-v2-workspace="today"] { padding:10px 0 12px; }
  .today-command[data-v2-workspace="today"] h1 { font-size:29px; line-height:1.02; }
  .today-command[data-v2-workspace="today"] p { max-width:34ch; font-size:11px; line-height:1.45; }
  .today-executive-actions { grid-template-columns:1fr; gap:7px; }
  .today-executive-actions .command-primary,.today-executive-actions .command-secondary { min-width:0; width:100%; min-height:54px; }
  .pulse-rail[data-v25c-today="kpis"] { width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:visible; scroll-snap-type:none; }
  .pulse-rail[data-v25c-today="kpis"] .stat-card { min-width:0; width:auto; scroll-snap-align:none; }
  .today-record-list .lead-card { min-width:0; }
  .today-record-list .lead-card .title,.today-record-list .lead-card .meta { overflow-wrap:anywhere; }

  .shell-leads .main { padding-top:12px; }
  .leads-command[data-v2-workspace="leads"] { padding:8px 2px 11px; }
  .leads-command[data-v2-workspace="leads"] h1 { font-size:25px; }
  .leads-command[data-v2-workspace="leads"] p { display:none; }
  .leads-command[data-v2-workspace="leads"] .leads-command-metrics { gap:5px; }
  .leads-command[data-v2-workspace="leads"] .leads-command-metrics span { min-height:30px; padding:6px 8px; }
  .leads-command[data-v2-workspace="leads"] .lead-priority-note { display:none; }
  .lead-index-toolbar[data-v25c-leads="toolbar"] {
    margin:0 -2px 8px;
    padding:8px;
    border-radius:13px;
    background:rgba(5,11,19,.97);
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    box-shadow:0 8px 20px rgba(0,0,0,.18);
  }
  .lead-search-box { margin-bottom:7px; }
  .lead-filter-tabs { width:100%; max-width:100%; padding-bottom:2px; }
  .lead-collapse-all { display:none !important; }

  /* Add Lead is a true phone step flow. */
  .add-command.add-intake-command[data-v25e-add="console"] { padding:12px; margin-bottom:8px; }
  .add-command.add-intake-command[data-v25e-add="console"] h1 { font-size:25px; }
  .add-command.add-intake-command[data-v25e-add="console"] p,.add-command.add-intake-command .add-command-signal { display:none; }
  .add-methods-shell { padding:11px; scroll-margin-top:calc(var(--jc-mobile-topbar-h) + 10px); }
  .add-methods-shell[hidden] { display:none !important; }
  .add-methods-head { align-items:flex-start; margin-bottom:9px; }
  .add-methods-head > span { display:none; }
  .add-mode-switcher { grid-template-columns:1fr; gap:6px; padding:0; background:transparent; }
  .add-mode-button { width:100%; min-width:0; min-height:58px; padding:9px 10px; }
  .add-workspace[data-v25e-add-layout="console"] { display:block; }
  .add-workspace[data-mobile-method-selected="false"] .add-mode-panel,
  .add-workspace[data-mobile-method-selected="false"] .add-review-panel { display:none !important; }
  .add-workspace[data-mobile-method-selected="false"] .mobile-add-method-back { display:none; }
  .add-workspace[data-mobile-method-selected="true"] .mobile-add-method-back { display:inline-flex; align-items:center; gap:6px; margin:0 0 7px; padding:0 2px; }
  .add-workspace[data-mobile-method-selected="true"] .add-mode-panel:not([hidden]) { display:block; }
  .add-mode-panel,.add-review-panel { width:100%; min-width:0; padding:12px; border-radius:13px; scroll-margin-top:calc(var(--jc-mobile-topbar-h) + 10px); }
  .add-review-panel[data-review-ready="false"] { display:none !important; }
  .add-review-panel[data-review-ready="true"] { display:block; margin-top:8px; }
  .add-bulk-entry { margin-top:9px; min-height:64px; }

  /* Follow-Ups defaults to the action list; calendar is one tap away. */
  .followup-command[data-v2-workspace="followups"] { padding:8px 2px 10px; }
  .followup-command[data-v2-workspace="followups"] h1 { font-size:25px; }
  .followup-command[data-v2-workspace="followups"] p { display:none; }
  .followup-summary-rail[data-v25d-followups="summary"] { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .followup-summary-item { min-width:0; }
  .followup-mobile-view-switch {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:4px;
    margin:9px 0;
    padding:4px;
    border:1px solid var(--color-border);
    border-radius:12px;
    background:rgba(4,11,18,.74);
  }
  .followup-mobile-view-switch button {
    min-height:42px;
    border:0;
    border-radius:9px;
    background:transparent;
    color:var(--color-text-muted);
    font-size:11px;
    font-weight:800;
  }
  .followup-mobile-view-switch button.active { background:rgba(112,239,192,.10); color:#cffff0; }
  .followup-calendar-layout[data-mobile-followup-view="agenda"] .followup-calendar-shell { display:none; }
  .followup-calendar-layout[data-mobile-followup-view="calendar"] .followup-day-panel { display:none; }
  .followup-calendar-layout[data-v25d-followups="calendar"] { gap:0; }
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-day-panel,
  .followup-calendar-layout[data-v25d-followups="calendar"] .followup-calendar-shell { order:0; width:100%; max-width:100%; }
  .followup-detail-main strong { white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; }

  /* Control Center keeps the same information but compresses phone scanning. */
  .control-command.control-admin-command[data-v25e-control="admin"] { padding:13px; margin-bottom:8px; }
  .control-command.control-admin-command[data-v25e-control="admin"] h1 { font-size:26px; }
  .control-command.control-admin-command[data-v25e-control="admin"] p { display:none; }
  .control-admin-section { padding:11px; margin-bottom:8px; }
  .control-admin-heading { margin-bottom:9px; }
  .control-admin-heading p,.control-admin-tag { display:none; }
  .control-summary-rail { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .control-summary-signal { min-width:0; min-height:62px; }
  .control-admin-grid { grid-template-columns:1fr; gap:8px; }
  .control-disclosure > summary { min-height:64px; padding:11px; }
  .control-disclosure > summary p { display:none; }
  .portability-panel,.session-panel { padding:12px; }

  /* Intentionally wide import content scrolls locally rather than widening
     the entire page. Mapping controls stack on phones. */
  .import-sample-wrap,.import-review-table { max-width:100%; overflow-x:auto; }
  .import-mapping-grid,.import-status-map { grid-template-columns:1fr !important; }
}

@media (max-width:420px) {
  .status-dot span { display:none; }
  .mobile-brand-lockup .brand-copy span { max-width:118px; }
  .lead-mobile-category-row { grid-template-columns:minmax(0,1fr) auto 14px; padding-left:10px; padding-right:10px; }
  .lead-mobile-queue-head { grid-template-columns:40px minmax(0,1fr) auto; padding-left:8px; padding-right:8px; }
  .lead-mobile-queue-back { width:40px; height:40px; }
  .lead-mobile-queue .lead-index-entry { grid-template-columns:28px minmax(0,1fr); }
  .lead-mobile-queue .lead-index-entry .lead-categorize-one { grid-column:2; justify-self:start; margin:0 0 5px 8px; }
}

@media (max-width:1023px) and (prefers-reduced-motion:reduce) {
  .main.workspace-enter > * { animation:none !important; transform:none !important; }
}

/* ======================================================================
   JC CONTROLS V2.6 — CLIENT / PROJECT COMMAND CENTER
   Minimal bookkeeping surfaces + global automation controls.
   ====================================================================== */

.mobile-settings-launcher { display:none; }
.clients-command,.client-detail-head,.project-command-head {
  display:flex; align-items:flex-end; justify-content:space-between; gap:18px;
  margin:0 0 14px; padding:18px 20px;
  border:1px solid var(--color-border); border-radius:var(--radius-surface);
  background:linear-gradient(135deg,rgba(8,17,29,.96),rgba(4,10,18,.86));
}
.clients-command > div,.client-detail-title,.project-command-head > div { min-width:0; }
.clients-command h1,.client-detail-head h1,.project-command-head h1 { margin:3px 0 4px; font-size:30px; letter-spacing:-.035em; }
.clients-command p,.client-detail-head p,.project-command-head p { margin:0; color:var(--color-text-muted); }

.client-summary-rail,.project-finance-strip {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:0 0 14px;
}
.client-summary-rail > div,.project-finance-strip > div {
  min-width:0; padding:12px 14px; border:1px solid var(--color-border); border-radius:12px;
  background:rgba(5,12,21,.68);
}
.client-summary-rail span,.project-finance-strip span { display:block; margin-bottom:5px; color:var(--color-text-muted); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.client-summary-rail strong,.project-finance-strip strong { display:block; overflow-wrap:anywhere; font-size:17px; font-variant-numeric:tabular-nums; }

.clients-workspace,.client-projects-panel,.client-contact-card,.project-panel,.project-next-card {
  border:1px solid var(--color-border); border-radius:var(--radius-surface); background:rgba(5,12,21,.68);
}
.clients-workspace { padding:14px; }
.clients-search { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:8px; margin-bottom:16px; padding:7px 8px 7px 12px; border:1px solid var(--color-border); border-radius:12px; background:rgba(3,8,14,.74); }
.clients-search > span { color:var(--color-text-muted); font-size:18px; }
.clients-search input { min-width:0; height:38px; border:0; outline:0; background:transparent; color:var(--color-text); }
.clients-search button { height:34px; padding:0 12px; border:1px solid var(--color-border); border-radius:9px; background:rgba(255,255,255,.035); color:var(--color-text-secondary); font-weight:800; }
.clients-section-head,.project-panel-head { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin:4px 0 9px; }
.clients-section-head h2,.project-panel-head h2 { margin:2px 0 0; font-size:16px; }
.clients-section-head > span,.project-panel-head > span { color:var(--color-text-muted); font-size:11px; font-weight:800; }
.client-directory-head { margin-top:20px; padding-top:16px; border-top:1px solid var(--color-border); }

.project-card-list,.client-directory { display:grid; gap:7px; }
.project-card,.client-row {
  width:100%; min-width:0; border:1px solid rgba(183,204,230,.09); border-radius:12px;
  background:rgba(255,255,255,.018); color:var(--color-text); text-align:left;
}
.project-card { display:grid; grid-template-columns:112px minmax(0,1fr) auto 22px; align-items:center; gap:12px; min-height:66px; padding:10px 12px; }
.project-card:hover,.client-row:hover { border-color:rgba(112,239,192,.25); background:rgba(112,239,192,.035); }
.project-card-state { color:var(--color-brand); font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
.project-card-main { min-width:0; }
.project-card-main strong,.project-card-main b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.project-card-main strong { font-size:13px; }
.project-card-main b { margin-top:2px; color:var(--color-text-secondary); font-size:11px; font-weight:650; }
.project-card-meta { display:grid; gap:3px; justify-items:end; color:var(--color-text-muted); font-size:10px; }
.project-card-arrow { color:var(--color-text-muted); }
.client-row { display:grid; grid-template-columns:38px minmax(0,1fr) auto 18px; align-items:center; gap:10px; min-height:58px; padding:9px 10px; }
.client-avatar { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; background:rgba(112,239,192,.08); color:var(--color-brand); font-weight:900; }
.client-row > span:nth-child(2) { min-width:0; }
.client-row strong,.client-row small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.client-row small,.client-row > span:nth-child(3) { color:var(--color-text-muted); font-size:10px; }

.client-detail-grid { display:grid; grid-template-columns:minmax(220px,.34fr) minmax(0,1fr); gap:12px; }
.client-contact-card,.client-projects-panel { padding:14px; }
.client-contact-lines { display:grid; gap:8px; margin:10px 0 14px; }
.client-contact-lines a,.client-contact-lines span { color:var(--color-text-secondary); font-size:12px; overflow-wrap:anywhere; }

.project-status-pill { flex:0 0 auto; padding:7px 10px; border:1px solid rgba(112,239,192,.18); border-radius:999px; background:rgba(112,239,192,.05); color:var(--color-brand); font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
.project-next-card { display:grid; grid-template-columns:minmax(170px,.32fr) minmax(0,1fr); align-items:stretch; gap:10px; margin:0 0 10px; padding:10px; }
.project-next-label { display:flex; flex-direction:column; justify-content:center; padding:8px 10px; }
.project-next-label span { font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.project-next-label small { margin-top:4px; color:var(--color-text-muted); line-height:1.4; }
.project-next-primary,.project-next-form,.project-next-complete {
  min-width:0; min-height:74px; display:grid; align-content:center; gap:3px; padding:12px 14px;
  border:1px solid rgba(112,239,192,.18); border-radius:12px; background:rgba(112,239,192,.045); color:var(--color-text); text-align:left;
}
.project-next-primary span,.project-next-form > span,.project-next-complete span { color:var(--color-brand); font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.project-next-primary strong,.project-next-form > strong,.project-next-complete strong { font-size:14px; }
.project-next-primary small,.project-next-form > small,.project-next-complete small { color:var(--color-text-muted); }
.project-next-primary.ready { border-color:rgba(112,239,192,.34); }
.project-next-form > div { display:flex; gap:7px; margin-top:7px; }
.project-next-form input { min-width:0; flex:1; height:38px; border:1px solid var(--color-border); border-radius:9px; background:rgba(3,8,14,.72); color:var(--color-text); padding:0 10px; }

.project-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.project-panel { min-width:0; padding:14px; }
.project-files-panel,.project-notes-panel { min-height:240px; }
.project-overview-panel { grid-column:1 / -1; }
.project-checklist,.project-payment-list,.project-file-list,.project-note-list { display:grid; gap:6px; }
.project-check { width:100%; min-width:0; display:grid; grid-template-columns:24px minmax(0,1fr); align-items:center; gap:8px; padding:9px; border:1px solid rgba(183,204,230,.08); border-radius:10px; background:rgba(255,255,255,.015); color:var(--color-text); text-align:left; }
.project-check i { width:22px; height:22px; display:grid; place-items:center; border:1px solid var(--color-border); border-radius:7px; color:var(--color-text-muted); font-style:normal; }
.project-check.complete i { border-color:rgba(112,239,192,.25); color:var(--color-brand); background:rgba(112,239,192,.06); }
.project-check strong,.project-check small { display:block; }
.project-check small { color:var(--color-text-muted); font-size:10px; }
.project-payment-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:8px; min-height:48px; padding:8px 9px; border-bottom:1px solid rgba(183,204,230,.06); }
.project-payment-row strong,.project-payment-row small { display:block; }
.project-payment-row small { margin-top:2px; color:var(--color-text-muted); font-size:10px; }
.project-payment-row b { font-size:12px; }
.project-payment-row button { border:0; background:transparent; color:var(--color-brand); font-size:10px; font-weight:850; }
.project-payment-row i { color:var(--color-brand); font-style:normal; }
.project-file-guide { margin:-2px 0 10px; color:var(--color-text-muted); font-size:11px; line-height:1.55; }
.project-file-actions { display:flex; flex-wrap:wrap; gap:5px; margin-bottom:9px; }
.project-file-actions button { min-height:32px; padding:0 9px; border:1px solid var(--color-border); border-radius:8px; background:rgba(255,255,255,.02); color:var(--color-text-secondary); font-size:10px; font-weight:800; }
.project-file-actions button.master { border-color:rgba(112,239,192,.22); color:var(--color-brand); }
.project-file-row { width:100%; min-width:0; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px; border:1px solid rgba(183,204,230,.07); border-radius:9px; background:rgba(255,255,255,.012); color:var(--color-text); text-align:left; }
.project-file-row > span { min-width:0; }
.project-file-row strong,.project-file-row small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.project-file-row small { margin-top:2px; color:var(--color-text-muted); font-size:10px; }
.project-file-row b { color:var(--color-text-muted); font-size:10px; }
.project-file-row.master { border-color:rgba(112,239,192,.20); }
.project-note-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:7px; margin-bottom:10px; }
.project-note-form textarea { min-width:0; min-height:58px; resize:vertical; border:1px solid var(--color-border); border-radius:9px; background:rgba(3,8,14,.72); color:var(--color-text); padding:9px; }
.project-note-list article { padding:8px 0; border-bottom:1px solid rgba(183,204,230,.055); }
.project-note-list time { color:var(--color-text-muted); font-size:10px; }
.project-note-list p { margin:3px 0 0; font-size:11px; line-height:1.45; }
.project-overview-lines { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.project-overview-lines span { min-width:0; padding:8px 9px; border-radius:9px; background:rgba(255,255,255,.018); color:var(--color-text-secondary); font-size:11px; overflow-wrap:anywhere; }
.project-overview-lines b { display:block; margin-bottom:4px; color:var(--color-text-muted); font-size:10px; text-transform:uppercase; letter-spacing:.06em; }
.project-muted { padding:10px; color:var(--color-text-muted); font-size:11px; }

.project-create-form { display:grid; gap:10px; }
.project-prefill { padding:9px 10px; border:1px solid rgba(112,239,192,.14); border-radius:9px; background:rgba(112,239,192,.035); }
.project-prefill strong,.project-prefill span { display:block; }
.project-prefill span { margin-top:3px; color:var(--color-text-muted); font-size:10px; }
.project-form-divider { padding-top:5px; border-top:1px solid var(--color-border); color:var(--color-text-muted); font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.07em; }

.automation-settings-form { display:grid; gap:12px; }
.automation-toggle { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:10px; border:1px solid var(--color-border); border-radius:10px; }
.automation-toggle strong,.automation-toggle small { display:block; }
.automation-toggle small { margin-top:3px; color:var(--color-text-muted); }
.automation-setting-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.automation-setting-grid > label { min-width:0; display:grid; gap:5px; padding:10px; border:1px solid rgba(183,204,230,.08); border-radius:10px; background:rgba(255,255,255,.012); }
.automation-setting-grid > label > span { font-size:11px; font-weight:800; }
.automation-setting-grid > label > div { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:6px; }
.automation-setting-grid input,.automation-setting-grid select { width:100%; min-width:0; height:36px; border:1px solid var(--color-border); border-radius:8px; background:rgba(3,8,14,.72); color:var(--color-text); padding:0 8px; }
.automation-setting-grid b,.automation-setting-grid small { color:var(--color-text-muted); font-size:10px; font-weight:650; }
.housekeeping-preview { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px; border:1px solid rgba(112,239,192,.12); border-radius:10px; background:rgba(112,239,192,.025); }
.housekeeping-preview strong,.housekeeping-preview small { display:block; }
.housekeeping-preview small { margin-top:3px; color:var(--color-text-muted); }
.housekeeping-preview > div:last-child { display:flex; flex-wrap:wrap; gap:6px; }
.automation-save { justify-self:start; }
.lead-record-actions { display:flex; flex-wrap:wrap; gap:7px; }

@media (max-width:1023px) {
  .mobile-settings-launcher { width:38px; min-width:38px; height:38px; display:grid; place-items:center; padding:0; border:1px solid var(--color-border); border-radius:10px; background:rgba(255,255,255,.025); color:var(--color-text-secondary); font-size:14px; }
  .clients-command,.client-detail-head,.project-command-head { align-items:flex-start; padding:14px; }
  .clients-command h1,.client-detail-head h1,.project-command-head h1 { font-size:25px; }
  .client-summary-rail,.project-finance-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .client-detail-grid,.project-grid { grid-template-columns:1fr; }
  .project-overview-panel { grid-column:auto; }
  .project-next-card { grid-template-columns:1fr; }
  .project-next-label { padding:5px 3px; }
  .project-overview-lines { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .automation-setting-grid { grid-template-columns:1fr; }
  .project-panel,.clients-workspace,.client-contact-card,.client-projects-panel { max-width:100%; overflow:hidden; }
  .project-panel { scroll-margin-top:calc(var(--jc-mobile-topbar-h) + 10px); }
}

@media (max-width:700px) {
  .clients-command,.client-detail-head,.project-command-head { gap:10px; }
  .clients-command p,.client-detail-head p,.project-command-head p { display:none; }
  .clients-command .primary-action,.client-detail-head .primary-action { min-height:40px; padding:0 10px; font-size:10px; }
  .client-summary-rail,.project-finance-strip { gap:6px; }
  .client-summary-rail > div,.project-finance-strip > div { padding:9px 10px; }
  .client-summary-rail strong,.project-finance-strip strong { font-size:14px; }
  .clients-workspace { padding:10px; }
  .clients-search { grid-template-columns:auto minmax(0,1fr); padding-right:10px; }
  .clients-search button { display:none; }
  .project-card { grid-template-columns:minmax(0,1fr) 18px; gap:6px; padding:10px; }
  .project-card-state { grid-column:1; grid-row:1; }
  .project-card-main { grid-column:1; grid-row:2; }
  .project-card-meta { grid-column:1; grid-row:3; justify-items:start; grid-template-columns:auto auto; gap:10px; }
  .project-card-arrow { grid-column:2; grid-row:1 / span 3; align-self:center; }
  .client-row { grid-template-columns:34px minmax(0,1fr) 16px; }
  .client-row > span:nth-child(3) { display:none; }
  .client-row > b { grid-column:3; }
  .project-command-head { display:grid; grid-template-columns:minmax(0,1fr) auto; }
  .project-command-head .ghost-action { grid-column:1 / -1; justify-self:start; }
  .project-status-pill { align-self:center; }
  .project-next-primary,.project-next-form,.project-next-complete { min-height:70px; }
  .project-next-form > div { display:grid; grid-template-columns:1fr; }
  .project-file-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .project-file-actions button.master { grid-column:1 / -1; }
  .project-note-form { grid-template-columns:1fr; }
  .project-overview-lines { grid-template-columns:1fr; }
  .housekeeping-preview { align-items:flex-start; flex-direction:column; }
  .automation-save { width:100%; justify-content:center; }
}

/* V2.7 — interaction intelligence / responsiveness pass */
.status-dot.status-pending {
  border-color:rgba(255,209,102,.18);
  background:rgba(255,209,102,.045);
  color:#f0d98a;
}
.toast.has-action {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  pointer-events:auto;
}
.toast-message { min-width:0; }
.toast-action {
  flex:0 0 auto;
  min-height:30px;
  padding:0 9px;
  border:1px solid rgba(9,32,23,.18);
  border-radius:8px;
  background:rgba(255,255,255,.48);
  color:inherit;
  font:inherit;
  font-weight:900;
  cursor:pointer;
}
.toast-action:disabled { opacity:.55; cursor:default; }
.project-next-primary,
.project-check,
.project-payment-row button,
.project-file-actions button,
.project-inline-value {
  transition:transform 120ms ease, border-color 120ms ease, background-color 120ms ease, opacity 120ms ease;
}
.project-next-primary:active,
.project-check:active,
.project-file-actions button:active { transform:translateY(1px); }
.project-check.is-saving,
.project-payment-row button.is-saving,
.project-next-primary.is-saving { opacity:.68; }
.project-inline-value {
  width:auto;
  max-width:100%;
  min-height:24px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--color-text-secondary);
  font:inherit;
  text-align:left;
  overflow-wrap:anywhere;
  cursor:pointer;
}
.project-inline-value:hover,
.project-inline-value:focus-visible {
  color:var(--color-text);
  text-decoration:underline;
  text-decoration-color:rgba(112,239,192,.38);
  text-underline-offset:3px;
}
.project-inline-edit {
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
}
.project-inline-edit input {
  width:min(260px,100%);
  min-width:0;
  height:32px;
  padding:0 8px;
  border:1px solid var(--color-border);
  border-radius:8px;
  background:rgba(3,8,14,.78);
  color:var(--color-text);
  font:inherit;
}
.project-inline-save,
.project-inline-cancel {
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid var(--color-border);
  border-radius:8px;
  background:rgba(255,255,255,.025);
  color:var(--color-text-secondary);
  font-weight:900;
}
.project-inline-save { color:var(--color-brand); border-color:rgba(112,239,192,.18); }
@media (max-width:700px) {
  .project-inline-edit { width:100%; }
  .project-inline-edit input { flex:1; width:auto; font-size:16px; }
  .toast.has-action { align-items:flex-start; }
}

/* ======================================================================
   JC CONTROLS V2.8 — PREMIUM SURFACE + INTERACTION SYSTEM
   Presentation-only refinement over the approved V2.7.3 baseline.
   No information architecture, workflow, data, API, or layout contract changes.
   ====================================================================== */

html {
  --premium-canvas:#040811;
  --premium-canvas-deep:#02060c;
  --premium-surface:rgba(8,16,27,.78);
  --premium-surface-strong:rgba(10,20,32,.93);
  --premium-surface-soft:rgba(255,255,255,.018);
  --premium-surface-hover:rgba(112,239,192,.035);
  --premium-border:rgba(160,199,220,.115);
  --premium-border-soft:rgba(160,199,220,.075);
  --premium-border-accent:rgba(112,239,192,.23);
  --premium-text:#f5f9fc;
  --premium-text-2:#aab8c5;
  --premium-text-3:#73889b;
  --premium-shadow-1:0 10px 30px rgba(0,0,0,.16);
  --premium-shadow-2:0 20px 56px rgba(0,0,0,.24);
  --premium-inset:inset 0 1px 0 rgba(255,255,255,.018);
  --premium-radius-xs:8px;
  --premium-radius-sm:10px;
  --premium-radius-md:12px;
  --premium-radius-lg:16px;
  --premium-duration:160ms;
  --premium-ease:cubic-bezier(.2,.72,.22,1);
}

html {
  background:var(--premium-canvas-deep);
  font-feature-settings:"cv02" 1,"cv03" 1,"cv04" 1,"cv11" 1;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body {
  color:var(--premium-text);
  background:
    radial-gradient(circle at 48% -18%,rgba(112,239,192,.065),transparent 31%),
    radial-gradient(circle at 98% 20%,rgba(103,177,235,.035),transparent 28%),
    linear-gradient(180deg,var(--premium-canvas) 0%,#03070e 62%,var(--premium-canvas-deep) 100%);
}
body::before {
  opacity:.54;
  background:
    linear-gradient(rgba(255,255,255,.009) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.008) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 74%);
}

/* Typography rhythm */
.kicker,
.sidebar-group-label,
.shell-command-copy > span,
.import-workflow-step,
.lead-category-columns,
.lead-record-columns,
.lead-desktop-record-columns {
  letter-spacing:.085em;
}
.page-head h1,
.today-command h1,
.leads-command h1,
.followup-command h1,
.import-command h1,
.clients-command h1,
.client-detail-head h1,
.project-command-head h1,
.lead-cockpit-hero h1 {
  font-weight:720;
  letter-spacing:-.042em;
}
.crm-panel-head h2,
.followup-day-panel-head h2,
.import-review-heading h2,
.import-file-summary h2,
.project-panel h2,
.client-projects-panel h2,
.client-contact-card h2 {
  letter-spacing:-.022em;
}

/* One control language */
.primary-action,
.secondary-action,
.call-action,
.text-action,
.quick-button,
.table-action,
.icon-btn,
.shell-quick-add,
.shell-command-launcher,
.mobile-settings-launcher,
.mobile-shell-back,
.shell-back,
.project-file-actions button,
.project-inline-save,
.project-inline-cancel {
  border-radius:var(--premium-radius-sm);
  transition:
    background-color var(--premium-duration) var(--premium-ease),
    border-color var(--premium-duration) var(--premium-ease),
    color var(--premium-duration) var(--premium-ease),
    box-shadow var(--premium-duration) var(--premium-ease),
    transform 110ms var(--premium-ease),
    opacity var(--premium-duration) var(--premium-ease);
}
.primary-action,
.call-action,
.shell-quick-add {
  box-shadow:0 8px 22px rgba(112,239,192,.08),var(--premium-inset);
}
.secondary-action,
.text-action,
.quick-button,
.icon-btn,
.shell-command-launcher,
.mobile-settings-launcher,
.mobile-shell-back,
.shell-back {
  border-color:var(--premium-border);
  background:rgba(255,255,255,.018);
  box-shadow:var(--premium-inset);
}
.secondary-action:hover,
.text-action:hover,
.quick-button:hover,
.icon-btn:hover,
.shell-command-launcher:hover,
.mobile-settings-launcher:hover,
.mobile-shell-back:hover,
.shell-back:hover {
  border-color:rgba(112,239,192,.18);
  background:rgba(112,239,192,.035);
  color:var(--premium-text);
}

.search-box input,
.form-control,
.review-form .form-control,
.import-mapping-grid select,
.import-status-map select,
.import-sheet-select select,
.project-next-form input,
.project-note-form textarea,
.automation-setting-grid input,
.automation-setting-grid select,
.project-inline-edit input {
  border-color:var(--premium-border);
  border-radius:var(--premium-radius-sm);
  background:rgba(2,8,15,.56);
  box-shadow:var(--premium-inset);
}
.search-box input:hover,
.form-control:hover,
.review-form .form-control:hover,
.import-mapping-grid select:hover,
.import-status-map select:hover,
.import-sheet-select select:hover,
.project-next-form input:hover,
.project-note-form textarea:hover,
.automation-setting-grid input:hover,
.automation-setting-grid select:hover {
  border-color:rgba(160,199,220,.18);
}
.search-box input:focus,
.form-control:focus,
.review-form .form-control:focus,
.import-mapping-grid select:focus,
.import-status-map select:focus,
.import-sheet-select select:focus,
.project-next-form input:focus,
.project-note-form textarea:focus,
.automation-setting-grid input:focus,
.automation-setting-grid select:focus {
  border-color:rgba(112,239,192,.30);
  background:rgba(3,10,17,.76);
  box-shadow:0 0 0 3px rgba(112,239,192,.055),var(--premium-inset);
}

/* Premium surface language — structural dimensions intentionally unchanged. */
.crm-panel,
.lead-data-group,
.lead-desktop-category-list,
.lead-desktop-focus,
.followup-summary-rail,
.followup-calendar-shell,
.followup-day-panel,
.import-workflow-stepper,
.import-drop-zone,
.import-map-workspace,
.import-review-panel,
.import-history,
.clients-workspace,
.client-projects-panel,
.client-contact-card,
.project-panel,
.project-next-card,
.control-admin-section,
.control-disclosure,
.portability-panel,
.session-panel,
.settings-item,
.lookup-card,
.notice {
  border-color:var(--premium-border);
  background:var(--premium-surface);
  box-shadow:var(--premium-inset);
}

/* Desktop shell: less decorative, more precise. Desktop-only elements remain hidden below the existing shell breakpoint. */
  .app-sidebar {
    background:linear-gradient(180deg,rgba(4,9,16,.992),rgba(3,7,13,.982));
    border-right-color:rgba(160,199,220,.085);
    box-shadow:8px 0 28px rgba(0,0,0,.13);
  }
  .sidebar-brand { border-bottom-color:rgba(160,199,220,.075); }
  .sidebar-nav { gap:2px; }
  .sidebar-nav-btn {
    border-radius:var(--premium-radius-sm);
    color:#8498aa;
  }
  .sidebar-nav-btn:hover {
    background:rgba(255,255,255,.026);
    color:#dce6ec;
  }
  .sidebar-nav-btn.active {
    color:#e7fff7;
    border-color:rgba(112,239,192,.10);
    background:linear-gradient(90deg,rgba(112,239,192,.085),rgba(112,239,192,.012) 78%,transparent);
    box-shadow:inset 2px 0 0 rgba(112,239,192,.78);
  }
  .topbar {
    border-bottom-color:rgba(160,199,220,.085);
    background:rgba(4,9,16,.86);
    backdrop-filter:blur(20px) saturate(112%);
    -webkit-backdrop-filter:blur(20px) saturate(112%);
  }
  .shell-command-copy strong { font-weight:700; }
  .shell-command-copy small { color:#718598; }
  .shell .main { padding-top:30px; }

  /* Hover movement is deliberately tiny; nothing shifts layout. */
  .lead-card:hover,
  .project-card:hover,
  .client-row:hover,
  .followup-detail-row:hover,
  .import-history-row:hover,
  .lead-desktop-category-row:hover {
    background:var(--premium-surface-hover);
  }

/* Today */
.today-command[data-v2-workspace="today"],
.leads-command[data-v2-workspace="leads"],
.followup-command[data-v2-workspace="followups"],
.import-command[data-v2-workspace="imports"] {
  border-bottom-color:rgba(160,199,220,.095);
}
.pulse-rail[data-v25c-today="kpis"] {
  border:1px solid var(--premium-border-soft);
  background:rgba(5,12,20,.46);
  box-shadow:var(--premium-inset);
}
.pulse-rail[data-v25c-today="kpis"] .stat-card {
  border-right-color:var(--premium-border-soft);
}
.crm-panel[data-v25c-today-panel] {
  background:rgba(6,14,23,.58);
}
.priority-panel[data-v25c-today-panel="attention"] {
  border-color:rgba(112,239,192,.15);
  box-shadow:inset 2px 0 0 rgba(112,239,192,.28),var(--premium-inset);
}
.today-record-list .lead-card {
  border-radius:var(--premium-radius-sm);
  border-color:transparent;
  background:transparent;
}
.today-record-list .lead-card:hover { border-color:rgba(112,239,192,.075); }

/* Leads and lead detail */
.lead-index-toolbar[data-v25c-leads="toolbar"] {
  border-color:var(--premium-border);
  background:rgba(4,11,18,.84);
  box-shadow:var(--premium-inset);
}
.lead-data-group {
  border-radius:var(--premium-radius-sm);
  background:rgba(5,13,22,.58);
}
.lead-data-group.open {
  background:rgba(6,16,26,.78);
  box-shadow:inset 2px 0 0 rgba(112,239,192,.28),var(--premium-inset);
}
.lead-record-row,
.lead-desktop-record-row,
.lead-desktop-category-row {
  border-bottom-color:rgba(160,199,220,.055);
}
.lead-cockpit-hero[data-v2-workspace="lead-detail"] {
  border-color:rgba(112,239,192,.13);
  background:linear-gradient(135deg,rgba(8,19,30,.88),rgba(5,12,21,.76));
  box-shadow:var(--premium-shadow-1),var(--premium-inset);
}
.next-move-panel[data-record-section="next"] {
  border-color:rgba(242,198,109,.12);
  background:linear-gradient(180deg,rgba(9,17,28,.78),rgba(6,13,22,.72));
}

/* Follow-Ups */
.followup-summary-rail[data-v25d-followups="summary"] {
  border-color:var(--premium-border-soft);
  background:rgba(5,12,20,.48);
}
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-calendar-shell,
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-day-panel {
  border-color:var(--premium-border);
  background:rgba(6,13,22,.72);
}
.followup-calendar-layout[data-v25d-followups="calendar"] .followup-day:not(.followup-day-empty):hover {
  background:rgba(112,239,192,.03);
}
.followup-detail-row { border-bottom-color:var(--premium-border-soft); }

/* Import Center — do not modify V2.7.2/V2.7.3 sizing or column contracts. */
.import-workflow-stepper {
  border-color:var(--premium-border);
  background:rgba(4,11,18,.54);
}
.import-ops-start .import-drop-zone {
  border-color:rgba(112,239,192,.22);
  background:linear-gradient(180deg,rgba(6,14,23,.67),rgba(4,10,18,.66));
}
.import-map-workspace,
.import-review-panel.import-ops-review,
.import-history.import-ops-history,
.import-ops-history-inline {
  border-color:var(--premium-border);
  background:rgba(6,13,23,.68);
  box-shadow:var(--premium-inset);
}
.import-review-table th,
.import-ops-review .import-review-table th {
  background:#07111b;
  color:#75899b;
}
.import-review-table td,
.import-history-row {
  border-color:rgba(160,199,220,.06);
}
.import-review-table tbody tr:hover { background:rgba(112,239,192,.028); }

/* Clients + Projects: premium centerpiece, still minimal. */
.clients-command,
.client-detail-head,
.project-command-head {
  border-color:var(--premium-border);
  background:linear-gradient(180deg,rgba(8,17,28,.72),rgba(6,13,22,.62));
  box-shadow:var(--premium-inset);
}
.client-summary-rail,
.project-finance-strip {
  border-color:var(--premium-border-soft);
  background:rgba(4,11,18,.50);
  box-shadow:var(--premium-inset);
}
.client-summary-rail > div,
.project-finance-strip > div {
  border-color:var(--premium-border-soft);
}
.clients-workspace,
.client-projects-panel,
.client-contact-card,
.project-panel {
  background:rgba(6,14,23,.66);
}
.project-next-card {
  border-color:rgba(112,239,192,.14);
  background:linear-gradient(135deg,rgba(8,19,29,.80),rgba(5,13,22,.72));
  box-shadow:var(--premium-shadow-1),var(--premium-inset);
}
.project-next-primary,
.project-next-form,
.project-next-complete {
  border-color:rgba(112,239,192,.17);
  background:rgba(112,239,192,.035);
  box-shadow:var(--premium-inset);
}
.project-next-primary:hover,
.project-next-complete:hover {
  border-color:rgba(112,239,192,.27);
  background:rgba(112,239,192,.055);
}
.project-card,
.client-row,
.project-check,
.project-file-row,
.project-overview-lines span,
.automation-setting-grid > label,
.automation-toggle,
.housekeeping-preview {
  border-color:var(--premium-border-soft);
  background:rgba(255,255,255,.012);
  box-shadow:var(--premium-inset);
}
.project-check:hover,
.project-file-row:hover,
.project-card:hover,
.client-row:hover {
  border-color:rgba(112,239,192,.11);
  background:rgba(112,239,192,.022);
}

/* Settings / secondary surfaces */
.control-admin-section,
.control-disclosure,
.portability-panel,
.session-panel,
.settings-item {
  background:rgba(6,14,23,.60);
}
.control-disclosure > summary:hover { background:rgba(112,239,192,.024); }

/* Modal family */
.modal-backdrop {
  background:rgba(0,3,7,.72);
  backdrop-filter:blur(12px) saturate(104%);
  -webkit-backdrop-filter:blur(12px) saturate(104%);
}
.modal {
  border-color:rgba(160,199,220,.15);
  background:linear-gradient(160deg,rgba(11,21,34,.992),rgba(6,13,22,.992));
  box-shadow:0 28px 90px rgba(0,0,0,.48),var(--premium-inset);
}
.modal-head { border-bottom-color:var(--premium-border-soft); }
.command-palette-search-wrap {
  border-color:var(--premium-border);
  background:rgba(2,8,15,.66);
  box-shadow:var(--premium-inset);
}
.command-palette-search-wrap:focus-within {
  border-color:var(--premium-border);
  background:rgba(2,8,15,.76);
  box-shadow:var(--premium-inset);
}
.command-palette-results { border-top-color:var(--premium-border-soft); }
.command-palette-row:hover,.command-palette-row:focus-visible { background:rgba(112,239,192,.035); }

/* Toasts: quieter, software-like feedback. */
.toast {
  border-color:rgba(112,239,192,.16);
  border-radius:var(--premium-radius-sm);
  box-shadow:0 16px 44px rgba(0,0,0,.28);
}

/* Mobile/tablet: same language, less glass and tighter elevation. */
@media (max-width:1023px) {
  .topbar {
    background:rgba(4,9,16,.91);
    border-bottom-color:rgba(160,199,220,.085);
    backdrop-filter:blur(18px) saturate(108%);
    -webkit-backdrop-filter:blur(18px) saturate(108%);
  }
  .bottom-nav {
    border-top-color:rgba(160,199,220,.09);
    background:rgba(4,9,16,.94);
    backdrop-filter:blur(20px) saturate(108%);
    -webkit-backdrop-filter:blur(20px) saturate(108%);
  }
  .nav-btn { border-radius:var(--premium-radius-sm); }
  .nav-btn.active { background:rgba(112,239,192,.055); }
  .nav-btn.add .ico {
    border-radius:14px;
    box-shadow:0 10px 26px rgba(112,239,192,.14);
  }
  .clients-command,
  .client-detail-head,
  .project-command-head,
  .lead-cockpit-hero[data-v2-workspace="lead-detail"] {
    box-shadow:var(--premium-inset);
  }
}

@media (max-width:700px) {
  .main { padding-top:18px; }
  .page-head h1,
  .today-command h1,
  .leads-command h1,
  .followup-command h1,
  .import-command h1,
  .clients-command h1,
  .client-detail-head h1,
  .project-command-head h1,
  .lead-cockpit-hero h1 {
    letter-spacing:-.035em;
  }
  .crm-panel,
  .lead-data-group,
  .followup-calendar-shell,
  .followup-day-panel,
  .clients-workspace,
  .client-projects-panel,
  .client-contact-card,
  .project-panel,
  .project-next-card,
  .control-admin-section,
  .settings-item {
    border-radius:var(--premium-radius-md);
  }
  .modal { box-shadow:0 -18px 54px rgba(0,0,0,.38),var(--premium-inset); }
}

@media (prefers-reduced-motion:reduce) {
  .primary-action,.secondary-action,.call-action,.text-action,.quick-button,.table-action,.icon-btn,
  .sidebar-nav-btn,.lead-card,.project-card,.client-row,.project-check,.project-file-row,
  .followup-detail-row,.import-history-row,.command-palette-row {
    transition:none !important;
  }
}

/* V2.8.1 — owner note cleanup control */
.timeline-note-head { display:flex; align-items:center; justify-content:space-between; gap:10px; min-width:0; }
.timeline-note-head .time { min-width:0; }
.timeline-note-delete {
  width:26px;
  height:26px;
  flex:0 0 26px;
  display:grid;
  place-items:center;
  margin:-4px -2px 0 4px;
  padding:0;
  border:1px solid rgba(255,255,255,.07);
  border-radius:8px;
  background:rgba(255,255,255,.025);
  color:#73869a;
  cursor:pointer;
  transition:background-color 140ms ease,border-color 140ms ease,color 140ms ease,transform 140ms ease;
}
.timeline-note-delete svg { width:13px; height:13px; fill:currentColor; }
.timeline-note-delete:hover { border-color:rgba(255,112,126,.28); background:rgba(255,95,112,.075); color:#f08b98; }
.timeline-note-delete:active { transform:translateY(1px); }
.timeline-note-delete:focus-visible { outline:2px solid rgba(177,164,255,.42); outline-offset:2px; }
.timeline-note-delete:disabled { opacity:.45; cursor:wait; }
@media (max-width:700px) {
  .timeline-note-delete { width:30px; height:30px; flex-basis:30px; margin-top:-6px; }
  .timeline-note-delete svg { width:14px; height:14px; }
}
@media (prefers-reduced-motion:reduce) { .timeline-note-delete { transition:none; } }


/* ======================================================================
   JC CONTROLS V2.8.5 — PROJECT FILE COMMAND CENTER + CLIENT CONTROLS
   Stage-aware file lanes, storage visibility, priority, safe deletion.
   ====================================================================== */
.client-storage-overview {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:0 0 14px;
}
.client-storage-overview > div,
.client-storage-detail {
  min-width:0;
  padding:11px 12px;
  border:1px solid var(--color-border);
  border-radius:11px;
  background:rgba(5,12,21,.58);
}
.client-storage-overview span,
.client-storage-detail span {
  display:block;
  color:var(--color-text-muted);
  font-size:10px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.client-storage-overview strong,
.client-storage-detail strong {
  display:block;
  margin-top:4px;
  font-size:15px;
  font-variant-numeric:tabular-nums;
}
.client-storage-overview small,
.client-storage-detail small {
  display:block;
  margin-top:3px;
  color:var(--color-text-muted);
  font-size:10px;
  line-height:1.4;
}
.client-storage-detail { margin:0 0 10px; }
.client-storage-cell {
  min-width:150px;
  display:grid;
  gap:2px;
  justify-items:end;
}
.client-storage-cell strong { font-size:11px; font-variant-numeric:tabular-nums; }
.client-storage-cell small { color:var(--color-text-muted); font-size:10px; white-space:nowrap; }
.client-storage-cell i {
  width:118px;
  height:4px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(183,204,230,.08);
}
.client-storage-cell i em {
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,rgba(112,239,192,.72),rgba(96,204,232,.72));
}
.project-card.priority {
  border-color:rgba(112,239,192,.22);
  background:linear-gradient(100deg,rgba(112,239,192,.045),rgba(255,255,255,.015));
}
.project-card-state { display:grid; gap:2px; }
.project-card-state i,
.project-card-state b,
.project-card-state em { font-style:normal; }
.project-card-state i { color:var(--color-brand); font-size:11px; }
.project-card-state b { color:var(--color-brand); font-size:10px; letter-spacing:.08em; }
.project-card-state em { color:var(--color-text-muted); font-size:10px; font-weight:850; text-transform:uppercase; letter-spacing:.05em; }
.client-detail-actions,
.project-command-actions {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:7px;
}
.project-priority-toggle {
  min-height:34px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid var(--color-border);
  border-radius:9px;
  background:rgba(255,255,255,.02);
  color:var(--color-text-secondary);
  font-size:10px;
  font-weight:850;
}
.project-priority-toggle.active {
  border-color:rgba(112,239,192,.27);
  background:rgba(112,239,192,.065);
  color:var(--color-brand);
}
.danger-action.subtle {
  min-height:36px;
  padding:0 11px;
  border-radius:9px;
  background:rgba(255,122,144,.045);
  color:#f2a6b4;
  border-color:rgba(255,122,144,.14);
  font-size:10px;
  font-weight:800;
}
.danger-action.subtle:hover { background:rgba(255,122,144,.085); border-color:rgba(255,122,144,.25); }
.danger-action.compact { min-height:30px; padding:0 9px; }
.project-file-stage {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(210px,.82fr);
  gap:8px;
  margin:0 0 10px;
}
.project-file-stage > div,
.project-file-stage > button {
  min-width:0;
  min-height:78px;
  display:grid;
  align-content:center;
  gap:3px;
  padding:10px 11px;
  border:1px solid rgba(183,204,230,.08);
  border-radius:10px;
  background:rgba(255,255,255,.015);
  color:var(--color-text);
  text-align:left;
}
.project-file-stage > div > span,
.project-file-stage > button > span {
  color:var(--color-brand);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.project-file-stage strong {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
}
.project-file-stage small {
  color:var(--color-text-muted);
  font-size:10px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.project-file-stage > button {
  border-color:rgba(112,239,192,.18);
  background:rgba(112,239,192,.035);
}
.project-file-actions.stage-aware {
  display:grid;
  grid-template-columns:1.12fr 1fr 1fr;
  gap:6px;
}
.project-file-actions.stage-aware button {
  min-height:38px;
  padding:0 10px;
}
.project-file-actions.stage-aware .stage-primary {
  border-color:rgba(112,239,192,.24);
  background:rgba(112,239,192,.055);
  color:var(--color-brand);
}

.project-file-stage-rule {
  margin:-2px 0 10px;
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}
.project-storage-health {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  margin:0 0 10px;
}
.project-storage-health > div {
  min-width:0;
  position:relative;
  padding:9px 10px;
  border:1px solid rgba(183,204,230,.075);
  border-radius:9px;
  background:rgba(255,255,255,.012);
}
.project-storage-health > div.complete {
  border-color:rgba(112,239,192,.16);
  background:rgba(112,239,192,.025);
}
.project-storage-health span,
.project-storage-health strong,
.project-storage-health small { display:block; }
.project-storage-health span {
  color:var(--color-text-muted);
  font-size:10px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.project-storage-health strong { margin-top:3px; font-size:12px; }
.project-storage-health small {
  margin-top:2px;
  color:var(--color-text-muted);
  font-size:10px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.project-storage-health button {
  margin-top:6px;
  min-height:27px;
  padding:0 7px;
  border:1px solid rgba(112,239,192,.18);
  border-radius:7px;
  background:rgba(112,239,192,.04);
  color:var(--color-brand);
  font-size:10px;
  font-weight:850;
}
.project-file-row.current {
  border-color:rgba(112,239,192,.26);
  background:rgba(112,239,192,.035);
}
.project-file-row.current b { color:var(--color-brand); }

@media (max-width:1023px) {
  .project-file-stage { grid-template-columns:1fr; }
  .project-storage-health { grid-template-columns:1fr 1fr; }
  .project-storage-health > div:last-child { grid-column:1 / -1; }
}

@media (max-width:700px) {
  .client-storage-overview { grid-template-columns:1fr; }
  .client-detail-actions { width:100%; justify-content:stretch; }
  .client-detail-actions > button { flex:1 1 auto; }
  .project-command-actions { justify-content:flex-start; }
  .project-command-head .project-command-actions { grid-column:2; grid-row:2; }
  .project-priority-toggle { min-height:38px; }
  .project-file-actions.stage-aware { grid-template-columns:1fr; }
  .project-file-actions.stage-aware button { min-height:40px; }
  .project-storage-health { grid-template-columns:1fr; }
  .project-storage-health > div:last-child { grid-column:auto; }
  .client-storage-cell { display:none; }
}


/* V2.8.7 — live URL belongs to the Project record, not a compressed Next Action form. */
.project-live-url-row.attention {
  border:1px solid rgba(112,239,192,.16);
  background:rgba(112,239,192,.035);
}
.project-live-url-display { display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; }
.project-live-url-display em { color:var(--color-text-muted); font-style:normal; }
.project-live-url-display a { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--color-brand); font-weight:800; }
.project-live-url-display button { flex:0 0 auto; min-height:28px; padding:0 8px; border:1px solid rgba(112,239,192,.18); border-radius:7px; background:rgba(112,239,192,.04); color:var(--color-brand); font-size:10px; font-weight:850; }
.project-live-url-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:7px; align-items:center; }
.project-live-url-form input { width:100%; min-width:0; height:38px; border:1px solid var(--premium-border); border-radius:var(--premium-radius-sm); background:rgba(2,8,15,.56); color:var(--color-text); padding:0 10px; box-shadow:var(--premium-inset); font-size:16px; }
.project-live-url-form input:focus { outline:none; border-color:rgba(112,239,192,.30); background:rgba(3,10,17,.76); box-shadow:0 0 0 3px rgba(112,239,192,.055),var(--premium-inset); }
.project-live-url-form > div { display:flex; gap:5px; }
.project-live-url-save,.project-live-url-cancel { min-height:38px; padding:0 10px; border-radius:8px; font-size:10px; font-weight:850; }
.project-live-url-save { border:1px solid rgba(112,239,192,.24); background:rgba(112,239,192,.08); color:var(--color-brand); }
.project-live-url-cancel { border:1px solid var(--color-border); background:rgba(255,255,255,.02); color:var(--color-text-secondary); }
.project-live-url-form small { grid-column:1 / -1; color:var(--color-text-muted); line-height:1.4; }
@media (max-width: 720px) {
  .project-live-url-form { grid-template-columns:1fr; }
  .project-live-url-form > div { width:100%; }
  .project-live-url-form > div button { flex:1; }
}

/* ======================================================================
   JC CONTROLS V2.8.8 — PROJECT ARCHIVE WORKSPACE
   Distinct, read-mostly record vault inside Clients. Active workflow UI
   remains unchanged; archive uses its own calmer visual language.
   ====================================================================== */
.client-summary-archive-link {
  min-width:0;
  padding:12px 14px;
  border:1px solid rgba(199,167,106,.18);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(199,167,106,.045),rgba(5,12,21,.72));
  color:var(--color-text);
  text-align:left;
}
.client-summary-archive-link span,
.client-summary-archive-link strong,
.client-summary-archive-link small { display:block; }
.client-summary-archive-link span { margin-bottom:5px; color:#a9a39a; font-size:10px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }
.client-summary-archive-link strong { font-size:17px; font-variant-numeric:tabular-nums; }
.client-summary-archive-link small { margin-top:3px; color:#b89c69; font-size:10px; font-weight:800; }
.client-summary-archive-link:hover { border-color:rgba(199,167,106,.34); background:rgba(199,167,106,.07); }

.client-workspace-switch {
  display:inline-grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;
  margin:0 0 14px;
  padding:4px;
  border:1px solid var(--color-border);
  border-radius:12px;
  background:rgba(2,7,13,.72);
}
.client-workspace-switch button {
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 14px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:var(--color-text-muted);
  font-size:11px;
  font-weight:850;
}
.client-workspace-switch button b {
  min-width:22px;
  padding:2px 6px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:inherit;
  font-size:10px;
}
.client-workspace-switch button.active:not(.archive-tab) {
  border-color:rgba(112,239,192,.16);
  background:rgba(112,239,192,.05);
  color:var(--color-brand);
}
.client-workspace-switch .archive-tab.active {
  border-color:rgba(199,167,106,.26);
  background:linear-gradient(135deg,rgba(199,167,106,.09),rgba(144,127,98,.045));
  color:#d2b77f;
}

.clients-command.archive-command {
  border-color:rgba(199,167,106,.18);
  background:
    linear-gradient(135deg,rgba(19,20,23,.98),rgba(7,11,16,.94)),
    repeating-linear-gradient(90deg,transparent 0 72px,rgba(199,167,106,.025) 72px 73px);
  box-shadow:inset 0 1px rgba(255,255,255,.015);
}
.archive-command .kicker { color:#bda36f; }
.archive-command-seal {
  min-width:120px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 12px;
  border:1px solid rgba(199,167,106,.22);
  border-radius:10px;
  background:rgba(199,167,106,.045);
  color:#c9ab72;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.archive-command-seal i { font-style:normal; font-size:16px; }

.archive-summary-rail {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:0 0 14px;
}
.archive-summary-rail > div {
  min-width:0;
  padding:13px 14px;
  border:1px solid rgba(199,167,106,.13);
  border-radius:11px;
  background:linear-gradient(145deg,rgba(17,17,19,.86),rgba(6,10,15,.8));
}
.archive-summary-rail span,
.archive-summary-rail strong,
.archive-summary-rail small { display:block; }
.archive-summary-rail span { color:#98958f; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.09em; }
.archive-summary-rail strong { margin-top:5px; color:#e6e2da; font-size:17px; font-variant-numeric:tabular-nums; }
.archive-summary-rail small { margin-top:3px; color:#817f7b; font-size:10px; line-height:1.35; }

.clients-workspace.archive-workspace {
  position:relative;
  overflow:hidden;
  border-color:rgba(199,167,106,.14);
  background:
    linear-gradient(180deg,rgba(10,12,16,.92),rgba(5,9,14,.92)),
    repeating-linear-gradient(0deg,transparent 0 39px,rgba(199,167,106,.018) 39px 40px);
}
.clients-workspace.archive-workspace::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 78% 10%,rgba(199,167,106,.055),transparent 34%);
}
.archive-workspace > * { position:relative; z-index:1; }
.clients-search.archive-search { border-color:rgba(199,167,106,.12); background:rgba(2,5,9,.72); }
.clients-search.archive-search button { border-color:rgba(199,167,106,.16); color:#bca16d; }

.archive-section-head {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin:2px 0 14px;
  padding:2px 2px 12px;
  border-bottom:1px solid rgba(199,167,106,.12);
}
.archive-section-head h2 { margin:2px 0 2px; font-size:18px; }
.archive-section-head p { max-width:720px; margin:0; color:#807f7c; font-size:10px; line-height:1.45; }
.archive-section-head > span { color:#bda36f; font-size:12px; font-weight:900; }
.archive-section-head .panel-kicker { color:#bda36f; }
.archive-section-head.compact { margin:18px 0 9px; padding-top:15px; }

.archive-groups { display:grid; gap:18px; }
.archive-year-group { display:grid; grid-template-columns:76px minmax(0,1fr); gap:14px; }
.archive-year-head { padding-top:8px; border-top:1px solid rgba(199,167,106,.18); }
.archive-year-head span { display:block; color:#c8ab73; font-size:16px; font-weight:900; letter-spacing:-.02em; }
.archive-year-head small { display:block; margin-top:3px; color:#777875; font-size:10px; text-transform:uppercase; letter-spacing:.07em; }
.archive-record-list { display:grid; gap:7px; }
.archive-record-list.compact .archive-record-card { grid-template-columns:100px minmax(0,1fr) auto auto; }
.archive-record-list.compact .archive-record-arrow { display:none; }

.archive-record-card {
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:108px minmax(0,1fr) auto 90px 92px;
  align-items:center;
  gap:12px;
  padding:11px 12px;
  border:1px solid rgba(199,167,106,.11);
  border-radius:10px;
  background:linear-gradient(90deg,rgba(199,167,106,.022),rgba(255,255,255,.008));
  color:var(--color-text);
  text-align:left;
}
.archive-record-card:hover { border-color:rgba(199,167,106,.27); background:rgba(199,167,106,.04); }
.archive-record-stamp { min-width:0; display:grid; gap:2px; }
.archive-record-stamp i { color:#b89c69; font-style:normal; font-size:14px; }
.archive-record-stamp b { color:#c0a36c; font-size:10px; text-transform:uppercase; letter-spacing:.09em; }
.archive-record-stamp small { color:#747571; font-size:10px; }
.archive-record-main { min-width:0; }
.archive-record-main strong,
.archive-record-main b,
.archive-record-main small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.archive-record-main strong { font-size:13px; }
.archive-record-main b { margin-top:2px; color:#aaa9a5; font-size:11px; font-weight:700; }
.archive-record-main small { margin-top:3px; color:#6f7479; font-size:10px; }
.archive-record-proof { display:grid; gap:3px; justify-items:start; }
.archive-record-proof span {
  padding:2px 6px;
  border:1px solid rgba(153,159,166,.10);
  border-radius:999px;
  color:#8b8f94;
  font-size:10px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.archive-record-proof span.secure { border-color:rgba(199,167,106,.15); color:#b9a070; }
.archive-record-proof span.attention { color:#9c7f69; }
.archive-record-storage { justify-self:end; min-width:0; text-align:right; }
.archive-record-storage strong { display:block; color:#c9c7c2; font-size:11px; }
.archive-record-storage small { display:block; margin-top:2px; color:#6f7174; font-size:10px; }
.archive-record-arrow { color:#9e865e; font-size:10px; font-weight:800; white-space:nowrap; }

.client-archive-history {
  margin-top:20px;
  padding-top:1px;
  border-top:1px solid rgba(199,167,106,.10);
}

.archive-project-shell {
  --archive-accent:#c5a66d;
  --archive-text:#d8d4cc;
  --archive-muted:#85837e;
  display:grid;
  gap:11px;
}
.archive-project-head {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  padding:18px 20px;
  border:1px solid rgba(199,167,106,.18);
  border-radius:var(--radius-surface);
  background:linear-gradient(135deg,rgba(20,20,21,.97),rgba(6,10,15,.94));
}
.archive-project-title { min-width:0; }
.archive-project-title h1 { margin:5px 0 4px; color:#ebe8e1; font-size:29px; letter-spacing:-.035em; }
.archive-project-title p { margin:0; color:var(--archive-muted); font-size:11px; }
.archive-stamp {
  display:inline-block;
  padding:3px 7px;
  border:1px solid rgba(199,167,106,.20);
  border-radius:5px;
  color:var(--archive-accent);
  font-size:10px;
  font-weight:950;
  letter-spacing:.12em;
}
.archive-project-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:6px; }
.archive-project-actions a,
.archive-project-actions button {
  min-height:34px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(199,167,106,.16);
  border-radius:9px;
  background:rgba(199,167,106,.035);
  color:#c7aa73;
  font-size:10px;
  font-weight:850;
  text-decoration:none;
}
.archive-record-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
.archive-record-summary > div {
  min-width:0;
  padding:11px 12px;
  border:1px solid rgba(199,167,106,.10);
  border-radius:10px;
  background:rgba(10,12,15,.72);
}
.archive-record-summary span,
.archive-record-summary strong,
.archive-record-summary small { display:block; }
.archive-record-summary span { color:#7f7e7a; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.archive-record-summary strong { margin-top:4px; color:#d8d5ce; font-size:14px; }
.archive-record-summary small { margin-top:3px; color:#737570; font-size:10px; overflow-wrap:anywhere; }
.archive-readonly-note {
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:10px 12px;
  border:1px dashed rgba(199,167,106,.16);
  border-radius:10px;
  background:rgba(199,167,106,.018);
}
.archive-readonly-note i { color:var(--archive-accent); font-style:normal; }
.archive-readonly-note strong,.archive-readonly-note span { display:block; }
.archive-readonly-note strong { color:#c5bda9; font-size:10px; text-transform:uppercase; letter-spacing:.07em; }
.archive-readonly-note span { margin-top:2px; color:#797a76; font-size:10px; line-height:1.45; }
.archive-project-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.archive-vault-panel {
  min-width:0;
  padding:14px;
  border:1px solid rgba(199,167,106,.10);
  border-radius:var(--radius-surface);
  background:linear-gradient(145deg,rgba(11,13,16,.84),rgba(5,9,13,.82));
}
.archive-panel-head { display:flex; align-items:flex-end; justify-content:space-between; gap:10px; margin-bottom:10px; }
.archive-panel-head h2 { margin:2px 0 0; color:#d9d6d0; font-size:15px; }
.archive-panel-head .panel-kicker { color:#a98e5e; }
.archive-panel-head > span { color:#777873; font-size:10px; font-weight:850; }
.archive-vault-source { display:grid; grid-template-columns:1.2fr .7fr .9fr; gap:6px; margin-bottom:10px; }
.archive-vault-source > div,
.archive-vault-source > button {
  min-width:0;
  display:grid;
  align-content:center;
  gap:3px;
  min-height:80px;
  padding:9px 10px;
  border:1px solid rgba(199,167,106,.10);
  border-radius:9px;
  background:rgba(255,255,255,.008);
  color:var(--archive-text);
  text-align:left;
}
.archive-vault-source > button { border-color:rgba(199,167,106,.20); background:rgba(199,167,106,.025); }
.archive-vault-source span,
.archive-vault-source strong,
.archive-vault-source small { display:block; }
.archive-vault-source span { color:#8c8a84; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.archive-vault-source strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }
.archive-vault-source small { color:#70716d; font-size:10px; line-height:1.35; overflow-wrap:anywhere; }
.archive-vault-source .secure { border-color:rgba(199,167,106,.18); }
.archive-vault-source .attention { border-color:rgba(170,120,89,.16); }
.archive-vault-source button button { pointer-events:none; }
.archive-vault-source > div > button {
  margin-top:5px;
  width:max-content;
  min-height:27px;
  padding:0 7px;
  border:1px solid rgba(199,167,106,.18);
  border-radius:7px;
  background:rgba(199,167,106,.03);
  color:#bda16d;
  font-size:10px;
  font-weight:850;
}
.archive-file-list,.archive-payment-list,.archive-milestone-list,.archive-note-list { display:grid; gap:6px; }
.archive-file-row {
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 10px;
  border:1px solid rgba(199,167,106,.08);
  border-radius:8px;
  background:rgba(255,255,255,.006);
  color:var(--archive-text);
  text-align:left;
}
.archive-file-row.source { border-color:rgba(199,167,106,.20); background:rgba(199,167,106,.022); }
.archive-file-row > span { min-width:0; }
.archive-file-row strong,.archive-file-row small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.archive-file-row strong { font-size:11px; }
.archive-file-row small { margin-top:2px; color:#70716e; font-size:10px; }
.archive-file-row b { color:#a48a5d; font-size:10px; }
.archive-payment-list > div,
.archive-milestone-list > div {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 10px;
  border-bottom:1px solid rgba(199,167,106,.07);
}
.archive-payment-list > div:last-child,
.archive-milestone-list > div:last-child { border-bottom:0; }
.archive-payment-list span,.archive-milestone-list span { min-width:0; }
.archive-payment-list strong,.archive-payment-list small,
.archive-milestone-list strong,.archive-milestone-list small { display:block; }
.archive-payment-list strong,.archive-milestone-list strong { color:#c9c6bf; font-size:11px; }
.archive-payment-list small,.archive-milestone-list small { margin-top:2px; color:#70716e; font-size:10px; text-transform:capitalize; }
.archive-payment-list b { color:#c8c3b8; font-size:11px; }
.archive-milestone-list i { margin-right:8px; color:#81785f; font-style:normal; }
.archive-milestone-list > div { justify-content:flex-start; }
.archive-milestone-list > div.complete i { color:#b99c68; }
.archive-note-list article { padding:8px 9px; border-left:2px solid rgba(199,167,106,.12); background:rgba(255,255,255,.006); }
.archive-note-list time { color:#6d6f6d; font-size:10px; }
.archive-note-list p { margin:3px 0 0; color:#aaa8a2; font-size:10px; line-height:1.45; white-space:pre-wrap; }
.archive-record-facts dl { margin:0; display:grid; gap:0; }
.archive-record-facts dl > div { display:grid; grid-template-columns:110px minmax(0,1fr); gap:10px; padding:8px 4px; border-bottom:1px solid rgba(199,167,106,.07); }
.archive-record-facts dl > div:last-child { border-bottom:0; }
.archive-record-facts dt { color:#747570; font-size:10px; text-transform:uppercase; letter-spacing:.06em; }
.archive-record-facts dd { margin:0; color:#bdbab3; font-size:10px; overflow-wrap:anywhere; }
.archive-record-facts a { color:#c1a46f; }
.archive-recovery-zone {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 16px;
  border:1px solid rgba(199,167,106,.12);
  border-radius:var(--radius-surface);
  background:rgba(8,10,13,.76);
}
.archive-recovery-zone h2 { margin:2px 0 3px; font-size:14px; }
.archive-recovery-zone p { max-width:720px; margin:0; color:#747570; font-size:10px; line-height:1.45; }
.archive-recovery-zone > div:last-child { display:flex; align-items:center; gap:7px; flex-wrap:wrap; justify-content:flex-end; }
.archive-restore { border-color:rgba(199,167,106,.17); color:#c0a46e; background:rgba(199,167,106,.03); }

@media (max-width:1023px) {
  .archive-summary-rail { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .archive-record-card { grid-template-columns:96px minmax(0,1fr) auto 76px; }
  .archive-record-arrow { display:none; }
  .archive-project-grid { grid-template-columns:1fr; }
  .archive-vault-source { grid-template-columns:1fr 1fr; }
  .archive-vault-source > :first-child { grid-column:1 / -1; }
}

@media (max-width:700px) {
  .client-workspace-switch { width:100%; }
  .archive-summary-rail { grid-template-columns:1fr 1fr; gap:6px; }
  .archive-summary-rail > div { padding:10px; }
  .archive-year-group { grid-template-columns:1fr; gap:6px; }
  .archive-year-head { display:flex; justify-content:space-between; align-items:center; padding:8px 2px 0; }
  .archive-year-head small { margin-top:0; }
  .archive-record-card,
  .archive-record-list.compact .archive-record-card {
    grid-template-columns:minmax(0,1fr) auto;
    gap:7px;
    padding:10px;
  }
  .archive-record-stamp { grid-column:1; grid-row:1; display:flex; align-items:center; gap:6px; }
  .archive-record-stamp small { margin-left:auto; }
  .archive-record-main { grid-column:1 / -1; grid-row:2; }
  .archive-record-proof { grid-column:1; grid-row:3; display:flex; flex-wrap:wrap; }
  .archive-record-storage { grid-column:2; grid-row:3; }
  .archive-project-head { grid-template-columns:1fr; padding:14px; }
  .archive-project-head .archive-back { justify-self:start; }
  .archive-project-actions { justify-content:flex-start; }
  .archive-project-title h1 { font-size:24px; }
  .archive-record-summary { grid-template-columns:1fr 1fr; }
  .archive-vault-source { grid-template-columns:1fr; }
  .archive-vault-source > :first-child { grid-column:auto; }
  .archive-recovery-zone { align-items:flex-start; flex-direction:column; }
  .archive-recovery-zone > div:last-child { width:100%; justify-content:stretch; }
  .archive-recovery-zone > div:last-child button { flex:1 1 auto; }
}

/* Archive presentation mutes the live-command environment without moving globe geometry. */
.shell-archive .world-stage { opacity:.22; filter:grayscale(.72) sepia(.16) saturate(.48); }
.shell-archive .world-horizon { opacity:.18; }

/* ======================================================================
   V2.9 — MOBILE LEAD COCKPIT + CLIENT / PROJECT RESPONSIVE CORRECTION
   Mobile-only presentation repair. Desktop behavior remains unchanged.
   ====================================================================== */
@media (max-width:700px) {
  /* Lead cockpit: stop compressing desktop header structure into one row. */
  .lead-cockpit-hero[data-v2-workspace="lead-detail"] { padding:15px; }
  .lead-cockpit-hero[data-v2-workspace="lead-detail"] .lead-record-kicker {
    flex-wrap:wrap;
    row-gap:3px;
    margin-bottom:10px;
  }
  .lead-cockpit-hero[data-v2-workspace="lead-detail"] .lead-identity-grid {
    grid-template-columns:1fr;
    gap:14px;
  }
  .lead-cockpit-hero[data-v2-workspace="lead-detail"] .lead-identity,
  .lead-cockpit-hero[data-v2-workspace="lead-detail"] .lead-record-actions { min-width:0; }
  .lead-cockpit-hero[data-v2-workspace="lead-detail"] .lead-status-line {
    display:grid;
    justify-items:start;
    align-items:start;
    gap:8px;
  }
  .lead-cockpit-hero[data-v2-workspace="lead-detail"] .lead-detail-category {
    width:100%;
    min-width:0;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:7px 9px;
  }
  .lead-cockpit-hero[data-v2-workspace="lead-detail"] .lead-detail-category .category-label {
    min-width:0;
    max-width:100%;
  }
  .lead-cockpit-hero[data-v2-workspace="lead-detail"] .lead-detail-category .category-label > span:last-child {
    min-width:0;
    overflow-wrap:anywhere;
  }
  .lead-cockpit-hero[data-v2-workspace="lead-detail"] h1 {
    margin-top:10px;
    font-size:clamp(27px,8.2vw,32px);
    line-height:1.05;
    overflow-wrap:anywhere;
  }
  .lead-cockpit-hero[data-v2-workspace="lead-detail"] .lead-identity-subline {
    display:grid;
    gap:5px;
    font-size:11px;
    line-height:1.35;
  }
  .lead-cockpit-hero[data-v2-workspace="lead-detail"] .lead-identity-subline span {
    min-width:0;
    display:block;
    overflow-wrap:anywhere;
  }
  .lead-cockpit-hero[data-v2-workspace="lead-detail"] .lead-identity-subline span + span::before { content:none; }
  .lead-cockpit-hero[data-v2-workspace="lead-detail"] .lead-record-actions {
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);
    gap:8px;
  }
  .lead-cockpit-hero[data-v2-workspace="lead-detail"] .lead-record-actions > * {
    width:100%;
    min-width:0;
    min-height:42px;
    justify-content:center;
    white-space:normal;
    text-align:center;
  }
  .lead-cockpit-hero[data-v2-workspace="lead-detail"] .lead-edit-action {
    min-width:0;
    padding:0 10px;
  }

  /* Lead cockpit content: preserve readable card and fact geometry. */
  .lead-cockpit-grid[data-v25c-lead="grid"] { gap:10px; }
  .next-move-panel[data-record-section="next"],
  .lead-timeline-panel[data-record-section="history"],
  .lead-facts-panel[data-record-section="facts"] {
    min-width:0;
    padding:14px;
  }
  .next-move-panel[data-record-section="next"] .next-move-head,
  .lead-timeline-panel[data-record-section="history"] .lead-panel-heading,
  .lead-facts-panel[data-record-section="facts"] .lead-panel-heading {
    min-width:0;
  }
  .lead-facts-list .meta-row { min-width:0; }
  .lead-facts-list .meta-row > div {
    min-width:0;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
  .lead-facts-list .meta-row a {
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
  .lead-timeline-panel[data-record-section="history"] .timeline-item,
  .lead-timeline-panel[data-record-section="history"] .timeline-item * { min-width:0; }

  /* Edit Lead and every project-create form become one-column on phones. */
  #edit-lead-form .form-row,
  .project-create-form .form-row { grid-template-columns:1fr; }
  #edit-lead-form .form-row > *,
  .project-create-form .form-row > * { min-width:0; }
  .project-create-form .project-prefill span { overflow-wrap:anywhere; }

  /* Client detail: give title and actions their own rows instead of squeezing. */
  .client-detail-head {
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:start;
    gap:10px 12px;
  }
  .client-detail-head > .ghost-action { grid-column:1; grid-row:1; }
  .client-detail-head .client-detail-title { grid-column:2; grid-row:1; min-width:0; }
  .client-detail-head .client-detail-title h1,
  .client-detail-head .client-detail-title p { overflow-wrap:anywhere; }
  .client-detail-head .client-detail-actions {
    grid-column:1 / -1;
    grid-row:2;
    width:100%;
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
  }
  .client-detail-head .client-detail-actions > button {
    width:100%;
    min-width:0;
    min-height:42px;
    white-space:normal;
    text-align:center;
  }
  .client-contact-lines,
  .client-contact-lines a,
  .client-contact-lines span { min-width:0; overflow-wrap:anywhere; word-break:break-word; }
}

@media (max-width:360px) {
  .lead-cockpit-hero[data-v2-workspace="lead-detail"] .lead-record-actions { grid-template-columns:1fr; }
  .lead-mobile-action-bar { left:6px; right:6px; }
  .lead-mobile-action-bar strong { font-size:10px; }
  .client-detail-head { grid-template-columns:1fr; }
  .client-detail-head > .ghost-action,
  .client-detail-head .client-detail-title,
  .client-detail-head .client-detail-actions { grid-column:1; grid-row:auto; }
  .client-detail-head > .ghost-action { justify-self:start; }
}

/* V2.9.1 — bounded category exception review, using the existing design tokens. */
.category-intelligence-summary { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-3); padding:var(--space-4); margin-bottom:var(--space-4); border:1px solid var(--color-border); border-radius:12px; background:var(--color-surface-1); }
.category-intelligence-summary > div { display:grid; gap:var(--space-1); min-width:0; }
.category-intelligence-summary span, .category-intelligence-summary small, .category-intelligence-item small { color:var(--color-text-secondary); }
.category-intelligence-list { display:grid; gap:var(--space-3); margin:var(--space-4) 0; }
.category-intelligence-item { display:grid; gap:var(--space-2); min-width:0; padding:var(--space-3); border:1px solid var(--color-border); border-radius:10px; overflow-wrap:anywhere; }
.category-intelligence-item > div, .category-review-paging { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-2); }
.category-review-paging { justify-content:space-between; }
[data-category-review] { min-width:0; overflow-wrap:anywhere; }
[data-category-review] button { min-height:44px; max-width:100%; white-space:normal; }
[data-category-review-progress] { margin:var(--space-3) 0; }
@media (max-width:430px) {
  .category-intelligence-summary > button, .category-intelligence-item > div > button { flex:1 1 100%; }
}

/* V2.9.1: independent, touch-accessible favorite controls. */
.lead-favorite-row { display: flex; align-items: stretch; min-width: 0; }
.lead-favorite-row > .lead-desktop-record-row, .lead-favorite-row > .lead-index-row { flex: 1; min-width: 0; }
.lead-favorite-toggle { flex: 0 0 48px; min-width: 44px; min-height: 44px; padding: 4px; font-size: 24px; background: transparent; color: inherit; border: 1px solid var(--border); border-radius: 8px; }
.lead-favorite-toggle[aria-pressed="true"] { color: var(--accent); }
.lead-favorite-toggle small { display: block; font-size: 10px; }
.lead-favorite-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.lead-favorite-toggle:disabled { opacity: .65; }

/* V2.9.2 — TODAY ACTION QUEUE / RECENT LEADS SEMANTIC SEPARATION */
.recent-panel[data-v25c-today-panel="recent"] .today-record-list { gap:0; }
.recent-lead-card {
  width:100%;
  min-width:0;
  min-height:66px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:10px 3px;
  border:0;
  border-bottom:1px solid var(--premium-border-soft);
  border-radius:0;
  background:transparent;
  color:var(--color-text);
  text-align:left;
  cursor:pointer;
  transition:background-color var(--v2-motion-quick) var(--v2-ease),padding-left var(--v2-motion-quick) var(--v2-ease);
}
.recent-lead-card:last-child { border-bottom:0; }
.recent-lead-card:hover { padding-left:8px; background:rgba(112,239,192,.028); }
.recent-lead-main,.recent-lead-side { min-width:0; display:flex; flex-direction:column; }
.recent-lead-main { gap:4px; }
.recent-lead-main strong { overflow-wrap:anywhere; font-size:13px; line-height:1.25; }
.recent-lead-main small,.recent-lead-side small { color:var(--color-text-muted); font-size:10px; line-height:1.35; }
.recent-lead-side { align-items:flex-end; gap:5px; text-align:right; white-space:nowrap; }
.recent-lead-side b { color:var(--color-text-secondary); font-size:10px; font-weight:700; }
@media (max-width:700px) {
  .recent-lead-card { grid-template-columns:minmax(0,1fr); gap:7px; padding:11px 3px; }
  .recent-lead-card:hover { padding-left:3px; }
  .recent-lead-side { width:100%; flex-direction:row; align-items:center; justify-content:space-between; text-align:left; white-space:normal; }
}


/* V2.9.3 — owner delete controls, safe project-file replacement, optional client website. */
.optional-field-label { margin-left:6px; color:var(--color-text-muted); font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.06em; }
.form-help,.destructive-help { display:block; margin-top:6px; color:var(--color-text-muted); font-size:10px; line-height:1.45; }
.lead-delete-permanent { width:100%; margin-top:8px; }
.project-file-row,.archive-file-row { align-items:stretch; }
.project-file-download,.archive-file-download { flex:1 1 auto; min-width:0; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0; border:0; background:transparent; color:inherit; text-align:left; }
.project-file-download > span,.archive-file-download > span { min-width:0; }
.project-file-download strong,.project-file-download small,.archive-file-download strong,.archive-file-download small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.project-file-download b,.archive-file-download b { flex:0 0 auto; color:var(--color-text-muted); font-size:10px; }
.project-file-manage,.archive-file-manage { flex:0 0 auto; display:flex; align-items:center; gap:6px; }
.project-file-manage > button:not(.danger-action),.archive-file-manage > button:not(.danger-action) { min-height:30px; padding:0 9px; border:1px solid var(--premium-border-soft); border-radius:8px; background:rgba(255,255,255,.025); color:var(--color-text-secondary); font-size:10px; }
.project-file-manage > button:hover,.archive-file-manage > button:hover { border-color:var(--premium-border); }
@media (max-width:700px) {
  .project-file-row,.archive-file-row { flex-direction:column; gap:8px; }
  .project-file-manage,.archive-file-manage { width:100%; display:grid; grid-template-columns:1fr 1fr; }
  .project-file-manage > button,.archive-file-manage > button { width:100%; min-height:40px; }
}