:root{--bg:#0b1020;--panel:#11182b;--panel2:#17213a;--line:#273452;--text:#eef3ff;--muted:#93a2c2;--purple:#8b7cff;--mint:#43dfb4;--amber:#f3b84b;--red:#ff7184;--blue:#61a8ff;--shadow:0 16px 45px #05081566;--radius:18px}.offline-status{position:fixed;z-index:20;top:0;left:0;right:0;padding:10px 16px;background:#7f1d1d;color:#fff;text-align:center;font-weight:700}.offline-status.update{background:#155e75}.offline-status[hidden]{display:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% -10%,#1b2852 0,#0b1020 36%);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}button{font:inherit;color:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{background:#0e1528e8;border-right:1px solid var(--line);padding:22px 15px;display:flex;flex-direction:column;gap:8px}.brand{display:flex;gap:11px;align-items:center;font-weight:800;font-size:18px;padding:0 9px 22px}.brand-mark{width:31px;height:31px;border-radius:10px;background:linear-gradient(135deg,var(--purple),var(--mint));display:grid;place-items:center;color:#09101f;font-weight:900}.tenant{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:11px 12px;display:flex;gap:10px;align-items:center;margin-bottom:12px}.tenant-mark{height:28px;width:28px;border-radius:9px;background:#2a3c6f;display:grid;place-items:center;font-size:11px;font-weight:800}.tenant strong{display:block;font-size:12px}.tenant small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.nav-label{color:#607090;text-transform:uppercase;letter-spacing:.1em;font-size:10px;padding:15px 10px 6px}.nav{display:flex;flex-direction:column;gap:3px}.nav button{border:0;background:transparent;padding:10px 11px;border-radius:10px;color:var(--muted);text-align:left;cursor:pointer;display:flex;align-items:center;gap:11px}.nav button:hover,.nav button.active{background:#1c2743;color:var(--text)}.nav button.active{box-shadow:inset 3px 0 var(--purple)}.nav .count{margin-left:auto;background:#2a385b;padding:2px 7px;border-radius:99px;color:#dbe3ff;font-size:11px}.nav .hot{background:#622d4b;color:#ffb8c5}.profile{margin-top:auto;border-top:1px solid var(--line);padding:16px 9px 4px;display:flex;gap:10px;align-items:center}.avatar{border-radius:50%;width:32px;height:32px;display:grid;place-items:center;background:linear-gradient(135deg,#ffb54d,#ff6e78);font-size:11px;font-weight:800}.profile small{display:block;color:var(--muted);margin-top:3px}.main{min-width:0;padding:25px 31px 45px}.topbar{display:flex;align-items:end;gap:16px;border-bottom:1px solid #273452aa;padding-bottom:20px}.eyebrow{font-size:11px;color:var(--mint);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.topbar h1{font-size:25px;letter-spacing:-.03em;margin:5px 0 0}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.sync{display:flex;align-items:center;gap:7px;color:var(--mint);font-size:11px;background:#12322e;border:1px solid #27705d;border-radius:99px;padding:8px 12px}.sync i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint)}.primary{background:linear-gradient(135deg,var(--purple),#6559e9);border:0;border-radius:11px;padding:10px 14px;font-weight:700;cursor:pointer;box-shadow:0 8px 22px #635bff33}.primary:hover{filter:brightness(1.1)}.view{display:none}.view.active{display:block}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:22px}.metric,.card{background:linear-gradient(145deg,#141d34,#10172a);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.metric{padding:17px}.metric .label{color:var(--muted);font-size:11px}.metric .value{font-size:29px;font-weight:800;margin:7px 0 3px}.metric .trend{font-size:11px;color:var(--mint)}.metric .trend.warn{color:var(--amber)}.two-col{display:grid;grid-template-columns:1.18fr .82fr;gap:15px;margin-top:15px}.card{padding:20px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-head h2{font-size:14px;margin:0}.card-head span{font-size:11px;color:var(--muted)}.work-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #27345288}.work-row:last-child{border-bottom:0;padding-bottom:0}.work-icon{height:30px;width:30px;border-radius:10px;background:#202e52;display:grid;place-items:center;font-size:14px}.work-row .content{flex:1;min-width:0}.work-row strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.tag{font-size:10px;border-radius:99px;padding:4px 8px;font-weight:800;white-space:nowrap}.tag.red{background:#4c2539;color:#ff9eae}.tag.amber{background:#49391c;color:#ffd37c}.tag.blue{background:#1e3859;color:#8ec5ff}.tag.green{background:#163d35;color:#73edc4}.tag.gray{background:#27324b;color:#b9c5df}.timeline{position:relative;padding-left:18px}.timeline:before{content:"";position:absolute;left:4px;top:5px;bottom:4px;width:1px;background:#334363}.event{position:relative;padding:0 0 18px 17px}.event:before{content:"";position:absolute;left:-18px;top:4px;width:8px;height:8px;border-radius:50%;background:var(--purple);box-shadow:0 0 0 4px #252e4a}.event:last-child{padding-bottom:0}.event strong{font-size:12px}.event small{display:block;color:var(--muted);margin-top:4px;font-size:11px;line-height:1.4}.table-card{margin-top:22px}.toolbar{display:flex;gap:9px;align-items:center;margin-bottom:15px}.search{border:1px solid var(--line);background:#0e1629;border-radius:10px;color:var(--text);padding:9px 12px;min-width:230px;outline:0}.filter{border:1px solid var(--line);background:#17213a;border-radius:10px;padding:9px 12px;color:var(--muted)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;color:#7282a5;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line);padding:11px 8px}.table td{border-bottom:1px solid #27345288;padding:14px 8px;font-size:12px}.table tr:last-child td{border:0}.table .name{font-weight:700}.subline{color:var(--muted);font-size:11px;margin-top:4px}.money{font-weight:800;color:#c8d1ff}.action{color:var(--mint);font-weight:700;cursor:pointer;border:0;background:none}.empty{padding:35px;text-align:center;color:var(--muted)}.notice{display:flex;gap:10px;align-items:flex-start;background:#192340;border:1px solid #35466e;border-radius:13px;padding:13px 15px;margin-top:18px;color:#cbd7f6;font-size:12px;line-height:1.5}.notice b{color:var(--mint)}.detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:15px;margin-top:22px}.detail-hero{display:flex;gap:14px;align-items:center}.large-avatar{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#657dff,#43dfb4);display:grid;place-items:center;font-weight:900;font-size:17px;color:#0a1323}.detail-hero h2{margin:0;font-size:18px}.detail-hero p{margin:5px 0 0;color:var(--muted);font-size:12px}.stage-line{display:flex;gap:5px;margin:21px 0}.stage-line span{flex:1;height:6px;border-radius:99px;background:#283656}.stage-line span.done{background:var(--mint)}.stage-line span.current{background:var(--purple)}.detail-section{border-top:1px solid var(--line);padding-top:15px;margin-top:16px}.detail-section h3{font-size:12px;margin:0 0 10px}.kv{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kv div{background:#0f172a;border:1px solid #263451;border-radius:11px;padding:11px}.kv label{display:block;color:var(--muted);font-size:10px}.kv b{display:block;margin-top:5px;font-size:13px}.activity{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #27345288}.activity:last-child{border:0}.activity .dot{width:27px;height:27px;border-radius:9px;background:#233155;display:grid;place-items:center}.activity strong{font-size:12px}.activity small{display:block;color:var(--muted);font-size:11px;margin-top:3px;line-height:1.4}.risk{border:1px solid #68482a;background:#322817;border-radius:12px;padding:12px;color:#ffd17d;font-size:12px;line-height:1.45}.modal-wrap{display:none;position:fixed;inset:0;background:#040713aa;backdrop-filter:blur(6px);place-items:center;padding:20px;z-index:5}.modal-wrap.open{display:grid}.modal{background:#121b30;border:1px solid #3b4d76;border-radius:20px;box-shadow:0 25px 80px #02040dcc;width:min(500px,100%);padding:22px}.modal h2{margin:0 0 7px;font-size:18px}.modal p{color:var(--muted);font-size:12px;line-height:1.5}.form-row{display:grid;gap:6px;margin-top:15px}.form-row label{font-size:11px;color:#aebbd6;font-weight:700}.form-row input,.form-row textarea,.form-row select{background:#0d1527;border:1px solid var(--line);border-radius:10px;padding:10px;color:var(--text);font:inherit}.form-row textarea{min-height:80px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.secondary{border:1px solid var(--line);background:#17213a;border-radius:10px;padding:10px 13px;cursor:pointer}.mobile-menu{display:none}
@media(max-width:1050px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.two-col,.detail-grid{grid-template-columns:1fr}}@media(max-width:720px){.shell{display:block}.sidebar{display:none}.mobile-menu{display:block;border:1px solid var(--line);background:#17213a;border-radius:9px;padding:8px 10px;cursor:pointer}.main{padding:17px 14px 35px}.topbar{align-items:center}.topbar h1{font-size:20px}.topbar-actions .sync{display:none}.topbar-actions{margin-left:auto}.dashboard-grid{gap:8px;margin-top:15px}.metric{padding:13px}.metric .value{font-size:23px}.metric .label{font-size:10px}.two-col{margin-top:10px}.card{padding:15px}.table-card{overflow:auto}.table{min-width:670px}.toolbar{flex-wrap:wrap}.search{min-width:0;flex:1}.notice{margin-top:13px}}

/* Triage inbox: safe, scannable review states */
.orange{background:#6b421f;color:#ffd29a}.triage-card{border:1px solid var(--line);border-left:4px solid #51617f;border-radius:14px;background:#121a2c;padding:15px;margin:14px 0;box-shadow:0 5px 16px #03071330;transition:background .15s ease,border-color .15s ease,transform .15s ease}.triage-card:nth-of-type(odd){background:#18233a}.triage-card:nth-of-type(even){background:#111a2d}.triage-card:hover{transform:translateY(-1px);border-color:#445577}.triage-card[data-category="sales"]{border-left-color:var(--blue)}.triage-card[data-category="finance"]{border-left-color:var(--amber)}.triage-card[data-category="supplier"]{border-left-color:#f0a24a}.triage-card[data-category="marketing"]{border-left-color:var(--purple)}.triage-card[data-category="spam"]{border-left-color:var(--red)}.triage-card[data-category="internal"]{border-left-color:var(--mint)}.triage-card[data-category="ambiguous"]{border-left-color:#8290aa}.triage-card-head{display:flex;gap:11px;align-items:flex-start}.triage-card-head .content{flex:1}.triage-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:15px 0;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.triage-grid label{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.triage-grid b{font-size:12px;line-height:1.35}.triage-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.triage-safe-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;width:100%}.triage-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.triage-actions .action{border:1px solid var(--line);background:#202d4d;border-radius:7px;padding:5px 8px;font-size:11px;cursor:pointer}.triage-actions .action:hover{border-color:var(--purple)}.failure-copy{color:#ffb8c5;width:100%}.triage-audit{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:14px;color:var(--muted);font-size:11px}.triage-audit b{color:var(--text)}.failure{border:1px solid #713447;background:#321b2b;border-radius:12px;padding:16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.failure strong{color:#ffd7df}.failure small{color:#ffb8c5;flex:1}@media(max-width:850px){.triage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.triage-grid{grid-template-columns:1fr}.triage-audit{align-items:flex-start;flex-direction:column}.triage-card{padding:12px}.triage-card-head .tag{font-size:10px}}

/* Mobile/PWA shell and triage controls */
.mobile-menu{align-items:center;gap:7px;font-weight:700;min-height:42px}
.mobile-menu span{font-size:12px}
.triage-card{overflow:hidden}
.triage-card-head .content{min-width:0}
.triage-card-head .content strong{display:block;line-height:1.35;overflow-wrap:anywhere}
.triage-card-head .content small{display:block;line-height:1.4;overflow-wrap:anywhere}
.triage-grid b{display:block;overflow-wrap:anywhere}
.triage-safe-controls{align-items:stretch}
.triage-safe-controls > .secondary,.triage-safe-controls > .filter{min-height:40px}
.triage-safe-controls > .filter{flex:1 1 210px;min-width:180px}
.triage-actions{width:100%;padding-top:3px;border-top:1px solid #27345288}
.triage-actions .subline{flex-basis:100%;margin-top:2px}
.triage-actions .action{min-height:34px}
.failure-copy{line-height:1.45}
@media(max-width:720px){
  body.nav-open{overflow:hidden}
  .main{padding:12px 12px 32px}
  .mobile-menu{display:inline-flex;margin-bottom:12px;padding:9px 12px}
  .sidebar{display:flex;position:fixed;z-index:10;inset:0 auto 0 0;width:min(286px,88vw);height:100dvh;overflow-y:auto;transform:translateX(-105%);transition:transform .2s ease;box-shadow:22px 0 50px #02040dcc}
  body.nav-open .sidebar{transform:translateX(0)}
  body.nav-open:after{content:"";position:fixed;z-index:9;inset:0;background:#030611b8}
  .topbar{align-items:flex-start;padding-bottom:14px}
  .topbar h1{font-size:21px;line-height:1.15}
  .eyebrow{font-size:9px;line-height:1.35}
  .topbar-actions .primary{padding:9px 10px;font-size:12px}
  .notice{font-size:11px;padding:11px 12px}
  .table-card{overflow:visible}
  .triage-card{margin:10px 0;padding:12px}
  .triage-card-head{gap:8px}
  .triage-card-head .work-icon{flex:0 0 30px}
  .triage-card-head > .tag{margin-left:auto;max-width:42%;white-space:normal;text-align:center;line-height:1.25}
  .triage-grid{gap:0;margin:12px 0;padding:0;grid-template-columns:1fr 1fr}
  .triage-grid > div{padding:10px 8px 10px 0;border-bottom:1px solid #27345288}
  .triage-grid > div:nth-child(even){padding-left:8px;border-left:1px solid #27345288}
  .triage-grid > div:last-child{grid-column:1/-1;border-bottom:0;padding-bottom:8px}
  .triage-grid label{font-size:9px}
  .triage-grid b{font-size:11px}
  .triage-safe-controls{gap:7px}
  .triage-safe-controls > .secondary,.triage-safe-controls > .filter{flex:1 1 100%;width:100%;min-width:0}
  .triage-actions{gap:6px}
  .triage-actions .action{flex:1 1 auto;padding:7px 8px}
  .triage-audit{font-size:10px;line-height:1.45}
}
@media(max-width:390px){
  .topbar-actions .primary{font-size:0;padding:10px}
  .topbar-actions .primary:first-letter{font-size:18px}
  .triage-card-head > .tag{max-width:38%;font-size:9px}
  .triage-grid{grid-template-columns:1fr}
  .triage-grid > div,.triage-grid > div:nth-child(even){grid-column:1;padding:8px 0;border-left:0}
}
/* Milestone 3: evidence-first audit and review workspace */
.audit-record{border:1px solid var(--line);border-radius:14px;background:var(--panel2);padding:15px;margin:12px 0}.audit-record-head{display:flex;gap:11px;align-items:flex-start}.audit-record-head .content{flex:1;min-width:0}.audit-record-head strong{display:block;overflow-wrap:anywhere}.audit-record-head small{display:block;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}.audit-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:15px 0;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.audit-grid label{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.audit-grid b,.audit-grid small{display:block;line-height:1.35;overflow-wrap:anywhere}.audit-grid small{color:var(--muted);font-size:11px;margin-top:3px}.original-email{border:1px solid #27345288;border-radius:10px;padding:10px;color:var(--muted)}.original-email summary{cursor:pointer;color:var(--text);font-weight:700}.email-preserved{padding:8px 4px 0;font-size:12px;line-height:1.5}.email-preserved p{margin:6px 0}.email-preserved a{color:var(--blue)}.audit-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.audit-history{color:var(--muted);font-size:11px;margin-left:auto}@media(max-width:850px){.audit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.audit-record{padding:12px}.audit-grid{grid-template-columns:1fr;gap:0}.audit-grid>div{padding:9px 0;border-bottom:1px solid #27345288}.audit-grid>div:last-child{border-bottom:0}.audit-history{width:100%;margin-left:0}}

/* Audit cards remain legible on narrow screens. */
.audit-record-head .tag{margin-left:auto;white-space:nowrap}
/* Milestone 4: local lead/contact review */
.review-record{border:1px solid var(--line);border-radius:14px;background:var(--panel2);padding:15px;margin:12px 0}.review-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:15px 0;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.review-grid label{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.review-grid input,.review-controls select{width:100%;min-height:38px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#0e1629;color:var(--text)}.review-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.review-controls select{flex:1 1 260px}.review-controls button{min-height:38px}@media(max-width:850px){.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.review-record{padding:12px}.review-grid{grid-template-columns:1fr;gap:8px}.review-controls>*{width:100%;flex-basis:100%}}
.source-label{display:block;margin:0 0 12px;color:var(--muted)}.read-only-note{display:block;margin-top:14px;color:var(--muted);line-height:1.45}.empty-state{padding:24px 12px;text-align:center;color:var(--muted)}.empty-state strong,.empty-state small{display:block}.empty-state strong{color:var(--text);margin-bottom:6px}.table-scroll{overflow-x:auto}.table-scroll .table{min-width:720px}@media(max-width:720px){.table-scroll{margin:0 -5px}.table-scroll .table{min-width:640px}}\n.activity-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-top:1px solid var(--line);color:var(--muted)}.activity-pagination button{min-height:36px;padding:7px 14px;border:1px solid var(--line);border-radius:9px;background:#17213a;color:var(--text);cursor:pointer}.activity-pagination button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:520px){.activity-pagination{padding:12px 8px}.activity-pagination button{padding:7px 10px}.activity-pagination span{font-size:11px}}