﻿:root{
  color-scheme:light;
  --bg:#edf3fb;--surface:#fff;--surface-2:#f5f9ff;--surface-3:#e8eff9;
  --ink:#0a2240;--ink-2:#12315a;--text:#122033;--muted:#617086;--faint:#8d9bb0;
  --line:#d8e2f0;--line-strong:#bcc9dc;--gold:#1f4fa3;--gold-soft:#e9f2ff;
  --blue:#2a5fb8;--blue-soft:#eaf2ff;--green:#14835f;--green-soft:#e9f7f1;
  --orange:#3c6ec9;--orange-soft:#eaf2ff;--red:#bf3f4a;--red-soft:#fff0f1;
  --purple:#2e63c8;--purple-soft:#edf3ff;--sidebar:252px;--sidebar-collapsed:72px;--topbar:64px;
  --shadow-sm:0 1px 2px rgba(17,23,34,.06);--shadow-md:0 12px 32px rgba(17,23,34,.12)
}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.skip-link{position:fixed;left:12px;top:-60px;z-index:999;padding:10px 14px;background:var(--ink);color:#fff}.skip-link:focus{top:12px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:60;width:var(--sidebar);display:flex;flex-direction:column;overflow:hidden;background:var(--ink);color:#eef1f5;border-right:1px solid rgba(255,255,255,.07);transition:width .2s ease,transform .2s ease}.app-shell[data-sidebar="collapsed"] .sidebar{width:var(--sidebar-collapsed)}.app-main{margin-left:var(--sidebar);min-width:0;transition:margin .2s ease}.app-shell[data-sidebar="collapsed"] .app-main{margin-left:var(--sidebar-collapsed)}
.sidebar-brand{height:var(--topbar);flex:0 0 auto;display:flex;align-items:center;gap:11px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:34px;height:34px;flex:0 0 auto;border:0}.brand-copy{min-width:0}.brand-name{font-size:14px;font-weight:700;letter-spacing:.15px;white-space:nowrap}.brand-sub{margin-top:1px;color:#929aa6;font-size:10px;letter-spacing:.6px;white-space:nowrap}.tenant-card{margin:12px 10px 7px;padding:11px;display:flex;align-items:center;gap:10px;background:rgba(36,107,253,.08);border:1px solid rgba(36,107,253,.26)}.tenant-icon{width:30px;height:30px;display:grid;place-items:center;color:var(--gold);border:1px solid rgba(36,107,253,.35);font-size:9px;font-weight:800;flex:0 0 auto}.tenant-copy{min-width:0}.tenant-copy strong{display:block;color:#d7e5ff;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant-copy span{display:block;margin-top:2px;color:#a7aeba;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-scroll{flex:1;overflow-y:auto;padding:6px 8px 18px;scrollbar-width:thin;scrollbar-color:#48515f transparent}.nav-section{margin-top:13px;padding:0 9px 6px;color:#6f7885;font-size:10px;letter-spacing:.65px;text-transform:uppercase}.nav-item{width:100%;min-height:40px;border:0;border-left:2px solid transparent;background:transparent;color:#bac1cc;display:flex;align-items:center;gap:10px;padding:9px 10px;text-align:left}.nav-item:hover{color:#fff;background:rgba(255,255,255,.05)}.nav-item.active{color:#fff;background:rgba(36,107,253,.11);border-left-color:var(--gold)}.nav-icon{width:18px;flex:0 0 auto;text-align:center;color:#b9c1cb;font-size:14px}.nav-item.active .nav-icon{color:var(--gold)}.nav-copy{min-width:0;flex:1;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-badge{margin-left:auto;min-width:21px;padding:1px 5px;background:rgba(255,255,255,.08);color:#cdd2da;font-size:10px;text-align:center;border-radius:0}.nav-badge.green{background:rgba(20,131,95,.22);color:#8ce1c1}.nav-badge.amber,.nav-badge.gold{background:rgba(36,107,253,.16);color:#edd77d}.sidebar-footer{flex:0 0 auto;padding:8px 9px 10px;border-top:1px solid rgba(255,255,255,.08)}.ai-status,.account{display:flex;align-items:center;gap:9px;padding:7px}.ai-status strong,.account strong{display:block;font-size:11px}.ai-status small,.account small{display:block;margin-top:1px;color:#8f97a3;font-size:9.5px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(20,131,95,.12)}.avatar{width:32px;height:32px;display:grid;place-items:center;background:var(--gold);color:var(--ink);font-size:11px;font-weight:800}.account>span{margin-left:auto;color:#8f97a3}.sidebar-close{display:none;margin-left:auto;color:#fff;font-size:20px}.app-shell[data-sidebar="collapsed"] .brand-copy,.app-shell[data-sidebar="collapsed"] .tenant-copy,.app-shell[data-sidebar="collapsed"] .nav-copy,.app-shell[data-sidebar="collapsed"] .nav-section,.app-shell[data-sidebar="collapsed"] .nav-badge,.app-shell[data-sidebar="collapsed"] .user-copy,.app-shell[data-sidebar="collapsed"] .ai-status div,.app-shell[data-sidebar="collapsed"] .account>span{display:none}.app-shell[data-sidebar="collapsed"] .sidebar-brand{justify-content:center;padding:0}.app-shell[data-sidebar="collapsed"] .tenant-card{justify-content:center;padding:8px;margin-inline:9px}.app-shell[data-sidebar="collapsed"] .nav-item{justify-content:center;padding-inline:0}.app-shell[data-sidebar="collapsed"] .sidebar-footer{display:grid;justify-items:center}
.topbar{height:var(--topbar);position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:12px;padding:0 18px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.topbar-left{display:flex;align-items:center;min-width:250px}.topbar-leading{display:flex;align-items:center;gap:10px;min-width:225px}.desktop-sidebar-toggle{width:36px;height:36px;display:grid;place-items:center;border:1px solid transparent;background:transparent}.desktop-sidebar-toggle:hover{border-color:var(--line);background:var(--surface-2)}.topbar-title{min-width:0}.topbar-title strong{display:block;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-title span{display:block;margin-top:2px;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.global-search{width:min(460px,32vw);height:38px;border:1px solid var(--line);background:var(--surface-2);display:flex;align-items:center;gap:9px;padding:0 10px;color:var(--muted)}.global-search:hover{border-color:var(--line-strong);background:#fff}.global-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.global-search kbd{padding:1px 6px;border:1px solid var(--line-strong);background:#fff;color:var(--muted);font:10px Arial,Helvetica,sans-serif}.status-pill{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--line);background:#fff;color:var(--muted);font-size:10.5px;white-space:nowrap}.usage-chip{height:36px;border:1px solid var(--line);padding:3px 8px;display:flex;align-items:center;gap:7px;background:#fff}.usage-chip>span{width:25px;height:25px;display:grid;place-items:center;background:var(--gold-soft);color:#1f4fa3;font-size:9px;font-weight:800}.usage-chip strong{display:block;font-size:10.5px}.usage-chip small{display:block;color:var(--muted);font-size:8.5px}.top-icon{width:36px;height:36px;border:1px solid transparent;background:transparent}.top-icon:hover{border-color:var(--line);background:var(--surface-2)}.menu-btn{display:none;font-size:18px}.icon-btn{border:0;background:transparent}.primary-btn,.secondary-btn,.ghost-btn,.mini-btn{min-height:36px;border-radius:0;padding:7px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11.5px;font-weight:700;white-space:nowrap}.primary-btn{background:var(--ink);border:1px solid var(--ink);color:#fff}.primary-btn:hover{background:var(--ink-2)}.secondary-btn{background:#fff;border:1px solid var(--line-strong);color:var(--text)}.secondary-btn:hover,.ghost-btn:hover{border-color:#aeb5c0;background:var(--surface-2)}.ghost-btn{background:transparent;border:1px solid transparent;color:var(--muted)}
.page-root{min-height:calc(100vh - var(--topbar));padding:22px 24px 48px;max-width:1590px;margin:0 auto}.page-header{margin-bottom:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.page-header>div:first-child{min-width:0}.page-header h2{margin:0;color:var(--text);font-size:27px;line-height:1.16;letter-spacing:-.45px;font-weight:700}.page-header p{margin:7px 0 0;max-width:820px;color:var(--muted);font-size:13px}.page-header::before{content:"INGENIOUS BUSINESS | UAE";position:absolute;pointer-events:none;transform:translateY(-18px);color:var(--muted);font-size:10px;letter-spacing:.65px;text-transform:uppercase}.page-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.eyebrow{margin-bottom:5px;color:var(--muted);font-size:10px;letter-spacing:.65px;text-transform:uppercase}
.goal-composer{margin-bottom:14px;padding:15px;background:var(--ink);color:#fff;border:1px solid var(--ink);box-shadow:var(--shadow-sm)}.goal-label{font-size:14px;font-weight:700}.goal-composer::after{content:"Start with a business outcome. The operator routes it to CRM, discovery, research and outreach.";display:block;margin-top:-90px;margin-bottom:58px;color:#aeb5c0;font-size:11.5px;pointer-events:none}.goal-composer textarea{position:relative;z-index:1;width:100%;min-height:54px;margin-top:48px;padding:12px;border:0;border-radius:0;resize:vertical;background:#fff;color:var(--text);font-size:13px;line-height:1.45;outline:0}.goal-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.goal-tags{display:flex;gap:6px;flex-wrap:wrap}.tag{min-height:28px;padding:5px 8px;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.04);color:#d7dce4;font-size:10.5px;font-weight:700}.tag.gold{background:var(--gold);border-color:#2d63bd;color:var(--ink)}.goal-footer .secondary-btn{background:transparent;border-color:rgba(255,255,255,.2);color:#d7dce4}.goal-footer .secondary-btn:hover{background:rgba(255,255,255,.08)}.goal-footer .primary-btn{background:var(--gold);border-color:#2d63bd;color:var(--ink)}
.kpi-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:14px}.kpi{position:relative;min-height:112px;padding:14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);overflow:hidden}.kpi::before{content:"";position:absolute;inset-block:0;left:0;width:3px;background:var(--gold)}.kpi:nth-child(2)::before{background:var(--green)}.kpi:nth-child(3)::before{background:var(--blue)}.kpi:nth-child(4)::before{background:var(--purple)}.kpi:nth-child(5)::before{background:var(--orange)}.kpi:nth-child(6)::before{background:var(--gold)}.kpi small{display:block;color:var(--muted);font-size:11px}.kpi strong{display:block;margin-top:15px;font-size:26px;line-height:1;letter-spacing:-.4px}.kpi em{display:block;margin-top:10px;color:var(--green);font-size:10.5px;font-style:normal}.grid{display:grid;gap:14px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.operator-grid{grid-template-columns:minmax(0,1fr) 360px}.page-two-col{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px}.panel{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:0;box-shadow:var(--shadow-sm)}.panel-pad{padding:14px}.panel-title{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.panel-title h3{margin:0;font-size:13px}.panel-title span,.muted{color:var(--muted);font-size:10.5px}.workflow{padding:14px}.progress-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px}.progress-head strong{font-size:13px}.progress-head span{font-size:11px;color:var(--muted)}.progress-track{height:7px;overflow:hidden;background:#e9ecf0}.progress-bar{height:100%;background:var(--gold);transition:width .3s ease}.split-content{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:16px;margin-top:12px}.steps{border:1px solid var(--line)}.step{min-height:43px;padding:9px 10px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}.step:hover{background:var(--surface-2)}.step-num{width:24px;height:24px;display:grid;place-items:center;background:var(--surface-3);color:var(--muted);font-size:9px;font-weight:700}.step.done .step-num{background:var(--green-soft);color:var(--green)}.step.running{background:#edf4ff;border-left:2px solid var(--gold)}.step.running .step-num{background:var(--gold-soft);color:#7f670a}.step strong{font-size:11.5px}.state{padding:2px 6px;border:1px solid var(--line);background:#fff;color:var(--muted);font-size:9.5px}.state.done{background:var(--green-soft);border-color:#b8e2d1;color:#0d6b4b}.state.running{background:var(--gold-soft);border-color:#c7dbff;color:#1f4fa3}.summary-list{display:grid}.summary-row{min-height:42px;padding:9px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.summary-row:last-child{border-bottom:0}.summary-row span{color:var(--muted);font-size:11px}.summary-row strong{font-size:11px;text-align:right}.queue-list{display:grid;border:1px solid var(--line)}.queue-item{min-height:58px;padding:9px 10px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.queue-item:last-child{border-bottom:0}.queue-item:hover{background:var(--surface-2)}.queue-item div strong,.queue-item div small{display:block}.queue-item div strong{font-size:11.5px}.queue-item div small{margin-top:2px;color:var(--muted);font-size:10.5px}.queue-item b{font-size:11.5px}.qicon{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;color:var(--muted)}.qicon.green{color:var(--green);background:var(--green-soft);border-color:#b8e2d1}.qicon.gold{color:#7f670a;background:var(--gold-soft);border-color:#c7dbff}.activity-list{display:grid}.activity{padding:9px 0;display:grid;grid-template-columns:44px 1fr;gap:8px;border-bottom:1px solid var(--line)}.activity:last-child{border-bottom:0}.activity time{color:var(--faint);font-size:9.5px}.activity p{margin:0;color:var(--text);font-size:10.5px;line-height:1.4}.table-panel{overflow:hidden}.table-toolbar{min-height:49px;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.table-toolbar h3{margin:0;font-size:13px}.toolbar-actions{display:flex;gap:6px}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{padding:9px 11px;background:var(--surface-2);border-bottom:1px solid var(--line);color:var(--muted);font-size:9.5px;letter-spacing:.35px;text-align:left;text-transform:uppercase}.data-table td{padding:9px 11px;border-bottom:1px solid var(--line);font-size:10.5px;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:var(--surface-2)}.company-cell{display:flex;align-items:center;gap:8px}.company-logo{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;color:var(--text);font-size:9px;font-weight:800}.company-meta{min-width:0}.company-meta strong,.company-meta small{display:block}.company-meta strong{font-size:10.5px;white-space:nowrap}.company-meta small{margin-top:2px;color:var(--muted);font-size:9.5px}.badge{min-height:22px;padding:2px 6px;display:inline-flex;align-items:center;border:1px solid var(--line);font-size:9.5px;font-weight:700;background:#fff;color:var(--muted)}.badge.green{color:#0d6b4b;background:var(--green-soft);border-color:#b8e2d1}.badge.red{color:#97313a;background:var(--red-soft);border-color:#efc2c6}.badge.gold{color:#1f4fa3;background:var(--gold-soft);border-color:#c7dbff}.badge.blue{color:#2259b9;background:var(--blue-soft);border-color:#c8d8ff}.score{display:inline-grid;place-items:center;min-width:28px;height:24px;border:1px solid #b8e2d1;background:var(--green-soft);color:#0d6b4b;font-size:10px;font-weight:800}.action-link{border:0;background:transparent;color:var(--blue);font-size:10.5px;font-weight:700}.action-link:hover{text-decoration:underline}.filter-bar{display:flex;gap:7px;flex-wrap:wrap;padding:10px 13px;border-bottom:1px solid var(--line);background:var(--surface-2)}.compact-input,.compact-select{height:34px;border:1px solid var(--line-strong);border-radius:0;background:#fff;padding:0 9px;color:var(--text);font-size:10.5px;outline:0}.compact-input{min-width:230px}.goal-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.goal-template{padding:14px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-sm)}.goal-template h3{margin:0 0 6px;font-size:12.5px}.goal-template p{margin:0 0 12px;color:var(--muted);font-size:10.5px;line-height:1.55}.hero-banner{padding:16px;background:var(--ink);color:#fff;border:1px solid var(--ink)}.hero-banner h2{margin:0;font-size:20px}.hero-banner p{margin:6px 0 0;color:#aeb5c0;font-size:11px}.hero-stat{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:14px;background:rgba(255,255,255,.1)}.hero-stat>div{padding:12px;background:var(--ink)}.hero-stat span,.hero-stat strong{display:block}.hero-stat span{color:#aeb5c0;font-size:9.5px}.hero-stat strong{margin-top:4px;font-size:18px}.metric-box{padding:13px;border:1px solid var(--line);background:#fff}.metric-box span,.metric-box strong{display:block}.metric-box span{color:var(--muted);font-size:10px}.metric-box strong{margin-top:7px;font-size:20px}.message-card{border:1px solid var(--line);background:#fff}.message-head{padding:10px 12px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.message-head strong{font-size:11.5px}.message-head span{color:var(--muted);font-size:10px}.message-body{padding:12px;color:var(--text);font-size:11px;line-height:1.55}.message-actions{padding:10px 12px;display:flex;gap:6px;flex-wrap:wrap;border-top:1px solid var(--line)}.mini-btn{min-height:31px;padding:5px 9px;background:#fff;border:1px solid var(--line-strong);font-size:10px}.mini-btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}.mini-btn.green{background:var(--green-soft);border-color:#b8e2d1;color:#0d6b4b}.bars{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:145px 1fr 34px;align-items:center;gap:9px}.bar-row label{font-size:10.5px}.bar{height:7px;background:#e9ecf0;overflow:hidden}.bar span{display:block;height:100%;background:var(--gold)}.bar-row b{font-size:10px;text-align:right}.insight{padding:11px 12px;border-left:3px solid var(--gold);background:#edf4ff;color:#244d93;font-size:10.5px}.section{margin-top:14px}.empty{padding:42px 18px;text-align:center;color:var(--muted);font-size:11.5px}.empty strong{display:block;margin-bottom:5px;color:var(--text);font-size:13px}.chart-placeholder{min-height:220px;display:flex;align-items:flex-end;gap:9px;padding:20px 15px 14px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 43px,#edf0f3 44px)}.chart-placeholder i{flex:1;min-width:9px;height:var(--h);background:var(--blue)}.tiny{font-size:9.5px;color:var(--muted)}
.drawer-backdrop{position:fixed;inset:0;background:rgba(17,23,34,.28);z-index:80;opacity:0;pointer-events:none;transition:.18s}.drawer-backdrop.open{opacity:1;pointer-events:auto}.lead-drawer{position:fixed;right:0;top:0;bottom:0;width:min(520px,94vw);z-index:90;background:#fff;border-left:1px solid var(--line);box-shadow:-18px 0 50px rgba(17,23,34,.18);transform:translateX(105%);transition:transform .2s ease;overflow:auto}.lead-drawer.open{transform:translateX(0)}.drawer-head{position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid var(--line);padding:14px}.drawer-title{display:flex;align-items:center;gap:10px}.drawer-title h3{margin:0;font-size:14px}.drawer-title p{margin:2px 0 0;color:var(--muted);font-size:10.5px}.drawer-close{margin-left:auto}.drawer-body{padding:14px}.drawer-score{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-bottom:12px}.drawer-score>div{padding:11px;border-right:1px solid var(--line)}.drawer-score>div:last-child{border-right:0}.drawer-score span,.drawer-score strong{display:block}.drawer-score span{color:var(--muted);font-size:9.5px}.drawer-score strong{margin-top:4px;font-size:18px}.drawer-section{padding:13px 0;border-top:1px solid var(--line)}.drawer-section h4{margin:0 0 8px;font-size:11.5px}.drawer-section p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.55}.toast{position:fixed;right:18px;bottom:18px;z-index:120;min-width:280px;max-width:380px;padding:11px 12px;background:var(--ink);color:#fff;border-left:3px solid var(--gold);box-shadow:var(--shadow-md);font-size:11px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.18s}.toast.show{opacity:1;transform:translateY(0)}.sidebar-overlay{display:none}
@media(max-width:1220px){.kpi-strip{grid-template-columns:repeat(3,1fr)}.operator-grid,.page-two-col{grid-template-columns:1fr}.goal-cards{grid-template-columns:repeat(2,1fr)}.global-search{width:300px}.status-pill{display:none}}
@media(max-width:980px){:root{--sidebar:270px}.sidebar{transform:translateX(-100%);width:var(--sidebar)!important;box-shadow:12px 0 34px rgba(0,0,0,.22)}.sidebar.open{transform:translateX(0)}.app-main,.app-shell[data-sidebar="collapsed"] .app-main{margin-left:0}.sidebar-overlay{display:block;position:fixed;inset:0;z-index:55;background:rgba(17,23,34,.38);opacity:0;pointer-events:none;transition:.18s}.sidebar-overlay.open{opacity:1;pointer-events:auto}.sidebar-close,.menu-btn{display:block}.desktop-sidebar-toggle{display:none}.topbar{padding:0 10px}.topbar-left{min-width:0;flex:1}.topbar-leading{min-width:0}.global-search,.usage-chip{display:none}.page-root{padding:18px 14px 40px}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr 1fr}.split-content{grid-template-columns:1fr}.page-header::before{display:none}}
@media(max-width:680px){.topbar{height:58px}.topbar-title strong{font-size:13px}.topbar-title span{display:none}.topbar-actions{gap:2px}.topbar-actions .primary-btn{padding:6px 9px;min-height:34px;font-size:10px}.page-root{padding:14px 10px 90px}.page-header{align-items:flex-start}.page-header h2{font-size:22px}.page-header p{font-size:11.5px}.page-header .page-actions{display:none}.goal-composer{padding:12px}.goal-composer::after{margin-top:-84px;margin-bottom:52px}.goal-composer textarea{margin-top:46px;font-size:12px}.goal-footer{align-items:flex-start;flex-direction:column}.kpi-strip{grid-template-columns:1fr 1fr;gap:8px}.kpi{min-height:96px;padding:11px}.kpi strong{font-size:22px}.grid-4,.grid-3,.grid-2,.goal-cards{grid-template-columns:1fr}.operator-grid,.page-two-col{grid-template-columns:1fr}.workflow{padding:11px}.step{grid-template-columns:26px minmax(0,1fr);min-height:44px}.step .state{grid-column:2;justify-self:start}.table-panel{overflow:auto}.panel-pad{padding:11px}.filter-bar{overflow:auto;flex-wrap:nowrap}.compact-input{min-width:190px}.bar-row{grid-template-columns:115px 1fr 30px}.top-icon{display:none}}

/* =========================================================
   v2.3 ? Ingenious dark-blue operating-platform alignment
   ========================================================= */
:root{
  color-scheme:dark;
  --bg:#071321;
  --surface:#0d1a2a;
  --surface-2:#111f31;
  --surface-3:#17263a;
  --ink:#091522;
  --ink-2:#102238;
  --text:#f3f7fc;
  --muted:#a8b7ca;
  --faint:#74869d;
  --line:#293a50;
  --line-strong:#3a4e69;
  --gold:#e1c23a;
  --gold-soft:#282719;
  --blue:#5c8cff;
  --blue-soft:#142b4e;
  --green:#41c99a;
  --green-soft:#102d2a;
  --orange:#e5a03d;
  --orange-soft:#332619;
  --red:#ef747d;
  --red-soft:#321d25;
  --purple:#a286ff;
  --purple-soft:#241f42;
  --shadow-sm:none;
  --shadow-md:0 18px 48px rgba(0,0,0,.34)
}
html,body{background:var(--bg);color:var(--text)}
body{font-size:13px}
::selection{background:#244c87;color:#fff}
*{scrollbar-width:thin;scrollbar-color:#536378 #111c2c}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background:#111c2c}
*::-webkit-scrollbar-thumb{background:#536378;border:2px solid #111c2c}
*::-webkit-scrollbar-thumb:hover{background:#6b7e98}

.sidebar{background:#0b1626;border-right-color:#26364c}
.sidebar-brand{border-bottom-color:#26364c;background:#0a1524}
.brand-name{color:#fff}
.brand-sub{color:#8799b1}
.tenant-card{background:#161d27;border-color:#5a5330}
.tenant-icon{background:#101b2b;color:var(--gold);border-color:#665b2a}
.tenant-copy strong{color:#f0d75c}
.tenant-copy span{color:#93a6be}
.nav-section{color:#7387a1}
.nav-item{color:#c0cddd}
.nav-item:hover{background:#132238;color:#fff}
.nav-item.active{background:#2a2a22;color:#fff;border-left-color:var(--gold)}
.nav-item.active .nav-icon{color:var(--gold)}
.nav-icon{color:#9fb0c5}
.nav-badge{background:#1b2a3e;color:#d7e1ee}
.nav-badge.amber,.nav-badge.gold{background:#39351d;color:#f0d75c}
.sidebar-footer{background:#0a1524;border-top-color:#26364c}
.ai-status small,.account small{color:#8295ad}
.avatar{background:var(--gold);color:#111722}
.status-dot{background:#36c792;box-shadow:0 0 0 3px rgba(54,199,146,.12)}

.topbar{background:#09131f;border-bottom-color:#29384c;backdrop-filter:none}
.topbar-title strong{color:#f7f9fd}
.topbar-title span{color:#9caec3}
.desktop-sidebar-toggle,.top-icon{color:#d5deea}
.desktop-sidebar-toggle:hover,.top-icon:hover{background:#122033;border-color:#33465f}
.global-search{background:#0e1a29;border-color:#2d3d52;color:#96a9c0}
.global-search:hover{background:#111f31;border-color:#425773}
.global-search input{color:#f2f6fb}
.global-search input::placeholder{color:#8497ae}
.global-search kbd{background:#18263a;border-color:#43556d;color:#becbdd}
.status-pill,.usage-chip{background:#0d1a2a;border-color:#2d3d52;color:#a9b7c9}
.usage-chip>span{background:#2a291b;color:#ead04c}
.usage-chip strong{color:#f6f8fb}
.usage-chip small{color:#8fa1b7}

.app-main{background:var(--bg)}
.page-root{max-width:1600px;padding-top:22px}
.page-header h2{color:#f6f8fb;font-size:28px}
.page-header p{color:#9fb1c7}
.page-header::before,.eyebrow{color:#7f94ad}
.primary-btn{background:#131d2a;border-color:#415169;color:#fff}
.primary-btn:hover{background:#1a2b40;border-color:#536985}
.secondary-btn{background:#0d1a2a;border-color:#3a4d66;color:#f2f5fa}
.secondary-btn:hover,.ghost-btn:hover{background:#142238;border-color:#526986;color:#fff}
.ghost-btn{color:#9fb1c7}

.goal-composer{background:#0d1b2e;border-color:#24364f;box-shadow:none;padding:16px}
.goal-label{color:#fff}
.goal-composer::after{color:#9fb0c4}
.goal-composer textarea{background:#111f31;color:#f2f6fb;border:1px solid #2b3c54;outline:none}
.goal-composer textarea:focus{border-color:#5b78a0;background:#13243a}
.tag{background:#15253a;border-color:#34465d;color:#cbd7e6}
.tag.gold{background:#34321e;border-color:#74682d;color:#f3d95b}

.kpi{background:#0f1c2b;border-color:#2b3b50;box-shadow:none;min-height:108px}
.kpi small{color:#9eafc3}
.kpi strong{color:#fff}
.kpi em{color:#50d7a4}
.kpi::before{width:3px}

.operator-grid{align-items:start}
.operator-grid>.grid{align-content:start}
.panel{background:#0f1b2a;border-color:#2b3a4f;box-shadow:none}
.panel-title h3,.table-toolbar h3{color:#f5f8fc}
.panel-title span,.muted{color:#8fa2b9}
.workflow{align-self:start}
.progress-head strong{color:#f5f8fc}
.progress-head span{color:#9dafc4}
.progress-track{background:#1d2a3c}
.progress-bar{background:#4f80ed}
.split-content{align-items:start}
.steps{border-color:#304057;background:#0d1928}
.step{border-bottom-color:#2a394e;background:#0d1928}
.step:hover{background:#132236}
.step-num{background:#18263a;color:#95a7bc}
.step.done .step-num{background:#123328;color:#53d6a4}
.step.running{background:#132a49;border-left-color:#e1c23a}
.step.running .step-num{background:#34321f;color:#f2d75e}
.state{background:#132236;border-color:#35485f;color:#a4b4c7}
.state.done{background:#123328;border-color:#286653;color:#65dbaf}
.state.running{background:#172d4a;border-color:#3a6297;color:#8fb7ff}
.summary-row{border-bottom-color:#2b3a4f}
.summary-row span{color:#9caec3}
.summary-row strong{color:#f1f5fa}

.queue-list{border-color:#2c3b50;background:#0d1928}
.queue-item{border-bottom-color:#2b3a4f;background:#0d1928}
.queue-item:hover{background:#132236}
.queue-item div strong,.queue-item b{color:#f5f8fc}
.queue-item div small{color:#93a5ba}
.qicon{background:#132236;border-color:#34475f;color:#aab9cb}
.qicon.green{background:#112f2b;border-color:#285f52;color:#5dd9ad}
.qicon.gold{background:#302e1d;border-color:#645b29;color:#ecd456}

.activity{border-bottom-color:#2b3a4f;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:start}
.activity time{color:#71859f;font-size:10px}
.activity span{display:block;color:#d9e2ed;font-size:10.5px;line-height:1.5;word-break:normal;overflow-wrap:anywhere}

.table-panel{background:#0f1b2a}
.table-toolbar{border-bottom-color:#2b3a4f}
.data-table th{background:#182434;border-bottom-color:#34455b;color:#aebdd0}
.data-table td{border-bottom-color:#29394d;color:#dbe4ef}
.data-table tbody tr:hover td{background:#142338}
.company-logo{background:#152337;border-color:#34465e;color:#f5f8fb}
.company-meta strong{color:#f4f7fb}
.company-meta small{color:#879ab1}
.badge{background:#142236;border-color:#35475e;color:#b2c0d1}
.badge.green{background:#112f2a;border-color:#286453;color:#67dbae}
.badge.red{background:#321e25;border-color:#6a3740;color:#ff9ca4}
.badge.gold{background:#302e1d;border-color:#655d2d;color:#efd75a}
.badge.blue{background:#142b4d;border-color:#355d94;color:#94b8ff}
.score{background:#123228;border-color:#2e6c58;color:#69dfb2}
.action-link{color:#75a2ff}
.action-link:hover{color:#a4c1ff}

.filter-bar{background:#101d2d;border-bottom-color:#2b3a4f}
.compact-input,.compact-select{background:#0d1928;border-color:#35485f;color:#eef3f9}
.compact-input::placeholder{color:#8295ad}
.goal-template,.metric-box,.message-card{background:#0f1b2a;border-color:#2b3a4f;box-shadow:none}
.goal-template h3,.goal-template h4,.metric-box strong,.message-head strong{color:#f4f7fb}
.goal-template p,.metric-box span,.message-head span{color:#98abc0}
.hero-banner{background:#0d1b2e;border-color:#273950}
.hero-banner p,.hero-stat span{color:#9fafc2}
.hero-stat{background:#2b3b50}
.hero-stat>div{background:#0f1c2d}
.message-head,.message-actions{border-color:#2b3a4f}
.message-body{color:#d7e0eb}
.mini-btn{background:#132236;border-color:#3a4e67;color:#dbe5f1}
.mini-btn.dark{background:#101a27;border-color:#45556b;color:#fff}
.mini-btn.green{background:#112f2a;border-color:#286453;color:#67dbae}
.bar{background:#1e2d40}
.bar span{background:#5b8dff}
.insight{background:#14243a;color:#c2d5ef;border-left-color:#e1c23a}
.chart-placeholder{border-bottom-color:#2b3a4f;background:repeating-linear-gradient(to bottom,#0f1b2a 0,#0f1b2a 43px,#243449 44px)}
.chart-placeholder i{background:#5587f5}
.empty{color:#93a5ba}.empty strong{color:#eef4fa}

.drawer-backdrop{background:rgba(0,0,0,.55)}
.lead-drawer{background:#0d1928;border-left-color:#34455d;box-shadow:-20px 0 60px rgba(0,0,0,.44)}
.drawer-head{background:#0d1928;border-bottom-color:#2b3a4f}
.drawer-title h3{color:#f5f8fb}
.drawer-title p,.drawer-section p,.drawer-score span{color:#97a9be}
.drawer-score{border-color:#2d3d52}
.drawer-score>div{border-right-color:#2d3d52}
.drawer-score strong,.drawer-section h4{color:#f4f7fb}
.drawer-section{border-top-color:#2b3a4f}
.toast{background:#0e1b2b;border-left-color:#e1c23a;color:#fff}

@media(max-width:980px){.sidebar-overlay{background:rgba(0,0,0,.62)}}

/* =========================================================
   v2.4 ? Ingenious Graphite Navy
   Neutral enterprise control-plane palette with restrained
   navy, operational blue and limited brand gold.
   ========================================================= */
:root{
  color-scheme:dark;
  --bg:#0B1017;
  --surface:#151C25;
  --surface-2:#19222D;
  --surface-3:#202A36;
  --ink:#101722;
  --ink-2:#19222D;
  --text:#F3F6FA;
  --muted:#A4B0C0;
  --faint:#748397;
  --line:#28323F;
  --line-strong:#323D4C;
  --gold:#D8B83E;
  --gold-soft:#2A271B;
  --blue:#5B83F7;
  --blue-soft:#17243A;
  --green:#42C797;
  --green-soft:#132A25;
  --orange:#DFAE45;
  --orange-soft:#2D261A;
  --red:#E06068;
  --red-soft:#2E1D22;
  --purple:#8D7CF6;
  --purple-soft:#211F35;
  --shadow-sm:none;
  --shadow-md:0 18px 48px rgba(0,0,0,.36)
}
html,body,.app-main{background:var(--bg)}
body{color:var(--text)}
::selection{background:#304A78;color:#fff}
*{scrollbar-color:#465364 #111720}
*::-webkit-scrollbar-track{background:#111720}
*::-webkit-scrollbar-thumb{background:#465364;border-color:#111720}
*::-webkit-scrollbar-thumb:hover{background:#59687A}

/* Shell */
.sidebar{background:#101722;border-right-color:#28323F}
.sidebar-brand,.sidebar-footer{background:#0F151D;border-color:#28323F}
.brand-sub{color:#8190A4}
.tenant-card{background:#171D25;border-color:#51482B}
.tenant-icon{background:#141A21;border-color:#65582D;color:var(--gold)}
.tenant-copy strong{color:#E7CE65}
.tenant-copy span{color:#94A1B2}
.nav-section{color:#68778B}
.nav-item{color:#B9C4D2}
.nav-item:hover{background:#19222D;color:#fff}
.nav-item.active{background:rgba(216,184,62,.09);border-left-color:var(--gold);color:#fff}
.nav-item.active .nav-icon{color:var(--gold)}
.nav-icon{color:#96A4B6}
.nav-badge{background:#202A36;color:#D2DAE5}
.nav-badge.green{background:#163028;color:#74D9B6}
.nav-badge.amber,.nav-badge.gold{background:#302B19;color:#E5CC64}
.ai-status small,.account small{color:#8190A4}
.avatar{background:var(--gold);color:#121821}
.status-dot{background:var(--green);box-shadow:0 0 0 3px rgba(66,199,151,.10)}

.topbar{background:#0F151D;border-bottom-color:#28323F}
.topbar-title strong{color:#F6F8FB}
.topbar-title span{color:#9AA7B8}
.desktop-sidebar-toggle,.top-icon{color:#D4DCE6}
.desktop-sidebar-toggle:hover,.top-icon:hover{background:#19222D;border-color:#323D4C}
.global-search{background:#151C25;border-color:#28323F;color:#98A6B8}
.global-search:hover{background:#19222D;border-color:#3C4858}
.global-search input{color:#F3F6FA}
.global-search input::placeholder{color:#7E8DA1}
.global-search kbd{background:#202A36;border-color:#3B4756;color:#B9C4D2}
.status-pill,.usage-chip{background:#151C25;border-color:#28323F;color:#A8B3C1}
.usage-chip>span{background:#2A271B;color:#E6CB62}
.usage-chip strong{color:#F3F6FA}
.usage-chip small{color:#8996A8}

/* Page hierarchy */
.page-header h2{color:#F5F7FA}
.page-header p{color:#A4B0C0}
.page-header::before,.eyebrow{color:#748397}
.primary-btn{background:#19222D;border-color:#46556A;color:#F8FAFC}
.primary-btn:hover{background:#202A36;border-color:#596A80}
.secondary-btn{background:#151C25;border-color:#323D4C;color:#EEF2F6}
.secondary-btn:hover,.ghost-btn:hover{background:#202A36;border-color:#46556A;color:#fff}
.ghost-btn{color:#A4B0C0}

/* AI command surface */
.goal-composer{background:#111923;border-color:#283647;box-shadow:none}
.goal-composer::after{color:#94A2B5}
.goal-composer textarea{background:#182332;color:#F3F6FA;border-color:#314052}
.goal-composer textarea:focus{background:#1A2635;border-color:#536B8B}
.tag{background:#192432;border-color:#354252;color:#C8D1DC}
.tag.gold{background:#2A271B;border-color:#655A2D;color:#E6CD64}

/* Neutral panels */
.kpi,.panel,.table-panel,.goal-template,.metric-box,.message-card{background:#151C25;border-color:#28323F}
.kpi small,.panel-title span,.muted,.goal-template p,.metric-box span,.message-head span{color:#9DA9B8}
.kpi strong,.panel-title h3,.table-toolbar h3,.goal-template h3,.goal-template h4,.metric-box strong,.message-head strong{color:#F3F6FA}
.kpi em{color:#62D2AA}
.kpi::before{background:var(--blue)}
.kpi:nth-child(2)::before{background:var(--green)}
.kpi:nth-child(3)::before{background:#58A2D8}
.kpi:nth-child(4)::before{background:#8D7CF6}
.kpi:nth-child(5)::before{background:var(--orange)}
.kpi:nth-child(6)::before{background:var(--gold)}

.progress-track{background:#202A36}
.progress-bar{background:var(--blue)}
.progress-head strong{color:#F3F6FA}
.progress-head span{color:#9DA9B8}
.steps{background:#131A22;border-color:#28323F}
.step{background:#131A22;border-bottom-color:#28323F}
.step:hover{background:#19222D}
.step-num{background:#202A36;color:#94A2B5}
.step.done .step-num{background:#163129;color:#64D0AA}
.step.running{background:#1A2635;border-left-color:var(--blue)}
.step.running .step-num{background:#1D3150;color:#91B0FF}
.state{background:#1A232D;border-color:#35404D;color:#A6B1BF}
.state.done{background:#163129;border-color:#2D6252;color:#69D5B0}
.state.running{background:#1A2B45;border-color:#3E5F8B;color:#9AB7FF}
.summary-row{border-bottom-color:#28323F}
.summary-row span{color:#9CA8B8}
.summary-row strong{color:#F1F4F8}

/* Work queue: flatter, more OS-like */
.queue-list{background:transparent;border:0;border-top:1px solid var(--line)}
.queue-item{background:transparent;border-bottom-color:#28323F;padding:10px 0}
.queue-item:hover{background:#19222D}
.queue-item div strong,.queue-item b{color:#F3F6FA}
.queue-item div small{color:#93A0B2}
.qicon{background:#19222D;border-color:#323D4C;color:#A6B2C0}
.qicon.green{background:#142A25;border-color:#2C5C4D;color:#65D1AC}
.qicon.gold{background:#29261A;border-color:#5C522B;color:#E1C65D}

/* Activity and tables */
.activity{border-bottom-color:#28323F}
.activity time{color:#748397}
.activity span{color:#DCE3EB}
.table-toolbar,.message-head,.message-actions{border-color:#28323F}
.data-table th{background:#19222D;border-bottom-color:#323D4C;color:#AEB9C7}
.data-table td{border-bottom-color:#28323F;color:#DDE4EC}
.data-table tbody tr:hover td{background:#202A36}
.company-logo{background:#19222D;border-color:#323D4C;color:#F3F6FA}
.company-meta strong{color:#F3F6FA}
.company-meta small{color:#8897AA}
.badge{background:#19222D;border-color:#35404D;color:#AEB9C7}
.badge.green{background:#142A25;border-color:#2C5C4D;color:#69D5B0}
.badge.red{background:#2E1D22;border-color:#65343A;color:#F18A91}
.badge.gold{background:#29261A;border-color:#5C522B;color:#E2C75E}
.badge.blue{background:#192A43;border-color:#3D5D89;color:#97B4FF}
.score{background:#153129;border-color:#2D6252;color:#69D5B0}
.action-link{color:#7D9DF9}
.action-link:hover{color:#A7BBFF}
.filter-bar{background:#171F28;border-bottom-color:#28323F}
.compact-input,.compact-select{background:#131A22;border-color:#323D4C;color:#EEF2F6}
.compact-input::placeholder{color:#7D8C9F}

/* Secondary surfaces */
.hero-banner{background:#111923;border-color:#283647}
.hero-banner p,.hero-stat span{color:#9AA7B8}
.hero-stat{background:#28323F}
.hero-stat>div{background:#151C25}
.message-body{color:#D9E0E8}
.mini-btn{background:#19222D;border-color:#354252;color:#DDE4EC}
.mini-btn.dark{background:#202A36;border-color:#46556A;color:#fff}
.mini-btn.green{background:#142A25;border-color:#2C5C4D;color:#69D5B0}
.bar{background:#202A36}
.bar span{background:var(--blue)}
.insight{background:#182332;color:#C9D6E8;border-left-color:var(--gold)}
.chart-placeholder{border-bottom-color:#28323F;background:repeating-linear-gradient(to bottom,#151C25 0,#151C25 43px,#242E3A 44px)}
.chart-placeholder i{background:var(--blue)}
.empty{color:#97A4B5}.empty strong{color:#EEF2F6}

/* Drawer and feedback */
.drawer-backdrop{background:rgba(0,0,0,.58)}
.lead-drawer,.drawer-head{background:#131A22}
.lead-drawer{border-left-color:#323D4C}
.drawer-head{border-bottom-color:#28323F}
.drawer-title h3,.drawer-score strong,.drawer-section h4{color:#F3F6FA}
.drawer-title p,.drawer-section p,.drawer-score span{color:#98A6B8}
.drawer-score{border-color:#28323F}
.drawer-score>div{border-right-color:#28323F}
.drawer-section{border-top-color:#28323F}
.toast{background:#151C25;border-left-color:var(--gold);color:#fff}

/* Dark import dropzone even though legacy markup uses inline light colors */
.panel [style*="background:#fafafa"]{background:#131A22 !important;border-color:#3A4655 !important;border-radius:0 !important;color:#F3F6FA !important}

@media(max-width:980px){.sidebar-overlay{background:rgba(0,0,0,.64)}}

/* v2.4 cleanup: footer, icons, and spacing */
.sidebar-footer{padding:12px 10px}.sidebar-footer .account{padding:0 10px;min-height:48px}.app-shell[data-sidebar="collapsed"] .sidebar-footer{padding:12px 0}.app-shell[data-sidebar="collapsed"] .account{padding:0;justify-content:center}.top-icon{display:none}

.nav-icon{position:relative;width:18px;height:18px;font-size:0;display:inline-grid;place-items:center}.nav-icon::before{content:"";width:8px;height:8px;border:1.5px solid currentColor;border-radius:50%;opacity:.95}.nav-item[data-page="operator"] .nav-icon::before{width:9px;height:9px;border-radius:2px;transform:rotate(45deg)}.nav-item[data-page="goals"] .nav-icon::before{width:9px;height:9px}.nav-item[data-page="discover"] .nav-icon::before{width:8px;height:8px;border-radius:50%;box-shadow:5px 5px 0 -3px currentColor}.nav-item[data-page="research"] .nav-icon::before{width:9px;height:9px;border-radius:2px;transform:rotate(45deg)}.nav-item[data-page="leads"] .nav-icon::before,.nav-item[data-page="companies"] .nav-icon::before{width:10px;height:10px;border-radius:1px}.nav-item[data-page="opportunities"] .nav-icon::before{box-shadow:0 0 0 3px rgba(216,184,62,.08)}.nav-item[data-page="workqueue"] .nav-icon::before{width:12px;height:8px;border-radius:1px}.nav-item[data-page="automation"] .nav-icon::before{width:0;height:0;border-style:solid;border-width:8px 4px 0 4px;border-color:currentColor transparent transparent transparent;border-radius:0}.nav-item[data-page="settings"] .nav-icon::before{width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--surface)}

.qicon{font-size:0;position:relative}.qicon::before{content:"";width:9px;height:9px;border:1.5px solid currentColor;border-radius:2px;display:block}.qicon.green::before{border-radius:50%}.qicon.gold::before{content:"+";width:auto;height:auto;border:0;font-size:16px;line-height:1;font-weight:700}

.goal-composer{padding:18px 20px}.goal-composer::after{content:none}.goal-composer textarea{margin-top:14px;min-height:78px}.goal-footer{margin-top:18px}.kpi-strip{gap:18px}.operator-grid,.grid,.page-two-col{gap:18px}.page-root{padding-inline:30px}.page-header{margin-bottom:22px}.filter-bar{padding:18px}.panel-pad{padding:16px}.table-toolbar{padding:12px 16px}.goal-cards{gap:16px}.goal-template{padding:18px}.metric-box{padding:18px}.hero-banner{padding:22px}.hero-stat.compact{display:block;background:transparent}.hero-stat.compact>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;margin-top:14px;background:#202A36}.hero-stat.compact strong{margin-top:0}.chart-placeholder span{flex:1;min-width:9px;background:var(--blue);display:block;position:relative}.chart-placeholder span::after{content:attr(data-label);position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);font-size:9px;color:var(--muted)}

@media(max-width:680px){.goal-composer textarea{margin-top:12px}.goal-footer{margin-top:14px}.page-root{padding-inline:12px}.hero-stat.compact>div{grid-template-columns:1fr}.hero-stat.compact strong{text-align:left}}

/* Simple dark-blue + white readability pass */
:root{
  color-scheme:dark;
  --bg:#07182d;
  --surface:#0d2542;
  --surface-2:#123154;
  --surface-3:#183b63;
  --ink:#081a30;
  --ink-2:#0d2542;
  --text:#ffffff;
  --muted:#d6e6ff;
  --faint:#a9c5e8;
  --line:#2d5278;
  --line-strong:#47729d;
  --gold:#ffffff;
  --gold-soft:#123154;
  --blue:#79b8ff;
  --blue-soft:#123154;
  --green:#79e6b4;
  --green-soft:#103b33;
  --orange:#ffd27a;
  --orange-soft:#42331c;
  --red:#ff9da5;
  --red-soft:#45242c;
  --purple:#b9a9ff;
  --purple-soft:#25265a;
}
html,body,.app-main{background:var(--bg);color:var(--text)}
.topbar{height:58px;background:#081a30;border-bottom-color:#28496c;padding:0 30px}.topbar-title strong,.page-header h2,.panel-title h3,.table-toolbar h3,.goal-template h4,.metric-box strong,.kpi strong,.summary-row strong,.queue-item div strong,.data-table td,.company-meta strong{color:#fff}.topbar-title span,.page-header p,.kpi small,.summary-row span,.queue-item div small,.muted,.company-meta small,.panel-title span,.metric-box span,.goal-template p{color:#d6e6ff}
.page-root{padding:14px 40px 44px;max-width:none}.page-header{position:relative;margin:0 0 14px;gap:14px}.page-header::before{content:"INGENIOUS BUSINESS | UAE";position:static;display:block;transform:none;margin:0 0 6px;color:#9fc4ef;font-size:11px;letter-spacing:.08em}.page-header h2{font-size:34px;line-height:1.06;letter-spacing:0}.page-header p{margin-top:8px;font-size:16px;line-height:1.35;max-width:1180px}.page-actions{padding-top:20px}.topbar + .page-root{border-top:0}
.sidebar,.sidebar-brand,.sidebar-footer{background:#081a30;border-color:#28496c}.tenant-card,.panel,.table-panel,.goal-template,.metric-box,.message-card,.goal-composer,.hero-banner{background:#0d2542;border-color:#2d5278}.topbar .global-search,.status-pill,.usage-chip,.compact-input,.compact-select{background:#0d2542;border-color:#2d5278;color:#fff}.global-search input{color:#fff}.global-search input::placeholder,.compact-input::placeholder{color:#bad5f4}.global-search kbd{background:#123154;border-color:#47729d;color:#fff}.primary-btn,.secondary-btn,.mini-btn,.ghost-btn{background:#123154;border-color:#47729d;color:#fff}.primary-btn:hover,.secondary-btn:hover,.mini-btn:hover,.ghost-btn:hover{background:#183b63;border-color:#6fa0d2}.goal-footer .primary-btn,.tag.gold{background:#ffffff;border-color:#ffffff;color:#081a30}.tag{background:#123154;border-color:#47729d;color:#fff}
.goal-composer{padding:16px 20px;margin-bottom:14px}.goal-composer textarea{margin-top:12px;min-height:64px;background:#081a30;border-color:#47729d;color:#fff}.goal-footer{margin-top:12px}.kpi-strip{gap:12px;margin-bottom:16px}.kpi{min-height:92px;padding:14px;background:#0d2542;border-color:#2d5278}.kpi strong{margin-top:12px}.operator-grid,.grid,.page-two-col{gap:16px}.workflow,.panel-pad{padding:16px}.filter-bar{padding:16px;background:#0d2542}.hero-banner{padding:18px}.hero-stat.compact>div{background:#123154}.data-table th{background:#123154;color:#d6e6ff;border-bottom-color:#47729d}.data-table td{border-bottom-color:#2d5278}.data-table tbody tr:hover td{background:#123154}.table-toolbar,.message-head,.message-actions{border-color:#2d5278}.insight{background:#123154;color:#fff;border-left-color:#79b8ff}.badge,.score{color:#fff}.badge.gold{background:#123154;border-color:#79b8ff;color:#fff}.badge.green,.score{background:#103b33;border-color:#3d9173;color:#9ff2c8}.badge.red{background:#45242c;border-color:#a85761;color:#ffc9ce}.action-link{color:#b9d8ff}.progress-track,.bar{background:#183b63}.progress-bar,.bar span,.chart-placeholder span{background:#79b8ff}.chart-placeholder{background:#0d2542;border-bottom-color:#2d5278}

@media(max-width:980px){.page-root{padding:12px 18px 40px}.topbar{padding:0 14px}.page-header h2{font-size:30px}.page-header p{font-size:14px}}
@media(max-width:680px){.page-root{padding:10px 12px 80px}.page-header h2{font-size:27px}.page-header p{font-size:13px}.page-actions{padding-top:0}.goal-composer textarea{min-height:76px}}

/* Final artifact and header layout fix */
.hamburger{width:16px;height:12px;display:block;position:relative;border-top:2px solid currentColor;border-bottom:2px solid currentColor}.hamburger::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px solid currentColor;transform:translateY(-50%)}.search-mark{width:13px;height:13px;display:inline-block;position:relative;border:2px solid currentColor;border-radius:50%;flex:0 0 auto}.search-mark::after{content:"";position:absolute;width:6px;border-top:2px solid currentColor;right:-5px;bottom:-2px;transform:rotate(45deg)}.account{grid-template-columns:32px minmax(0,1fr);}.account>span{display:none!important}.nav-icon{color:#d6e6ff}.nav-icon{font-size:0!important;color:#d6e6ff}.nav-icon::before{display:block!important}.qicon{font-size:0!important}.qicon::before{display:block!important}
.page-root{padding-top:16px!important}.page-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start!important;column-gap:24px!important;margin-bottom:18px!important}.page-header>div:first-child{grid-column:1}.page-header::before{grid-column:1;justify-self:start;width:auto;white-space:nowrap}.page-header h2{margin:0!important;text-align:left!important}.page-header p{text-align:left!important;max-width:980px!important}.page-actions{grid-column:2;grid-row:1 / span 3;padding-top:22px!important;align-self:start!important}.topbar{gap:18px}.topbar-left{min-width:430px}.topbar-leading{min-width:0}.global-search{width:min(620px,36vw)}
@media(max-width:980px){.page-header{display:flex!important;flex-direction:column}.page-actions{padding-top:0!important}.topbar-left{min-width:0}.global-search{display:none}}

/* Final light theme and compact header */
:root{
  color-scheme:light;
  --bg:#f4f8fc;
  --surface:#ffffff;
  --surface-2:#f8fbff;
  --surface-3:#eef5fc;
  --ink:#0c2a48;
  --ink-2:#123a63;
  --text:#102033;
  --muted:#4f6378;
  --faint:#748aa2;
  --line:#d4e1ee;
  --line-strong:#a9bdd2;
  --gold:#0d5ea6;
  --gold-soft:#e9f3ff;
  --blue:#1769aa;
  --blue-soft:#e8f3ff;
  --green:#16835f;
  --green-soft:#e8f7f1;
  --orange:#b87913;
  --orange-soft:#fff4df;
  --red:#b3424d;
  --red-soft:#fff0f2;
  --purple:#6554c0;
  --purple-soft:#f0edff;
  --shadow-sm:0 1px 2px rgba(15,36,59,.06);
  --shadow-md:0 14px 34px rgba(15,36,59,.14);
}
html,body,.app-main{background:var(--bg)!important;color:var(--text)!important}.app-main{min-height:100vh}.topbar{height:62px!important;background:#fff!important;border-bottom:1px solid var(--line)!important;padding:0 26px!important;gap:18px!important}.topbar-left{min-width:390px!important}.topbar-leading{gap:14px!important}.topbar-title strong{color:#102033!important;font-size:15px!important}.topbar-title span{color:#52677d!important;font-size:12px!important}.desktop-sidebar-toggle,.menu-btn{color:#183653!important}.hamburger{border-color:currentColor!important}.hamburger::before{border-color:currentColor!important}
.global-search{height:40px!important;background:#f8fbff!important;border:1px solid #c8d8e8!important;color:#52677d!important;width:min(620px,38vw)!important}.global-search input{color:#102033!important}.global-search input::placeholder{color:#6f8298!important}.global-search kbd{background:#fff!important;border-color:#c8d8e8!important;color:#445b72!important}.status-pill,.usage-chip{background:#fff!important;border-color:#c8d8e8!important;color:#263d55!important}.usage-chip>span{background:#e9f3ff!important;color:#0d5ea6!important}.usage-chip strong{color:#102033!important}.usage-chip small{color:#66798d!important}
.sidebar,.sidebar-brand,.sidebar-footer{background:#ffffff!important;border-color:#d4e1ee!important;color:#102033!important}.brand-name{color:#102033!important}.brand-sub,.user-copy small{color:#60758a!important}.tenant-card{background:#f8fbff!important;border-color:#d4e1ee!important}.tenant-icon{background:#fff!important;border-color:#b9cce0!important;color:#0d5ea6!important}.tenant-copy strong{color:#123a63!important}.tenant-copy span{color:#60758a!important}.nav-section{color:#708399!important}.nav-item{color:#223a52!important}.nav-item:hover{background:#eef5fc!important;color:#0c2a48!important}.nav-item.active{background:#e9f3ff!important;border-left-color:#1769aa!important;color:#0c2a48!important}.nav-icon{color:#59718a!important}.nav-item.active .nav-icon{color:#1769aa!important}.nav-badge{background:#e8f0f8!important;color:#244763!important}.nav-badge.green{background:#e8f7f1!important;color:#116b4d!important}.nav-badge.amber,.nav-badge.gold{background:#fff4df!important;color:#8a5a0f!important}.avatar{background:#0d5ea6!important;color:#fff!important}
.page-root{padding:20px 34px 44px!important;max-width:none!important}.page-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;column-gap:24px!important;margin:0 0 22px!important}.page-header::before{content:"INGENIOUS BUSINESS | UAE"!important;position:static!important;display:block!important;transform:none!important;margin:0 0 8px!important;color:#4d78a3!important;font-size:11px!important;letter-spacing:.08em!important;white-space:nowrap!important}.page-header h2{margin:0!important;color:#102033!important;font-size:34px!important;line-height:1.08!important;letter-spacing:0!important;text-align:left!important}.page-header p{margin-top:8px!important;color:#40576d!important;font-size:16px!important;line-height:1.38!important;max-width:1040px!important;text-align:left!important}.page-actions{grid-column:2!important;grid-row:1 / span 3!important;padding-top:24px!important;align-self:start!important}
.panel,.table-panel,.goal-template,.metric-box,.message-card,.goal-composer,.hero-banner,.kpi{background:#fff!important;border-color:#d4e1ee!important;box-shadow:var(--shadow-sm)!important}.goal-composer{padding:18px 20px!important}.goal-composer textarea{background:#f8fbff!important;border-color:#c3d5e7!important;color:#102033!important}.goal-label,.panel-title h3,.table-toolbar h3,.goal-template h4,.metric-box strong,.kpi strong,.summary-row strong,.queue-item div strong,.data-table td,.company-meta strong,.message-head strong{color:#102033!important}.topbar-title span,.page-header p,.kpi small,.summary-row span,.queue-item div small,.muted,.company-meta small,.panel-title span,.metric-box span,.goal-template p,.message-head span{color:#52677d!important}.primary-btn{background:#0d5ea6!important;border-color:#0d5ea6!important;color:#fff!important}.secondary-btn,.mini-btn,.ghost-btn{background:#fff!important;border-color:#a9bdd2!important;color:#123a63!important}.primary-btn:hover{background:#0a4f8d!important}.secondary-btn:hover,.mini-btn:hover,.ghost-btn:hover{background:#eef5fc!important;border-color:#7fa0c0!important;color:#0c2a48!important}.goal-footer .primary-btn{background:#0d5ea6!important;border-color:#0d5ea6!important;color:#fff!important}.tag{background:#f3f8fe!important;border-color:#c3d5e7!important;color:#123a63!important}.tag.gold{background:#0d5ea6!important;border-color:#0d5ea6!important;color:#fff!important}
.kpi{min-height:96px!important}.kpi em{color:#16835f!important}.progress-track,.bar{background:#e7eff7!important}.progress-bar,.bar span,.chart-placeholder span{background:#1769aa!important}.steps{background:#fff!important;border-color:#d4e1ee!important}.step{background:#fff!important;border-bottom-color:#d4e1ee!important}.step:hover{background:#f8fbff!important}.step.running{background:#edf6ff!important;border-left-color:#1769aa!important}.step-num{background:#eef5fc!important;color:#244763!important}.step.done .step-num{background:#e8f7f1!important;color:#16835f!important}.state{background:#fff!important;border-color:#c3d5e7!important;color:#52677d!important}.state.done{background:#e8f7f1!important;border-color:#9ed9c0!important;color:#116b4d!important}.state.running{background:#e9f3ff!important;border-color:#a9cdec!important;color:#0d5ea6!important}.queue-list{border-top-color:#d4e1ee!important}.queue-item{border-bottom-color:#d4e1ee!important}.queue-item:hover{background:#f8fbff!important}.qicon{background:#f8fbff!important;border-color:#c3d5e7!important;color:#1769aa!important}.qicon.green{background:#e8f7f1!important;border-color:#9ed9c0!important;color:#16835f!important}.qicon.gold{background:#fff4df!important;border-color:#e6c06f!important;color:#9c690e!important}
.table-toolbar,.message-head,.message-actions{border-color:#d4e1ee!important}.data-table th{background:#f0f6fc!important;border-bottom-color:#d4e1ee!important;color:#40576d!important}.data-table td{border-bottom-color:#d4e1ee!important;color:#102033!important}.data-table tbody tr:hover td{background:#f8fbff!important}.company-logo{background:#f8fbff!important;border-color:#c3d5e7!important;color:#123a63!important}.badge{background:#f8fbff!important;border-color:#c3d5e7!important;color:#40576d!important}.badge.green,.score{background:#e8f7f1!important;border-color:#91d5b9!important;color:#116b4d!important}.badge.red{background:#fff0f2!important;border-color:#e7a7ad!important;color:#9e3440!important}.badge.gold{background:#fff4df!important;border-color:#e6c06f!important;color:#85570d!important}.badge.blue{background:#e9f3ff!important;border-color:#a9cdec!important;color:#0d5ea6!important}.action-link{color:#0d5ea6!important}.action-link:hover{color:#083f73!important}.filter-bar{background:#f8fbff!important;border-color:#d4e1ee!important}.compact-input,.compact-select{background:#fff!important;border-color:#a9bdd2!important;color:#102033!important}.compact-input::placeholder{color:#708399!important}.insight{background:#f1f7fd!important;color:#244763!important;border-left-color:#1769aa!important}.hero-stat.compact>div{background:#f0f6fc!important}.chart-placeholder{background:#fff!important;border-bottom-color:#d4e1ee!important}.lead-drawer,.drawer-head{background:#fff!important}.lead-drawer{border-left-color:#d4e1ee!important}.drawer-title h3,.drawer-score strong,.drawer-section h4{color:#102033!important}.drawer-title p,.drawer-section p,.drawer-score span{color:#52677d!important}.drawer-section,.drawer-head,.drawer-score{border-color:#d4e1ee!important}.toast{background:#123a63!important;border-left-color:#79b8ff!important;color:#fff!important}
@media(max-width:980px){.page-root{padding:16px 18px 40px!important}.page-header{display:flex!important;flex-direction:column!important}.page-actions{grid-column:auto!important;grid-row:auto!important;padding-top:0!important}.topbar-left{min-width:0!important}.global-search{display:none!important}.sidebar{background:#fff!important}}
@media(max-width:680px){.page-root{padding:12px 12px 80px!important}.page-header h2{font-size:28px!important}.page-header p{font-size:14px!important}.topbar{padding:0 12px!important}}

/* Header, spacing, and light-layout polish */
.app-shell{background:#f4f8fc!important}.app-main{background:#f4f8fc!important}
.topbar{height:64px!important;display:flex!important;align-items:center!important;padding:0 24px!important;background:#fff!important;border-bottom:1px solid #d6e2ef!important;box-shadow:0 1px 2px rgba(16,32,51,.04)!important}.topbar-left{flex:0 0 440px!important;min-width:0!important}.topbar-leading{width:100%!important;min-width:0!important}.desktop-sidebar-toggle{width:38px!important;height:38px!important;border:1px solid transparent!important}.desktop-sidebar-toggle:hover{background:#eef5fc!important;border-color:#c5d6e8!important}.topbar-title{min-width:0!important}.topbar-title strong{font-size:16px!important;line-height:1.15!important;color:#0c1f33!important}.topbar-title span{font-size:12px!important;color:#52677d!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.topbar-actions{flex:1 1 auto!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;margin-left:0!important}.global-search{flex:1 1 520px!important;max-width:730px!important;min-width:260px!important;width:auto!important}.status-pill{flex:0 0 auto!important;height:38px!important}.usage-chip{flex:0 0 auto!important;height:38px!important}.topbar-actions>.primary-btn{flex:0 0 auto!important;height:40px!important;padding-inline:18px!important}
.page-root{max-width:1480px!important;margin:0 auto!important;padding:24px 32px 56px!important}.page-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:12px 24px!important;margin:0 0 24px!important}.page-header>div:first-child{min-width:0!important}.page-header::before{grid-column:1!important;content:"INGENIOUS BUSINESS | UAE"!important;margin:0 0 4px!important;color:#416f9e!important;font-size:11px!important;line-height:1.2!important;letter-spacing:.09em!important}.page-header h2{font-size:34px!important;line-height:1.05!important;margin:0!important;color:#102033!important}.page-header p{font-size:15px!important;line-height:1.4!important;margin:8px 0 0!important;color:#425a72!important;max-width:1020px!important}.page-actions{grid-column:2!important;grid-row:1 / span 3!important;display:flex!important;align-items:flex-start!important;gap:10px!important;padding-top:18px!important}.page-actions .primary-btn,.page-actions .secondary-btn{height:40px!important;padding-inline:18px!important}
.goal-composer{margin-bottom:18px!important;padding:18px!important}.goal-composer textarea{min-height:76px!important;margin-top:12px!important;padding:14px 16px!important;font-size:14px!important;line-height:1.45!important}.goal-footer{margin-top:14px!important;gap:14px!important}.goal-tags{gap:8px!important}.tag{min-height:34px!important;padding:7px 12px!important}.kpi-strip{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important;margin-bottom:18px!important}.kpi{min-height:104px!important;padding:18px!important}.kpi strong{font-size:30px!important;margin-top:10px!important}.operator-grid{grid-template-columns:minmax(0,2fr) minmax(360px,.95fr)!important;gap:18px!important}.grid{gap:18px!important}.page-two-col{gap:18px!important}.panel,.table-panel,.goal-composer,.kpi,.metric-box,.goal-template,.message-card{border-color:#d2dfec!important;box-shadow:0 1px 2px rgba(16,32,51,.05)!important}.workflow{padding:18px!important}.split-content{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)!important;gap:22px!important}.panel-pad{padding:18px!important}.table-toolbar{padding:14px 18px!important}.filter-bar{padding:18px!important}
.progress-head strong,.activity span,.activity time,.drawer-section p,.message-body,.bar-row label,.bar-row b,.step strong,.summary-row strong,.queue-item b,.queue-item div strong,.queue-item div small,.data-table td,.data-table th{color:#102033!important}.activity time,.panel-title span,.progress-head span,.summary-row span,.muted,.company-meta small{color:#4f6378!important}.activity{border-bottom-color:#d2dfec!important}.activity-list .activity span{color:#263d55!important}.panel-title h3,.table-toolbar h3,.goal-label{color:#102033!important}.steps{background:#fff!important}.step{background:#fff!important;border-bottom-color:#d2dfec!important}.step.running{background:#eaf4ff!important}.queue-item{background:#fff!important;border-bottom-color:#d2dfec!important}.queue-item:hover,.step:hover,.data-table tbody tr:hover td{background:#f7fbff!important}.summary-row{border-bottom-color:#d2dfec!important}.data-table th{background:#eef5fc!important;color:#2a425a!important}.data-table td{background:#fff!important;color:#102033!important}.action-link{color:#0d5ea6!important}.badge,.state,.score{font-weight:700!important}.status-dot{background:#16835f!important;box-shadow:0 0 0 3px rgba(22,131,95,.12)!important}
.sidebar{width:300px!important}.app-main{margin-left:300px!important}.app-shell[data-sidebar="collapsed"] .sidebar{width:72px!important}.app-shell[data-sidebar="collapsed"] .app-main{margin-left:72px!important}.sidebar-brand{height:64px!important;padding:0 20px!important}.brand-mark{width:44px!important;height:44px!important}.brand-name{font-size:16px!important}.brand-sub{font-size:12px!important}.tenant-card{margin:16px 14px 18px!important;padding:14px!important}.nav-item{min-height:48px!important;padding:11px 16px!important}.nav-section{margin-top:16px!important;padding:0 14px 8px!important}.sidebar-scroll{padding:4px 10px 18px!important}.sidebar-footer{padding:16px 20px!important}.account{min-height:44px!important;padding:0!important}
@media(max-width:1320px){.topbar-left{flex-basis:340px!important}.global-search{max-width:none!important}.kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}.operator-grid{grid-template-columns:1fr!important}.split-content{grid-template-columns:1fr!important}}
@media(max-width:980px){.sidebar{width:270px!important}.app-main,.app-shell[data-sidebar="collapsed"] .app-main{margin-left:0!important}.topbar{padding:0 14px!important}.topbar-left{flex:1 1 auto!important}.topbar-actions{flex:0 0 auto!important}.status-pill,.usage-chip{display:none!important}.page-root{padding:18px 16px 44px!important}.page-header{display:flex!important;flex-direction:column!important}.page-actions{padding-top:0!important}.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){.page-root{padding:14px 12px 80px!important}.page-header h2{font-size:28px!important}.page-header p{font-size:14px!important}.kpi-strip{grid-template-columns:1fr!important}.goal-footer{align-items:flex-start!important;flex-direction:column!important}.goal-footer>div:last-child{display:flex!important;width:100%!important;gap:8px!important}.goal-footer>div:last-child button{flex:1!important}.topbar-actions>.primary-btn{padding-inline:12px!important}.brand-mark{width:36px!important;height:36px!important}}

/* Compact spacing and narrower navigation */
:root{--sidebar:252px;--sidebar-collapsed:64px}
.sidebar{width:252px!important}.app-main{margin-left:252px!important}.app-shell[data-sidebar="collapsed"] .sidebar{width:64px!important}.app-shell[data-sidebar="collapsed"] .app-main{margin-left:64px!important}.sidebar-brand{height:60px!important;padding:0 14px!important;gap:10px!important}.brand-mark{width:38px!important;height:38px!important}.brand-name{font-size:15px!important}.brand-sub{font-size:11px!important}.tenant-card{margin:12px 10px 14px!important;padding:10px!important}.tenant-icon{width:30px!important;height:30px!important}.nav-item{min-height:42px!important;padding:9px 12px!important;gap:10px!important}.nav-section{margin-top:12px!important;padding:0 10px 6px!important}.sidebar-scroll{padding:4px 8px 14px!important}.sidebar-footer{padding:12px 14px!important}.nav-copy{font-size:13px!important}
.topbar{height:58px!important;padding:0 18px!important}.topbar-left{flex-basis:330px!important}.desktop-sidebar-toggle{width:34px!important;height:34px!important}.topbar-title strong{font-size:15px!important}.topbar-title span{font-size:11px!important}.global-search{height:36px!important;max-width:620px!important}.status-pill,.usage-chip{height:36px!important}.topbar-actions>.primary-btn{height:36px!important;padding-inline:14px!important}
.page-root{max-width:none!important;padding:14px 18px 40px!important}.page-header{margin-bottom:16px!important;gap:8px 16px!important}.page-header::before{margin-bottom:4px!important;font-size:10.5px!important}.page-header h2{font-size:31px!important}.page-header p{font-size:14px!important;margin-top:6px!important}.page-actions{padding-top:10px!important;gap:8px!important}.page-actions .primary-btn,.page-actions .secondary-btn{height:36px!important;padding-inline:14px!important}
.goal-composer{padding:14px 16px!important;margin-bottom:14px!important}.goal-label{font-size:14px!important}.goal-composer textarea{min-height:58px!important;margin-top:10px!important;padding:12px 14px!important;font-size:14px!important}.goal-footer{margin-top:12px!important;gap:10px!important}.tag{min-height:30px!important;padding:6px 10px!important}.goal-footer button{height:36px!important;padding-inline:14px!important}.kpi-strip{gap:12px!important;margin-bottom:14px!important}.kpi{min-height:90px!important;padding:14px 16px!important}.kpi strong{font-size:27px!important;margin-top:8px!important}.kpi em{margin-top:8px!important}.operator-grid{gap:14px!important}.grid{gap:14px!important}.panel-pad,.workflow{padding:14px!important}.table-toolbar{padding:12px 14px!important}.split-content{gap:16px!important}.step{min-height:38px!important;padding:8px 10px!important}.summary-row{min-height:36px!important;padding:7px 0!important}.queue-item{min-height:50px!important}.filter-bar{padding:14px!important}.metric-box{padding:14px!important}.goal-template{padding:14px!important}
@media(max-width:980px){.sidebar{width:270px!important}.app-main,.app-shell[data-sidebar="collapsed"] .app-main{margin-left:0!important}.page-root{padding:12px 12px 36px!important}.topbar{padding:0 12px!important}.topbar-left{flex-basis:auto!important}}

/* Extra compact shell */
:root{--sidebar:224px;--sidebar-collapsed:60px}
.sidebar{width:224px!important}.app-main{margin-left:224px!important}.app-shell[data-sidebar="collapsed"] .sidebar{width:60px!important}.app-shell[data-sidebar="collapsed"] .app-main{margin-left:60px!important}.sidebar-brand{height:56px!important;padding:0 12px!important}.brand-mark{width:34px!important;height:34px!important}.brand-name{font-size:14px!important}.brand-sub{font-size:10px!important}.tenant-card{display:none!important}.sidebar-scroll{padding:6px 6px 10px!important}.nav-section{margin-top:10px!important;padding:0 8px 5px!important;font-size:10px!important}.nav-item{min-height:38px!important;padding:8px 10px!important;gap:9px!important}.nav-copy{font-size:12.5px!important}.nav-badge{min-width:20px!important;font-size:10px!important}.sidebar-footer{padding:10px 12px!important}.account{min-height:40px!important}.avatar{width:30px!important;height:30px!important}
.topbar{height:54px!important;padding:0 14px!important}.topbar-left{flex-basis:300px!important}.desktop-sidebar-toggle{width:32px!important;height:32px!important}.topbar-leading{gap:10px!important}.topbar-title strong{font-size:14px!important}.topbar-title span{font-size:11px!important}.global-search{height:34px!important;min-width:220px!important}.status-pill,.usage-chip{height:34px!important}.topbar-actions>.primary-btn{height:34px!important;padding-inline:12px!important}
.page-root{padding:10px 14px 32px!important}.page-header{margin-bottom:12px!important;gap:6px 12px!important}.page-header::before{margin-bottom:3px!important;font-size:10px!important}.page-header h2{font-size:29px!important}.page-header p{font-size:13.5px!important;margin-top:4px!important}.page-actions{padding-top:8px!important}.page-actions .primary-btn,.page-actions .secondary-btn{height:34px!important;padding-inline:12px!important}
.goal-composer{padding:12px 14px!important;margin-bottom:12px!important}.goal-composer textarea{min-height:52px!important;margin-top:8px!important;padding:10px 12px!important}.goal-footer{margin-top:10px!important}.tag{min-height:28px!important;padding:5px 9px!important}.kpi-strip{gap:10px!important;margin-bottom:12px!important}.kpi{min-height:82px!important;padding:12px 14px!important}.kpi strong{font-size:25px!important;margin-top:6px!important}.kpi em{margin-top:6px!important}.operator-grid,.grid,.page-two-col{gap:12px!important}.panel-pad,.workflow{padding:12px!important}.table-toolbar{padding:10px 12px!important}.split-content{gap:12px!important}.step{min-height:36px!important;padding:7px 9px!important}.summary-row{min-height:34px!important;padding:6px 0!important}.queue-item{min-height:46px!important;padding:8px 0!important}.filter-bar{padding:12px!important}.metric-box,.goal-template{padding:12px!important}
@media(max-width:980px){.sidebar{width:260px!important}.app-main,.app-shell[data-sidebar="collapsed"] .app-main{margin-left:0!important}.page-root{padding:10px 10px 32px!important}.topbar-left{flex-basis:auto!important}}

/* White-paper design reset: simple white, black text, compact screens */
:root{
  color-scheme:light;
  --bg:#ffffff;
  --surface:#ffffff;
  --surface-2:#f7f7f7;
  --surface-3:#efefef;
  --ink:#000000;
  --ink-2:#202020;
  --text:#000000;
  --muted:#444444;
  --faint:#777777;
  --line:#d9d9d9;
  --line-strong:#a8a8a8;
  --gold:#000000;
  --gold-soft:#f2f2f2;
  --blue:#000000;
  --blue-soft:#f2f2f2;
  --green:#0a6f43;
  --green-soft:#eef8f3;
  --orange:#8a5a00;
  --orange-soft:#fff8e8;
  --red:#a52834;
  --red-soft:#fff1f2;
  --purple:#000000;
  --purple-soft:#f2f2f2;
  --sidebar:220px;
  --sidebar-collapsed:56px;
  --topbar:52px;
  --shadow-sm:none;
  --shadow-md:0 12px 24px rgba(0,0,0,.12);
}
html,body,.app-shell,.app-main{background:#fff!important;color:#000!important}.app-main{margin-left:220px!important}.sidebar{width:220px!important;background:#fff!important;color:#000!important;border-right:1px solid #d9d9d9!important}.app-shell[data-sidebar="collapsed"] .sidebar{width:56px!important}.app-shell[data-sidebar="collapsed"] .app-main{margin-left:56px!important}
.sidebar-brand{height:52px!important;padding:0 10px!important;border-bottom:1px solid #d9d9d9!important;background:#fff!important}.brand-mark{width:32px!important;height:32px!important}.brand-name{font-size:13.5px!important;color:#000!important;letter-spacing:0!important}.brand-sub{font-size:10px!important;color:#555!important;letter-spacing:.04em!important}.sidebar-close{color:#000!important}.sidebar-scroll{padding:8px 6px 10px!important}.nav-section{margin:10px 0 4px!important;padding:0 8px!important;color:#666!important;font-size:10px!important;letter-spacing:.06em!important}.nav-item{min-height:36px!important;padding:7px 9px!important;color:#111!important;background:transparent!important;border-left:2px solid transparent!important}.nav-item:hover{background:#f5f5f5!important;color:#000!important}.nav-item.active{background:#f0f0f0!important;border-left-color:#000!important;color:#000!important}.nav-icon{color:#555!important}.nav-item.active .nav-icon{color:#000!important}.nav-badge{background:#f1f1f1!important;color:#000!important}.nav-badge.green,.nav-badge.amber,.nav-badge.gold{background:#f1f1f1!important;color:#000!important}.sidebar-footer{padding:10px!important;border-top:1px solid #d9d9d9!important;background:#fff!important}.account{min-height:36px!important;color:#000!important}.avatar{width:28px!important;height:28px!important;background:#000!important;color:#fff!important}.user-copy strong{color:#000!important}.user-copy small{color:#555!important}
.topbar{height:52px!important;background:#fff!important;border-bottom:1px solid #d9d9d9!important;box-shadow:none!important;padding:0 12px!important;gap:10px!important}.topbar-left{flex:0 0 280px!important}.desktop-sidebar-toggle,.menu-btn{width:30px!important;height:30px!important;color:#000!important}.desktop-sidebar-toggle:hover,.menu-btn:hover{background:#f5f5f5!important;border-color:#d9d9d9!important}.topbar-leading{gap:8px!important}.topbar-title strong{font-size:13.5px!important;color:#000!important}.topbar-title span{font-size:10.5px!important;color:#444!important}.topbar-actions{gap:6px!important}.global-search{height:32px!important;background:#fff!important;border:1px solid #cfcfcf!important;color:#000!important;max-width:560px!important;min-width:220px!important}.global-search input{color:#000!important}.global-search input::placeholder{color:#666!important}.global-search kbd{background:#f7f7f7!important;border-color:#d0d0d0!important;color:#000!important}.search-mark{color:#000!important}.status-pill,.usage-chip{height:32px!important;background:#fff!important;border:1px solid #d0d0d0!important;color:#000!important}.usage-chip>span{background:#f1f1f1!important;color:#000!important}.usage-chip strong,.usage-chip small{color:#000!important}.status-dot{background:#000!important;box-shadow:none!important}.hamburger,.hamburger::before{border-color:#000!important}
.page-root{max-width:none!important;margin:0!important;padding:10px 12px 28px!important;background:#fff!important}.page-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:4px 12px!important;margin:0 0 10px!important}.page-header::before{content:"INGENIOUS BUSINESS | UAE"!important;position:static!important;display:block!important;transform:none!important;margin:0 0 2px!important;color:#555!important;font-size:10px!important;letter-spacing:.08em!important;line-height:1.2!important}.page-header h2{font-size:26px!important;line-height:1.08!important;margin:0!important;color:#000!important;letter-spacing:0!important}.page-header p{font-size:13px!important;line-height:1.35!important;margin:4px 0 0!important;color:#333!important;max-width:980px!important}.page-actions{grid-column:2!important;grid-row:1 / span 3!important;display:flex!important;gap:6px!important;padding-top:6px!important}.page-actions .primary-btn,.page-actions .secondary-btn{height:32px!important;padding:0 11px!important}
.panel,.table-panel,.goal-composer,.kpi,.metric-box,.goal-template,.message-card,.hero-banner,.insight{background:#fff!important;border:1px solid #d9d9d9!important;box-shadow:none!important;color:#000!important}.goal-composer{padding:10px!important;margin-bottom:10px!important}.goal-label{font-size:13px!important;color:#000!important}.goal-composer textarea{min-height:48px!important;margin-top:8px!important;padding:9px 10px!important;background:#fff!important;border:1px solid #cfcfcf!important;color:#000!important;font-size:13px!important}.goal-footer{margin-top:8px!important;gap:8px!important}.goal-tags{gap:6px!important}.tag{min-height:26px!important;padding:4px 8px!important;background:#fff!important;border:1px solid #cfcfcf!important;color:#000!important;font-size:11px!important}.tag.gold{background:#000!important;border-color:#000!important;color:#fff!important}.primary-btn{background:#000!important;border-color:#000!important;color:#fff!important}.secondary-btn,.ghost-btn,.mini-btn{background:#fff!important;border:1px solid #aaa!important;color:#000!important}.primary-btn:hover{background:#222!important}.secondary-btn:hover,.ghost-btn:hover,.mini-btn:hover{background:#f3f3f3!important;color:#000!important;border-color:#888!important}
.kpi-strip{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;margin-bottom:10px!important}.kpi{min-height:74px!important;padding:10px!important}.kpi::before{background:#000!important;width:2px!important}.kpi small,.metric-box span,.summary-row span,.queue-item small,.panel-title span,.muted,.company-meta small,.message-head span{color:#444!important}.kpi strong{font-size:22px!important;margin-top:5px!important;color:#000!important}.kpi em{margin-top:5px!important;color:#444!important}.grid,.operator-grid,.page-two-col{gap:10px!important}.operator-grid{grid-template-columns:minmax(0,2fr) minmax(320px,.85fr)!important}.panel-pad,.workflow{padding:10px!important}.panel-title{min-height:28px!important;margin-bottom:6px!important}.panel-title h3,.table-toolbar h3,.goal-template h4,.metric-box strong,.summary-row strong,.queue-item strong,.queue-item b,.company-meta strong,.data-table td,.step strong,.progress-head strong{color:#000!important}.progress-head{margin-bottom:6px!important}.progress-track,.bar{height:6px!important;background:#e9e9e9!important}.progress-bar,.bar span,.chart-placeholder span{background:#000!important}.split-content{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)!important;gap:10px!important;margin-top:10px!important}.steps{border:1px solid #d9d9d9!important;background:#fff!important}.step{min-height:34px!important;padding:6px 8px!important;background:#fff!important;border-bottom:1px solid #d9d9d9!important}.step:hover,.step.running,.queue-item:hover,.data-table tbody tr:hover td{background:#f7f7f7!important}.step-num{width:24px!important;height:22px!important;background:#f2f2f2!important;color:#000!important;font-size:9px!important}.step.done .step-num{background:#f2f2f2!important;color:#000!important}.state,.badge,.score{background:#fff!important;border:1px solid #bbb!important;color:#000!important;font-weight:700!important}.state.done,.badge.green,.score{background:#fff!important;border-color:#999!important;color:#000!important}.state.running,.badge.gold,.badge.blue{background:#f7f7f7!important;border-color:#999!important;color:#000!important}.badge.red{background:#fff!important;border-color:#999!important;color:#000!important}.summary-row{min-height:32px!important;padding:5px 0!important;border-bottom:1px solid #e0e0e0!important}.queue-list{border-top:1px solid #d9d9d9!important}.queue-item{min-height:42px!important;padding:6px 0!important;border-bottom:1px solid #e0e0e0!important;background:#fff!important}.qicon{width:28px!important;height:28px!important;background:#fff!important;border-color:#aaa!important;color:#000!important}.table-toolbar{min-height:40px!important;padding:8px 10px!important;border-bottom:1px solid #d9d9d9!important}.toolbar-actions{gap:6px!important}.data-table{min-width:760px!important}.data-table th{padding:8px 10px!important;background:#f5f5f5!important;color:#000!important;border-bottom:1px solid #d9d9d9!important;font-size:9.5px!important}.data-table td{padding:8px 10px!important;background:#fff!important;border-bottom:1px solid #e0e0e0!important;color:#000!important;font-size:10.5px!important}.company-logo{background:#fff!important;border-color:#bbb!important;color:#000!important}.action-link{color:#000!important;text-decoration:underline!important}.filter-bar{padding:10px!important;background:#fff!important;border-color:#d9d9d9!important}.compact-input,.compact-select{height:30px!important;background:#fff!important;border:1px solid #aaa!important;color:#000!important}.goal-cards{gap:10px!important}.goal-template,.metric-box{padding:10px!important}.hero-banner{padding:12px!important}.hero-banner h2{color:#000!important}.hero-banner p,.hero-stat span{color:#444!important}.hero-stat,.hero-stat.compact>div{background:#f7f7f7!important}.message-body{color:#000!important}.message-actions{padding:8px 10px!important;border-color:#d9d9d9!important}.insight{background:#fff!important;color:#000!important;border-left:2px solid #000!important}.chart-placeholder{background:#fff!important;border-bottom-color:#d9d9d9!important}.empty{color:#444!important}.empty strong{color:#000!important}.lead-drawer,.drawer-head{background:#fff!important}.lead-drawer{border-left:1px solid #d9d9d9!important}.drawer-title h3,.drawer-score strong,.drawer-section h4{color:#000!important}.drawer-title p,.drawer-section p,.drawer-score span{color:#444!important}.drawer-section,.drawer-head,.drawer-score{border-color:#d9d9d9!important}.toast{background:#000!important;border-left-color:#555!important;color:#fff!important}
@media(max-width:1320px){.kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}.operator-grid{grid-template-columns:1fr!important}.split-content{grid-template-columns:1fr!important}.topbar-left{flex-basis:260px!important}.global-search{max-width:none!important}}
@media(max-width:980px){.sidebar{width:240px!important}.app-main,.app-shell[data-sidebar="collapsed"] .app-main{margin-left:0!important}.topbar{padding:0 10px!important}.topbar-left{flex:1 1 auto!important}.global-search,.status-pill,.usage-chip{display:none!important}.page-root{padding:10px!important}.page-header{display:flex!important;flex-direction:column!important}.page-actions{grid-column:auto!important;grid-row:auto!important;padding-top:0!important}.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){.kpi-strip{grid-template-columns:1fr!important}.page-header h2{font-size:24px!important}.goal-footer{align-items:flex-start!important;flex-direction:column!important}.goal-footer>div:last-child{display:flex!important;width:100%!important;gap:6px!important}.goal-footer>div:last-child button{flex:1!important}}

/* Audit fixes: visual defects and accessibility polish */
.message-head strong,
.message-head small{display:block!important;line-height:1.35!important}
.message-head small{margin-top:2px!important;color:#444!important;font-size:10.5px!important}
.chart-placeholder{height:220px!important;min-height:0!important;align-items:flex-end!important;padding-bottom:24px!important}
.chart-placeholder span{display:block!important;flex:1 1 0!important;min-height:12px!important;position:relative!important}
.chart-placeholder span::after{content:attr(data-label);position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);font-size:9px;color:#444}
.panel [style*="background:#fafafa"]{background:#fff!important;color:#000!important;border-color:#bbb!important;border-radius:0!important}
.panel [style*="background:#fafafa"] .muted{color:#444!important}
.table-panel{overflow:auto!important}
.nav-item:focus-visible,
.primary-btn:focus-visible,
.secondary-btn:focus-visible,
.ghost-btn:focus-visible,
.mini-btn:focus-visible,
.compact-input:focus-visible,
.compact-select:focus-visible,
.action-link:focus-visible,
.icon-btn:focus-visible{outline:2px solid #000!important;outline-offset:2px!important}
.lead-drawer[aria-hidden="true"]{visibility:hidden!important}
.lead-drawer.open{visibility:visible!important}
@media(max-width:1180px){.topbar-left{flex:0 1 240px!important}.topbar-title span{max-width:220px!important}.global-search{width:min(430px,36vw)!important}.page-actions{max-width:100%;justify-content:flex-start!important}}

/* Sidebar refinement: cleaner active color, suitable nav symbols, softer primary action */
:root{--action-blue:#155e9f;--action-blue-hover:#0f4f88;--nav-active:#eaf3fb;--nav-hover:#f6f9fc;--nav-icon:#435466}
.primary-btn{background:var(--action-blue)!important;border-color:var(--action-blue)!important;color:#fff!important}
.primary-btn:hover{background:var(--action-blue-hover)!important;border-color:var(--action-blue-hover)!important}
.goal-footer .primary-btn,.topbar-actions>.primary-btn,.page-actions .primary-btn{background:var(--action-blue)!important;border-color:var(--action-blue)!important;color:#fff!important}
.goal-footer .primary-btn:hover,.topbar-actions>.primary-btn:hover,.page-actions .primary-btn:hover{background:var(--action-blue-hover)!important;border-color:var(--action-blue-hover)!important}
.nav-item{border-left-width:3px!important;color:#111!important}
.nav-item:hover{background:var(--nav-hover)!important;color:#000!important}
.nav-item.active{background:var(--nav-active)!important;border-left-color:var(--action-blue)!important;color:#000!important}
.nav-item.active .nav-copy{font-weight:700!important}
.nav-section{color:#526170!important;font-weight:500!important}
.sidebar-scroll{scrollbar-color:#b8c4cf transparent!important}
.sidebar-scroll::-webkit-scrollbar{width:8px!important}
.sidebar-scroll::-webkit-scrollbar-track{background:transparent!important}
.sidebar-scroll::-webkit-scrollbar-thumb{background:#c6d0da!important;border:2px solid #fff!important;border-radius:8px!important}
.nav-icon{width:22px!important;height:22px!important;display:grid!important;place-items:center!important;color:var(--nav-icon)!important;font-size:15px!important;line-height:1!important;font-weight:700!important;font-family:Arial,Helvetica,sans-serif!important}
.nav-item.active .nav-icon{color:var(--action-blue)!important}
.nav-icon::before{display:block!important}
.nav-item[data-page="operator"] .nav-icon::before{content:"âœ¦"}
.nav-item[data-page="goals"] .nav-icon::before{content:"â—Ž"}
.nav-item[data-page="discover"] .nav-icon::before{content:"âŒ•";font-size:18px!important}
.nav-item[data-page="research"] .nav-icon::before{content:"â—‡";font-size:18px!important}
.nav-item[data-page="leads"] .nav-icon::before{content:"â–£";font-size:14px!important}
.nav-item[data-page="companies"] .nav-icon::before{content:"â–¦";font-size:14px!important}
.nav-item[data-page="opportunities"] .nav-icon::before{content:"â—‰";font-size:14px!important}
.nav-item[data-page="whatsapp"] .nav-icon::before{content:"â—Œ";font-size:17px!important}
.nav-item[data-page="email"] .nav-icon::before{content:"âœ‰";font-size:14px!important}
.nav-item[data-page="followups"] .nav-icon::before{content:"â†»";font-size:15px!important}
.nav-item[data-page="workqueue"] .nav-icon::before{content:"â˜·";font-size:15px!important}
.nav-item[data-page="automation"] .nav-icon::before{content:"âš¡";font-size:14px!important}
.nav-item[data-page="corporate"] .nav-icon::before{content:"â—†";font-size:13px!important}
.nav-item[data-page="analytics"] .nav-icon::before{content:"âŒ";font-size:16px!important}
.nav-item[data-page="imports"] .nav-icon::before{content:"â‡£";font-size:16px!important}
.nav-item[data-page="settings"] .nav-icon::before{content:"âš™";font-size:14px!important}
.nav-badge{background:#edf2f7!important;color:#111!important;border:1px solid #e0e6ed!important;font-weight:700!important}
.nav-icon::before{width:auto!important;height:auto!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;opacity:1!important;background:transparent!important}

/* Product-style outlined sidebar icons */
.nav-icon{width:22px!important;height:22px!important;display:grid!important;place-items:center!important;color:#5b6876!important;font-size:0!important}
.nav-item.active .nav-icon{color:#155e9f!important}
.nav-icon::before{content:""!important;width:18px!important;height:18px!important;display:block!important;background:currentColor!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;opacity:1!important;-webkit-mask:var(--nav-mask) center/18px 18px no-repeat!important;mask:var(--nav-mask) center/18px 18px no-repeat!important}
.nav-item[data-page="operator"] .nav-icon{--nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E")}
.nav-item[data-page="goals"] .nav-icon{--nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3'/%3E%3C/svg%3E")}
.nav-item[data-page="discover"] .nav-icon{--nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E")}
.nav-item[data-page="research"] .nav-icon{--nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16v12H7l-3 3V4z'/%3E%3Cpath d='M8 8h8M8 12h5'/%3E%3C/svg%3E")}
.nav-item[data-page="leads"] .nav-icon{--nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16M4 12h16M4 19h16'/%3E%3Cpath d='M8 5v14'/%3E%3C/svg%3E")}
.nav-item[data-page="companies"] .nav-icon{--nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v16'/%3E%3Cpath d='M9 7h1M14 7h1M9 11h1M14 11h1M9 15h1M14 15h1M3 21h18'/%3E%3C/svg%3E")}
.nav-item[data-page="opportunities"] .nav-icon{--nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7H14a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E")}
.nav-item[data-page="whatsapp"] .nav-icon{--nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.5 8.5 0 0 1-12.4 7.6L3 21l1.9-5.4A8.5 8.5 0 1 1 21 11.5z'/%3E%3C/svg%3E")}
.nav-item[data-page="email"] .nav-icon{--nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E")}
.nav-item[data-page="followups"] .nav-icon{--nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 15-6.7L21 8'/%3E%3Cpath d='M21 3v5h-5M21 12a9 9 0 0 1-15 6.7L3 16'/%3E%3Cpath d='M3 21v-5h5'/%3E%3C/svg%3E")}
.nav-item[data-page="workqueue"] .nav-icon{--nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 12h18'/%3E%3C/svg%3E")}
.nav-item[data-page="automation"] .nav-icon{--nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='6' height='6' rx='1'/%3E%3Crect x='15' y='15' width='6' height='6' rx='1'/%3E%3Cpath d='M9 6h3a3 3 0 0 1 3 3v6M15 18h-3a3 3 0 0 1-3-3V9'/%3E%3C/svg%3E")}
.nav-item[data-page="corporate"] .nav-icon{--nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2 3 7l9 5 9-5-9-5z'/%3E%3Cpath d='m3 17 9 5 9-5M3 12l9 5 9-5'/%3E%3C/svg%3E")}
.nav-item[data-page="analytics"] .nav-icon{--nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V5M10 19V9M16 19v-6M22 19H2'/%3E%3C/svg%3E")}
.nav-item[data-page="imports"] .nav-icon{--nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M7 10l5 5 5-5'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E")}
.nav-item[data-page="settings"] .nav-icon{--nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.8 1.8 0 0 0 .4 2l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.8 1.8 0 0 0-2-.4 1.8 1.8 0 0 0-1 1.6V21a2 2 0 1 1-4 0v-.1a1.8 1.8 0 0 0-1-1.6 1.8 1.8 0 0 0-2 .4l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.8 1.8 0 0 0 .4-2 1.8 1.8 0 0 0-1.6-1H3a2 2 0 1 1 0-4h.1a1.8 1.8 0 0 0 1.6-1 1.8 1.8 0 0 0-.4-2l-.1-.1A2 2 0 1 1 7 4.1l.1.1a1.8 1.8 0 0 0 2 .4 1.8 1.8 0 0 0 1-1.6V3a2 2 0 1 1 4 0v.1a1.8 1.8 0 0 0 1 1.6 1.8 1.8 0 0 0 2-.4l.1-.1A2 2 0 1 1 20 7l-.1.1a1.8 1.8 0 0 0-.4 2 1.8 1.8 0 0 0 1.6 1H21a2 2 0 1 1 0 4h-.1a1.8 1.8 0 0 0-1.5 1z'/%3E%3C/svg%3E")}

/* Mobile UX/UI pass */
@media(max-width:680px){
  :root{--topbar:56px!important}
  body{font-size:13px!important;overflow-x:hidden!important}
  .app-main{margin-left:0!important;width:100%!important}
  .topbar{height:56px!important;padding:0 12px!important;gap:8px!important;position:sticky!important;background:#fff!important}
  .topbar-left{flex:1 1 auto!important;min-width:0!important}
  .topbar-leading{min-width:0!important;width:100%!important;gap:8px!important}
  .menu-btn{display:grid!important;width:28px!important;height:28px!important;flex:0 0 auto!important}
  .desktop-sidebar-toggle{display:none!important}
  .topbar-title strong{font-size:14px!important;line-height:1.1!important;max-width:170px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .topbar-title span{display:none!important}
  .topbar-actions{flex:0 0 auto!important;margin-left:auto!important;gap:0!important}
  .topbar-actions .global-search,.topbar-actions .status-pill,.topbar-actions .usage-chip{display:none!important}
  .topbar-actions>.primary-btn{height:36px!important;min-height:36px!important;padding:0 12px!important;font-size:11px!important}
  .page-root{padding:10px 10px 24px!important;max-width:none!important;width:100%!important}
  .page-header{display:flex!important;flex-direction:column!important;gap:8px!important;margin-bottom:10px!important}
  .page-header::before{font-size:9px!important;line-height:1.2!important;margin:0!important;color:#4f5d6a!important;letter-spacing:.09em!important}
  .page-header h2{font-size:25px!important;line-height:1.08!important}
  .page-header p{font-size:13px!important;line-height:1.35!important;margin-top:2px!important}
  .page-actions{display:flex!important;width:100%!important;padding-top:0!important;gap:6px!important;grid-column:auto!important;grid-row:auto!important}
  .page-actions .primary-btn,.page-actions .secondary-btn{flex:1 1 0!important;height:36px!important;padding:0 8px!important;font-size:11px!important}
  .page-actions [data-action="new-goal"]{display:none!important}
  .goal-composer{padding:10px!important;margin-bottom:10px!important}
  .goal-label{font-size:13px!important;margin-bottom:8px!important}
  .goal-composer textarea{min-height:96px!important;max-height:120px!important;margin:0!important;padding:10px!important;font-size:13px!important;line-height:1.45!important;overflow:auto!important}
  .goal-footer{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:10px!important}
  .goal-tags{display:flex!important;gap:6px!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:2px!important}
  .tag{flex:0 0 auto!important;min-height:30px!important;padding:6px 9px!important;font-size:11px!important}
  .goal-footer>div:last-child{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;width:100%!important}
  .goal-footer button{width:100%!important;height:40px!important;font-size:12px!important}
  .kpi-strip{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:10px!important}
  .kpi{min-height:86px!important;padding:10px!important}
  .kpi small{font-size:11px!important;line-height:1.2!important}
  .kpi strong{font-size:24px!important;margin-top:8px!important}
  .kpi em{font-size:10px!important;margin-top:6px!important}
  .grid,.operator-grid,.page-two-col,.grid-2,.grid-3,.grid-4,.goal-cards{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .panel,.table-panel,.goal-composer,.kpi,.metric-box,.message-card,.insight{box-shadow:none!important}
  .panel-pad,.workflow{padding:10px!important}
  .progress-head{align-items:flex-start!important;gap:8px!important}
  .progress-head strong{font-size:13px!important;line-height:1.25!important}
  .split-content{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-top:10px!important}
  .steps{overflow:hidden!important}
  .step{grid-template-columns:32px minmax(0,1fr)!important;gap:8px!important;min-height:56px!important;padding:9px!important;align-items:start!important}
  .step-num{width:28px!important;height:24px!important;font-size:9px!important}
  .step strong{font-size:12px!important;line-height:1.25!important;padding-top:3px!important}
  .step .state{grid-column:2!important;justify-self:start!important;margin-top:4px!important;font-size:10px!important}
  .summary-row{grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;min-height:36px!important}
  .summary-row span,.summary-row strong{font-size:11px!important}
  .table-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;min-height:0!important;padding:10px!important}
  .table-toolbar h3{font-size:14px!important}
  .toolbar-actions{display:flex!important;gap:6px!important;overflow-x:auto!important;width:100%!important}
  .toolbar-actions .secondary-btn,.toolbar-actions .ghost-btn,.toolbar-actions .compact-input,.toolbar-actions .compact-select{flex:0 0 auto!important}
  .table-panel{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .data-table{min-width:620px!important}
  .data-table th{font-size:9px!important;padding:8px!important;white-space:nowrap!important}
  .data-table td{font-size:10.5px!important;padding:8px!important;white-space:normal!important}
  .company-cell{gap:7px!important;min-width:170px!important}
  .company-logo{width:30px!important;height:30px!important;flex:0 0 auto!important}
  .company-meta strong{white-space:normal!important;line-height:1.25!important}
  .queue-item{grid-template-columns:34px minmax(0,1fr) auto!important;padding:8px 0!important;min-height:52px!important}
  .activity{grid-template-columns:54px 1fr!important;gap:8px!important}
  .activity span{font-size:11px!important;line-height:1.4!important}
  .metric-box{min-height:78px!important;padding:10px!important}
  .filter-bar{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding:10px!important}
  .compact-input,.compact-select{min-width:180px!important;height:34px!important;font-size:12px!important}
  .message-head{align-items:flex-start!important}
  .message-actions{gap:6px!important;overflow-x:auto!important;flex-wrap:nowrap!important}
  .mini-btn{flex:0 0 auto!important;min-height:34px!important}
  .lead-drawer{width:100vw!important}
  .drawer-score{grid-template-columns:1fr!important}
  .drawer-score>div{border-right:0!important;border-bottom:1px solid #d9d9d9!important}
  .drawer-score>div:last-child{border-bottom:0!important}
}
@media(max-width:420px){
  .page-header h2{font-size:24px!important}
  .kpi-strip{grid-template-columns:1fr!important}
  .topbar-actions>.primary-btn{padding:0 10px!important}
  .page-actions .primary-btn,.page-actions .secondary-btn{font-size:10.5px!important}
}

/* Mobile color refinement: calmer paper UI */
:root{--action-blue:#174a73;--action-blue-hover:#123b5c;--paper-tint:#f7f9fb;--paper-line:#d8dee5;--soft-blue:#eef5fb}
.primary-btn,.goal-footer .primary-btn,.topbar-actions>.primary-btn,.page-actions .primary-btn{background:var(--action-blue)!important;border-color:var(--action-blue)!important;color:#fff!important}
.primary-btn:hover,.goal-footer .primary-btn:hover,.topbar-actions>.primary-btn:hover,.page-actions .primary-btn:hover{background:var(--action-blue-hover)!important;border-color:var(--action-blue-hover)!important}
.qicon.green,.qicon.gold,.qicon{background:#fff!important;border-color:#b8c2cc!important;color:#334155!important}
.qicon.green{background:#edf7f2!important;border-color:#a8d5bd!important;color:#1f7a56!important}
.qicon.gold{background:#fff7e6!important;border-color:#e2c47e!important;color:#8a620c!important}
.queue-item:hover{background:#f7f9fb!important}
@media(max-width:680px){
  body,.page-root{background:#f7f9fb!important}
  .topbar{border-bottom-color:var(--paper-line)!important;box-shadow:0 1px 0 rgba(15,23,42,.04)!important}
  .topbar-actions>.primary-btn{height:34px!important;padding:0 13px!important;background:#174a73!important;border-color:#174a73!important}
  .page-header{background:#fff!important;border:1px solid var(--paper-line)!important;padding:10px!important;margin-bottom:10px!important}
  .page-header::before{color:#64748b!important}
  .page-header p{color:#26384a!important}
  .page-actions .secondary-btn{background:#fff!important;border-color:#c6d0da!important;color:#142333!important}
  .goal-composer,.panel,.table-panel,.kpi,.message-card,.metric-box,.insight{background:#fff!important;border-color:var(--paper-line)!important}
  .goal-composer textarea{background:#fbfdff!important;border-color:#cbd5df!important;color:#061421!important}
  .tag{background:#fff!important;border-color:#ccd6df!important;color:#122437!important}
  .tag.gold{background:#111!important;border-color:#111!important;color:#fff!important}
  .secondary-btn,.ghost-btn,.mini-btn{background:#fff!important;border-color:#bac5d0!important;color:#142333!important}
  .secondary-btn:hover,.ghost-btn:hover,.mini-btn:hover{background:#f3f7fa!important;border-color:#94a3b3!important}
  .kpi{border-left:3px solid #174a73!important}
  .kpi::before{display:none!important}
  .kpi small,.summary-row span,.queue-item small,.activity time{color:#475569!important}
  .progress-track,.bar{background:#e7edf3!important}
  .progress-bar,.bar span,.chart-placeholder span{background:#174a73!important}
  .step.running{background:#f0f6fb!important;border-left-color:#174a73!important}
  .step-num,.state,.badge,.score{background:#fff!important;border-color:#b8c2cc!important;color:#111!important}
  .state.running,.badge.blue{background:#eef5fb!important;border-color:#b6cadd!important;color:#174a73!important}
  .qicon{width:30px!important;height:30px!important;background:#fff!important;border-color:#b8c2cc!important;color:#334155!important}
  .qicon.green{background:#edf7f2!important;border-color:#a8d5bd!important;color:#1f7a56!important}
  .qicon.gold{background:#fff7e6!important;border-color:#e2c47e!important;color:#8a620c!important}
  .queue-list{border-top-color:#dbe2e8!important}
  .queue-item{border-bottom-color:#e5e9ee!important;background:#fff!important}
  .queue-item:hover{background:#f7f9fb!important}
  .data-table th{background:#f2f5f8!important;color:#1f2937!important}
  .data-table td{background:#fff!important;border-bottom-color:#e3e8ee!important}
  .nav-item.active{background:#eaf2f8!important;border-left-color:#174a73!important}
  .nav-item.active .nav-icon{color:#174a73!important}
}

/* Mobile header correction and black action buttons */
:root{--action-blue:#000;--action-blue-hover:#1f1f1f}
.primary-btn,.goal-footer .primary-btn,.topbar-actions>.primary-btn,.page-actions .primary-btn{background:#000!important;border-color:#000!important;color:#fff!important}
.primary-btn:hover,.goal-footer .primary-btn:hover,.topbar-actions>.primary-btn:hover,.page-actions .primary-btn:hover{background:#1f1f1f!important;border-color:#1f1f1f!important;color:#fff!important}
.tag.gold{background:#000!important;border-color:#000!important;color:#fff!important}
@media(max-width:680px){
  body,.page-root{background:#f4f7fa!important}
  .topbar{background:#fff!important;border-bottom:1px solid #d8dee5!important;box-shadow:none!important}
  .topbar-actions>.primary-btn{background:#000!important;border-color:#000!important;color:#fff!important}
  .page-header{background:transparent!important;border:0!important;padding:0!important;margin:0 0 12px!important;box-shadow:none!important}
  .page-header::before{color:#536273!important;margin-bottom:2px!important}
  .page-header h2{font-size:26px!important;margin:0!important;color:#000!important}
  .page-header p{color:#1f2933!important;max-width:100%!important}
  .page-header .page-actions{margin-top:6px!important}
  .page-actions .secondary-btn{background:#fff!important;border-color:#c7d0da!important;color:#000!important}
  .page-actions .primary-btn,.goal-footer .primary-btn{background:#000!important;border-color:#000!important;color:#fff!important}
  .goal-footer .secondary-btn{background:#fff!important;border-color:#c7d0da!important;color:#000!important}
  .kpi{border-left-color:#000!important}
  .progress-bar,.bar span,.chart-placeholder span{background:#000!important}
  .step.running{border-left-color:#000!important;background:#f5f5f5!important}
  .state.running,.badge.blue{background:#f5f5f5!important;border-color:#bdbdbd!important;color:#000!important}
  .nav-item.active{background:#f0f0f0!important;border-left-color:#000!important}
  .nav-item.active .nav-icon{color:#000!important}
}

/* Mobile full-bleed header fix */
@media(max-width:680px){
  html,body,.app-shell{width:100%!important;max-width:100%!important;margin:0!important;background:#f4f7fa!important}
  .app-main{margin-left:0!important;width:100%!important;max-width:none!important;overflow-x:hidden!important;background:#f4f7fa!important}
  .topbar{position:sticky!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:54px!important;margin:0!important;padding:0 12px!important;background:#fff!important;border:0!important;border-bottom:1px solid #e2e6ea!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;z-index:70!important}
  .topbar::before,.topbar::after{content:none!important;display:none!important}
  .topbar-left,.topbar-leading{height:54px!important;align-items:center!important}
  .page-root{margin:0!important;width:100%!important;padding-top:10px!important}
}

/* Mobile topbar title-only alignment */
@media(max-width:680px){
  .topbar{height:52px!important;min-height:52px!important;display:flex!important;align-items:center!important;padding:0 12px!important}
  .topbar-left{height:52px!important;display:flex!important;align-items:center!important;flex:1 1 auto!important;min-width:0!important}
  .topbar-leading{height:52px!important;display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}
  .menu-btn{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;margin:0!important;align-self:center!important}
  .hamburger{width:18px!important;height:12px!important;display:block!important;position:relative!important}
  .topbar-title{display:flex!important;align-items:center!important;min-width:0!important;height:52px!important;margin:0!important}
  .topbar-title strong{display:block!important;font-size:14px!important;line-height:1!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#000!important}
  .topbar-title span{display:none!important}
  .topbar-actions{height:52px!important;display:flex!important;align-items:center!important;flex:0 0 auto!important;margin-left:8px!important}
  .topbar-actions>.primary-btn{height:34px!important;min-height:34px!important;padding:0 14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;background:#000!important;border-color:#000!important;color:#fff!important}
}

/* Mobile topbar spacing fix */
@media(max-width:680px){
  .topbar{padding:0 10px!important;gap:8px!important;justify-content:space-between!important}
  .topbar-left{flex:1 1 auto!important;min-width:0!important;max-width:calc(100% - 116px)!important}
  .topbar-leading{gap:6px!important;min-width:0!important;width:auto!important}
  .menu-btn{width:26px!important;height:26px!important;flex:0 0 26px!important}
  .topbar-title{height:52px!important;min-width:0!important;flex:0 1 auto!important}
  .topbar-title strong{max-width:150px!important;font-size:14px!important}
  .topbar-actions{flex:0 0 auto!important;margin-left:0!important;width:auto!important}
  .topbar-actions>.primary-btn{width:102px!important;flex:0 0 102px!important;padding:0!important;font-size:11px!important}
}
@media(max-width:380px){
  .topbar-title strong{max-width:126px!important;font-size:13px!important}
  .topbar-actions>.primary-btn{width:96px!important;flex-basis:96px!important}
}

/* Mobile header final: compact title-only app bar */
@media(max-width:680px){
  .app-shell,.app-main{display:block!important;width:100vw!important;max-width:100vw!important;margin:0!important;padding:0!important;overflow-x:hidden!important}
  .topbar{width:100vw!important;max-width:100vw!important;margin:0!important;padding:0 12px!important;left:0!important;right:auto!important;border-radius:0!important;justify-content:flex-start!important;gap:0!important}
  .topbar-left{flex:0 1 auto!important;max-width:none!important;width:auto!important;height:52px!important}
  .topbar-leading{width:auto!important;gap:7px!important}
  .topbar-title strong{max-width:calc(100vw - 72px)!important}
  .topbar-actions{display:none!important}
  .page-root{width:100vw!important;max-width:100vw!important;margin:0!important;padding-left:10px!important;padding-right:10px!important}
  .page-header .page-actions{display:flex!important}
  .page-header .page-actions [data-action="new-goal"]{display:inline-flex!important}
}

/* Mobile header final visual reset: no empty boxed strip */
@media(max-width:680px){
  body,.app-shell,.app-main,.page-root{background:#f4f7fa!important}
  .topbar{position:relative!important;width:auto!important;max-width:none!important;height:42px!important;min-height:42px!important;margin:0!important;padding:8px 12px 0!important;background:transparent!important;border:0!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}
  .topbar-left{height:34px!important;display:flex!important;align-items:center!important;flex:0 0 auto!important;width:auto!important;max-width:none!important}
  .topbar-leading{height:34px!important;display:inline-flex!important;align-items:center!important;width:auto!important;min-width:0!important;gap:6px!important}
  .menu-btn{width:24px!important;height:24px!important;flex:0 0 24px!important;padding:0!important}
  .hamburger{width:18px!important;height:12px!important}
  .topbar-title{height:auto!important;display:inline-flex!important;align-items:center!important;width:auto!important;flex:0 0 auto!important}
  .topbar-title strong{max-width:none!important;font-size:14px!important;line-height:1!important}
  .topbar-title span,.topbar-actions{display:none!important}
  .page-root{padding-top:4px!important}
}

/* Mobile header with button restored + single-line workflow rows */
@media(max-width:680px){
  .topbar{position:sticky!important;top:0!important;width:100%!important;height:52px!important;min-height:52px!important;padding:0 10px!important;background:#fff!important;border-bottom:1px solid #d9d9d9!important;display:flex!important;align-items:center!important;justify-content:space-between!important;z-index:70!important}
  .topbar-left{height:52px!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:calc(100% - 108px)!important}
  .topbar-leading{height:52px!important;width:auto!important;display:flex!important;align-items:center!important;gap:6px!important}
  .menu-btn{width:26px!important;height:26px!important;flex:0 0 26px!important}
  .topbar-title{height:52px!important;display:flex!important;align-items:center!important;min-width:0!important}
  .topbar-title strong{font-size:14px!important;line-height:1!important;max-width:150px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .topbar-title span{display:none!important}
  .topbar-actions{display:flex!important;height:52px!important;align-items:center!important;flex:0 0 auto!important;margin-left:8px!important}
  .topbar-actions .global-search,.topbar-actions .status-pill,.topbar-actions .usage-chip{display:none!important}
  .topbar-actions>.primary-btn{display:inline-flex!important;width:98px!important;height:34px!important;min-height:34px!important;padding:0!important;background:#000!important;border-color:#000!important;color:#fff!important;font-size:11px!important;align-items:center!important;justify-content:center!important}
  .page-root{padding-top:10px!important}
  .page-header .page-actions [data-action="new-goal"]{display:none!important}
  .steps{border:1px solid #d9d9d9!important;overflow:hidden!important}
  .step{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;min-height:44px!important;padding:7px 8px!important;background:#fff!important}
  .step-num{width:34px!important;height:24px!important;display:grid!important;place-items:center!important;font-size:9px!important;line-height:1!important}
  .step strong{min-width:0!important;font-size:12px!important;line-height:1.2!important;padding:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .step .state{grid-column:auto!important;justify-self:end!important;margin:0!important;white-space:nowrap!important;font-size:10px!important;min-height:24px!important;display:inline-flex!important;align-items:center!important;padding:0 7px!important}
}
@media(max-width:380px){
  .topbar-title strong{max-width:122px!important}
  .topbar-actions>.primary-btn{width:92px!important}
  .step{grid-template-columns:38px minmax(0,1fr) auto!important;gap:6px!important}
  .step .state{font-size:9px!important;padding:0 5px!important}
}

/* Mobile secondary-page layout tightening */
@media(max-width:680px){
  .page-header{gap:6px!important;margin-bottom:10px!important}
  .page-header h2{font-size:24px!important;line-height:1.08!important}
  .page-header p{font-size:12.5px!important;line-height:1.32!important;margin-top:2px!important}
  .page-header .page-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:100%!important;margin-top:4px!important}
  .page-header .page-actions:has(> :only-child){grid-template-columns:1fr!important;width:max-content!important;max-width:100%!important}
  .page-header .page-actions .primary-btn,.page-header .page-actions .secondary-btn{height:34px!important;min-height:34px!important;padding:0 12px!important;font-size:11px!important;width:auto!important;flex:0 0 auto!important}
  .page-header>button.primary-btn,.page-header>button.secondary-btn{align-self:flex-start!important;height:34px!important;min-height:34px!important;padding:0 12px!important;font-size:11px!important;width:auto!important}
  .grid.grid-3,.grid.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .metric-box{min-height:74px!important;padding:10px!important}
  .metric-box span{font-size:10.5px!important;line-height:1.2!important}
  .metric-box strong{font-size:22px!important;margin-top:8px!important}
  .section{margin-top:10px!important}
  .table-toolbar{grid-template-columns:1fr!important;padding:10px!important}
  .table-toolbar .compact-select,.table-toolbar .compact-input{width:100%!important;min-width:0!important}
}
@media(max-width:380px){.grid.grid-3,.grid.grid-4{grid-template-columns:1fr 1fr!important}}

/* Mobile header hard reset - one clean app bar */
@media(max-width:680px){
  html,body{margin:0!important;padding:0!important;width:100%!important;overflow-x:hidden!important;background:#f4f7fa!important}
  .app-shell,.app-main{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;background:#f4f7fa!important;overflow-x:hidden!important}
  .topbar{
    position:fixed!important;
    top:0!important;left:0!important;right:0!important;
    width:100%!important;max-width:100%!important;
    height:56px!important;min-height:56px!important;
    margin:0!important;padding:0 12px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;gap:10px!important;
    background:#fff!important;border:0!important;border-bottom:1px solid #d9d9d9!important;
    border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;
    box-sizing:border-box!important;z-index:999!important;
  }
  .topbar-left{width:auto!important;max-width:none!important;min-width:0!important;height:56px!important;display:flex!important;align-items:center!important;grid-column:1!important;overflow:hidden!important}
  .topbar-leading{width:auto!important;min-width:0!important;height:56px!important;display:flex!important;align-items:center!important;gap:7px!important;overflow:hidden!important}
  .menu-btn{display:grid!important;width:28px!important;height:28px!important;min-width:28px!important;flex:0 0 28px!important;padding:0!important;margin:0!important;place-items:center!important;background:transparent!important;border:0!important;color:#000!important}
  .hamburger{width:19px!important;height:13px!important;margin:0!important}
  .topbar-title{height:auto!important;display:block!important;min-width:0!important;overflow:hidden!important;margin:0!important;padding:0!important}
  .topbar-title strong{display:block!important;max-width:100%!important;margin:0!important;font-size:14px!important;font-weight:700!important;line-height:1!important;color:#000!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .topbar-title span{display:none!important}
  .topbar-actions{grid-column:2!important;width:auto!important;height:56px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;margin:0!important;padding:0!important;gap:0!important;overflow:visible!important}
  .topbar-actions .global-search,.topbar-actions .status-pill,.topbar-actions .usage-chip{display:none!important}
  .topbar-actions>.primary-btn{display:inline-flex!important;width:auto!important;min-width:104px!important;height:36px!important;min-height:36px!important;padding:0 14px!important;margin:0!important;align-items:center!important;justify-content:center!important;background:#000!important;border:1px solid #000!important;color:#fff!important;font-size:11px!important;line-height:1!important;white-space:nowrap!important}
  .page-root{width:100%!important;max-width:100%!important;margin:0!important;padding:66px 10px 24px!important;box-sizing:border-box!important;background:#f4f7fa!important}
}
@media(max-width:360px){
  .topbar{padding:0 10px!important;gap:8px!important}
  .topbar-actions>.primary-btn{min-width:96px!important;padding:0 10px!important}
  .topbar-title strong{font-size:13px!important}
}

.select-cell{display:flex;align-items:center;gap:10px;min-width:260px}
.select-cell input{width:16px;height:16px;accent-color:#000;flex:0 0 auto}
.select-cell .company-cell{display:flex;align-items:center;gap:8px}

/* Real app workflow expansion */
.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}
.goal-builder{margin-bottom:14px}
.goal-description{width:100%;min-height:88px;padding:12px;border:1px solid var(--line-strong);background:#fff;color:#000;font-size:12px;line-height:1.45;resize:vertical;box-sizing:border-box}
.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
.discover-header{margin-bottom:12px}
.discover-controls{width:100%;box-shadow:none}
.discover-filter{display:grid;grid-template-columns:minmax(240px,1.6fr) repeat(5,minmax(130px,1fr)) auto;gap:8px;align-items:center;padding:14px;background:#fff;border-bottom:0}
.discover-filter .compact-input,.discover-filter .compact-select{width:100%;min-width:0;height:38px}
.discover-results .data-table{min-width:1180px}
.route-actions{display:flex;gap:8px;flex-wrap:wrap;padding:10px 13px;border-bottom:1px solid var(--line);background:#fff}
.research-runner{margin-bottom:14px}
.research-table{min-width:1260px}
.platform-pill{display:inline-flex;margin:0 4px 4px 0;padding:3px 6px;border:1px solid var(--line);background:#f6f7f9;font-size:9.5px;font-weight:700;white-space:nowrap}
.checklist{display:grid;gap:8px}.checklist span{padding:9px 10px;border:1px solid var(--line);background:#fff;font-size:11px}
@media(max-width:1220px){.discover-filter{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.form-grid,.discover-filter{grid-template-columns:1fr!important}.route-actions{display:grid;grid-template-columns:1fr 1fr}.route-actions .primary-btn,.route-actions .secondary-btn{width:100%}.goal-description{min-height:110px}.discover-results,.research-table{overflow:auto}.form-actions{display:grid;grid-template-columns:1fr 1fr}}

/* Full-app foundations: resource control and digital footprint research */
.grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.resource-grid,.footprint-scores{padding:12px;gap:10px}
.footprint-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.footprint-header h3{margin:4px 0 6px;font-size:18px;color:var(--text)}
.footprint-header p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}
.footprint-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:8px}
.footprint-tabs span{min-height:28px;display:inline-flex;align-items:center;padding:5px 9px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:10px;font-weight:700}
.footprint-tabs span:first-child{background:var(--surface-3);color:var(--text);border-color:var(--line-strong)}
.profile-summary{padding:0 13px 6px}
@media(max-width:1320px){.grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-grid,.footprint-scores{padding:8px}.footprint-header{flex-direction:column}.footprint-tabs{overflow:auto;flex-wrap:nowrap}.profile-summary{padding:0 10px 5px}}

/* Compact multi-filter rows for real data screens */
.discover-filter,.table-filters{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;gap:8px!important;align-items:center!important;padding:10px 12px!important}
.discover-filter .compact-input,.discover-filter .compact-select,.table-filters .compact-input,.table-filters .compact-select{width:100%!important;min-width:0!important;height:36px!important}
.discover-filter .primary-btn{min-width:140px!important;height:36px!important}
.small-filter{min-width:0!important}
.discover-controls{overflow:visible!important}
@media(max-width:680px){.discover-filter,.table-filters{grid-template-columns:1fr 1fr!important;padding:8px!important}.discover-filter .primary-btn{grid-column:1/-1!important;width:100%!important}.table-filters #leadSearch{grid-column:1/-1!important}}
@media(max-width:380px){.discover-filter,.table-filters{grid-template-columns:1fr!important}}

/* Research Center workflow */
.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.progress-track.compact{height:6px;min-width:90px;margin:0 0 4px;background:#e7e7e7}
.research-table td:last-child{min-width:190px}
@media(max-width:680px){.research-table{min-width:860px}.row-actions{gap:6px}.progress-track.compact{min-width:70px}.table-toolbar .toolbar-actions{display:grid!important;grid-template-columns:1fr!important;width:100%}.table-toolbar .toolbar-actions .primary-btn,.table-toolbar .toolbar-actions .secondary-btn{width:100%}}


/* Record edit modal */
.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.28);z-index:130;opacity:0;pointer-events:none;transition:opacity .16s ease}
.modal-backdrop.open{opacity:1;pointer-events:auto}
.edit-modal{position:fixed;left:50%;top:50%;z-index:140;width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 36px);background:#fff;border:1px solid #cfd6df;box-shadow:0 22px 70px rgba(15,23,42,.22);transform:translate(-50%,-48%) scale(.98);opacity:0;pointer-events:none;transition:.16s ease;overflow:hidden}
.edit-modal.open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}
.edit-modal form{display:flex;flex-direction:column;max-height:calc(100vh - 36px)}
.edit-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid #d9d9d9;background:#fff}
.edit-modal-head span{display:block;margin-bottom:4px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#475569}
.edit-modal-head h3{margin:0;font-size:18px;line-height:1.15;color:#000}
.edit-modal-body{padding:14px 16px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:#fbfcfd}
.edit-field{display:grid;gap:5px}
.edit-field.full{grid-column:1/-1}
.edit-field label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#334155}
.edit-field input,.edit-field select,.edit-field textarea{width:100%;min-width:0;border:1px solid #aeb8c4;background:#fff;color:#000;padding:9px 10px;font:inherit;font-size:12px;line-height:1.35;box-sizing:border-box}
.edit-field textarea{min-height:88px;resize:vertical}
.edit-field small{font-size:10px;color:#64748b}
.edit-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #d9d9d9;background:#fff}
.action-link.danger{color:#9f1239!important}
@media(max-width:680px){.edit-modal{left:10px;right:10px;top:64px;width:auto;max-height:calc(100vh - 84px);transform:translateY(8px) scale(.98)}.edit-modal.open{transform:translateY(0) scale(1)}.edit-modal-body{grid-template-columns:1fr;padding:12px;gap:10px}.edit-modal-head,.edit-modal-actions{padding:12px}.edit-modal-actions{display:grid;grid-template-columns:1fr 1fr}.edit-modal-actions .primary-btn,.edit-modal-actions .secondary-btn{width:100%}}

/* Dense table rows and shared pagination */
.table-panel{
  overflow:auto!important;
}
.data-table{
  width:100%!important;
  min-width:max-content!important;
  table-layout:auto!important;
}
.data-table th,
.data-table td{
  white-space:nowrap!important;
  vertical-align:middle!important;
  line-height:1.25!important;
}
.data-table td{
  height:52px!important;
}
.data-table .company-cell{
  min-width:260px!important;
  white-space:nowrap!important;
}
.company-meta strong,
.company-meta small{
  display:block!important;
  max-width:340px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.row-actions{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
}
.row-actions .action-link{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
}
.action-link.danger{
  color:#b00020!important;
}
.select-cell{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  white-space:nowrap!important;
}
.table-pager{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:8px 10px!important;
  border-top:1px solid #d9d9d9!important;
  background:#fff!important;
  color:#000!important;
  font-size:11px!important;
}
.pager-actions{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  white-space:nowrap!important;
}
.pager-actions strong{
  font-size:11px!important;
  color:#000!important;
}
.pager-actions .mini-btn[disabled]{
  cursor:not-allowed!important;
  opacity:.45!important;
}
@media(max-width:680px){
  .table-pager{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .pager-actions{
    width:100%!important;
    overflow-x:auto!important;
  }
  .data-table{
    min-width:max-content!important;
  }
}

/* Communications and settings operating screens */
.ops-header{margin-bottom:14px}
.comm-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px}
.comm-metrics>div{min-height:68px;padding:11px 12px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}
.comm-metrics span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.comm-metrics strong{font-size:24px;line-height:1;color:var(--text)}
.ops-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px;align-items:start}
.ops-main{min-width:0}.ops-rail{display:grid;gap:12px;position:sticky;top:78px}
.comm-list{display:grid;gap:0;padding:0;background:var(--surface)}
.comm-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px;border:0;border-bottom:1px solid var(--line)}
.comm-row:last-child{border-bottom:0}.comm-row:hover{background:var(--surface-2)}
.comm-check{width:24px;height:24px;margin-top:2px;border:1px solid var(--line-strong);background:var(--surface-2)}
.comm-main{min-width:0}.comm-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:3px}
.comm-head strong{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.comm-meta{color:var(--muted);font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.comm-copy{margin:8px 0 0;padding:9px 10px!important;border:1px solid var(--line);background:rgba(255,255,255,.02);font-size:11px!important;line-height:1.45!important;max-height:72px;overflow:auto}
.comm-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;padding:0!important;border:0!important}
.lead-pick-list{display:grid;padding:6px}.lead-pick{min-height:48px;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:10px;padding:8px 10px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}
.lead-pick:last-child{border-bottom:0}.lead-pick:hover{background:var(--surface-2)}
.lead-pick strong,.lead-pick small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-pick strong{font-size:11.5px;color:var(--text)}.lead-pick small{margin-top:2px;color:var(--muted);font-size:10px}.lead-pick b{height:28px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface-2);font-size:10px;color:var(--text)}
.email-composer{padding:14px}.email-fields{display:grid;grid-template-columns:1fr 1.4fr;border:1px solid var(--line);margin:4px 0 12px}.email-fields>div{padding:10px 12px;border-right:1px solid var(--line)}.email-fields>div:last-child{border-right:0}.email-fields span,.email-fields strong{display:block}.email-fields span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.email-fields strong{margin-top:4px;font-size:11.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.compact-empty{padding:28px 14px!important}.settings-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px;align-items:start}.settings-nav{position:sticky;top:78px;display:grid;background:var(--surface);border:1px solid var(--line)}.settings-nav button{min-height:44px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);text-align:left;padding:0 13px;font-size:11.5px;font-weight:700}.settings-nav button:last-child{border-bottom:0}.settings-nav button.active,.settings-nav button:hover{background:var(--surface-2);color:var(--text);border-left:3px solid var(--gold)}
.settings-content{display:grid;gap:12px}.settings-section{background:var(--surface);border:1px solid var(--line);padding:14px}.settings-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:10px}.settings-section h3{margin:0;font-size:14px;color:var(--text)}.settings-section p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.setting-row{min-height:42px;padding:9px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.setting-row span{color:var(--muted);font-size:11px}.setting-row strong{color:var(--text);font-size:11px;text-align:right}.settings-note{margin-top:12px!important;padding:10px 12px;background:var(--surface-2);border-left:3px solid var(--gold);color:var(--text)!important}
@media(max-width:1220px){.ops-layout{grid-template-columns:1fr}.ops-rail,.settings-nav{position:static}.settings-shell{grid-template-columns:1fr}.settings-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-nav button{border-bottom:0;border-right:1px solid var(--line);text-align:center}.settings-nav button:last-child{border-right:0}}
@media(max-width:680px){.comm-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.comm-row{grid-template-columns:1fr;padding:10px}.comm-check{display:none}.comm-head{align-items:flex-start}.comm-copy{max-height:120px}.email-fields,.settings-grid{grid-template-columns:1fr}.email-fields>div{border-right:0;border-bottom:1px solid var(--line)}.email-fields>div:last-child{border-bottom:0}.settings-nav{grid-template-columns:1fr 1fr}.settings-nav button{text-align:left;border-right:0}.ops-rail{gap:10px}}
