/* Shared AMB appearance, kept separate from conversation and admin behavior. */
:root{color-scheme:light;--brand:#791f3c;--brand-dark:#58152c;--wine:var(--brand);--bg:#f6f3f1;--paper:var(--bg);--panel:#fffdfb;--surface:#fff;--soft:#f3e9e9;--ink:#302830;--dark:var(--ink);--muted:#776d74;--line:#e8dfe1;--border:var(--line);--accent:#9d546b;--shadow:0 6px 26px #45213006;--field:#fff;--sidebar:#fffdfb;--good:#276649;--good-bg:#eaf4ed;--warning:#77501e;--warning-bg:#fbf1df}
:root[data-theme=dark]{color-scheme:dark;--brand:#dc91a9;--brand-dark:#edb1c4;--wine:var(--brand);--bg:#17161c;--paper:var(--bg);--panel:#222129;--surface:#292731;--soft:#382933;--ink:#f1e9ed;--dark:var(--ink);--muted:#b9aeb8;--line:#3b3441;--border:var(--line);--accent:#e0a7b9;--shadow:0 6px 28px #00000015;--field:#1c1b22;--sidebar:#1e1c24;--good:#a0d1b5;--good-bg:#243b32;--warning:#f0cd91;--warning-bg:#3c3224}
body{background:var(--bg);color:var(--ink);font-family:'Segoe UI',system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.55}
body :is(button,input,select,textarea,a){-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}
body :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
body :is(input,select,textarea){background:var(--field);border:1px solid var(--line);color:var(--ink);border-radius:12px;min-height:46px;accent-color:#8b3150}
body :is(input,textarea)::placeholder{color:var(--muted);opacity:.85}
body :is(.primary,.secondary,.danger,.text-button,.hero-button),.admin-page button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border-radius:12px;font-size:13px;font-weight:600;line-height:1.4;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}
body :is(.primary,.secondary,.hero-button):hover,.admin-page button:hover{transform:translateY(-1px)}
body :is(.primary),.admin-page button:not(.secondary):not(.theme-switch):not(.password-toggle){background:#791f3c;color:#fff6f7;border:1px solid #8e3150;box-shadow:0 4px 12px #721b3514}
body :is(.primary):hover,.admin-page button:not(.secondary):not(.theme-switch):not(.password-toggle):hover{background:#62172f;filter:none}
body .secondary,.admin-page button.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}
body .secondary:hover,.admin-page button.secondary:hover{background:var(--soft);border-color:var(--accent);filter:none}
body .text-button{color:var(--brand);padding:8px 12px}.text-button:hover{background:var(--soft)}
body button:disabled{opacity:.5;transform:none!important;cursor:not-allowed}
.button-icon,[data-icon]{width:18px;height:18px;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.button-icon svg,[data-icon] svg{width:100%;height:100%}
button svg{width:19px;height:19px;flex-shrink:0}
.theme-switch{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;min-height:44px;padding:10px 14px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;cursor:pointer;font:600 12px 'Segoe UI',sans-serif;margin:0}
.theme-switch:hover{background:var(--soft)}.theme-switch svg{width:18px;height:18px}.login-theme{position:absolute;right:26px;top:22px;z-index:3}
.eyebrow{color:var(--muted);font-size:10px;letter-spacing:.16em}body .muted,body small{color:var(--muted)}
/* Workspace */
.workspace-page .menu-sidebar{width:250px;padding:24px 14px 18px;background:var(--sidebar);border-color:var(--line);overflow-y:auto;scrollbar-width:thin}
.workspace-page main{margin-left:250px;padding:30px 36px 48px;min-width:0}
.workspace-page .sidebar-head{padding:0 14px 20px;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center}
.workspace-page .sidebar-head:before{width:44px;height:44px;margin:0;border-radius:13px;font-size:15px;background:#741e39;box-shadow:0 4px 12px #701c3420}
.workspace-page .sidebar-head strong{font-size:15px;font-weight:650;letter-spacing:-.3px;color:var(--ink)}.workspace-page .sidebar-kicker{color:var(--muted);font-size:8px;letter-spacing:.07em}
.workspace-page .nav-section{color:var(--muted);padding:17px 14px 7px;font-size:9px;letter-spacing:.13em}
.workspace-page .menu-sidebar nav{margin-top:8px;gap:4px}
.workspace-page .menu-sidebar nav :is(button,.admin-nav-link){display:flex;align-items:center;gap:11px;width:100%;border:1px solid transparent;padding:8px 12px;min-height:47px;border-radius:12px;color:var(--muted);font-weight:550;font-size:13px;text-decoration:none;text-align:left;transition:.16s}
.workspace-page .menu-sidebar nav :is(button,.admin-nav-link):hover{background:var(--soft);color:var(--brand)}
.workspace-page .menu-sidebar nav button.active{background:var(--soft);border-color:var(--line);color:var(--brand);font-weight:650;box-shadow:none}
.workspace-page .nav-icon{height:28px;width:28px;padding:5px;border-radius:8px;display:inline-flex;color:var(--muted);background:transparent}
.workspace-page nav button.active .nav-icon{color:white;background:#7d2643;box-shadow:0 3px 8px #59162e18}
.workspace-page .logout{display:flex;align-items:center;gap:11px;color:var(--muted);min-height:44px;padding:12px 14px;margin-top:18px;font-weight:550;border-color:var(--line)}
.workspace-page .topbar{margin-bottom:26px;align-items:center}.workspace-page .topbar h1{color:var(--ink);font-weight:650;font-size:28px;letter-spacing:-.9px}.workspace-page .topbar .theme-switch{margin-left:auto}.workspace-page .topbar-actions{gap:18px}.workspace-page .owner-chip{color:var(--ink)}.workspace-page .owner-avatar{background:var(--soft);color:var(--brand);border:1px solid var(--line)}
.workspace-page .hero-panel{background:linear-gradient(120deg,#511629,#792440 75%,#873450);border:1px solid #a3586d45;box-shadow:0 10px 28px #60203712;padding:34px 38px;border-radius:22px;min-height:260px}
.workspace-page .hero-panel h2{font-family:Georgia,serif;font-size:44px;font-weight:400;line-height:1.12;letter-spacing:-1.1px;color:#fff3ee}.workspace-page .hero-panel p{color:#ebd2d6;font-size:13px}.workspace-page .hero-panel .eyebrow{color:#e1b9c2;font-size:10px}.workspace-page .hero-note small{color:#e6c2c8}.workspace-page .hero-orbit{font-size:56px;color:#ddb6a3}.workspace-page .hero-button{background:#f8eee5;color:#64223a;min-height:44px;margin-top:18px}
.workspace-page :is(.panel,.stats article,.bot-card,.quick-actions button){background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:17px;color:var(--ink)}
.workspace-page .quick-actions{gap:16px;margin-bottom:22px}.workspace-page .quick-actions button{min-height:86px;padding:18px 20px;transition:.16s}.workspace-page .quick-actions button:hover{background:var(--surface);border-color:var(--accent);transform:translateY(-2px)}
.workspace-page .quick-actions button>span{display:flex;width:38px;height:38px;align-items:center;justify-content:center;background:var(--soft);border-radius:12px;color:var(--brand);font-size:17px}.workspace-page .quick-actions b{font-size:13px;color:var(--ink)}.workspace-page .quick-actions small{font-size:12px;color:var(--muted)}
.workspace-page .stats article{padding:22px;gap:15px}.workspace-page .stat-icon{background:var(--soft);color:var(--brand);width:40px;height:40px;border-radius:12px}.workspace-page .stats b{color:var(--ink);font-size:30px}.workspace-page .stats span{font-size:12px;color:var(--muted)}
.workspace-page :is(.panel h2,.page-toolbar h2){font-size:20px;font-weight:650;color:var(--ink)}.workspace-page .panel-title .text-button{font-size:12px}.workspace-page .feed b{font-size:13px}.workspace-page .feed small{font-size:12px}.workspace-page .feed{border-color:var(--line)}
.workspace-page .connection-row{border-color:var(--line)}.workspace-page .connection-row b{font-size:13px}.workspace-page .connection-row small{font-size:12px}.workspace-page .status-label{font-size:11px}.workspace-page .status-label.good{background:var(--good-bg);color:var(--good)}.workspace-page .status-label.pending{background:var(--warning-bg);color:var(--warning)}.workspace-page .status-footnote{font-size:12px;color:var(--muted)}
.workspace-page :is(.inbox-shell,.inbox-item,.inbox-header,.phone-head){background:var(--panel);border-color:var(--line);color:var(--ink)}.workspace-page :is(.inbox-messages,#chatMessages){background:var(--bg)}
.workspace-page .inbox-item.selected,.workspace-page .inbox-item:hover{background:var(--soft)}.workspace-page .inbox-item b{font-size:13px}.workspace-page .inbox-item p{font-size:12px;color:var(--muted)}.workspace-page .inbox-avatar{background:var(--soft);color:var(--brand)}.workspace-page .inbox-item time,.workspace-page .transcript-entry>small{color:var(--muted);font-size:11px}
.workspace-page .inbox-header small,.workspace-page .inbox-header .handoff-help{font-size:12px;color:var(--muted)}.workspace-page .inbox-header b{font-size:14px}.workspace-page .transcript-entry>div{background:var(--surface);color:var(--ink);border-color:var(--line);font-size:13px;line-height:1.7}.workspace-page .transcript-entry.assistant>div{background:#78253c;color:#fff5f8}.workspace-page .transcript-entry.agent>div{background:var(--warning-bg);color:var(--warning);border-color:var(--line)}
.workspace-page .handoff-control{background:var(--soft);border-color:var(--line)}.workspace-page .handoff-control.ai{background:var(--good-bg);border-color:var(--line)}.workspace-page .handoff-badge{color:var(--good)}.workspace-page .handoff-badge.human{color:var(--brand)}
.workspace-page :is(.upload-drop,.vision-drop,.test-canvas,.quote-item,.suggestion,.vision-card){background:var(--panel);color:var(--ink);border-color:var(--line)}.workspace-page .suggestion:hover{background:var(--soft)}.workspace-page .phone-shell{border-color:var(--line)}.workspace-page .bubble.assistant{background:var(--surface);border-color:var(--line);color:var(--ink)}.workspace-page .bubble.user{background:#78253c;color:white}
.workspace-page :is(.search-label input,.channel-filter select,.lead-status){background:var(--field);color:var(--ink)}.workspace-page :is(.search-label,.channel-filter,.phone-head small,.vision-privacy,.muted-note,.test-guide p,.vision-note){color:var(--muted)}
.workspace-page :is(.document-row,.knowledge-item,th,td){border-color:var(--line)}.workspace-page th{background:var(--soft);color:var(--muted)}.workspace-page td{color:var(--ink)}.workspace-page table{font-size:13px}.workspace-page .empty-state b{color:var(--ink)}
.workspace-page :is(.upload-icon,.vision-upload-icon,.document-type,.vision-result-icon,.deploy-illustration,.feature-chip,.safe-badge){background:var(--soft);color:var(--brand);border-color:var(--line)}.workspace-page .quote-product-banner{background:#632039;color:#fff}.workspace-page code{background:var(--soft);color:var(--brand)}
.workspace-page .login-page{position:relative;background:var(--bg)}.workspace-page .login-visual{background:linear-gradient(140deg,#481224,#7b2a43)}.workspace-page .login-card{border:1px solid var(--line);background:var(--panel);padding:36px;border-radius:24px;box-shadow:var(--shadow)}.workspace-page .login-card h2{color:var(--ink)}.workspace-page .login-card p,.workspace-page .login-note{color:var(--muted)}.workspace-page .login-note{font-size:12px;line-height:1.7}.workspace-page .login-copy h1{color:#fff4ec}.workspace-page .login-points span{color:#ead4db}
.workspace-page .menu-toggle,.workspace-page .menu-close{display:none;align-items:center;justify-content:center;color:var(--ink);background:var(--panel);border:1px solid var(--line);width:44px;height:44px;padding:11px;border-radius:12px}
.workspace-page :is(.connection-icon,.bot-avatar){background:#77243f;color:#fff}.workspace-page .bot-icon{background:#77243f!important;color:#fff}
/* Admin uses the same surfaces and button language. */
.admin-page header{background:var(--sidebar);border-color:var(--line);padding:18px max(24px,calc((100vw - 1220px)/2));min-height:82px}
.admin-page .brand{display:flex;align-items:center;gap:12px;font-size:22px;letter-spacing:-.8px;color:var(--ink)}.admin-page .brand-mark{display:grid;place-items:center;width:43px;height:43px;background:#741e39;color:#fff1eb;border-radius:13px;font:16px Georgia,serif;letter-spacing:.03em}.admin-page .brand small{display:block;margin:0;font-size:9px;letter-spacing:.14em;line-height:1.4;color:var(--muted)}
.admin-header-actions{display:flex;align-items:center;gap:12px}.back-link{display:inline-flex;gap:8px;align-items:center;color:var(--muted);font-size:13px;min-height:44px}
.admin-page main{max-width:1220px;padding:36px 24px 64px;margin:auto}.admin-page .intro{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:20px}.admin-page h1{font-size:clamp(28px,4vw,38px);font-weight:650;letter-spacing:-1.3px;margin:10px 0 12px}.admin-page .intro p{margin:0;color:var(--muted);font-size:14px}.identity-chip{display:inline-flex;gap:10px;align-items:center;padding:10px 14px;border:1px solid var(--line);background:var(--panel);border-radius:14px;white-space:nowrap;font-size:12px!important}.identity-chip [data-icon]{color:var(--brand)}
.admin-page nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:6px;margin:30px 0;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.admin-page nav a{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:11px;padding:12px;color:var(--muted);font-size:13px;font-weight:600;min-height:46px}.admin-page nav a:hover{background:var(--soft);color:var(--brand)}.admin-page nav a[aria-current=page]{background:#77243f;color:#fff6f7;box-shadow:0 3px 10px #59203116}
.admin-page .heading{margin:0 0 18px}.admin-page h2{font-size:25px;font-weight:650;color:var(--ink)}.admin-page h3{font-size:18px;font-weight:650;color:var(--ink)}.admin-page p{color:var(--muted);line-height:1.7}.admin-page .card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow);min-width:0}.card-heading{display:flex;align-items:center;gap:13px;margin-bottom:20px}.card-heading h3{margin:0}.card-heading>span{width:40px;height:40px;border-radius:12px;background:var(--soft);color:var(--brand);padding:10px}.card-heading small{display:block;margin-top:3px}.admin-page .two-col{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:24px}
.admin-page label{font-size:13px;font-weight:600;margin-top:18px;color:var(--ink)}.admin-page input,.admin-page select{padding:12px 14px}.admin-page small{font-size:12px;line-height:1.65}.admin-page form>.full{width:100%;margin-top:24px}.admin-page .tag{background:var(--soft);color:var(--brand);border-radius:7px;font-size:11px;padding:4px 9px}.admin-page .user-row{border-color:var(--line);padding:18px 0}.admin-page .user-row b{color:var(--ink);font-size:14px}.admin-page .user-row:last-child{border-bottom:0}.admin-page .feedback{color:var(--brand);font-size:13px;overflow-wrap:anywhere}.admin-page .feedback[data-state=error]{color:#b74254}.admin-page .feedback[data-state=success]{color:var(--good)}[data-theme=dark] .admin-page .feedback[data-state=error]{color:#ff9daa}
.admin-page .notice{background:var(--warning-bg);color:var(--warning);border-color:var(--line);border-radius:13px;padding:18px}.admin-page .steps{color:var(--muted);line-height:1.8}.admin-page .control-row{gap:14px}.admin-page .control-row button{margin-bottom:8px}.admin-page details{border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:18px 0;color:var(--muted)}.admin-page summary{cursor:pointer;color:var(--ink);font-size:13px}.admin-page code{color:var(--muted)}.admin-page #voiceForm{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.admin-page .check input{min-height:18px;height:18px;width:18px}.admin-page .check span{color:var(--muted);font-size:13px}
.password-field{display:flex;align-items:center;position:relative;margin-top:6px}.password-field input{margin:0;padding-right:72px}.admin-page .password-toggle{position:absolute;right:5px;top:5px;bottom:5px;min-height:36px;margin:0;padding:6px 10px;color:var(--brand);background:var(--soft);border:0;font-size:12px;border-radius:8px;box-shadow:none}.security-note{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--soft);margin-top:20px;color:var(--muted);font-size:13px}.security-note b{color:var(--ink)}.admin-page .security-copy li{margin:14px 0;color:var(--muted);font-size:14px;line-height:1.7}.admin-page footer{color:var(--muted);border-color:var(--line)}
@media(min-width:1500px){.workspace-page main{padding:36px 48px}}
@media(max-width:1100px){.workspace-page .topbar-actions{display:none}.admin-page .intro{align-items:start;flex-direction:column}.workspace-page .quick-actions{grid-template-columns:1fr}.workspace-page .quick-actions button{min-height:76px}.workspace-page .quick-actions small{display:block}}
@media(max-width:800px){.workspace-page main{margin-left:0;padding:22px 20px 38px}.workspace-page .menu-sidebar{width:268px}.workspace-page .menu-toggle,.workspace-page .menu-close{display:flex}.workspace-page .menu-close{right:10px;top:10px;width:32px;height:32px;min-height:32px;padding:7px}.workspace-page .topbar{gap:12px}.workspace-page .topbar h1{font-size:24px}.workspace-page .topbar .theme-switch{padding:10px;min-width:44px}.workspace-page .topbar .theme-switch span{display:none}.workspace-page .hero-panel{padding:28px;min-height:0}.workspace-page .hero-panel h2{font-size:38px}.admin-page .two-col{grid-template-columns:minmax(0,1fr)}.admin-page nav{gap:5px}.admin-page nav a{font-size:12px;gap:6px;padding:10px 7px}.admin-header-actions .back-link span:last-child{display:none}.admin-page header{padding:16px 20px}.admin-page .card{padding:24px}.admin-page main{padding:28px 20px 48px}.workspace-page .login-card{margin-top:40px;padding:28px;max-width:440px}.login-theme{right:20px;top:16px}}
@media(max-width:540px){.workspace-page main{padding:20px 14px 30px}.workspace-page .hero-panel{padding:26px;border-radius:20px}.workspace-page .hero-panel h2{font-size:35px}.workspace-page .quick-actions{gap:10px}.workspace-page .quick-actions button{padding:15px 18px;gap:13px}.workspace-page .quick-actions button>span{display:flex;font-size:15px;width:36px;height:36px}.workspace-page .stats article{padding:17px 13px;gap:10px}.workspace-page .stats span{font-size:11px}.workspace-page .stat-icon{width:31px;height:31px}.admin-page nav{grid-template-columns:repeat(2,minmax(0,1fr));margin:24px 0}.admin-page nav a{justify-content:flex-start;padding:12px;font-size:13px;gap:10px}.admin-page .brand small{font-size:8px}.admin-page .brand{gap:9px;font-size:18px}.admin-header-actions{gap:8px}.admin-page .theme-switch{padding:10px}.admin-page .theme-switch span{display:none}.admin-page .card{padding:21px}.admin-page main{padding:24px 16px}.admin-page h1{font-size:29px}.admin-page .control-row>*{width:100%;min-width:0}.admin-page .control-row label{min-width:0}.admin-page .control-row button{margin:0}.admin-page .user-row{align-items:start}.admin-page .page-actions{flex-wrap:wrap}.admin-page .page-grid{grid-template-columns:minmax(0,1fr)}.workspace-page .login-page{padding:20px}.workspace-page .login-card{padding:26px 22px}.workspace-page .login-card h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
