/* H Sales — premium dark production shell */
:root{
  --bg:#0B0B0C;--panel-1:#111315;--panel-2:#15181B;--border:#262A2E;
  --text:#F7F7F5;--muted:#9CA3AF;--emerald:#10B981;--warning:#F59E0B;--danger:#EF4444;
  --shadow:0 18px 50px rgba(0,0,0,.34);--radius:22px;--safe-bottom:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:radial-gradient(circle at top left,rgba(16,185,129,.09),transparent 32rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--muted);margin:0 0 6px}.error{color:var(--danger)}:focus-visible{outline:2px solid var(--emerald);outline-offset:3px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);background:linear-gradient(180deg,var(--panel-2),var(--panel-1));border:1px solid var(--border);box-shadow:var(--shadow);border-radius:28px;padding:30px}.brand-mark,.avatar,.logo-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(16,185,129,.38);border-radius:14px;background:#070808;color:var(--text);font-family:Georgia,serif;font-size:28px;font-weight:800}.login-card .brand-mark{width:62px;height:62px;font-size:42px;margin-bottom:18px}.login-card h1{font-size:34px;margin:0 0 8px}.login-card label,.card label{display:grid;gap:8px;margin:12px 0;color:var(--muted);font-size:13px}input,textarea,select{width:100%;border:1px solid var(--border);border-radius:14px;background:#0C0D0F;color:var(--text);padding:12px 13px;min-height:44px}textarea{resize:vertical}.btn,.icon-btn,.tab,.chip,.status-chip{border:1px solid var(--border);border-radius:14px;background:var(--panel-2);color:var(--text);min-height:44px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.btn:hover,.tab:hover,.chip:hover{border-color:#374151}.btn.primary{background:var(--emerald);border-color:var(--emerald);color:#02110b;font-weight:800}.btn.secondary{background:#171A1D}.btn.ghost{background:transparent}.btn.full{width:100%}.btn.compact{min-height:36px;padding:8px 10px}.status-chip.safe,.chip.active,.tab.active{border-color:rgba(16,185,129,.55);background:rgba(16,185,129,.13);color:#D1FAE5}.status-chip.warn{border-color:rgba(245,158,11,.6);background:rgba(245,158,11,.12);color:#FDE68A}.app{min-height:100vh}.topbar{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;border-bottom:1px solid var(--border);background:rgba(11,11,12,.92);backdrop-filter:blur(16px);position:sticky;top:0;z-index:40}.top-left{display:flex;align-items:center;gap:12px;min-width:0}.top-left:before{content:'H';display:grid;place-items:center;width:38px;height:38px;border-radius:12px;border:1px solid rgba(16,185,129,.36);font-family:Georgia,serif;font-size:25px;font-weight:900;background:#070808}.top-left h1{font-size:18px;margin:0;white-space:nowrap}.top-left select{max-width:220px;background:#0E1012}.profile-menu{position:relative}.popover{position:absolute;right:0;top:48px;width:220px;background:var(--panel-2);border:1px solid var(--border);border-radius:18px;padding:14px;box-shadow:var(--shadow);z-index:60}.layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;padding:22px}.side-nav{position:sticky;top:90px;height:calc(100vh - 112px);background:rgba(17,19,21,.76);border:1px solid var(--border);border-radius:24px;padding:12px;display:flex;flex-direction:column;gap:8px}.tab{justify-content:flex-start;width:100%;background:transparent}.view{display:grid;gap:18px;min-width:0;max-width:1320px;width:100%;margin:0 auto}.card,.human-card,.timeline-item{background:linear-gradient(180deg,var(--panel-2),var(--panel-1));border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:0 1px 0 rgba(255,255,255,.02)}.toolbar,.lead-head,.goal-row,.mode-row,.filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.toolbar h2{margin:0}.hero,.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{font-size:36px;font-weight:850;letter-spacing:-.04em}.goal-pill{border:1px solid var(--border);border-radius:16px;padding:12px;min-width:120px;background:#0E1012}.goal-pill strong{display:block;font-size:22px}.lead-card{display:grid;gap:16px}.lead-name{font-size:17px;font-weight:800}.action-stack,.lead-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.action-stack .btn,.lead-actions .btn,.lead-actions a{min-width:128px}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-1)}table{width:100%;border-collapse:separate;border-spacing:0;min-width:920px}th,td{padding:13px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{position:sticky;top:0;background:#101214;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;z-index:5}tr:last-child td{border-bottom:0}.status-pill{display:inline-flex;border:1px solid rgba(16,185,129,.35);background:rgba(16,185,129,.1);color:#D1FAE5;border-radius:999px;padding:5px 9px;font-size:12px}.searchbar{display:flex;gap:10px;align-items:center}.timeline{display:grid;gap:12px}.empty{border:1px dashed var(--border);border-radius:20px;padding:26px;text-align:center;color:var(--muted)}.message-preview{white-space:pre-wrap}.advanced-raw{display:none}.nested-nav{min-height:36px}.desktop-breadcrumb{display:flex;align-items:center;gap:10px}.mobile-back-arrow{display:none}.bottom-nav{display:none}.ask-fab{position:fixed;right:20px;bottom:20px;z-index:35;border:1px solid rgba(16,185,129,.45);background:var(--emerald);color:#02110b;border-radius:999px;min-height:48px;padding:0 18px;font-weight:800}.sheet{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:80;display:grid;place-items:end center;padding:20px}.sheet-panel{width:min(760px,100%);max-height:min(86vh,760px);overflow:auto;background:var(--panel-2);border:1px solid var(--border);border-radius:26px;padding:20px;box-shadow:var(--shadow)}.sheet-head{display:flex;justify-content:space-between;gap:12px}.prompt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.assistant-output{margin-top:12px;border:1px solid var(--border);border-radius:16px;background:#0D0F10;padding:14px;white-space:pre-wrap}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#E5FFF4;color:#02110b;border-radius:999px;padding:11px 16px;z-index:100;font-weight:800;box-shadow:var(--shadow)}[aria-disabled="true"],button:disabled{opacity:.48;cursor:not-allowed}.mobile-cards{display:none}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media (max-width:820px){body{padding-bottom:calc(72px + var(--safe-bottom))}.topbar{position:sticky;align-items:flex-start;flex-wrap:wrap;padding:12px}.top-left{width:100%;justify-content:space-between}.top-left select{max-width:160px}.layout{display:block;padding:12px}.side-nav{display:none}.view{display:block}.hero,.grid-2,.grid-3{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column}.desktop-table{display:none!important}.mobile-cards{display:block}.cards-grid,.more-grid{grid-template-columns:1fr}.card,.human-card{border-radius:20px;padding:15px}.metric{font-size:30px}.desktop-breadcrumb{display:none}.mobile-back-arrow{display:inline-grid}.desktop-only{display:none!important}.table-wrap table{min-width:760px}.leads-table-wrap{display:none}.action-stack .btn,.lead-actions .btn,.lead-actions a{width:100%;min-width:0}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px 10px calc(8px + var(--safe-bottom));background:rgba(11,11,12,.96);border-top:1px solid var(--border);z-index:50}.bottom-nav .tab{justify-content:center;border-radius:16px;font-size:13px}.ask-fab{right:14px;bottom:calc(84px + var(--safe-bottom));min-height:46px}.prompt-grid{grid-template-columns:1fr}.sheet{padding:10px}.sheet-panel{border-radius:22px;max-height:88vh}th,td{padding:12px 10px}input,textarea,select,.btn,.chip,.status-chip,.tab{min-height:44px}}
@media (min-width:821px){.mobile-back-arrow{display:none}.desktop-breadcrumb{display:flex}.mobile-cards{display:none!important}}

/* Authoritative H Sales brand mark from H-logo-master.png */
body{background:var(--bg)}
.brand-mark,.avatar,.logo-mark{
  display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(16,185,129,.28);
  border-radius:14px;background:#070808;object-fit:contain;padding:4px;color:transparent;
}
.login-card .brand-mark{width:62px;height:62px;padding:5px;margin-bottom:18px}
.top-left:before{
  content:'';display:grid;place-items:center;width:38px;height:38px;border-radius:12px;
  border:1px solid rgba(16,185,129,.28);background:#070808 url('icons/H-logo-master.png') center/82% no-repeat;
}
/* Mobile acceptance: every visible control >= 32px touch target. */
button,select,input,textarea{min-height:36px!important}

/* H Sales hardening: hidden elements must never intercept pointer events */
[hidden] { display: none !important; }

/* Collection modal styles */
.modal-backdrop { position:fixed; inset:0; background:rgba(0,0,0,.7); z-index:100; }
.modal-dialog { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); max-width:480px; width:90%; z-index:101; border-radius:20px; padding:24px; background:var(--panel-1); border:1px solid var(--border); box-shadow:var(--shadow); }
.modal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }
.modal-header h3 { margin:0; font-size:18px; }
.progress-bar { height:8px; background:var(--border); border-radius:4px; overflow:hidden; margin-bottom:12px; }
.progress-fill { height:100%; background:var(--emerald); transition:width .3s; border-radius:4px; }
.collect-leads-btn { width:100%; margin-top:16px; }