:root{--font:Rubik,Arial,"Segoe UI",sans-serif;--sidebar:#fff;--muted:#647083;--border:#e3e7ed;--bg:#f5f6f8}.sidebar{color:var(--text);border-left:1px solid var(--border);padding-top:24px;overflow:auto}.brand{color:var(--text);margin-bottom:24px}.brand-title span{color:var(--muted)}.workspace{background:var(--surface-2);border-color:var(--border)}.workspace b{color:var(--text)}.nav button{color:var(--muted);font-size:13px;min-height:44px}.nav button:hover{background:var(--accent-soft);color:var(--accent)}.nav button.active{background:var(--accent-soft);color:var(--accent-strong)}.nav-label{color:var(--muted)}.side-bottom .profile{border-color:var(--border)}.profile b{color:var(--text)}.sidebar .nav{gap:3px}.sidebar .brand-symbol{min-width:35px}.topbar{flex-shrink:0;gap:15px}.topbar h1{font-size:17px}.top-actions{display:flex;align-items:center;gap:10px}.live-badge{background:var(--green-soft);color:var(--green);border-radius:20px;padding:6px 10px;font-size:11px}.demo-box{background:var(--surface-2);border-color:var(--border)}.demo-box b{color:var(--text)}.demo-box p{color:var(--muted)}.tag{font-size:11px}.button{font-size:13px;min-height:40px}.icon-btn{min-width:40px;min-height:40px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.field input,.field select,.field textarea{width:100%}.field small{font-size:12px;color:var(--muted)}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.form-error{color:var(--red);line-height:1.8;min-height:22px;white-space:pre-line}.notice{border:1px solid #f0d9af;background:#fff8eb;color:#775921;border-radius:10px;padding:14px 16px;font-size:13px;line-height:1.8;margin-bottom:18px}.notice.green{background:var(--green-soft);border-color:#b6dfd0;color:var(--green)}.notice.info{background:var(--accent-soft);color:var(--accent-strong);border-color:#f5d2c3}.auth-page{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.auth-intro{background:linear-gradient(145deg,#fff5eb,#f6eee8);padding:12vh 10%;display:flex;flex-direction:column;justify-content:center;gap:24px}.auth-intro h1{font-size:48px;line-height:1.15;letter-spacing:-1.5px}.auth-intro p{font-size:18px;line-height:1.8;color:#6f6258;max-width:400px}.auth-form-wrap{display:flex;align-items:center;justify-content:center;background:var(--surface);padding:28px}.auth-card{width:100%;max-width:420px}.auth-card h2{font-size:28px;margin:22px 0 8px}.auth-card form{margin-top:25px}.auth-card .button{width:100%}.auth-mark{display:flex;align-items:center;gap:12px;direction:ltr;justify-content:flex-end;font-size:25px;font-weight:800}.auth-mark .brand-symbol{height:46px;width:46px}.loading{padding:40px;text-align:center;color:var(--muted)}.empty{min-height:180px;font-size:14px}.empty h3{font-size:20px;color:var(--text)}.page-scroll{padding:26px}.conversation-item{width:100%;border:0;border-bottom:1px solid var(--border);text-align:right;background:var(--surface);color:var(--text)}.conversation-item .preview{display:block;font-size:12px;max-width:100%;margin-top:7px}.conversation-item.active{background:var(--accent-soft)}.inbox-layout{grid-template-columns:300px minmax(280px,1fr) 270px}.conversation-list{overflow:auto}.thread{display:flex;flex-direction:column;min-width:0;overflow:hidden}.messages{flex:1;overflow:auto;display:flex;flex-direction:column;gap:12px}.message{padding:0;max-width:88%}.message.inbound{align-self:flex-start}.message.outbound{align-self:flex-end}.message.note{align-self:center;max-width:100%;width:100%}.bubble{padding:12px 14px;background:var(--surface-2);border-radius:12px;white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.7}.outbound .bubble{background:var(--accent-soft)}.note .bubble{background:#fff8dc;color:#665424;border:1px dashed #e9d9a2}.message small{display:block;margin:6px;color:var(--muted)}.thread-footer textarea{width:100%;min-height:72px}.composer-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.customer-panel{overflow:auto;padding:20px;border-right:1px solid var(--border);background:var(--surface)}.customer-panel h3{margin:18px 0 10px}.customer-panel p{line-height:1.9}.customer-panel .button{width:100%;margin-top:8px}.panel-body p{line-height:1.9}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{text-align:right;border-bottom:1px solid var(--border);padding:13px 16px;font-size:13px;vertical-align:middle}.table-wrap th{color:var(--muted);font-weight:500;background:var(--surface-2)}.table-wrap tr:last-child td{border:0}.wide{grid-column:1/-1}.integration-card{padding:22px;display:flex;flex-direction:column;gap:14px}.integration-card h2{font-size:20px}.integration-icon{height:42px;width:42px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.integration-card .row{flex-wrap:wrap}.setting-row{min-height:88px}.setting-row h3{font-size:14px}.setting-row p{font-size:12px;line-height:1.7}.setting-code{font-size:11px;direction:ltr;text-align:right;display:block;margin-top:6px}.switch{width:auto;min-width:44px;min-height:40px}.voice-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(280px,.75fr);gap:20px}.voice-orb{height:110px;width:110px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffbd83,#e96135 70%);display:grid;place-items:center;color:#fff;margin:20px auto;box-shadow:0 0 0 12px var(--accent-soft)}.voice-orb .icon{width:42px;height:42px}.voice-orb.recording{animation:pulse 1s infinite alternate}.voice-heading{text-align:center;margin-bottom:20px}.voice-heading h2{font-size:25px}.transcript{height:290px;overflow:auto;display:flex;flex-direction:column;gap:10px;background:var(--surface-2);border-radius:12px;padding:18px}.transcript p{padding:10px 13px;background:var(--surface);border-radius:10px;line-height:1.8;white-space:pre-wrap}.transcript p.assistant{background:var(--accent-soft)}.transcript p b{display:block;font-size:11px;color:var(--muted)}.voice-input{display:flex;gap:10px;margin-top:14px}.voice-input input{flex:1}.voice-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:18px 0}.health-list{display:grid;gap:13px;margin:18px 0}.health-row{display:flex;justify-content:space-between;gap:12px}.kanban{height:auto;min-height:calc(100vh - 210px);gap:15px}.kanban-col{padding:12px;background:var(--surface-2);border-radius:13px;min-height:220px}.kanban-col h2{font-size:16px;padding:5px 4px 15px}.kanban-card{padding:16px;margin-bottom:10px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.kanban-card p{font-size:12px;line-height:1.8;margin:8px 0;color:var(--muted)}.kanban-card select{width:100%}.search-field input{width:100%}.search-field{padding:12px}.metric-bars{display:flex;align-items:end;gap:12px;min-height:150px;direction:ltr;margin-top:22px}.metric-bar{flex:1;text-align:center}.metric-bar i{display:block;background:var(--accent);border-radius:5px 5px 0 0;min-height:3px}.metric-bar span{font-size:10px;color:var(--muted);display:block;transform:rotate(-25deg);margin-top:14px}.overlay{position:fixed;inset:0;z-index:100;background:#17213366;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}.modal{width:100%;max-width:650px;max-height:90dvh;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 28px 90px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:20px}.modal-body{padding:22px}.modal code{overflow-wrap:anywhere}.skip-link{position:fixed;right:20px;top:-100px;z-index:1000;background:var(--surface);padding:14px}.skip-link:focus{top:15px}.mobile-nav-button{display:none}.message-actions{display:flex;gap:5px}.status-select{max-width:130px}.toast{background:var(--surface);padding:14px 18px;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);margin-top:8px;pointer-events:auto}.section-tabs{display:flex;gap:8px;margin-bottom:20px;overflow:auto}.section-tabs .button{flex-shrink:0}.plain-list{display:grid;gap:10px;padding:0;list-style:none}.code-box{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:12px;direction:ltr;white-space:pre-wrap;overflow-wrap:anywhere;font-family:monospace}.small-note{font-size:12px;line-height:1.8;color:var(--muted)}.presence-line{font-size:12px;color:var(--muted);margin-top:8px}.number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.filters input{flex:1;min-width:180px}[data-theme=dark] .sidebar{background:var(--surface)}[data-theme=dark] .notice{background:#39301f;color:#e6cb95;border-color:#675530}[data-theme=dark] .auth-intro{background:linear-gradient(145deg,#312621,#192130)}[data-theme=dark] .auth-intro p{color:#cdbbad}[data-theme=dark] .note .bubble{background:#3b3521;color:#eadca9;border-color:#665d32}@keyframes pulse{to{box-shadow:0 0 0 22px var(--accent-soft)}}
.brand{min-width:0}.brand-title{min-width:0;max-width:140px;overflow:hidden;text-overflow:ellipsis}.brand-title span{font-size:8px;letter-spacing:.65px;overflow:hidden;text-overflow:ellipsis}.conversation-item{display:block}.conversation-item .row{margin-bottom:8px}.composer-tools button{width:auto;height:auto;flex-shrink:0}.inbox-layout.no-context{grid-template-columns:300px minmax(280px,1fr)}.voice-layout>div>.panel+.panel{margin-top:18px}
@media(min-width:701px){[data-action=back-list]{display:none}}
@media(max-width:1200px){.inbox-layout,.inbox-layout.no-context{grid-template-columns:270px minmax(280px,1fr)}.customer-panel{display:none}.voice-layout{grid-template-columns:1fr}.number-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.auth-page{grid-template-columns:1fr}.auth-intro{display:none}.auth-form-wrap{min-height:100dvh}.page-scroll{padding:18px 12px}.inbox-layout{display:flex}.inbox-layout .conversation-list{width:100%}.inbox-layout .thread{display:none}.inbox-layout.selected .conversation-list{display:none}.inbox-layout.selected .thread{display:flex;width:100%}.sidebar.open{background:var(--surface)}.mobile-nav-button{display:inline-flex}.topbar h1{font-size:14px}.topbar .live-badge{display:none}.topbar{padding-inline:12px}.brand-title{display:block}.top-actions .user-label{display:none}.number-grid{grid-template-columns:1fr}.voice-input{flex-wrap:wrap}.voice-input input{width:100%}.kanban{grid-template-columns:repeat(4,260px)}.modal{max-height:94dvh}.panel-body{padding:16px}.transcript{height:280px}.stats{grid-template-columns:1fr 1fr}}