:root{--bg: #10130e;--panel: #161a14;--ink: #f3efe4;--mute: #a8a292;--line: #2a2e24;--accent: #d7c38a;--sage: #1b2118;--you: #141812;--dur-state: .15s;--ease-state: ease}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:IBM Plex Sans,sans-serif}#app{min-height:100vh}.shell{max-width:420px;margin:0 auto;padding:64px 20px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:var(--accent);margin:0 0 6px}h1{font-weight:500;font-size:28px;margin:0 0 8px}h2{font-weight:500;font-size:16px;margin:0 0 12px}.lede,.fine,.mute{color:var(--mute)}.fine{font-size:13px}.shell form{display:grid;gap:10px;margin-top:20px}button.google{width:100%;min-height:48px;margin-top:20px;background:#f3efe4;color:#1a1e17}.fallback{margin-top:24px;color:var(--mute)}.fallback summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.fallback form{margin-top:12px}label{display:grid;gap:6px;font-size:14px}input,button,textarea{font:inherit;color:var(--ink);background:#1a1e17;border:1px solid var(--line);padding:11px 12px}button{cursor:pointer;background:var(--accent);color:#1a1e17;border:0;font-weight:600}button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}button.on{background:var(--accent);color:#1a1e17;border:0}button:hover{filter:brightness(1.05);transition:filter var(--dur-state) var(--ease-state)}.crm{display:grid;min-height:100vh;grid-template-rows:auto 1fr auto}@media(min-width:980px){.crm{grid-template-columns:1fr 320px;grid-template-rows:auto 1fr}.sage-dock{grid-column:2;grid-row:1 / span 2;border-left:1px solid var(--line)}}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}.nav{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav button{min-height:44px;white-space:nowrap}.dial-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dial-actions button{min-height:44px}form#invoice{display:grid;gap:10px;margin:0}.price-chips{grid-template-columns:repeat(3,minmax(0,1fr))}.invoice-card{margin-bottom:8px}.stage{padding:20px 22px 28px;min-width:0}.inbox{list-style:none;padding:0;margin:0;display:grid}.inbox li{display:grid;grid-template-columns:88px 140px 1fr auto;gap:12px;align-items:center;padding:14px 4px;border-bottom:1px solid var(--line);cursor:pointer}.inbox li:hover{background:var(--panel)}.inbox .st{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.ticket{display:grid;gap:16px;max-width:720px}.turns{list-style:none;padding:0;margin:0;display:grid;gap:10px}.turns li{background:var(--panel);padding:12px 14px}.turns b{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.sage-dock{display:flex;flex-direction:column;background:var(--sage);min-height:280px}.sage-dock .head{padding:16px 16px 8px}.thread{flex:1;overflow:auto;display:grid;align-content:start;gap:8px;padding:8px 16px 16px;max-height:48vh}@media(min-width:980px){.thread{max-height:none}}.msg{margin:0;padding:10px 12px;white-space:pre-wrap;background:#141910;font-size:14px}.msg.you{background:var(--you)}.msg span{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}form#say{display:flex;gap:8px;padding:12px 16px 16px;margin:0;border-top:1px solid var(--line)}form#say input{flex:1}.mono{font-family:IBM Plex Mono,monospace;font-size:12px}.flash{background:#3d4a32;padding:10px 12px}.meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--mute);font-size:13px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:979px){.top{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px}.stage{padding:14px 14px 20px}.sage-dock{min-height:42vh}form#say{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}@media(max-width:720px){.inbox li{grid-template-columns:1fr;gap:8px}}
