:root{--void:#0B0711;--violet:#8B36E8;--lavender:#DCC8F1;--acid:#D7FF3F;--chalk:#F5F0E8;--ink:#17111F;--muted:#685a6c;--line:#d8cadc;--purple:#772cbd;--pale:#eadcf5;--green:#587516}
body{background:var(--chalk);color:var(--ink);font:13px 'DejaVu Sans',Arial,sans-serif}button,input,textarea,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--violet);outline-offset:2px}
.sidebar{background:var(--void);border-right:1px solid #40304b}.sidebar .brand{display:flex;align-items:center;width:max-content;padding:0 4px;color:var(--chalk);font-family:'DejaVu Sans',Arial,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.8px}.sidebar .brand-icon{display:none}.brand-period,.mobile-brand span{color:var(--acid)}.sidebar .beta{margin-left:6px;padding:3px 5px;border:1px solid #8d9c38;background:#263111;color:var(--acid);font:700 8px 'DejaVu Sans Mono',monospace;letter-spacing:.06em}.sidebar .workspace,.sidebar .profile,.sidebar .plan-card{background:#1b1124;border-color:#4b3658;color:var(--chalk)}.sidebar .workspace small,.sidebar .profile small,.sidebar .plan-card p{color:#c2accd}.sidebar .nav-caption,.sidebar nav a{color:#c8b5d1}.sidebar nav a:hover{background:#291937}.sidebar nav a.active{background:var(--acid);color:var(--void)}.sidebar .plan-card button{border:1px solid #70518a;background:transparent;color:var(--chalk)}
.shell{background:var(--chalk)}.topbar{background:var(--void);border-bottom:1px solid #4b3658;color:var(--chalk)}.topbar .breadcrumb,.topbar .slash,.topbar a{color:#d8c5e2}.topbar a:hover{color:var(--acid)}.topbar .mode{background:#261331;border:1px solid #6b4285;color:var(--lavender)}.topbar .mode i{background:var(--acid)}.topbar .language-toggle{border:1px solid #6b4285;background:#261331;color:var(--chalk)}.topbar .avatar{background:var(--violet);color:var(--chalk)}.mobile-brand{display:none}
main{background:var(--chalk)}.page-head{position:relative;overflow:hidden;min-height:130px;padding:25px 28px;margin-bottom:23px;border-radius:4px;background:var(--void);color:var(--chalk)}.page-head:after{content:'';position:absolute;right:-36px;top:-85px;width:265px;height:265px;border:1px solid #5b3076;border-radius:50%;box-shadow:0 0 0 30px #8b36e816,0 0 0 65px #8b36e80d;pointer-events:none}.page-head h1{position:relative;z-index:1;margin-bottom:6px;color:var(--chalk);font:800 clamp(24px,2.6vw,34px)/1.16 'DejaVu Sans',Arial,sans-serif;letter-spacing:-.06em}.page-head p{position:relative;z-index:1;color:var(--lavender);font-size:12px;line-height:1.6}.page-head .actions{position:relative;z-index:1}.page-head .btn{border-color:#8d6a9e;background:transparent;color:var(--chalk)}.page-head .btn:hover{background:#271333}.notice{border:1px solid #c5a7db;border-left:5px solid var(--violet);border-radius:3px;background:#e9d9f4;color:#3d264e;font-size:11px}.notice svg{color:var(--violet)}
.card,.metric,.number-card,.integration,.receipt,.prompt-starter{border-color:var(--line);border-radius:4px;background:#fffaf3;box-shadow:none}.card.padded{padding:25px}.card-head h3,.form-title{color:var(--ink);font-family:'DejaVu Sans',Arial,sans-serif;font-weight:800}.form-title{font-size:18px}.card-head p,.hint,.inline-note{color:#675b6d}.eyebrow{color:#6d268f;font-family:'DejaVu Sans Mono',monospace;letter-spacing:.1em}.tag{border-radius:2px;background:#e8d7f4;border-color:#d6b9ed;color:#592579}.tag.green{background:#eef5d1;border-color:#cadb85;color:#496214}.tag.orange{background:#f3e1c8;border-color:#e4c99f;color:#704a21}
.btn{border-color:#bfaec9;border-radius:3px;background:#fffaf3;color:var(--ink);font-weight:700}.btn:hover{background:var(--lavender)}.btn.primary{border-color:var(--void);background:var(--acid);color:var(--void);box-shadow:none}.btn.primary:hover{background:#e6ff86}.btn.ghost{color:#642895}.btn.danger{border-color:#a64859;background:#f9e7e4;color:#842d40}.btn:disabled{opacity:.6}.card .field label,.field label{color:#33263b;font-weight:700}.field input,.field textarea,.field select,.call-review-form input,.call-review-form textarea,.call-review-form select{border-color:#c7b5cc;border-radius:3px;background:#fffefa;color:var(--ink)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--violet);box-shadow:0 0 0 2px #8b36e820}.check-label{color:#4e4353}.check-label input{accent-color:var(--violet)}
.live-workspace-layout{gap:21px}.live-workspace-menu{top:18px;padding:10px;border:1px solid #3d2c48;border-radius:4px;background:var(--void);box-shadow:none}.live-workspace-menu button{border-radius:3px;color:#d1bddb;font-size:11px}.live-workspace-menu button:hover{background:#2e1a3e;color:var(--chalk)}.live-workspace-menu button.active{background:var(--acid);color:var(--void)}.live-workspace-menu button.active:hover{background:#e5ff8a}.live-workspace-content{min-width:0}.live-panel-layout{display:block}#real-call-card,#live-studio-slot,#people-management,#template-management,#campaign-management,#live-numbers,#call-logs{border-top:5px solid var(--violet)}#real-call-card{background:#fffaf3}#call-setup-title{margin:0 0 12px;font-size:25px;letter-spacing:-.05em}#real-call-card>.inline-note{margin:0 0 20px;font-size:11px;line-height:1.65}
.quick-template-field,.quick-goal-field{border:1px solid #c8a9db;border-radius:3px;background:#ead8f4}.quick-template-field label,.quick-goal-field label{color:#281430;font-size:13px}.quick-template-field small,.quick-goal-field small{color:#654774}.quick-goal-field textarea{background:#fffaf3}.template-gallery{gap:10px}.template-card{border:1px solid #c7b0d4;border-radius:3px;background:#fffaf3;box-shadow:none;--template-color:#722bb0!important;--template-bg:#dcc8f1!important}.template-card:hover,.template-card[aria-pressed="true"]{border-color:var(--violet);box-shadow:0 0 0 2px #8b36e820}.template-art{border-radius:1px}.template-card strong{color:#211329}.template-description{color:#625469}.template-badge{border-radius:2px;background:var(--acid);color:var(--void)}.template-check{background:var(--acid);color:var(--void)}.template-preview{border-color:var(--violet);border-radius:0;background:#fffaf3}.template-preview strong{color:#502775}.test-call-status{border:1px solid #aabd5b;border-left:5px solid #8ba619;border-radius:3px;background:#f0f7d6;color:#243013}.test-call-status p,.test-call-status small{color:#475337}
.call-plan-settings,.max-call-agent,.max-settings-group{border-color:#cbb1da;border-radius:3px;background:#f0e5f7}.call-plan-settings>summary,.max-settings-group>summary{color:#3e1a58}.max-settings-group{background:#fffaf3}.identity-summary{border-color:#d0b7df;background:#f1e5f8}.number-label-editor{border-color:#d0b7df}.selected-branch-flow{background:#eee1f6;border-color:#cfb6dd}.rehearsal-messages{background:#f4ebf8}.rehearsal-message.caller{background:var(--lavender)}
.directory-row,.flow-branch{border-color:#d7c6df}.directory-person strong{color:var(--ink)}.directory-person small,.directory-row small{color:#64576c}.recent{margin-top:0}.table-wrap{background:#fffaf3}th{border-color:#d8cadc;background:#ead8f4;color:#402c50;font-family:'DejaVu Sans Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.05em}td{border-color:#e5d9e8;color:#2a1c31}.history-toolbar{background:#fffaf3}
dialog{border:1px solid var(--violet);border-top:6px solid var(--violet);border-radius:4px;background:var(--chalk);color:var(--ink)}dialog::backdrop{background:#0b0711b8}.modal-title h2{font-family:'DejaVu Sans',Arial,sans-serif}.modal-desc{color:#5c4e63}.speech,.transcript p{background:var(--lavender)}#toast{border:1px solid #67427d;border-radius:3px;background:var(--void);color:var(--chalk)}footer{border-top:1px solid #44334d;background:var(--void);color:var(--lavender)}footer i{background:var(--acid)}
@media(max-width:850px){.sidebar{display:none}.shell{margin-left:0}.topbar{padding:0 24px}.mobile-brand{display:inline-block;margin-right:18px;color:var(--chalk)!important;font-size:18px;font-weight:800;letter-spacing:-1px}.breadcrumb,.slash{display:none}.live-workspace-menu{margin-top:0}}
@media(max-width:620px){main{padding:18px 15px 0}.topbar{padding:0 15px}.topbar-right .mode{display:none}.page-head{min-height:118px;padding:23px 19px}.page-head h1{font-size:25px}.page-head p{font-size:10px}.page-head:after{right:-135px}.notice{font-size:10px}.card.padded{padding:18px}.live-workspace-menu{top:0;padding:7px;margin-inline:0;border-radius:3px}.live-workspace-menu button{font-size:10px}#call-setup-title{font-size:22px}.quick-template-field,.quick-goal-field{padding:13px}.template-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.template-card strong{font-size:11px}footer{padding:15px}}
/* The live call-center menu belongs to the left brand rail. */
.brand-emblem,.live-menu-slot,.mobile-menu-toggle,.sidebar-backdrop{display:none}
body.call-center .sidebar{overflow-y:auto;padding-bottom:22px;scrollbar-width:thin;scrollbar-color:#5c3975 var(--void)}
body.call-center .sidebar>.brand-emblem,body.call-center .sidebar>.live-menu-slot{display:block!important}
.brand-emblem{flex:none;width:100%;margin:19px auto 7px;aspect-ratio:1/1}.brand-emblem img{display:block;width:100%;height:100%;object-fit:contain}
.live-menu-slot{flex:none;width:100%}.sidebar-menu-label{margin:5px 12px 10px;color:var(--lavender);font:700 9px 'DejaVu Sans Mono',monospace;letter-spacing:.14em}
body.call-center .live-workspace-layout{display:block}.live-menu-slot .live-workspace-menu{position:static;display:grid;overflow:visible;gap:4px;width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.live-menu-slot .live-workspace-menu button{width:100%;min-height:38px;padding:10px 12px;text-align:left}.live-menu-slot .live-workspace-menu button svg{width:16px;height:16px}
@media(max-width:850px){body.call-center .sidebar{display:flex;width:240px;z-index:32;transform:translateX(-105%)}body.call-center.sidebar-open .sidebar{transform:translateX(0)}body.call-center .topbar{position:sticky;top:0;z-index:12}body.call-center .live-workspace-layout{scroll-margin-top:88px}body.call-center .mobile-menu-toggle{display:inline-flex;align-items:center;margin-left:8px;padding:7px 10px;border:1px solid #76518d;border-radius:3px;background:#281632;color:var(--chalk);font-size:10px;font-weight:700}body.call-center.sidebar-open .sidebar-backdrop{display:block;position:fixed;inset:0;z-index:31;width:100%;height:100%;border:0;background:#0b0711b5}}
@media(max-width:620px){body.call-center .live-workspace-layout{scroll-margin-top:73px}body.call-center .mobile-menu-toggle{padding:6px 8px}}