:root{
  --bg:#edf1f5;
  --bg-2:#f6f8fa;
  --panel:rgba(255,255,255,.92);
  --panel-solid:#fff;
  --ink:#0e1720;
  --muted:#6c7885;
  --muted-2:#96a0aa;
  --line:#e2e7ec;
  --line-strong:#d7dde4;
  --nav:#0a1118;
  --nav-2:#101a24;
  --nav-3:#162432;
  --accent:#2f6fec;
  --accent-2:#79a8ff;
  --accent-soft:#eef4ff;
  --ok:#15845f;
  --ok-soft:#e9f6f0;
  --warn:#ba7d10;
  --warn-soft:#fff4dc;
  --danger:#b84a4d;
  --danger-soft:#fdeced;
  --shadow:0 18px 50px rgba(12,28,43,.08);
  --shadow-soft:0 8px 24px rgba(12,28,43,.055);
  --radius:18px;
  --radius-sm:12px;
}

*{box-sizing:border-box}
html{font-family:"Open Sans",Arial,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);scroll-behavior:smooth}
body{margin:0;min-width:320px;background:
  radial-gradient(circle at 82% 0%, rgba(47,111,236,.08), transparent 30%),
  linear-gradient(180deg,#f7f9fb 0,#edf1f5 52%,#e9eef3 100%);}
button,input{font:inherit}
button{transition:.2s ease}
button:focus-visible,input:focus-visible{outline:3px solid rgba(47,111,236,.18);outline-offset:2px}

.app-shell{min-height:100vh;display:flex}
.sidebar{position:fixed;inset:0 auto 0 0;width:268px;background:
  radial-gradient(circle at 15% 0%,rgba(73,124,185,.18),transparent 30%),
  linear-gradient(180deg,#0a1118 0%,#0b141d 58%,#0c1620 100%);
  color:#fff;padding:22px 16px 18px;display:flex;flex-direction:column;z-index:50;border-right:1px solid rgba(255,255,255,.05);box-shadow:14px 0 48px rgba(5,12,18,.12)}
.sidebar:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.018),transparent 35%)}
.brand{display:flex;align-items:center;gap:12px;padding:3px 8px 25px;position:relative;z-index:1}
.brand-mark{width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#f6f9ff,#cbdcff);color:#0e1a26;display:grid;place-items:center;font:800 13px Manrope;letter-spacing:.03em;box-shadow:0 8px 22px rgba(47,111,236,.16), inset 0 1px 0 rgba(255,255,255,.8)}
.brand strong{display:block;font:700 14px Manrope;letter-spacing:.01em}
.brand span{display:block;color:#7f92a3;font-size:10.5px;margin-top:3px;letter-spacing:.04em}
.nav{display:grid;gap:5px;position:relative;z-index:1}
.nav:before{content:"WORKSPACE";display:block;color:#4f6475;font-size:8px;letter-spacing:.18em;font-weight:800;padding:1px 13px 8px}
.nav-item{border:1px solid transparent;background:transparent;color:#8496a5;text-align:left;padding:11px 12px;border-radius:11px;font:500 12.5px Inter;display:flex;align-items:center;gap:10px;cursor:pointer;min-height:44px}
.nav-item span{font-size:15px;width:20px;text-align:center;color:#718797}
.nav-item b{margin-left:auto;font-size:9px;background:#1c2a36;color:#c7d5df;padding:4px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.045)}
.nav-item:hover{background:#101c27;color:#eaf2f8;border-color:rgba(255,255,255,.035);transform:translateX(2px)}
.nav-item:hover span{color:#a9c4de}
.nav-item.active{background:linear-gradient(90deg,rgba(53,111,184,.22),rgba(32,66,101,.16));color:#fff;border-color:rgba(116,165,220,.12);box-shadow:inset 3px 0 0 #75a9ff,0 8px 22px rgba(0,0,0,.08)}
.nav-item.active span{color:#9cc3ff}
.sidebar-footer{margin-top:auto;position:relative;z-index:1}
.system-status{display:flex;align-items:center;gap:9px;color:#758b9b;font-size:10px;padding:12px 11px;margin-bottom:5px;border:1px solid rgba(255,255,255,.045);background:rgba(255,255,255,.018);border-radius:11px}
.system-status i{width:7px;height:7px;border-radius:50%;background:#34bf82;box-shadow:0 0 0 4px rgba(52,191,130,.08),0 0 16px rgba(52,191,130,.35)}
.user-card{border-top:1px solid rgba(255,255,255,.07);padding:16px 7px 2px;display:flex;align-items:center;gap:10px}
.avatar{width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#203548,#172735);display:grid;place-items:center;font-weight:700;color:#d7e7f4;border:1px solid rgba(255,255,255,.06)}
.user-card strong{display:block;font-size:11.5px}.user-card span{display:block;color:#6e8495;font-size:9.5px;margin-top:2px}.user-card button{margin-left:auto;background:none;border:0;color:#708492;font-size:18px;cursor:pointer}

.main{margin-left:268px;width:calc(100% - 268px);padding:30px 36px 64px;position:relative}
.main:before{content:"";position:fixed;top:0;right:0;width:420px;height:260px;pointer-events:none;background:radial-gradient(circle at top right,rgba(70,125,211,.08),transparent 70%)}
.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;position:relative;z-index:2}
.eyebrow{font-size:9px;letter-spacing:.17em;font-weight:800;color:#8d98a3;margin:0 0 7px;text-transform:uppercase}
.topbar h1{font:750 25px Manrope;margin:0;letter-spacing:-.035em;color:#111b24}
.top-actions{display:flex;gap:10px;align-items:center}
.icon-button{width:43px;height:43px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.9);position:relative;cursor:pointer;box-shadow:var(--shadow-soft);color:#546271}
.icon-button:hover{transform:translateY(-1px);border-color:#ced6de;background:#fff}
.icon-button em{position:absolute;right:-4px;top:-4px;background:#c65155;color:#fff;min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-style:normal;font-size:8.5px;display:grid;place-items:center;border:2px solid #f3f6f9}
.primary,.secondary,.danger-btn{border:0;border-radius:11px;padding:11px 15px;font-weight:650;font-size:11px;cursor:pointer}
.primary{background:linear-gradient(135deg,#10202f,#0b151f);color:#fff;box-shadow:0 8px 22px rgba(14,31,45,.16),inset 0 1px 0 rgba(255,255,255,.08)}
.primary:hover{background:linear-gradient(135deg,#173148,#102232);transform:translateY(-1px)}
.secondary{background:#fff;border:1px solid var(--line);color:#273542;box-shadow:0 4px 12px rgba(19,35,49,.035)}
.secondary:hover{border-color:#cdd6df;background:#fbfcfd;transform:translateY(-1px)}
.danger-btn{background:var(--danger-soft);color:var(--danger)}
.danger-btn:hover{filter:brightness(.98)}
.small{padding:10px 14px}.full{width:100%}.mobile-menu{display:none}
.view{display:none;animation:fadeUp .28s ease both}.view.active{display:block}
@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.intro-row{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;margin-bottom:18px;background:rgba(255,255,255,.58);border:1px solid rgba(217,224,230,.8);border-radius:13px;padding:11px 14px;backdrop-filter:blur(10px)}
.intro-row p{margin:0}.intro-row strong{color:#243545}.last-sync{font-size:9.5px;color:#909ca7}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.metric{background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(252,253,254,.93));border:1px solid rgba(220,226,232,.9);border-radius:16px;padding:17px;display:flex;gap:13px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}
.metric:after{content:"";position:absolute;right:-24px;top:-32px;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle,rgba(47,111,236,.07),transparent 70%)}
.metric:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(16,35,51,.075);border-color:#d7dee5}
.metric-icon{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#f0f5ff,#e9f1ff);color:#2f6fec;display:grid;place-items:center;font-weight:750;border:1px solid #dde9ff;box-shadow:inset 0 1px 0 #fff}
.metric.warn .metric-icon{background:linear-gradient(145deg,#fff8e8,#fff1cc);color:var(--warn);border-color:#f5dfaf}
.metric span{display:block;font-size:10px;color:var(--muted);font-weight:600}.metric strong{display:inline-block;font:750 26px Manrope;margin:3px 8px 1px 0;letter-spacing:-.03em}.metric small{font-size:8.5px;color:#97a2ac}

.layout-two{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(320px,.82fr);gap:18px}.layout-two.lower{grid-template-columns:1fr 1fr;margin-top:18px}
.panel{background:var(--panel);border:1px solid rgba(218,225,231,.9);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(14px);overflow:hidden}
.panel-head{padding:18px 20px;border-bottom:1px solid #e7ebef;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(250,252,253,.46))}
.panel-head h2,.section-header h2,.knowledge-hero h2{font:740 16px Manrope;margin:0;letter-spacing:-.02em}
.text-btn,.inline-link{border:0;background:none;color:#2f6fec;font-size:10px;font-weight:700;cursor:pointer;padding:4px 0}.text-btn:hover,.inline-link:hover{text-decoration:underline}

.priority-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:17px 20px;border-bottom:1px solid #e9edf1;cursor:pointer;position:relative;background:rgba(255,255,255,.35)}
.priority-item:last-child{border-bottom:0}.priority-item:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;background:transparent;border-radius:3px}.priority-item:hover{background:#fbfcfe}.priority-item:hover:before{background:#7fa8ea}
.priority-top{display:flex;align-items:center;gap:8px;margin-bottom:5px}.priority-item h3{font:720 13px Manrope;margin:0;letter-spacing:-.01em}
.pill{font-style:normal;font-size:8px;padding:4px 7px;border-radius:999px;font-weight:800;letter-spacing:.03em;border:1px solid transparent}.pill.low{background:var(--ok-soft);color:var(--ok);border-color:#d5eee2}.pill.med{background:var(--warn-soft);color:#93630c;border-color:#f1dfb7}.pill.high{background:var(--danger-soft);color:var(--danger);border-color:#f6d8d9}
.priority-meta{font-size:10px;color:var(--muted)}.priority-note{font-size:10.5px;margin:9px 0 0;color:#435362;line-height:1.55}.priority-action{display:flex;align-items:center;gap:8px}.priority-action button{font-size:9.5px}

.twin-panel{padding:20px;position:relative;background:
  radial-gradient(circle at 92% 3%,rgba(95,153,229,.14),transparent 34%),
  linear-gradient(180deg,#0f1b26 0%,#101d28 100%);border-color:#182a39;color:#eaf1f6;box-shadow:0 20px 46px rgba(7,17,25,.18)}
.twin-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 33%)}
.twin-panel .eyebrow{color:#6f8ba0}.twin-panel h2{color:#fff}.twin-head{display:flex;align-items:center;gap:11px;position:relative;z-index:1}.ai-orb{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#28445d,#152b3d);color:#b8d7ff;display:grid;place-items:center;border:1px solid rgba(156,194,240,.15);box-shadow:0 8px 22px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08)}.ai-orb.large{width:58px;height:58px;margin-bottom:15px;font-size:18px}.twin-head h2{font:720 16px Manrope;margin:0}.live-pill{margin-left:auto;background:rgba(41,175,117,.13);color:#72d7a9;font-size:8px;font-weight:800;padding:5px 8px;border-radius:999px;border:1px solid rgba(83,200,143,.13);letter-spacing:.04em}
.twin-summary{font-size:11.5px;line-height:1.68;color:#b7c7d3;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.07);position:relative;z-index:1}.twin-summary strong{color:#fff}.insight{display:flex;gap:11px;padding:10px 0;position:relative;z-index:1}.insight span{font-size:8.5px;font-weight:800;color:#607c90;padding-top:2px}.insight p{font-size:10.5px;line-height:1.5;margin:0;color:#c0ccd6}.twin-panel .secondary{background:rgba(255,255,255,.055);color:#dfeaf2;border-color:rgba(255,255,255,.09);box-shadow:none}.twin-panel .secondary:hover{background:rgba(255,255,255,.085)}

.market-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:5px 10px}.market-item{padding:15px 12px;border-right:1px solid var(--line)}.market-item:last-child{border-right:0}.market-item span,.market-item small{display:block;font-size:8.5px;color:var(--muted)}.market-item strong{font:730 15px Manrope;display:block;margin:5px 0;letter-spacing:-.01em}.up{color:var(--ok)!important}.down{color:var(--danger)!important}.source-pill{font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.08em;background:#f1f4f7;color:#86929d;border:1px solid #e3e8ed;border-radius:999px;padding:4px 8px}.ai-note{margin:8px 18px 17px;background:linear-gradient(180deg,#f5f8fc,#f0f5fb);border:1px solid #e2eaf4;border-radius:11px;padding:11px 13px;display:flex;gap:9px}.ai-note span{color:#316ee2}.ai-note p{font-size:10px;margin:0;line-height:1.55;color:#40505e}
.activity-list{padding:5px 18px 14px}.activity{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.activity:last-child{border:0}.activity time{width:40px;font-size:8.5px;color:#9aa6af}.activity i{width:8px;height:8px;border-radius:50%;background:#7b9abb;margin-top:3px;box-shadow:0 0 0 4px rgba(83,126,172,.07)}.activity p{font-size:10px;margin:0;line-height:1.45;color:#43525e}

.toolbar,.section-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.section-header{margin-top:2px}.search{background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:11px;padding:10px 12px;flex:1;max-width:560px;box-shadow:var(--shadow-soft)}.search input{border:0;outline:0;width:90%;font:11px Inter;background:transparent;color:var(--ink)}
.cases-table{overflow:hidden}.table-head,.case-row{display:grid;grid-template-columns:1.2fr 1.2fr 1.25fr .8fr .6fr .8fr;gap:12px;align-items:center;padding:13px 18px}.table-head{font-size:8px;font-weight:800;color:#8d9aa4;letter-spacing:.10em;border-bottom:1px solid var(--line);background:#f8fafb;text-transform:uppercase}.case-row{font-size:10.5px;border-bottom:1px solid var(--line);cursor:pointer;background:#fff}.case-row:last-child{border-bottom:0}.case-row:hover{background:#f8fbff}.case-row strong{font-size:10.5px;color:#263b50}.status{font-style:normal;font-size:7.5px;font-weight:800;padding:4px 7px;border-radius:999px;width:max-content;letter-spacing:.03em}.status.decision{background:#fff1d9;color:#946100;border:1px solid #f3dfb5}.status.open{background:#eaf2ff;color:#2d62b9;border:1px solid #d9e6fb}.status.wait{background:#f0f1f3;color:#697783;border:1px solid #e4e6e9}

.contractor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.contractor-card{padding:18px;position:relative;overflow:hidden}.contractor-card:after{content:"";position:absolute;right:-24px;top:-24px;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,rgba(47,111,236,.07),transparent 70%)}.contractor-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(16,35,51,.085)}.contractor-card .company{display:flex;justify-content:space-between;align-items:start}.company-logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,#f2f5f8,#e8edf2);display:grid;place-items:center;font-weight:800;color:#34495b;border:1px solid #e1e7ec;box-shadow:inset 0 1px 0 #fff}.contractor-card h3{font:730 14px Manrope;margin:13px 0 3px}.contractor-card p{font-size:9.5px;color:var(--muted);margin:0;line-height:1.55}.contractor-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:15px 0}.contractor-stat{background:#f6f8fa;border:1px solid #edf0f3;border-radius:9px;padding:9px}.contractor-stat span{font-size:7.5px;color:var(--muted);display:block}.contractor-stat strong{font-size:10.5px}

.inbox-layout{display:grid;grid-template-columns:390px 1fr;gap:16px}.inbox-list{overflow:hidden}.mail-row{padding:14px 16px;border-bottom:1px solid var(--line);cursor:pointer;background:#fff;position:relative}.mail-row:last-child{border-bottom:0}.mail-row:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;background:transparent}.mail-row:hover,.mail-row.active{background:#f6f9fd}.mail-row.active:before{background:#4d82dc}.mail-row strong{display:block;font-size:10.5px}.mail-row span{font-size:8.5px;color:var(--muted)}.mail-row p{font-size:9.5px;margin:6px 0 0;color:#4f5f6b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-preview{padding:24px}.mail-preview h2{font:730 19px Manrope;margin:8px 0;letter-spacing:-.025em}.mail-meta{font-size:9.5px;color:var(--muted);padding-bottom:15px;border-bottom:1px solid var(--line)}.mail-body{font-size:11.5px;line-height:1.75;color:#3f4f5b;padding:20px 0}.demo-analysis{background:linear-gradient(180deg,#f5f8fc,#f0f5fb);border:1px solid #e0e9f2;border-radius:12px;padding:14px}.demo-analysis h4{font-size:10.5px;margin:0 0 9px;color:#244e80}.demo-analysis p{font-size:9.5px;margin:4px 0;color:#425665}

.empty-state{padding:62px 30px;text-align:center}.empty-icon{font-size:32px;color:#74899d}.empty-state h2{font:730 18px Manrope}.empty-state p{max-width:560px;margin:10px auto 20px;color:var(--muted);font-size:11px;line-height:1.65}
.knowledge-hero{padding:30px}.knowledge-hero>p{font-size:11px;color:var(--muted);line-height:1.6}.ask-box{display:flex;gap:8px;margin-top:20px}.ask-box input,.assistant-input input{flex:1;border:1px solid var(--line);border-radius:11px;padding:12px 13px;outline:0;background:#fff;box-shadow:inset 0 1px 2px rgba(14,29,42,.025);font-size:10.5px}.knowledge-answer{margin-top:18px}.answer-card{border:1px solid var(--line);border-radius:12px;padding:15px;font-size:10.5px;line-height:1.65;background:#fbfcfd}.answer-card p{color:#435564}.source-list{display:grid;gap:6px;margin:10px 0}.source-item{background:#fff;border:1px solid #e7ebef;border-radius:8px;padding:8px 10px;color:#596976}

.assistant-layout{min-height:640px;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff,#fbfcfd)}.assistant-history{padding:22px;overflow:auto;display:flex;flex-direction:column;gap:14px;flex:1}.chat{display:flex;gap:11px;max-width:78%}.chat.user{align-self:flex-end;flex-direction:row-reverse}.chat-avatar{width:32px;height:32px;border-radius:10px;background:#eef2f6;display:grid;place-items:center;font-size:11px;font-weight:750;flex:none;border:1px solid #e0e6eb}.chat.ai .chat-avatar{background:linear-gradient(145deg,#183047,#102332);color:#a8cbf8;border-color:#263d50}.chat>div:last-child{background:#f5f7f9;border:1px solid #e7ebef;border-radius:14px;padding:11px 13px}.chat.user>div:last-child{background:#10202f;border-color:#10202f;color:#fff}.chat strong{font-size:9.5px}.chat p{font-size:10px;line-height:1.55;margin:5px 0 0}.assistant-input{display:flex;gap:8px;padding:15px;border-top:1px solid var(--line);background:rgba(255,255,255,.95)}

.approval-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.approval-card{padding:19px}.approval-card h3{font:720 13px Manrope;margin:11px 0 8px}.approval-card p{font-size:10px;line-height:1.6;color:#4b5c69}.approval-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.audit-table{padding:4px 18px 14px}.audit-row{display:grid;grid-template-columns:86px 130px 1fr 70px;gap:10px;padding:12px 2px;border-bottom:1px solid var(--line);align-items:center;font-size:9.5px}.audit-row:last-child{border-bottom:0}.audit-row span{color:var(--muted)}.audit-row strong{font-size:8.5px;letter-spacing:.06em;color:#3e5365}

.back-btn{border:0;background:transparent;color:#647482;font-size:10px;font-weight:650;padding:0;margin:0 0 14px;cursor:pointer}.back-btn:hover{color:#2f6fec}.case-hero{display:grid;grid-template-columns:.8fr 1.15fr 1fr;gap:16px}.case-column{padding:20px}.case-column h2{font:730 15px Manrope;margin:0 0 13px}.detail-pair{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line);font-size:9.5px}.detail-pair span{color:var(--muted)}.detail-pair strong{text-align:right}.recommendation{font-size:10.5px;line-height:1.65;color:#435563;background:#f7f9fb;border:1px solid #edf0f3;border-radius:10px;padding:12px}.timeline{margin-top:16px;padding:20px}.timeline-item{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:10px}.timeline-item:last-child{border-bottom:0}.timeline-item time{color:var(--muted);font-size:9px}

.modal-backdrop{position:fixed;inset:0;background:rgba(6,13,19,.55);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-backdrop.show{display:flex}.modal{width:min(560px,100%);background:#fff;border-radius:20px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.22);position:relative;border:1px solid rgba(255,255,255,.8)}.modal-close{position:absolute;top:15px;right:15px;width:32px;height:32px;border:1px solid var(--line);background:#fff;border-radius:9px;cursor:pointer;font-size:18px;color:#697984}.modal h2{font:740 21px Manrope;margin:0 0 8px}.modal>p:not(.eyebrow){font-size:11px;line-height:1.65;color:var(--muted)}

@media (max-width:1180px){.metric-grid{grid-template-columns:repeat(2,1fr)}.layout-two{grid-template-columns:1fr}.layout-two.lower{grid-template-columns:1fr 1fr}.contractor-grid{grid-template-columns:repeat(2,1fr)}.case-hero{grid-template-columns:1fr 1fr}.case-hero .case-column:last-child{grid-column:1/-1}}
@media (max-width:900px){.sidebar{transform:translateX(-103%);transition:.25s ease;box-shadow:20px 0 60px rgba(0,0,0,.25)}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%;padding:22px 20px 52px}.mobile-menu{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:11px;background:#fff;margin-right:12px;cursor:pointer}.topbar>div:first-of-type{margin-right:auto}.topbar{align-items:center}.inbox-layout{grid-template-columns:1fr}.inbox-list{max-height:300px;overflow:auto}.layout-two.lower{grid-template-columns:1fr}.approval-grid{grid-template-columns:1fr}.case-hero{grid-template-columns:1fr}.case-hero .case-column:last-child{grid-column:auto}.table-head,.case-row{grid-template-columns:1fr 1.1fr 1.1fr .8fr}.table-head span:nth-child(5),.table-head span:nth-child(6),.case-row>span:nth-child(5),.case-row>span:nth-child(6){display:none}}
@media (max-width:640px){.main{padding:16px 13px 38px}.topbar{margin-bottom:18px}.topbar h1{font-size:20px}.top-actions .primary{display:none}.icon-button{width:39px;height:39px}.intro-row{align-items:flex-start;gap:8px;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:14px;gap:9px}.metric-icon{width:33px;height:33px}.metric strong{font-size:22px}.layout-two,.layout-two.lower{gap:12px}.contractor-grid{grid-template-columns:1fr}.market-grid{grid-template-columns:1fr 1fr}.market-item:nth-child(2){border-right:0}.market-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-header{align-items:flex-start}.section-header .primary{display:none}.toolbar{flex-wrap:wrap}.toolbar .search{max-width:none;flex-basis:100%}.table-head{display:none}.case-row{grid-template-columns:1fr auto;gap:6px 12px;padding:14px}.case-row>span:nth-child(2),.case-row>span:nth-child(3){grid-column:1}.case-row>span:nth-child(4){grid-column:2;grid-row:1}.audit-row{grid-template-columns:70px 1fr}.audit-row div{grid-column:1/-1}.audit-row span:last-child{display:none}.chat{max-width:92%}.assistant-layout{min-height:560px}.ask-box{flex-direction:column}.mail-preview{padding:18px}.timeline-item{grid-template-columns:1fr;gap:5px}.panel{border-radius:15px}}

/* ===== v0.3 PREMIUM READABILITY + ANALYTICS ===== */
html{font-size:16px}
body{font-size:15px;line-height:1.5}
.sidebar{width:286px;padding:24px 18px 20px}
.main{margin-left:286px;width:calc(100% - 286px);padding:32px 40px 72px}
.brand strong{font-size:16px}.brand span{font-size:12px}.brand-mark{width:48px;height:48px;font-size:14px}
.nav:before{font-size:10px;padding:4px 13px 9px}.nav-item{font-size:14px;min-height:48px;padding:12px 13px}.nav-item span{font-size:17px}.nav-item b{font-size:10px}
.system-status{font-size:12px}.user-card strong{font-size:13px}.user-card span{font-size:11px}
.topbar h1{font-size:30px}.eyebrow{font-size:10px!important;letter-spacing:.13em}.intro-row{font-size:13px}.last-sync{font-size:11px}
.primary,.secondary,.danger-btn,.text-btn,.inline-link,.back-btn{font-size:13px}.primary.small{font-size:12px}
.metric{padding:20px;gap:15px}.metric-icon{width:44px;height:44px;font-size:18px}.metric span{font-size:12px}.metric strong{font-size:30px}.metric small{font-size:11px}
.panel-head{padding:20px 22px}.panel-head h2,.section-header h2,.knowledge-hero h2{font-size:19px}.panel{border-radius:20px}
.priority-item h3{font-size:15px!important}.priority-meta,.priority-note{font-size:12px!important}.pill{font-size:10px!important}.live-pill{font-size:10px!important}
.twin-summary,.insight p{font-size:13px!important}.insight span{font-size:10px!important}.twin-head h2{font-size:20px!important}
.market-item span,.market-item small{font-size:11px}.market-item strong{font-size:18px}.ai-note p{font-size:12px}.activity time,.activity p{font-size:12px!important}
.search input{font-size:13px}.table-head{font-size:10px}.case-row,.case-row strong{font-size:13px}.status{font-size:10px}.toolbar{gap:10px}
.contractor-card{padding:21px;cursor:pointer}.contractor-card h3{font-size:17px}.contractor-card p{font-size:12px}.contractor-stat span{font-size:10px}.contractor-stat strong{font-size:13px}.company-logo{width:50px;height:50px;font-size:15px}
.mail-row{padding:17px 18px}.mail-row strong{font-size:13px}.mail-row span{font-size:11px}.mail-row p{font-size:12px}.mail-preview h2{font-size:23px}.mail-meta{font-size:12px}.mail-body{font-size:14px}.demo-analysis h4{font-size:13px}.demo-analysis p{font-size:12px}
.empty-state h2{font-size:22px}.empty-state p,.knowledge-hero>p{font-size:13px}.ask-box input,.assistant-input input{font-size:13px;padding:14px 15px}.answer-card{font-size:13px}.chat strong{font-size:12px}.chat p{font-size:13px}.chat-avatar{width:38px;height:38px;font-size:13px}
.approval-card h3{font-size:16px}.approval-card p{font-size:13px}.audit-row{font-size:12px;grid-template-columns:100px 150px 1fr 80px}.audit-row strong{font-size:10px}
.case-column h2{font-size:18px}.detail-pair{font-size:12px}.recommendation{font-size:13px}.timeline-item{font-size:12px}.timeline-item time{font-size:11px}.modal>p:not(.eyebrow){font-size:13px}.modal h2{font-size:24px}

.analytics-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.8fr);gap:18px;margin-bottom:18px}
.chart-panel,.pipeline-panel{min-height:354px}.chart-wrap{padding:12px 22px 20px}.chart-legend{display:flex;gap:14px;color:var(--muted);font-size:11px}.chart-legend span{display:flex;align-items:center;gap:6px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.blue{background:#4f86e8}.dot.green{background:#2aa879}.line-chart{display:block;width:100%;height:auto;min-height:220px}.grid-lines line{stroke:#e7ecf1;stroke-width:1}.series{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.primary-series{stroke:#4f86e8}.offer-series{stroke:#2aa879;stroke-width:2.4}.area{fill:url(#areaBlue)}.x-labels text{font-size:10px;fill:#8a98a5}.chart-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}.chart-kpis>div{padding:12px 14px;background:#f7f9fb;border:1px solid #e9edf1;border-radius:12px}.chart-kpis span,.chart-kpis small{display:block;font-size:10px;color:var(--muted)}.chart-kpis strong{display:block;font-size:19px;margin:3px 0 1px}.chart-kpis small{color:var(--ok)}
.pipeline-list{padding:14px 20px 6px;display:grid;gap:13px}.pipeline-row{display:grid;grid-template-columns:150px 1fr 80px;gap:12px;align-items:center}.pipeline-row div:first-child strong,.pipeline-row div:first-child span{display:block}.pipeline-row div:first-child strong{font-size:12px}.pipeline-row div:first-child span{font-size:10px;color:var(--muted);margin-top:2px}.pipeline-row>b{text-align:right;font-size:12px}.bar{height:8px;border-radius:99px;background:#eef2f5;overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#315f9c,#5d95df)}.pipeline-foot{margin:10px 20px 18px;padding:14px 15px;border-radius:13px;background:#0f1e2b;color:#fff;display:flex;align-items:center;justify-content:space-between}.pipeline-foot span{font-size:11px;color:#9bb0c0}.pipeline-foot strong{font-size:18px}

.case-topline{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-bottom:16px}.case-summary-card{padding:22px}.case-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.case-title-line h2{font-size:23px;margin:0}.case-subtitle{font-size:13px;color:var(--muted);margin:5px 0 18px}.deal-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.deal-strip>div{background:#f6f8fa;border:1px solid #e8edf1;border-radius:12px;padding:12px}.deal-strip span{display:block;font-size:10px;color:var(--muted)}.deal-strip strong{display:block;font-size:15px;margin-top:3px}.economics-card{padding:22px}.economics-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.economics-grid>div{padding:12px;border-radius:12px;background:#f7f9fb;border:1px solid #e9edf1}.economics-grid span{display:block;font-size:10px;color:var(--muted)}.economics-grid strong{font-size:16px}.economics-grid .positive strong{color:var(--ok)}
.case-hero.v03{grid-template-columns:1.1fr 1fr}.case-ai-card{padding:22px;background:linear-gradient(150deg,#0c1823,#12283a);color:white;border-color:#1d3345}.case-ai-card .eyebrow{color:#7596b2}.case-ai-card .recommendation{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.08);color:#dbe8f2}.confidence-bars{display:grid;gap:9px;margin:16px 0}.confidence-row{display:grid;grid-template-columns:125px 1fr 42px;gap:9px;align-items:center;font-size:11px}.confidence-row span{color:#9eb0bf}.confidence-track{height:7px;background:rgba(255,255,255,.09);border-radius:99px;overflow:hidden}.confidence-track i{display:block;height:100%;background:#7cadff;border-radius:inherit}.confidence-row b{text-align:right;font-size:11px}.source-stack{display:grid;gap:8px;margin-top:14px}.source-card{padding:11px 12px;border-radius:10px;background:#f8fafc;border:1px solid #e7edf2;display:flex;justify-content:space-between;gap:12px;align-items:center}.source-card strong{font-size:12px}.source-card span{font-size:10px;color:var(--muted)}
.ai-runner{margin-top:15px;border-radius:13px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);padding:12px;display:none}.ai-runner.show{display:block}.ai-step{font-size:11px;color:#90a7ba;padding:6px 0;display:flex;gap:8px;align-items:center}.ai-step.done{color:#d9e7f2}.ai-step i{width:8px;height:8px;border-radius:50%;background:#395165}.ai-step.done i{background:#52c28b;box-shadow:0 0 0 3px rgba(82,194,139,.12)}.ai-progress{height:6px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden;margin-top:8px}.ai-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#5d91e5,#76cba1);transition:width .45s ease}

.contractor-detail-grid{display:grid;grid-template-columns:1fr .95fr;gap:16px}.contractor-identity{padding:24px}.contractor-head{display:flex;align-items:center;gap:15px}.contractor-head .company-logo{width:64px;height:64px;font-size:18px}.contractor-head h2{font-size:25px;margin:0}.contractor-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.relationship-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:20px}.relationship-grid>div{padding:13px;background:#f6f8fa;border:1px solid #e8edf1;border-radius:12px}.relationship-grid span{display:block;color:var(--muted);font-size:10px}.relationship-grid strong{font-size:15px;display:block;margin-top:4px}.memory-card{padding:23px;background:linear-gradient(150deg,#0d1925,#142b3c);color:#fff}.memory-card h2{font-size:19px;margin:0 0 12px}.memory-list{display:grid;gap:9px}.memory-item{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);padding:11px 12px;border-radius:10px;font-size:12px;color:#d7e4ed}.memory-item small{display:block;color:#7f9aaf;margin-top:4px}.contractor-lower{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:16px}.mini-table{padding:4px 18px 14px}.mini-row{display:grid;grid-template-columns:90px 1fr 90px 90px;gap:10px;padding:12px 2px;border-bottom:1px solid var(--line);font-size:12px}.mini-row:last-child{border-bottom:0}.mini-row span{color:var(--muted)}

@media(max-width:1180px){.analytics-grid{grid-template-columns:1fr}.case-topline,.contractor-detail-grid,.contractor-lower{grid-template-columns:1fr}.pipeline-panel{min-height:auto}}
@media(max-width:900px){.main{margin-left:0;width:100%}.analytics-grid{grid-template-columns:1fr}.deal-strip,.relationship-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){body{font-size:14px}.main{padding:17px 14px 42px}.topbar h1{font-size:23px}.metric span{font-size:11px}.metric strong{font-size:25px}.panel-head h2,.section-header h2,.knowledge-hero h2{font-size:17px}.chart-kpis{grid-template-columns:1fr}.pipeline-row{grid-template-columns:1fr 70px}.pipeline-row .bar{grid-column:1/-1}.deal-strip,.relationship-grid,.economics-grid{grid-template-columns:1fr 1fr}.case-hero.v03{grid-template-columns:1fr}.confidence-row{grid-template-columns:100px 1fr 36px}.mini-row{grid-template-columns:72px 1fr}.mini-row>*:nth-child(n+3){display:none}}

/* ===== v0.4 PRODUCT EXPERIENCE ===== */
:root{
  --glass:rgba(255,255,255,.78);
  --accent-deep:#173b69;
  --cyan:#45a6c8;
}
body{font-size:16px}
.main{padding-top:28px}
.topbar{padding-bottom:4px}
.topbar h1{font-size:32px}
.nav{gap:4px}.nav-item{font-size:14.5px}.nav-item b{font-size:10.5px}
.metric span{font-size:12.5px}.metric small{font-size:11.5px}
.priority-note,.mail-row p,.contractor-card p,.activity p,.approval-card p{font-size:13px!important}
.mail-body{font-size:15px;line-height:1.75}

/* Login */
.login-screen{position:fixed;inset:0;z-index:500;background:
  radial-gradient(circle at 16% 14%,rgba(72,136,220,.22),transparent 28%),
  radial-gradient(circle at 84% 88%,rgba(54,139,160,.13),transparent 28%),
  linear-gradient(145deg,#071019 0%,#0b1722 48%,#0a1420 100%);display:grid;place-items:center;color:#eef6fd;padding:28px;transition:.45s ease;overflow:auto}
.login-screen.hidden{opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.01)}
.login-brand{position:absolute;top:34px;left:38px;display:flex;gap:13px;align-items:center}.login-brand .brand-mark.large{width:52px;height:52px;font-size:15px}.login-brand strong{display:block;font-size:17px}.login-brand span{display:block;color:#7790a3;font-size:12px;margin-top:2px}
.login-card{width:min(480px,100%);background:rgba(14,28,41,.84);border:1px solid rgba(151,194,230,.13);border-radius:26px;padding:34px;box-shadow:0 36px 100px rgba(0,0,0,.36);backdrop-filter:blur(24px)}
.login-top{text-align:center;margin-bottom:26px}.login-orb{margin:0 auto 16px}.login-top .eyebrow{color:#7b9ab4}.login-top h1{font-size:34px;margin:0 0 8px;letter-spacing:-.045em}.login-top>p:last-child{color:#91a6b6;font-size:14px;margin:0}
.login-card>label{display:block;font-size:12px;color:#8fa5b5;font-weight:700;margin:14px 0}.login-card input{width:100%;margin-top:7px;padding:14px 15px;border-radius:12px;background:#0c1823;border:1px solid #263a4c;color:#eff7fd;font-size:14px}.login-card input:focus{border-color:#5d8fc8;outline:0;box-shadow:0 0 0 3px rgba(93,143,200,.12)}
.password-field{position:relative}.password-field button{position:absolute;right:8px;top:13px;border:0;background:transparent;color:#7da4c6;font-size:12px;cursor:pointer;padding:8px}.password-field input{padding-right:72px}
.login-options{display:flex;align-items:center;justify-content:space-between;margin:16px 0 18px}.check{font-size:12px;color:#8399ab;display:flex;align-items:center;gap:7px}.check input{width:auto;margin:0}.login-options .text-btn{color:#82aef0}
.login-submit{width:100%;padding:14px 16px;font-size:14px;background:linear-gradient(135deg,#366ca8,#17436d)}.login-security{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07);font-size:11px;color:#70889a;text-align:center}.login-security span{color:#45c58b}.login-foot{position:absolute;bottom:28px;color:#566c7e;font-size:11px}

/* Notifications drawer */
.notification-drawer{position:fixed;top:0;right:0;width:min(430px,92vw);height:100vh;background:#fbfcfd;border-left:1px solid var(--line);z-index:220;box-shadow:-24px 0 70px rgba(7,20,31,.18);transform:translateX(104%);transition:.3s ease;padding:26px 22px;overflow:auto}
.notification-drawer.show{transform:none}.drawer-scrim{position:fixed;inset:0;background:rgba(4,12,19,.28);backdrop-filter:blur(2px);z-index:210;opacity:0;visibility:hidden;transition:.25s}.drawer-scrim.show{opacity:1;visibility:visible}
.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--line)}.drawer-head h2{font-size:22px;margin:0}.drawer-head button{border:0;background:#eef2f5;width:34px;height:34px;border-radius:10px;font-size:21px;cursor:pointer;color:#56616b}
.notification-item{display:grid;grid-template-columns:12px 1fr;gap:10px;padding:17px 4px;border-bottom:1px solid var(--line)}.notification-item.unread{background:linear-gradient(90deg,rgba(47,111,236,.035),transparent)}.notification-item strong{font-size:13px}.notification-item p{font-size:12px;line-height:1.55;color:#596876;margin:5px 0}.notification-item small{font-size:10px;color:#98a2aa}.n-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;background:#9ba7b0}.n-dot.risk{background:#d49226}.n-dot.ai{background:#568ce0}.n-dot.market{background:#45a6c8}.n-dot.ok{background:#2ba172}.drawer-action{margin-top:18px}

/* Morning Brief */
.morning-hero{padding:30px;display:grid;grid-template-columns:1fr 250px;gap:28px;align-items:center;background:
  radial-gradient(circle at 87% 15%,rgba(86,140,213,.13),transparent 32%),linear-gradient(145deg,#fff,#f6f9fc)}
.morning-copy h2{font-size:30px;margin:0 0 10px;letter-spacing:-.035em}.morning-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;color:#586775;max-width:760px}.morning-actions{display:flex;gap:10px;margin-top:20px}.morning-score{padding:22px;border-radius:18px;background:linear-gradient(145deg,#0d1a26,#13283a);color:#fff;box-shadow:0 18px 45px rgba(9,28,43,.16)}.morning-score span,.morning-score small{display:block;color:#809aae;font-size:11px}.morning-score strong{display:block;font-size:34px;margin:3px 0;color:#ffd58a}.morning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.morning-card{padding:23px;position:relative;min-height:265px}.morning-card.urgent{border-color:#d8e4f4;background:linear-gradient(155deg,#fff,#f6f9ff)}.morning-card.warning{background:linear-gradient(155deg,#fff,#fffbf3)}.card-index{position:absolute;right:20px;top:18px;font:800 34px/1 system-ui;color:#edf1f5}.morning-card h2{font-size:19px;margin:5px 0 10px}.morning-card>p:not(.eyebrow){font-size:13px;color:#5c6975;line-height:1.65}.morning-meta{display:grid;grid-template-columns:1fr auto;gap:7px;margin:18px 0;font-size:11px}.morning-meta span{color:#88939c}.signal-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.signal-row span{color:var(--muted)}.lower-brief{grid-template-columns:1.1fr .9fr}.brief-timeline{padding:14px 22px 20px}.brief-timeline>div{display:grid;grid-template-columns:60px 12px 1fr;gap:10px;align-items:start;padding:10px 0}.brief-timeline time{font-size:11px;color:#8b96a0}.brief-timeline span{width:7px;height:7px;border-radius:50%;background:#5f8fcb;margin-top:5px;box-shadow:0 0 0 4px #edf4fd}.brief-timeline p{font-size:12.5px;margin:0;color:#455665}.focus-list{list-style:none;padding:13px 22px 22px;margin:0;display:grid;gap:9px}.focus-list li{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:12px;border-radius:11px;background:#f7f9fb;border:1px solid #e9edf1;font-size:12px}.focus-list strong{color:#245995}.focus-list span{color:#50606e}

/* Advanced inbox */
.inbox-toolbar{padding:18px 20px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}.inbox-title{display:flex;align-items:center;gap:14px}.inbox-title h2{font-size:19px;margin:0}.inbox-actions{display:flex;gap:8px}.inbox-layout.v04{display:grid;grid-template-columns:330px minmax(420px,1fr) 330px;gap:14px;align-items:stretch}.inbox-layout.v04>.panel{min-height:690px}.inbox-ai{padding:20px;background:linear-gradient(180deg,#0f1c28,#102332);color:#e9f2f8;border-color:#1f3547}.inbox-ai-head{display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.inbox-ai-head h2{font-size:17px;margin:0}.ai-orb.small{width:36px;height:36px;font-size:14px}.inbox-ai .eyebrow{color:#708fa8}.inbox-ai .live-pill{margin-left:auto}.ai-context-card{padding:13px 14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);border-radius:12px;margin-top:11px}.ai-context-card span,.ai-context-card small{display:block;font-size:10px;color:#7892a6}.ai-context-card strong{display:block;font-size:14px;margin:3px 0}.ai-context-card.risk strong{color:#ffd28a}.ai-side-section{padding:16px 2px;border-bottom:1px solid rgba(255,255,255,.07)}.ai-side-section h3{font-size:12px;margin:0 0 8px;color:#a9becd}.ai-side-section p{font-size:12px;line-height:1.62;color:#c2d0da;margin:0}.source-link{width:100%;text-align:left;border:0;background:none;color:#91bdf1;font-size:11px;padding:6px 0;cursor:pointer}.source-link:hover{text-decoration:underline}.ai-inbox-actions{display:grid;gap:8px;margin-top:17px}.inbox-ai .secondary{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:#dbe8f1}
.draft-generated{margin-top:12px;padding:14px;border-radius:12px;background:rgba(85,153,224,.12);border:1px solid rgba(112,172,232,.22);font-size:12px;line-height:1.6;color:#d7e7f2;animation:fadeUp .3s ease}

/* Settings */
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-grid>.panel{padding:22px}.settings-user{display:flex;align-items:center;gap:15px;margin:6px 0 20px}.avatar.xl{width:60px;height:60px;font-size:18px}.settings-user h2{font-size:22px;margin:0}.settings-user p{font-size:12px;color:var(--muted);margin:3px 0}.settings-form{display:grid;gap:12px;margin:16px 0}.settings-form label{display:grid;gap:6px;font-size:11px;font-weight:700;color:#65727d}.settings-form input,.settings-form select{border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fff;color:#23313e;font-size:12px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0}.setting-row strong,.setting-row span{display:block}.setting-row strong{font-size:12.5px}.setting-row span{font-size:10.5px;color:var(--muted);margin-top:3px}.switch input{display:none}.switch i{display:block;width:42px;height:24px;border-radius:99px;background:#d7dde2;position:relative;transition:.2s}.switch i:after{content:"";position:absolute;width:18px;height:18px;top:3px;left:3px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:.2s}.switch input:checked+i{background:#2f72cf}.switch input:checked+i:after{left:21px}.switch input:disabled+i{opacity:.45}.provider-row{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.provider-logo{width:40px;height:40px;border-radius:11px;background:#eff4fb;border:1px solid #dfe8f4;display:grid;place-items:center;font-size:11px;font-weight:800;color:#315f96}.provider-row strong,.provider-row span{display:block}.provider-row strong{font-size:12px}.provider-row>div:nth-child(2) span{font-size:10px;color:var(--muted);margin-top:3px}.status-dot{font-size:9px;font-weight:800;color:#8e9aa3}.status-dot.ok{color:var(--ok)}

@media(max-width:1380px){.inbox-layout.v04{grid-template-columns:300px 1fr}.inbox-ai{grid-column:1/-1;min-height:auto!important}.inbox-ai .ai-inbox-actions{grid-template-columns:1fr 1fr}.morning-grid{grid-template-columns:1fr 1fr}.morning-grid .morning-card:last-child{grid-column:1/-1}}
@media(max-width:1180px){.morning-hero{grid-template-columns:1fr}.morning-score{max-width:360px}.settings-grid{grid-template-columns:1fr}}
@media(max-width:900px){.login-brand{left:22px;top:22px}.login-foot{position:static;margin-top:20px}.login-screen{display:flex;flex-direction:column;justify-content:center}.login-card{margin-top:80px}.morning-grid,.lower-brief{grid-template-columns:1fr}.morning-grid .morning-card:last-child{grid-column:auto}.inbox-layout.v04{grid-template-columns:1fr}.inbox-layout.v04>.panel{min-height:auto}.inbox-list{max-height:360px}.inbox-toolbar{align-items:flex-start;gap:14px;flex-direction:column}.inbox-actions{flex-wrap:wrap}}
@media(max-width:640px){.login-card{padding:24px}.login-brand{position:absolute}.login-top h1{font-size:28px}.morning-hero{padding:22px}.morning-copy h2{font-size:24px}.morning-actions{flex-direction:column}.morning-grid{gap:12px}.inbox-title{align-items:flex-start;flex-direction:column;gap:7px}.inbox-ai .ai-inbox-actions{grid-template-columns:1fr}.settings-grid>.panel{padding:18px}.notification-drawer{padding:22px 16px}}

/* v0.5 Data Sources / onboarding */
.data-health-strip{display:grid;grid-template-columns:minmax(280px,1.4fr) repeat(3,minmax(120px,.55fr)) auto;align-items:center;gap:14px;padding:18px 20px;margin:16px 0}.data-health-strip h3{margin:2px 0 0;font-size:16px}.health-chip{padding:9px 13px;border-left:1px solid var(--line)}.health-chip span,.health-chip small{display:block;font-size:10px;color:var(--muted)}.health-chip strong{display:block;font-size:18px;margin:2px 0;color:#203141}
.data-hero{padding:28px;display:flex;justify-content:space-between;align-items:center;gap:24px;background:radial-gradient(circle at 92% 0,rgba(65,125,205,.12),transparent 38%),#fff}.data-hero h2{margin:2px 0 8px;font-size:28px}.data-hero>div:first-child>p:not(.eyebrow){max-width:820px;color:var(--muted);font-size:13px;line-height:1.65}.data-hero-actions{display:flex;gap:9px;flex-wrap:wrap}.data-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0}.data-metric{padding:18px}.data-metric span,.data-metric small{display:block;color:var(--muted);font-size:10.5px}.data-metric strong{display:block;font-size:26px;margin:5px 0;color:#1c3042}.data-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.72fr);gap:14px}.sources-panel{padding:0 0 18px}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 18px}.source-card{border:1px solid var(--line);border-radius:15px;padding:16px;background:#fff;min-height:200px;position:relative;transition:.2s}.source-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(17,40,58,.08)}.source-card.connected{background:linear-gradient(155deg,#fff,#f8fbff)}.source-card.planned{background:#fafbfc}.source-card-top{display:flex;justify-content:space-between;align-items:center}.source-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#edf4fc;border:1px solid #dce8f5;color:#2a639f;font-size:12px;font-weight:900}.source-card h3{font-size:15px;margin:13px 0 5px}.source-card p{font-size:11px;line-height:1.55;color:var(--muted);min-height:35px}.source-stats{display:flex;gap:13px;margin:14px 0 11px;padding-top:11px;border-top:1px solid var(--line)}.source-stats span{font-size:9.5px;color:#87939d}.source-stats b{display:block;font-size:11px;color:#3b4d5c;margin-bottom:2px}.source-action{margin-top:auto}.import-panel{padding:0 20px 20px}.mailbox-card{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:14px;border:1px solid #dfe8f1;border-radius:13px;background:#f8fbff}.mailbox-avatar{width:42px;height:42px;border-radius:12px;background:#153b60;color:#fff;display:grid;place-items:center;font-weight:800}.mailbox-card strong,.mailbox-card span{display:block}.mailbox-card strong{font-size:12px}.mailbox-card>div:nth-child(2) span{font-size:9.5px;color:var(--muted);margin-top:3px}.import-progress{margin:20px 0}.import-progress-head{display:flex;justify-content:space-between;font-size:11px}.import-progress-head strong{font-size:13px}.progress-track{height:9px;background:#edf1f4;border-radius:99px;overflow:hidden;margin:8px 0}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#2d6fbd,#5da3e5);border-radius:inherit;transition:width .5s ease}.import-progress small{font-size:9.5px;color:var(--muted)}.import-steps{display:grid;gap:9px;margin:16px 0}.import-steps>div{display:grid;grid-template-columns:27px 1fr;gap:10px;align-items:center;padding:9px 10px;border-radius:10px;background:#f7f9fb;border:1px solid #ebeff2}.import-steps i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e4e9ed;color:#7f8b94;font-style:normal;font-size:10px;font-weight:800}.import-steps strong,.import-steps span{display:block}.import-steps strong{font-size:10.5px}.import-steps span{font-size:9px;color:var(--muted);margin-top:2px}.import-steps .done i{background:#e5f5ee;color:#178356}.import-steps .active{border-color:#cbdff5;background:#f6faff}.import-steps .active i{background:#2f72cf;color:#fff}.data-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.quality-list{padding:0 19px 18px}.quality-list>div{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.quality-list>div:last-child{border-bottom:0}.quality-icon{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;font-size:10px;font-weight:900}.quality-icon.good{background:#e7f6ef;color:#19835a}.quality-icon.warn{background:#fff4df;color:#a66a0b}.quality-icon.info{background:#eaf3ff;color:#2865a5}.quality-list strong,.quality-list span{display:block}.quality-list strong{font-size:11px}.quality-list>div>div span{font-size:9.5px;color:var(--muted);margin-top:2px}.quality-list b{font-size:11px;color:#3d4f5f}.rag-panel{padding-bottom:18px}.pipeline-diagram{display:flex;align-items:center;gap:7px;padding:10px 18px 20px;overflow:auto}.pipeline-diagram>div{min-width:94px;padding:13px 10px;border-radius:12px;border:1px solid #e3e9ef;background:#fafcfe}.pipeline-diagram i,.pipeline-diagram strong,.pipeline-diagram span{display:block}.pipeline-diagram i{font-size:9px;color:#6c8fb5;font-style:normal}.pipeline-diagram strong{font-size:11px;margin:4px 0}.pipeline-diagram span{font-size:9px;color:var(--muted)}.pipeline-diagram>b{color:#9aa8b4}.trace-example{margin:0 18px;padding:14px;border-radius:12px;background:#0f2231;color:#dce9f2}.trace-example span,.trace-example small{display:block;color:#7896ab;font-size:9px}.trace-example p{font-size:12px;margin:4px 0 5px}
.wizard-backdrop{position:fixed;inset:0;background:rgba(5,15,24,.55);backdrop-filter:blur(4px);z-index:260;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.25s}.wizard-backdrop.show{opacity:1;visibility:visible}.wizard-card{width:min(560px,92vw);background:#fff;border-radius:20px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.25);position:relative}.wizard-card h2{font-size:24px;margin:3px 0 8px}.wizard-copy{font-size:12px;line-height:1.6;color:var(--muted)}.wizard-close{position:absolute;right:16px;top:14px;border:0;background:#f0f3f5;width:34px;height:34px;border-radius:10px;font-size:21px;cursor:pointer}.wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:20px 0}.wizard-steps span{font-size:9px;text-align:center;padding:8px;border-radius:8px;background:#f3f5f7;color:#84909a}.wizard-steps span.active{background:#e9f2ff;color:#2465ac;font-weight:800}.wizard-form{display:grid;gap:11px}.wizard-form label{display:grid;gap:5px;font-size:10px;font-weight:700;color:#63717d}.wizard-form input,.wizard-form select{padding:11px 12px;border:1px solid var(--line);border-radius:10px;font-size:12px}.wizard-security{display:grid;grid-template-columns:30px 1fr;gap:9px;padding:12px;border-radius:11px;background:#eef8f3;border:1px solid #d9eee4}.wizard-security>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#d8f0e4;color:#168154;font-weight:900}.wizard-security p{font-size:10px;margin:0;color:#557165;line-height:1.45}.wizard-result{margin-top:10px;font-size:11px;color:#247054;min-height:18px}.data-checking{animation:pulseSoft .8s ease infinite alternate}@keyframes pulseSoft{from{opacity:.55}to{opacity:1}}
@media(max-width:1250px){.data-layout{grid-template-columns:1fr}.source-grid{grid-template-columns:repeat(2,1fr)}.data-health-strip{grid-template-columns:1fr repeat(3,.5fr)}.data-health-strip>button{grid-column:1/-1;justify-self:start}.data-lower-grid{grid-template-columns:1fr}}
@media(max-width:820px){.data-metric-grid{grid-template-columns:1fr 1fr}.source-grid{grid-template-columns:1fr}.data-hero{align-items:flex-start;flex-direction:column}.data-health-strip{grid-template-columns:1fr 1fr}.data-health-strip>div:first-child,.data-health-strip>button{grid-column:1/-1}.pipeline-diagram{align-items:stretch}}
@media(max-width:520px){.data-metric-grid{grid-template-columns:1fr}.data-health-strip{grid-template-columns:1fr}.health-chip{border-left:0;border-top:1px solid var(--line)}.wizard-card{padding:22px}.wizard-steps{grid-template-columns:1fr 1fr}}

/* v0.5.1 — typography aligned with Bydgoskie Oko */
body,button,input,textarea,select{font-family:"Open Sans",Arial,sans-serif}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,.brand strong,.metric strong,.pipeline-foot strong{font-family:"Open Sans",Arial,sans-serif;letter-spacing:-.018em}
.nav-item,.eyebrow,.source-pill,.live-pill,.status-dot{letter-spacing:.01em}

/* v0.5.2 — Data Sources cards responsive fix */
.source-grid{
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  align-items:stretch;
}
.source-card{
  min-width:0;
  min-height:224px;
  display:flex;
  flex-direction:column;
  overflow:visible;
}
.source-card-top{
  gap:10px;
  flex-wrap:wrap;
  align-items:flex-start;
}
.source-card-top .status-dot{
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  line-height:1.25;
}
.source-card h3,
.source-card p,
.source-card .source-action{
  min-width:0;
  overflow-wrap:anywhere;
}
.source-card p{
  min-height:0;
  margin-bottom:0;
}
.source-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  width:100%;
}
.source-stats span{
  min-width:0;
  overflow-wrap:anywhere;
  line-height:1.35;
}
.source-stats b{
  overflow-wrap:anywhere;
}
.source-action{
  margin-top:auto;
  white-space:normal;
  text-align:left;
  line-height:1.4;
}

/* At laptop widths the connector panel and live import panel stack.
   This keeps source cards comfortably wide with the larger Open Sans UI. */
@media(max-width:1500px){
  .data-layout{grid-template-columns:1fr}
  .source-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
}
@media(max-width:900px){
  .source-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
}
@media(max-width:620px){
  .source-grid{grid-template-columns:1fr;padding:0 14px}
  .source-card{min-height:0}
  .source-stats{grid-template-columns:1fr 1fr}
}
.sources-panel .panel-head{gap:12px;flex-wrap:wrap}
.source-card h3{font-size:16px;line-height:1.3}
.source-card p{font-size:12px;line-height:1.55}
.source-stats span{font-size:10.5px}
.source-stats b{font-size:12px}
.source-card .text-btn{font-size:11px}
@media(max-width:1050px){
  .data-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .data-metric-grid{grid-template-columns:1fr}
}