:root{--ground: #0a0d0f;--surface: #10141a;--surface-2: #141a21;--surface-3: #1b222b;--raise: #161d25;--line: #222b34;--line-2: #2f3b47;--ink: #e8edf2;--ink-2: #a3b1bc;--ink-3: #66737f;--accent: #3ecf8e;--accent-2: #7be3b4;--accent-soft: #0f2a1e;--accent-line: #1e4a36;--accent-ink: #06231a;--amber: #e8a15c;--amber-soft: #2a1f12;--amber-line: #4a3721;--danger: #f0756a;--danger-soft: #2c1614;--danger-line: #552721;--ok: #3ecf8e;--ok-soft: #0f2a1e;--violet: #a78bfa;--violet-soft: #1e1932;--violet-line: #372d5c;--blue: #6cb2f5;--r: 10px;--r-sm: 7px;--sans: "Instrument Sans", ui-sans-serif, system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--serif: "Newsreader", Georgia, serif}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:13.5px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,textarea,select{font:inherit;color:var(--ink)}a{color:var(--accent);text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.topbar{display:flex;align-items:center;gap:16px;padding:9px 16px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}.logo{font-family:var(--serif);font-style:italic;font-size:22px;font-weight:500;color:var(--accent)}.tagline{font-size:10.5px;color:var(--ink-3);letter-spacing:.07em;text-transform:uppercase}.topbar .who{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink-2)}.tabs{display:flex;gap:2px;padding:0 14px;background:var(--surface);border-bottom:1px solid var(--line);overflow-x:auto}.tab{padding:8px 12px 10px;font-size:12.5px;font-weight:500;color:var(--ink-3);border-bottom:2px solid transparent;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}.tab:hover{color:var(--ink)}.tab.on{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tab .count{font-family:var(--mono);font-size:10px;background:var(--surface-3);color:var(--ink-2);border-radius:100px;padding:1px 6px}.tab.on .count{background:var(--accent-soft);color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:4.5px 10px;border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--surface-3);color:var(--ink-2)}.btn:hover{background:var(--raise);color:var(--ink)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#06231a;font-weight:600}.btn-primary:hover{background:var(--accent-2);color:#06231a}.btn-ai{background:var(--violet);border-color:var(--violet);color:#140f26;font-weight:600}.btn-sm{font-size:11px;padding:3.5px 8px}.btn-ghost{border-color:transparent;background:transparent}.pill{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:100px}.p-ok{background:var(--ok-soft);color:var(--ok)}.p-warn{background:var(--amber-soft);color:var(--amber)}.p-bad{background:var(--danger-soft);color:var(--danger)}.p-neutral{background:var(--surface-3);color:var(--ink-2)}.p-violet{background:var(--violet-soft);color:var(--violet)}.tag{font-size:10px;padding:1.5px 7px;border-radius:100px;font-weight:600;background:var(--surface-3);color:var(--ink-2)}.sent{width:8px;height:8px;border-radius:50%;display:inline-block}.sent.NEG{background:var(--danger)}.sent.NEU{background:var(--ink-3)}.sent.POS{background:var(--ok)}.inbox{display:grid;grid-template-columns:188px 312px minmax(360px,1fr) 302px;height:calc(100vh - 85px);min-height:600px}.pane{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:var(--surface)}.pane:last-child{border-right:0}.pane-head{display:flex;align-items:center;gap:8px;padding:10px 13px;border-bottom:1px solid var(--line);min-height:42px;font-size:12.5px;font-weight:600}.pane-body{overflow-y:auto;flex:1;min-height:0}.views{background:var(--ground)}.view-group{padding:11px 9px 3px}.view-label{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-3);padding:0 8px 6px;font-weight:600}.view{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:5.5px 8px;border-radius:var(--r-sm);font-size:12.5px;color:var(--ink-2)}.view:hover{background:var(--surface-2)}.view.on{background:var(--surface-3);color:var(--ink);font-weight:600}.view .n{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--ink-3)}.view.on .n{color:var(--accent)}.tk{display:block;width:100%;text-align:left;padding:10px 13px 11px;border-bottom:1px solid var(--line);border-left:3px solid transparent;color:inherit}.tk:hover{background:var(--surface-2)}.tk.on{background:var(--surface-3);border-left-color:var(--accent)}.tk-top{display:flex;align-items:center;gap:7px;margin-bottom:3px}.tk-name{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tk-time{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--ink-3);flex:none}.tk-sub{font-size:12px;font-weight:500;margin-bottom:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tk-snip{font-size:11.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:7px}.tk-meta{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.ini{width:23px;height:23px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:9.5px;font-weight:700;background:var(--surface-3);color:var(--ink-2)}.thread{overflow-y:auto;flex:1;min-height:0;padding:14px 15px 4px;display:flex;flex-direction:column;gap:10px}.msg{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);max-width:84%}.msg.OUT{align-self:flex-end;background:var(--accent-soft);border-color:var(--accent-line)}.msg.NOTE{align-self:center;max-width:94%;background:var(--amber-soft);border-color:var(--amber-line);border-style:dashed}.msg-head{display:flex;align-items:center;gap:8px;padding:8px 12px 0;font-size:11.5px}.msg-who{font-weight:600}.msg-when{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--ink-3)}.msg-body{padding:6px 12px 11px;font-size:13px;line-height:1.6;color:var(--ink-2);white-space:pre-wrap;overflow-wrap:break-word}.composer{background:var(--surface);border-top:1px solid var(--line);padding:10px 15px 12px}.ai-card{border:1px solid var(--violet-line);background:var(--violet-soft);border-radius:var(--r);padding:9px 11px;margin-bottom:9px}.ai-head{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;color:var(--violet);margin-bottom:6px}.ai-conf{margin-left:auto;font-family:var(--mono);font-size:10px;opacity:.9}.ai-facts{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:7px}.fact{font-size:10px;background:var(--surface);border:1px solid var(--line-2);border-radius:100px;padding:2px 8px;color:var(--ink-2)}.ai-draft{font-size:12.5px;line-height:1.6;color:var(--ink-2);white-space:pre-wrap;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 10px;max-height:130px;overflow:auto}.editor{width:100%;border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface-2);min-height:84px;padding:9px 11px;font-size:13px;line-height:1.6;resize:vertical}.comp-foot{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap}.comp-foot .spacer{flex:1}.ctx-sec{border-bottom:1px solid var(--line);padding:12px 13px}.ctx-label{display:flex;align-items:center;gap:6px;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-3);font-weight:600;margin-bottom:8px}.kv{display:grid;grid-template-columns:1fr auto;gap:3px 10px;font-size:11.5px;margin:0}.kv dt{color:var(--ink-3)}.kv dd{margin:0;font-weight:600;font-family:var(--mono);font-size:11px;text-align:right}.order-card{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.order-top{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line)}.order-line{display:flex;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);align-items:center;font-size:12px}.order-line:last-child{border-bottom:0}.sync{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.sync>div{background:var(--surface-2);padding:8px 10px}.sync-src{font-size:9.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);font-weight:600;margin-bottom:4px}.alert{display:flex;gap:8px;padding:8px 10px;background:var(--danger-soft);border:1px solid var(--danger-line);border-radius:var(--r);font-size:11.5px;color:var(--danger);line-height:1.45;margin-top:9px}.tl{position:relative;padding-left:16px;margin-top:3px}.tl:before{content:"";position:absolute;left:4px;top:5px;bottom:6px;width:1.5px;background:var(--line-2)}.tl-i{position:relative;padding-bottom:10px}.tl-i:before{content:"";position:absolute;left:-15.5px;top:4px;width:8px;height:8px;border-radius:50%;background:var(--surface);border:2px solid var(--line-2)}.tl-i.done:before{background:var(--ok);border-color:var(--ok)}.tl-i.bad:before{background:var(--danger);border-color:var(--danger)}.tl-t{font-size:12px;font-weight:600;line-height:1.3}.tl-d{font-size:10.5px;color:var(--ink-3);font-family:var(--mono)}.page{max-width:1100px;margin:0 auto;padding:24px 20px 60px}.page h2{font-size:20px;letter-spacing:-.022em;margin:0 0 5px}.page .lede{color:var(--ink-3);font-size:13px;margin:0 0 20px;max-width:70ch}.page h3{font-size:13.5px;margin:24px 0 10px;display:flex;align-items:center;gap:8px}.page h3:after{content:"";flex:1;height:1px;background:var(--line)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}.pad{padding:13px 15px}.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}table{border-collapse:collapse;width:100%}th{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);text-align:left;padding:8px 12px;border-bottom:1px solid var(--line);font-weight:600;background:var(--surface-2);white-space:nowrap}td{padding:9px 12px;border-bottom:1px solid var(--line);font-size:12px;vertical-align:middle}tr:last-child td{border-bottom:0}tr.flag td{background:var(--danger-soft)}tr.flag td:first-child{box-shadow:inset 3px 0 0 var(--danger)}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field label{font-size:11px;font-weight:600;color:var(--ink-2)}.field input,.field select,.field textarea{background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:7px 10px;font-size:13px}.field .hint{font-size:11px;color:var(--ink-3)}.form-error{background:var(--danger-soft);border:1px solid var(--danger-line);color:var(--danger);border-radius:var(--r-sm);padding:8px 11px;font-size:12px;margin-bottom:12px}.form-ok{background:var(--ok-soft);border:1px solid var(--accent-line);color:var(--accent-2);border-radius:var(--r-sm);padding:8px 11px;font-size:12px;margin-bottom:12px}.login-wrap{min-height:100vh;display:grid;place-items:center}.login-card{width:min(380px,92vw);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:26px}@media(max-width:1080px){.inbox{grid-template-columns:1fr;height:auto}.pane{border-right:0;border-bottom:1px solid var(--line)}.pane-body{max-height:420px}.thread{max-height:440px}.views{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}kbd{font-family:var(--mono);font-size:10px;color:var(--ink-2);background:var(--surface-3);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:4px;padding:1px 5px;white-space:nowrap}.comp-tabs{display:flex;gap:13px;border-bottom:1px solid var(--line);margin-bottom:9px}.comp-tab{font-size:12px;font-weight:500;color:var(--ink-3);padding-bottom:6px;border-bottom:2px solid transparent}.comp-tab.on-mail{color:var(--ink);border-bottom-color:var(--accent);font-weight:600}.comp-tab.on-note{color:var(--amber);border-bottom-color:var(--amber);font-weight:600}.editor-note{background:var(--amber-soft);border:1px dashed var(--amber-line)}.editor-note::placeholder{color:var(--amber);opacity:.6}.csat-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--ground)}.csat-card{width:min(520px,94vw);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:40px 32px 28px;text-align:center;box-shadow:0 30px 60px -30px #000c}.csat-brand{margin-bottom:26px}.csat-logo{max-width:190px;max-height:58px;object-fit:contain}.csat-logo.is-dark{filter:brightness(0) invert(1)}.csat-wordmark{font-family:var(--serif);font-style:italic;font-size:27px;color:var(--accent)}.csat-title{font-size:21px;font-weight:600;letter-spacing:-.02em;margin:0 0 8px;text-wrap:balance}.csat-sub{font-size:13.5px;color:var(--ink-3);margin:0 0 24px;line-height:1.55}.csat-stars{display:inline-flex;flex-direction:row-reverse;gap:6px}.csat-stars a{display:block;line-height:0;padding:3px;border-radius:8px}.csat-stars svg{fill:var(--line-2);transition:fill .12s ease,transform .12s ease}.csat-stars a:hover svg,.csat-stars a:hover~a svg,.csat-stars a:focus-visible svg,.csat-stars a:focus-visible~a svg{fill:#f5b301}.csat-stars a:hover svg{transform:scale(1.12)}.csat-scale{display:flex;justify-content:space-between;max-width:290px;margin:12px auto 0;font-size:11px;color:var(--ink-3)}.csat-given{font-size:30px;letter-spacing:4px;color:#f5b301;margin-bottom:14px}.csat-dim{color:var(--line-2)}.csat-comment{width:100%;background:var(--surface-2);border:1px solid var(--line-2);border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.55;resize:vertical;margin-bottom:12px}.csat-comment:focus{outline:2px solid var(--accent);outline-offset:1px}.csat-send{width:100%;background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:14px;border-radius:10px;padding:11px;border:0}.csat-send:hover{background:var(--accent-2);color:var(--accent-ink)}.csat-send:disabled{opacity:.45;cursor:not-allowed}.rt-choice{display:block;width:100%;text-align:left;padding:15px 16px;margin-bottom:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px}.rt-choice:hover:not(:disabled){border-color:var(--accent-line);background:var(--accent-soft)}.rt-choice:disabled{opacity:.5;cursor:not-allowed}.rt-choice b{display:block;font-size:14px;margin-bottom:3px}.rt-choice span{font-size:12.5px;color:var(--ink-3);line-height:1.5}.rt-item{display:flex;gap:12px;padding:12px;margin-bottom:8px;align-items:flex-start;background:var(--surface-2);border:1px solid var(--line);border-radius:10px}.rt-item.is-on{background:var(--accent-soft);border-color:var(--accent-line)}.rt-item.is-off{opacity:.62}.rt-q{display:grid;gap:8px;margin-top:10px}.rt-q label{font-size:11.5px;color:var(--ink-3);display:block;margin-bottom:3px}.rt-q select,.rt-q input[type=text]{width:100%;background:var(--surface);border:1px solid var(--line-2);border-radius:7px;padding:6px 9px;font-size:12.5px}.rt-note{font-size:12px;color:var(--ink-2);background:var(--amber-soft);border:1px solid var(--amber-line);border-radius:9px;padding:10px 12px;line-height:1.55;margin:4px 0 12px}.rt-drop{display:block;border:1px dashed var(--line-2);border-radius:10px;padding:14px;text-align:center;font-size:12.5px;color:var(--ink-3);cursor:pointer;background:var(--surface-2)}.rt-drop:hover{border-color:var(--accent);color:var(--ink-2)}.rt-drop input{display:none}.rt-shots{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.rt-shots figure{margin:0;width:68px}.rt-shots img{width:68px;height:68px;object-fit:cover;border-radius:8px;border:1px solid var(--line-2);display:block}.rt-shots figcaption{font-size:9.5px;color:var(--ink-3);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rt-back{background:none;border:0;color:var(--ink-3);font-size:12px;padding:0;margin-bottom:14px}.rt-back:hover{color:var(--ink)}.csat-foot{margin:26px 0 0;font-size:11px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase}@media(prefers-reduced-motion:reduce){.csat-stars svg{transition:none}}