:root{--bg: #0e1014;--panel: #171a21;--panel-2: #1d212a;--line: #2a2f3a;--text: #e7eaf0;--muted: #8b93a3;--accent: #4f8cff;--breach: #ff5d5d;--warning: #ffb648;--ok: #43c98a;--chip: #262b36}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:12px 22px;background:var(--panel);border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:16px}.brand small{color:var(--muted);font-weight:400;margin-left:6px}.search{flex:1;max-width:380px}.search input{width:100%;padding:9px 13px;border-radius:9px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);outline:none}.search input:focus{border-color:var(--accent)}.spacer{flex:1}.pill{padding:5px 11px;border-radius:20px;background:var(--chip);font-size:12px;font-weight:600}.pill.breach{color:var(--breach)}.pill.warning{color:var(--warning)}.badge{font-size:11px;padding:3px 9px;border-radius:6px;background:var(--chip);color:var(--muted);border:1px solid var(--line)}.badge.user{color:var(--text)}.linklike{background:none;border:none;color:var(--muted);padding:6px 8px;font-weight:600}.linklike:hover{color:var(--text)}.feed{max-width:820px;margin:0 auto;padding:18px 18px 100px}.feed-head{display:flex;align-items:baseline;gap:10px;margin:6px 2px 14px}.feed-head h2{font-size:18px;margin:0}.feed-head .muted{color:var(--muted);font-size:13px}.section{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:20px 4px 10px}.snap-head{display:flex;align-items:baseline;gap:12px;margin:6px 2px 14px}.snap-head h2{font-size:18px;margin:0}.snap-head .muted{color:var(--muted);font-size:13px}.snapshot{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:22px}.tile{text-align:left;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--text)}.tile:hover{border-color:var(--accent)}.tile.breach{border-left-color:var(--breach)}.tile.warning{border-left-color:var(--warning)}.tile.ok{border-left-color:var(--ok)}.tile.info{border-left-color:var(--accent)}.tile.neutral{border-left-color:var(--muted)}.tile-count{font-size:26px;font-weight:700;line-height:1}.tile-label{color:var(--muted);font-size:12px;margin-top:5px}.tile-breach{color:var(--breach);font-size:11px;margin-top:4px;font-weight:600}.board-sec{margin-bottom:14px;scroll-margin-top:70px}.sec-head{width:100%;display:flex;align-items:center;gap:10px;background:var(--panel-2);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:9px;padding:10px 13px;color:var(--text)}.sec-head:hover{border-color:var(--accent)}.sec-head.breach{border-left-color:var(--breach)}.sec-head.warning{border-left-color:var(--warning)}.sec-head.ok{border-left-color:var(--ok)}.sec-head.info{border-left-color:var(--accent)}.sec-head.neutral{border-left-color:var(--muted)}.sec-head .caret{color:var(--muted);width:14px}.sec-head .sec-label{font-weight:700}.sec-head .sec-count{color:var(--muted)}.sec-head .sec-breach{margin-left:auto;color:var(--breach);font-size:12px;font-weight:600}.sec-body{padding:12px 2px 4px}.card{position:relative;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:12px;padding:15px 16px;margin-bottom:12px}.card.breach{border-left-color:var(--breach)}.card.warning{border-left-color:var(--warning)}.card.ok{border-left-color:var(--ok)}.card-top{display:flex;align-items:center;gap:10px}.card-top.clickable{cursor:pointer;border-radius:6px;margin:-2px -4px;padding:2px 4px}.card-top.clickable:hover{background:var(--panel-2)}.card-top .open-hint{color:var(--accent);font-size:12px}.card-top .name{font-weight:700;font-size:15px}.card-top .ref{color:var(--muted);font-size:13px}.card-top .age{margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}.tags{display:flex;gap:6px;margin:8px 0 2px;flex-wrap:wrap}.tag{font-size:10px;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:5px;background:var(--chip);color:var(--muted)}.tag.proforma,.tag.payment{color:#9fc0ff}.tag.customisation,.tag.contains_order{color:#c7a6ff}.tag.credit,.tag.complaint{color:#ff9f9f}.situation{margin:10px 0 2px;color:var(--text)}.todo{color:var(--muted);font-size:13px;margin-bottom:12px}.todo b{color:var(--text)}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font-weight:600;font-size:13px}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.ghost{background:transparent}.btn.small{padding:5px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:default}.select-chip{margin-left:auto;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.check{width:16px;height:16px;accent-color:var(--accent)}.panel{margin-top:12px;border-top:1px dashed var(--line);padding-top:12px}.panel label{display:block;font-size:12px;color:var(--muted);margin:8px 0 4px}.panel input,.panel textarea{width:100%;padding:9px 11px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);font-size:13px}.panel textarea{min-height:130px;resize:vertical;line-height:1.5}.panel .panel-btns{display:flex;gap:8px;margin-top:12px}.panel .hint{color:var(--muted);font-size:12px;margin-bottom:6px}.spin{color:var(--muted);font-size:13px;padding:8px 0}.journey{margin:12px 0;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.journey-eta{font-size:13px;color:var(--muted);margin-bottom:10px}.journey-eta b{color:var(--text)}.jsteps{list-style:none;margin:0;padding:0}.jstep{display:flex;align-items:center;gap:10px;padding:6px 0;position:relative}.jstep .jdot{width:10px;height:10px;border-radius:50%;background:var(--line);flex:none}.jstep:not(:last-child) .jdot:after{content:"";position:absolute;left:4px;top:16px;width:2px;height:14px;background:var(--line)}.jstep .jlabel{flex:1;font-size:13px;color:var(--muted)}.jstep .jdays{font-size:12px;color:var(--muted)}.jstep.done .jdot{background:var(--ok)}.jstep.done .jdot:after{background:var(--ok)}.jstep.done .jlabel{color:var(--text)}.jstep.done .jdays{color:var(--ok)}.jstep.current .jdot{background:var(--accent);box-shadow:0 0 0 3px #4f8cff40}.jstep.current .jlabel{color:var(--text);font-weight:700}.chain{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:12px 0}.chain .stage{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:9px}.chain .stage h4{margin:0 0 5px;font-size:10px;text-transform:uppercase;color:var(--muted)}.chain .stage .v{font-size:12px}.chain .stage.empty{opacity:.4}.runbar{position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--panel-2);border-top:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:12px 24px}.runbar .summary{flex:1}.drawer{position:fixed;top:0;right:0;bottom:0;width:460px;max-width:94vw;background:var(--panel);border-left:1px solid var(--line);z-index:35;overflow:auto;padding:18px}.drawer h3{margin-top:0}.audit-row{border-bottom:1px solid var(--line);padding:8px 0;font-size:12px}.audit-row .a{font-weight:600}.audit-row .s.success,.audit-row .s.simulated{color:var(--ok)}.audit-row .s.failed{color:var(--breach)}.empty,.empty-state{text-align:center;color:var(--muted);padding:60px 20px}.empty .big{font-size:40px;margin-bottom:8px}.toast{position:fixed;bottom:84px;left:50%;transform:translate(-50%);background:var(--panel-2);border:1px solid var(--line);padding:11px 18px;border-radius:9px;z-index:50}.toast.err{border-color:var(--breach);color:var(--breach)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}.login-card{width:100%;max-width:360px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:28px;display:flex;flex-direction:column}.login-brand{font-weight:700;font-size:18px;letter-spacing:.2px}.login-brand small{color:var(--muted);font-weight:400}.login-sub{color:var(--muted);margin:6px 0 18px;font-size:13px}.login-card label{font-size:12px;color:var(--muted);margin:10px 0 4px}.login-card input{width:100%;padding:9px 11px;border-radius:8px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font-family:inherit;font-size:14px;outline:none}.login-card input:focus{border-color:var(--accent)}.login-btn{margin-top:18px;padding:10px;justify-content:center}.login-error{color:var(--breach);font-size:13px;margin-top:12px}.login-forgot{color:var(--muted);font-size:13px;text-align:center;margin-top:14px;text-decoration:none}.login-forgot:hover{color:var(--text)}.wide{max-width:1400px}.nav{display:flex;gap:4px}.nav button{background:none;border:1px solid transparent;color:var(--muted);padding:6px 10px;border-radius:8px;font-weight:600}.nav button.on{color:var(--text);background:var(--panel-2);border-color:var(--line)}.hdr-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:18px}.hdr-tile{text-align:left;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--text)}.hdr-tile:hover{border-color:var(--accent)}.hdr-tile .n{font-size:24px;font-weight:700;line-height:1}.hdr-tile .l{color:var(--muted);font-size:12px;margin-top:4px}.hdr-tile .o{font-size:11px;margin-top:4px;color:var(--muted)}.hdr-tile .o b{color:var(--warning)}.hdr-tile.has-overdue{border-left-color:var(--breach)}.hdr-tile.has-stale{border-left-color:var(--warning)}.hdr-tile.quiet{border-left-color:var(--ok)}.hdr-meta{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:12px;margin:-6px 2px 14px;flex-wrap:wrap}.hdr-meta b{color:var(--text)}.hdr-meta .red{color:var(--breach)}.lane{margin-bottom:20px;scroll-margin-top:70px}.lane-head{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid var(--line);margin-bottom:10px}.lane-head h3{margin:0;font-size:15px}.lane-head .desc{color:var(--muted);font-size:12px}.lane-head .cnt{color:var(--muted);font-size:12px;margin-left:auto}.lane-head .cnt .red{color:var(--breach);font-weight:700}.lane-head .cnt .amber{color:var(--warning);font-weight:700}.lane-head .caret{color:var(--muted)}.lane-head.click{cursor:pointer}.states{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:10px;overflow-x:auto;padding-bottom:6px}.state-col{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:8px;min-height:80px}.state-col.over{border-color:var(--accent);background:#4f8cff14}.state-col.terminal{opacity:.7;border-style:dashed}.state-head{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;margin:2px 4px 8px}.state-head .own{font-weight:400;color:var(--muted);margin-left:auto;font-size:11px}.state-head .k{color:var(--muted);font-weight:400}.bc{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--line);border-radius:9px;padding:10px 11px;margin-bottom:8px;cursor:grab}.bc:active{cursor:grabbing}.bc.warning{border-left-color:var(--warning)}.bc.breach{border-left-color:var(--breach)}.bc.ok{border-left-color:var(--ok)}.bc.sel{border-color:var(--accent);box-shadow:0 0 0 2px #4f8cff40}.bc .r1{display:flex;gap:8px;align-items:baseline}.bc .nm{font-weight:700;font-size:13px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bc .age{color:var(--muted);font-size:11px;white-space:nowrap}.bc .age.red{color:var(--breach);font-weight:700}.bc .age.amber{color:var(--warning);font-weight:700}.bc .r2{display:flex;gap:8px;color:var(--muted);font-size:11px;margin-top:3px;flex-wrap:wrap}.bc .why{font-size:12px;margin-top:6px;color:var(--text);line-height:1.35}.bc .own{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:5px;background:var(--chip);color:var(--muted);margin-top:7px}.bc .own.marielle{color:#9fc0ff}.bc .own.rep{color:#c7a6ff}.bc .own.customer{color:#ffd28a}.bc .own.sally-owain{color:#ff9f9f}.bc .own.warehouse{color:#8fe0b7}.bc .manual{font-size:10px;color:var(--muted);margin-left:6px}.detail{position:fixed;top:0;right:0;bottom:0;width:520px;max-width:96vw;background:var(--panel);border-left:1px solid var(--line);z-index:36;overflow:auto;padding:18px 20px 40px}.detail h3{margin:4px 0 2px}.detail .sub{color:var(--muted);font-size:13px;margin-bottom:12px}.detail .kv{display:grid;grid-template-columns:120px 1fr;gap:4px 10px;font-size:13px;margin:10px 0}.detail .kv .k{color:var(--muted)}.detail .chips{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.detail .chip{font-size:11px;padding:3px 8px;border-radius:6px;background:var(--chip);color:var(--muted);border:1px solid var(--line)}.detail .chip.bad{color:var(--breach)}.detail .chip.good{color:var(--ok)}.detail h4{margin:16px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.detail .ev{font-size:12px;padding:5px 0;border-bottom:1px solid var(--line);color:var(--muted)}.detail .ev b{color:var(--text)}.detail .movebar{display:flex;gap:6px;flex-wrap:wrap}.detail .lines{font-size:12px;color:var(--muted)}.detail .lines li{padding:2px 0}.detail .close{position:absolute;top:12px;right:14px}.compose label{display:block;font-size:12px;color:var(--muted);margin:8px 0 4px}.compose input,.compose textarea,.compose select{width:100%;padding:9px 11px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);font-size:13px;font-family:inherit}.compose textarea{min-height:170px;resize:vertical;line-height:1.5}.compose .row{display:flex;gap:8px;margin-top:10px;align-items:center;flex-wrap:wrap}.compose .src{color:var(--muted);font-size:11px}.settings{max-width:980px;margin:0 auto}.settings section{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:14px}.settings h3{margin:0 0 4px;font-size:15px}.settings .help{color:var(--muted);font-size:12px;margin-bottom:12px}.settings .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 16px}.settings label.tog{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 0}.settings input[type=text],.settings input[type=number],.settings textarea,.settings select{padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);font-size:13px;font-family:inherit}.settings textarea{width:100%;min-height:120px;line-height:1.5}.settings .flagrow{display:grid;grid-template-columns:1fr repeat(4,110px) 60px;gap:6px;align-items:center;font-size:13px;padding:5px 0;border-bottom:1px solid var(--line)}.settings .flagrow.h{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.settings .stale-row{display:grid;grid-template-columns:200px 1fr;gap:8px;align-items:center;padding:4px 0;font-size:13px}.settings .stale-row .cells{display:flex;gap:6px;flex-wrap:wrap}.settings .stale-row .cells label{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--muted)}.settings .stale-row .cells input{width:56px}.settings .tpl{margin-bottom:12px}.settings .tpl .k{font-size:12px;color:var(--muted);margin-bottom:4px;font-family:ui-monospace,Menlo,monospace}.settings .tpl input[type=text]{width:100%;margin-bottom:4px}.settings .actions-row{display:flex;gap:8px;margin-top:10px;align-items:center}.settings .saved{color:var(--ok);font-size:12px}.mini{font-size:11px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.form-grid label{font-size:12px;color:var(--muted)}.form-grid input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);font-size:13px}