:root{--background:#f7f5f2;--foreground:#171412;--muted:#766f68;--line:#ded8d0;--panel:#ffffff;--primary:#1d6f5f;--primary-dark:#124b42;--accent:#9f2432;--warning:#b7791f;--danger:#a92828}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.login-screen{min-height:100vh;display:grid;place-items:center;background:#171412;padding:24px}.login-panel{width:min(100%,380px);display:grid;grid-gap:28px;gap:28px}.login-panel h1{margin:12px 0 6px;color:white;font-size:34px}.login-panel p{margin:0;color:rgba(255,255,255,.5)}.login-mark{width:36px;height:36px;border-radius:8px;background:var(--primary)}.login-form{display:grid;grid-gap:12px;gap:12px}.login-form input{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(255,255,255,.08);color:white;padding:13px 14px;outline:none}.login-form input::placeholder{color:rgba(255,255,255,.42)}.login-form input:focus{border-color:var(--primary)}.login-form button{border:0;border-radius:8px;background:var(--primary);color:white;font-weight:700;padding:13px 14px;cursor:pointer;transition:background .15s ease,transform .15s ease,opacity .15s ease}.login-form button:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.login-form button:disabled{cursor:not-allowed;opacity:.55}.login-error{color:#ffb4b4!important;text-align:center;font-size:14px}button,input,select,textarea{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{border-right:1px solid var(--line);background:#eee9e1;padding:24px}.brand{display:flex;align-items:center;gap:10px;margin-bottom:28px}.brand-mark{width:32px;height:32px;border-radius:7px;background:var(--primary)}.brand h1{margin:0;font-size:20px}.nav{display:grid;grid-gap:6px;gap:6px}.nav button{border:1px solid transparent;background:transparent;color:var(--foreground);padding:10px 12px;border-radius:7px;text-align:left;cursor:pointer}.nav button.active{background:var(--panel);border:1px solid var(--line)}.main{padding:28px}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.header h2{margin:0 0 6px;font-size:28px}.header p{margin:0;color:var(--muted)}.header .live-meta{margin-top:8px;font-size:13px}.status-pill{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--panel);padding:8px 12px;color:var(--muted);white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:18px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px}.stat span{display:block;color:var(--muted);font-size:13px}.stat strong{display:block;margin-top:8px;font-size:26px}.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);grid-gap:16px;gap:16px;min-height:620px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}.panel-header{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-header h3{margin:0;font-size:16px}.conversation-list{display:grid;min-height:0;overflow-y:auto}.conversation-row{width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);display:grid;grid-gap:6px;gap:6px;cursor:pointer}.conversation-row.selected{background:#f8fbfa}.row-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.phone{font-weight:700}.tag{font-size:12px;line-height:1;border-radius:999px;padding:6px 8px;color:var(--primary-dark);background:#dceee9}.tag.warning{color:var(--warning);background:#fff4d8}.tag.danger{color:var(--danger);background:#ffe4e4}.tag.success-tag{color:var(--primary-dark);background:#e1f4ec}.preview{color:var(--muted);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:12px}.row-meta span:not(:last-child):after{content:"·";margin-left:8px;color:#b8afa5}.thread{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}.thread-header p{margin:4px 0 0;color:var(--muted);font-size:13px}.thread-body{padding:18px;display:flex;flex-direction:column;gap:12px;background:#fbfaf8;min-height:0;overflow-y:auto}.bubble{max-width:72%;padding:11px 13px;border-radius:16px;line-height:1.4;font-size:15px}.bubble.inbound{background:#e9e4dc;align-self:flex-start;border-bottom-left-radius:5px}.bubble.outbound{background:var(--primary);color:white;align-self:flex-end;border-bottom-right-radius:5px}.bubble.outbound.draft{background:#fff8e8;color:var(--foreground);border:1px dashed #d6a642}.message-status{display:block;margin-top:8px;font-size:12px;color:inherit;opacity:.68;overflow-wrap:anywhere}.decision-note{margin:0 18px 18px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#f8f5ee;color:var(--muted)}.decision-note p{margin:5px 0 0;font-size:14px;line-height:1.45}.note-label{color:var(--foreground);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.reply-composer{margin:0 18px 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;grid-gap:10px;gap:10px}.reply-composer textarea{width:100%;min-height:74px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--foreground);padding:12px 13px;outline:none;resize:vertical}.reply-composer textarea:focus{border-color:var(--primary)}.actions{border-top:1px solid var(--line);padding:14px;display:flex;gap:10px;flex-wrap:wrap}.button{border:1px solid var(--line);background:white;border-radius:7px;padding:10px 12px;cursor:pointer}.button:disabled{cursor:not-allowed;opacity:.55}.button.primary{background:var(--primary);color:white;border-color:var(--primary)}.alert{border:1px solid #ffd1d1;background:#fff1f1;color:var(--danger);border-radius:8px}.alert,.success{padding:12px 14px;margin-bottom:16px}.success{border:1px solid #bee5d8;background:#eefaf5;color:var(--primary-dark);border-radius:8px}.muted{color:var(--muted);line-height:1.55}.audit-strip,.safety-banner{border:1px solid var(--line);background:#fffaf1;border-radius:8px;margin-bottom:16px}.safety-banner{display:flex;align-items:center;gap:10px;padding:12px 14px;color:#6c4a12}.safety-banner span{color:var(--muted)}.audit-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:0;gap:0;background:var(--panel);overflow:hidden}.audit-strip div{padding:14px 16px;border-right:1px solid var(--line)}.audit-strip div:last-child{border-right:0}.audit-strip span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.audit-strip strong{display:block;font-size:15px}.audit-strip p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.setter-workspace{grid-template-columns:320px minmax(420px,1fr) 320px;align-items:stretch;height:clamp(560px,calc(100vh - 318px),820px);min-height:0}.setter-workspace>.panel{min-height:0}.context-panel,.setter-workspace>.panel:not(.thread):not(.context-panel){display:grid;grid-template-rows:auto minmax(0,1fr)}.context-panel{align-self:stretch}.context-body{display:grid;grid-gap:14px;gap:14px;padding:14px;align-content:start;min-height:0;overflow-y:auto}.handoff-note,.recommendation-card{border:1px solid var(--line);border-radius:8px;padding:12px 14px;background:#f8fbfa}.recommendation-card strong{display:block;margin-top:6px;font-size:17px}.handoff-note p,.recommendation-card p{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.45}.context-panel .decision-note{margin:0}.context-list{margin:0;display:grid;grid-gap:10px;gap:10px}.context-list div{display:grid;grid-gap:3px;gap:3px;border-bottom:1px solid var(--line);padding-bottom:10px}.context-list div:last-child{border-bottom:0;padding-bottom:0}.context-list dt{color:var(--muted);font-size:12px}.context-list dd{margin:0;font-size:14px;overflow-wrap:anywhere}.panel-help{margin:-4px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.settings-panel{padding:16px;display:grid;grid-gap:14px;gap:14px}.settings-panel h3{margin:0;font-size:16px}.settings-panel label{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:13px}.settings-panel input,.settings-panel textarea{width:100%;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--foreground);padding:10px 11px;outline:none;resize:vertical}.settings-panel input:focus,.settings-panel textarea:focus{border-color:var(--primary)}.inline-button{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;color:var(--foreground);text-decoration:none}.playbook{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.playbook .panel{padding:16px}.playbook h3{margin:0 0 10px;font-size:16px}.playbook ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.6}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.audit-strip,.playbook,.settings-grid,.stats,.workspace{grid-template-columns:1fr}.audit-strip div{border-right:0;border-bottom:1px solid var(--line)}.audit-strip div:last-child{border-bottom:0}.reply-composer{grid-template-columns:1fr}.setter-workspace{height:auto}.setter-workspace>.panel:not(.thread):not(.context-panel){max-height:420px}.thread{min-height:560px}}