:root{--ink:#193b5a;--muted:#617f98;--line:#c1daed;--bg:#e9f5ff;--white:#ffffff;--green:#193b5a;--accent:#acd6f5;font-family:Arial,'Helvetica Neue',sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800;letter-spacing:-.055em}h1{font-size:clamp(30px,3.6vw,58px);line-height:1.02;text-transform:uppercase}h2{font-size:28px;line-height:1.08}h3{font-size:18px}p{font-size:13px;line-height:1.65;color:var(--muted)}small,.small{font-size:11px;line-height:1.6}.muted{color:var(--muted)}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.08em;margin-bottom:13px;font-weight:400;color:var(--muted)}.brand{display:flex;align-items:center;gap:8px;font-size:23px;letter-spacing:-1px;font-weight:800;white-space:nowrap}.brand-icon{display:grid;place-items:center;border:1.5px solid currentColor;border-radius:50%;width:30px;height:30px;font-size:20px;font-style:normal}.brand-dot{color:#5393c2}.workspace{min-height:100vh}.sidebar{position:sticky;top:0;z-index:10;background:var(--ink);color:var(--bg);height:64px;display:flex;align-items:center;padding:0 32px;gap:42px;border-bottom:1px solid #406584}.sidebar .brand-dot{color:#b1d1e7}.workspace-label{display:none}.sidebar nav{display:flex;gap:18px;align-items:center}.nav-item{font-family:var(--mono);font-size:11px;letter-spacing:.025em;display:flex;align-items:center;gap:8px;color:#bad5e9;border:0;background:none;padding:12px 0;white-space:nowrap}.nav-item>span{display:none}.nav-item::before{content:'[';color:#85acc9}.nav-item::after{content:']';color:#85acc9}.nav-item.active,.nav-item:hover{color:var(--bg)}.nav-item.active::before,.nav-item.active::after{color:var(--bg)}.nav-item b{font-weight:400;font-size:9px;border:1px solid #5c5555;padding:1px 4px}.sidebar-bottom{margin-left:auto}.agent-status{display:none}main{width:100%;margin:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);height:42px;font-family:var(--mono);font-size:10px}.slash{margin:0 12px}.topbar-right{display:flex;align-items:center;gap:15px}.avatar{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);border-radius:50%;font-size:9px}.badge{font-family:var(--mono);font-size:9px;letter-spacing:.015em;display:inline-block;padding:5px 7px;border:1px solid var(--line);white-space:nowrap;line-height:1.3}.green{background:#d1dbca;color:#314329;border-color:#a8b29e}.amber{background:#dfd2b3;color:#5a461a;border-color:#c4b48d}.red{background:#e4c8c3;color:#752b25;border-color:#bd8880}.gray{background:#e3eff8;color:#5c5353}.content{max-width:1600px;margin:0 auto;padding:24px 32px 48px}.signal-hero{height:370px;position:relative;background:var(--ink) url('/assets/signal-field.svg') center 30%/cover;border:1px solid var(--ink);overflow:hidden;margin-bottom:32px;color:var(--bg);isolation:isolate}.hero-top,.hero-bottom{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;line-height:1.5;z-index:2;letter-spacing:.025em}.hero-top{top:18px}.hero-top>span,.hero-bottom>span{background:var(--ink);padding:5px 8px}.hero-top i{display:inline-block;background:#a5c39b;width:5px;height:5px;border-radius:50%;margin-right:6px}.hero-bottom{bottom:143px}.hero-wordmark{position:absolute;inset:auto 18px -9px;font-size:clamp(60px,11.3vw,184px);line-height:.84;font-weight:900;letter-spacing:-.072em;white-space:nowrap;background:linear-gradient(to bottom,var(--bg) 0 76%,transparent 76% 79%,var(--bg) 79% 84%,transparent 84% 88%,var(--bg) 88% 92%,transparent 92% 96%,var(--bg) 96%);background-clip:text;-webkit-background-clip:text;color:transparent;z-index:2}.art-star{position:absolute;right:14%;top:18%;font-size:105px;line-height:1;color:#d4c098;text-shadow:2px 2px var(--ink);transform-origin:center}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 0 28px}.page-heading p{margin-top:12px;font-size:13px}.page-heading .eyebrow{font-size:10px}.date{font-family:var(--mono);font-size:10px;white-space:nowrap;color:var(--muted);align-self:flex-start;margin-top:5px}.page{}.notice{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid var(--line);margin-bottom:24px;background:#e8e2d2}.notice>span{font-size:23px}.notice strong{font-size:12px}.notice p{font-size:11px}.notice .text-button{margin-left:auto}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--ink);margin-bottom:30px;background:transparent}.stat{padding:19px 23px;border-right:1px solid var(--ink)}.stat:last-child{border-right:0}.stat>div{display:flex;justify-content:space-between;font-family:var(--mono);text-transform:uppercase;font-size:10px;color:var(--muted)}.stat>div span{font-size:15px;color:var(--ink)}.stat strong{font-size:46px;line-height:1;letter-spacing:-.06em;display:block;margin:17px 0 10px;font-weight:800}.stat small{font-size:10px;color:var(--muted)}.composer-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px}.card{background:var(--white);border:1px solid var(--ink);overflow:hidden}.call-card{padding:28px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:26px}.card-heading .eyebrow{display:block;margin-bottom:8px}.card-heading p{font-size:11px;margin-top:7px}.round-icon{width:38px;height:38px;flex-shrink:0;border:1px solid var(--line);display:grid;place-items:center;font-size:22px}.call-card .round-icon{border-color:var(--ink);color:var(--white);background:var(--ink)}label{font-family:var(--mono);font-size:10px;display:block;margin-bottom:9px;font-weight:400}input,select,textarea{width:100%;color:var(--ink);background:#ffffff;border:1px solid #c2dbed;border-radius:0;font-size:13px;padding:13px;outline:none}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}input::placeholder,textarea::placeholder{color:#8aa1b4}textarea{resize:vertical;line-height:1.65;min-height:94px}select{cursor:pointer}input+small{display:block;color:var(--muted);margin-top:6px;font-size:10px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.caller-help{margin:7px 0 24px;font-size:10px}#call-template{margin-bottom:26px}.script-label{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.script-label label{margin:0}.script-label span{font-family:var(--mono);font-size:9px;color:var(--muted)}.steps{border-top:1px solid var(--line);padding:20px 0 0}.step{display:flex;gap:18px}.step+.step{margin-top:23px}.step>div{flex:1;min-width:0}.step-number{font-family:var(--mono);font-size:13px;display:block;padding-top:1px;color:var(--muted);flex-shrink:0}.step textarea{background:#e9f5ff}.script-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;margin-bottom:7px}.script-footer small{font-family:var(--mono);color:var(--muted);font-size:9px}code{font-family:var(--mono);font-size:10px;overflow-wrap:anywhere}.checkbox{display:flex;align-items:flex-start;gap:10px;font-family:Arial,sans-serif;font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 22px}.checkbox input{width:15px;height:15px;margin:1px 0 0;padding:0;flex-shrink:0;accent-color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--ink);padding:13px 17px;font-family:var(--mono);font-size:11px;font-weight:400;line-height:1.4;border-radius:0;}.button:active:not(:disabled){transform:translateY(1px)}.primary{background:var(--ink);color:var(--bg)}.primary:hover:not(:disabled){background:#2f6790}.secondary{background:transparent;color:var(--ink)}.secondary:hover:not(:disabled){background:#d9edfc}.danger{background:#e4c8c3;color:#752b25;border-color:#a76257}.danger:hover:not(:disabled){background:#d5ada5}.full{width:100%}.text-button{font-family:var(--mono);font-size:10px;padding:5px 0;border:0;background:none;color:var(--ink);white-space:nowrap}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.call-footnote{font-family:var(--mono);font-size:9px;text-align:center;margin-top:13px}.voice-test-button{margin-top:10px}#call-config-message{font-size:10px;margin-top:10px}.call-error{padding:13px;border:1px solid #b88176;background:#ecd0c9;color:#752b25;margin-top:15px;font-size:12px}.insights-column{display:flex;flex-direction:column;gap:22px}.guide-card{background:var(--ink);color:var(--bg);border:1px solid var(--ink);padding:30px 26px;position:relative;overflow:hidden}.pill{font-family:var(--mono);font-size:9px;letter-spacing:.035em;color:#a79e9e;margin-bottom:29px;display:block}.guide-card h2{font-size:44px;line-height:1.03;letter-spacing:-.06em}.guide-card p{color:#b1a8a8;font-size:12px;margin:15px 0 26px}.waveform{display:flex;justify-content:center;align-items:center;gap:5px;height:95px;padding:15px 0;margin:25px 0;border-top:1px solid #514949;border-bottom:1px solid #514949}.waveform i{background:#e9f5ff;height:14px;width:4px}.waveform i:nth-child(3n){height:33px}.waveform i:nth-child(4n){height:47px}.waveform i:nth-child(5n){height:66px}.waveform i:nth-child(7n){height:80px}.guide-line{display:flex;align-items:center;gap:16px;font-family:var(--mono);font-size:10px;padding:17px 0;border-top:1px solid #514949}.guide-line span{color:#8f8585}.tip-card{padding:26px;background:transparent}.tip-card .round-icon{border-color:var(--ink);margin-bottom:24px}.tip-card p{margin:12px 0 20px;font-size:12px}.tip-card .small{font-size:10px}.recent-card{margin-top:28px;background:transparent}.recent-card .card-heading{padding:25px;margin:0;border-bottom:1px solid var(--ink)}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}thead{background:#e6f2fc;color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.04em}th{font-weight:400;padding:15px 21px}td{padding:19px 21px;border-top:1px solid var(--line)}td strong{font-weight:600;font-size:12px;display:block}td small{font-family:var(--mono);font-size:9px;display:block;color:var(--muted);margin-top:5px}.table-wrap{overflow:auto}.customer-cell{display:flex;align-items:center;gap:11px}.customer-avatar{width:32px;height:32px;border:1px solid var(--line);display:grid;place-items:center;font-family:var(--mono);font-size:10px;flex-shrink:0}.empty{text-align:center;padding:42px 20px}.empty .round-icon{margin:0 auto 18px}.empty h3{font-size:17px;margin-bottom:9px}.empty p{font-size:12px}.filters{display:flex;padding:24px;gap:16px}.filters input{max-width:400px}.filters select{width:200px;margin-left:auto}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.template-card{padding:26px}.template-card h3{margin:23px 0 12px}.template-card p{font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:60px}.template-actions{margin-top:25px;padding-top:20px;border-top:1px solid var(--line);display:flex;gap:16px;align-items:center}.template-actions .delete-template{margin-left:auto;color:#9b4940}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-card{padding:28px}.settings-card h2{margin-bottom:12px}.settings-card p{margin-bottom:24px;font-size:12px}.setting-row{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding:17px 0;font-size:11px}.setting-row span:first-child{color:var(--muted);flex-shrink:0}.setting-row strong{font-weight:500;text-align:right}.setup-list{color:var(--muted);padding-left:20px;font-size:12px;line-height:2.3}footer{display:flex;justify-content:space-between;gap:20px;padding:24px 32px;border-top:1px solid var(--ink);font-family:var(--mono);font-size:11px;text-transform:uppercase}footer span{font-size:9px;color:var(--muted)}dialog{width:min(860px,calc(100vw - 32px));max-height:92vh;border:1px solid var(--ink);padding:28px;background:var(--bg);color:var(--ink);border-radius:0;box-shadow:12px 12px 0 #193b5a26}dialog::backdrop{background:#193b5aa3}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.dialog-heading h2{font-size:28px}.dialog-heading p{font-family:var(--mono);font-size:10px;margin-top:9px}.icon-button{width:32px;height:32px;background:transparent;border:1px solid var(--ink);font-size:23px;line-height:1;display:grid;place-items:center;flex-shrink:0}#detail-meta{display:flex;gap:12px;align-items:center;font-family:var(--mono);font-size:10px;margin-bottom:20px}.live-listener{border:1px solid var(--ink);padding:18px;background:var(--ink);color:var(--bg);margin-bottom:20px}.listener-heading{display:flex;align-items:center;gap:12px}.listener-heading strong{font-family:var(--mono);font-size:11px;font-weight:400}.listener-heading p{font-size:10px;margin-top:6px;color:#bbb1b1}.listener-heading .round-icon{border-color:#6f6565}.listener-heading .button{margin-left:auto;flex-shrink:0;color:var(--bg);border-color:#928686}.listener-heading .button:hover{background:#4c4242}.listener-controls{display:flex;align-items:center;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid #5b5151}.listener-controls select{width:160px;font-family:var(--mono);font-size:10px;padding:9px}.listener-controls label{margin:0}.listener-controls input{width:120px;padding:0;accent-color:var(--bg)}.listener-controls meter{width:75px;height:15px}.listening{background:#d1dbca!important;color:#263b24!important;border-color:#91a985!important}.transcript-heading{display:flex;justify-content:space-between;gap:15px;font-family:var(--mono);font-size:9px;margin:23px 0 12px;color:var(--muted)}.transcript-heading small{font-size:9px}.transcript{border:1px solid var(--line);padding:20px;max-height:330px;overflow:auto;margin-bottom:25px;background:#e7f3fc}.message{max-width:86%;margin-bottom:17px}.message:last-child{margin-bottom:0}.message.user{margin-left:auto}.message-label{font-family:var(--mono);font-size:9px;display:flex;justify-content:space-between;gap:15px;margin-bottom:7px;color:var(--muted)}.message-text{font-size:13px;line-height:1.7;padding:12px 15px;border:1px solid #c3d9ea;background:var(--white);white-space:pre-wrap;overflow-wrap:anywhere}.message.user .message-text{background:var(--ink);color:var(--bg);border-color:var(--ink)}.detail-notes>label:not(:first-child),#template-form>label{margin-top:20px}.detail-error{background:#e6c7c0;padding:13px;color:#752b25;font-size:12px;margin-bottom:18px}.dialog-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px;margin-top:22px;flex-wrap:wrap}.recall-controls{display:flex;align-items:center;gap:9px;margin-right:auto}.recall-controls select{width:130px;padding:12px;font-size:11px}.recall-row{display:block;margin-top:7px}.call-summary{border-top:1px solid var(--line);margin-top:20px;padding-top:15px;font-size:12px}.call-summary p{margin-top:9px;font-size:12px}.flow-panel{border:1px solid var(--ink);padding:20px;margin-bottom:22px}.flow-heading{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:10px;gap:15px}.flow-heading strong{font-weight:400}.flow-heading>span{color:var(--muted)}.flow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.flow-step{border-top:3px solid #c1d6e6;padding-top:10px;min-width:0}.flow-step.current{border-color:var(--ink)}.flow-step.done{border-color:#6d8465}.flow-step>span{font-family:var(--mono);font-size:9px;color:var(--muted)}.flow-step>strong{font-size:11px;display:block;margin-top:6px;font-weight:500}.flow-step>p{font-size:11px;margin-top:10px;overflow-wrap:anywhere;max-height:70px;overflow:auto}.keypad-display{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;margin-top:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.keypad-display>span{font-family:var(--mono);font-size:9px;color:var(--muted)}.keypad-display output{font-family:var(--mono);font-size:20px;letter-spacing:.15em;overflow-wrap:anywhere;min-width:0}.review-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.review-controls>div{margin-right:auto}.review-controls strong{font-size:12px}.review-controls p{font-size:10px;margin-top:5px}.review-controls .button{font-size:10px;padding:11px 13px}.error{color:#8b2d22!important;font-size:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);border:1px solid #807272;padding:16px 23px;z-index:50;font-family:var(--mono);font-size:11px;max-width:90vw;line-height:1.6;box-shadow:5px 5px 0 #193b5a26}.toast.failure{background:#752b25}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-card{align-self:center;justify-self:center;width:420px;max-width:calc(100vw - 40px);padding:40px 0}.login-card .brand{margin-bottom:70px}.login-card h1{font-size:53px;line-height:.98}.login-card>p{margin:22px 0 30px}.login-card>label{margin-top:32px}.login-card .button{width:100%;margin-top:20px;justify-content:space-between}.login-card .small{margin:17px 0;font-size:11px}.login-art{background:var(--ink) url('/assets/signal-field.svg') center/auto 100%;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:48px;color:var(--bg)}.login-art strong{position:relative;z-index:1;font-size:clamp(60px,7.6vw,120px);line-height:.83;letter-spacing:-.07em;margin-bottom:65px}.login-art>span{position:absolute;bottom:35px;left:48px;font-family:var(--mono);font-size:10px;background:var(--ink);padding:5px}.login-art .art-star{top:15%;right:25%;font-size:170px;color:#e9f5ff}body:has(#workspace:not([hidden])) .login-art .art-star{}

@media(min-width:1600px){.hero-wordmark{font-size:180px}.signal-hero{height:400px}}
@media(max-width:1100px){.sidebar{padding:0 22px;gap:28px}.sidebar nav{gap:13px}.brand{font-size:20px}.nav-item{font-size:10px}.content{padding:22px}.topbar{padding:0 22px}.composer-grid{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.guide-card{padding:25px 22px}.guide-card h2{font-size:38px}.call-card{padding:24px}.signal-hero{height:315px}.hero-bottom{bottom:110px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.script-footer{align-items:flex-start;flex-direction:column}.date{display:none}.login-card{width:340px}.login-card h1{font-size:43px}}
@media(max-width:820px){.sidebar{height:auto;min-height:60px;flex-wrap:wrap;gap:5px 20px;padding:15px 20px}.sidebar nav{order:3;width:100%;justify-content:space-between;gap:6px}.sidebar-bottom{margin-left:auto}.sidebar nav .nav-item{padding:10px 0 0}.composer-grid{grid-template-columns:1fr}.insights-column{display:grid;grid-template-columns:1fr 1fr}.guide-card h2{font-size:38px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--ink)}.settings-grid{grid-template-columns:1fr}.login-screen{grid-template-columns:1fr}.login-art{display:none}.login-card{width:410px}.login-card h1{font-size:52px}.signal-hero{height:285px}.hero-wordmark{font-size:11.2vw;bottom:2px}.hero-bottom{bottom:84px}.art-star{font-size:80px}.page-heading h1{font-size:38px}.listener-heading .button{padding:10px}}
@media(max-width:520px){.content{padding:16px 16px 32px}.topbar{padding:0 16px;font-size:9px}.sidebar{padding:13px 16px;gap:4px 10px}.sidebar .brand{font-size:21px}.sidebar .brand-icon{width:26px;height:26px;font-size:17px}.sidebar nav{overflow:visible}.nav-item{font-size:9px;gap:4px}.nav-item b{display:none}.topbar-right{gap:8px}.avatar{display:none}.signal-hero{height:245px;margin-bottom:25px;background-size:auto 100%}.hero-top,.hero-bottom{font-size:8px;left:12px;right:12px}.hero-top{top:12px}.hero-top>span{max-width:52%;padding:4px}.hero-top>span:last-child{max-width:43%;text-align:right}.hero-bottom{bottom:66px}.hero-wordmark{left:9px;right:9px;font-size:11vw;bottom:8px}.art-star{font-size:65px;top:30%;right:17%}.page-heading{align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:23px}.page-heading h1{font-size:35px;letter-spacing:-.06em;line-height:1}.page-heading p{font-size:12px}.eyebrow{font-size:9px}.stats-grid{margin-bottom:22px}.stat{padding:16px 14px}.stat>div{font-size:9px;gap:4px}.stat strong{font-size:37px}.stat small{font-size:9px}.call-card{padding:21px 17px}.card-heading{margin-bottom:23px}.card-heading h2{font-size:25px}.field-row{grid-template-columns:1fr;gap:20px}.script-label span{font-size:8px;max-width:45%;text-align:right}.step{gap:10px}.step-number{font-size:11px}.step textarea{padding:11px;font-size:12px}.step>div>label{font-size:9px}.insights-column{grid-template-columns:1fr}.guide-card{padding:25px}.guide-card h2{font-size:44px}.waveform{height:80px;margin:20px 0}.tip-card{display:none}.guide-line{padding:13px 0}.guide-card p{margin-bottom:20px}.recent-card .card-heading{padding:21px 17px}.recent-card .card-heading h2{font-size:24px}.recent-card .card-heading .text-button{font-size:9px}th,td{padding:14px;white-space:nowrap}.filters{padding:17px;flex-direction:column}.filters select{width:100%;margin:0}.template-grid{grid-template-columns:1fr}.settings-card{padding:23px 19px}.setting-row{gap:12px;font-size:10px}.setting-row strong{min-width:0;overflow-wrap:anywhere}.setting-row span:first-child{max-width:38%}footer{padding:22px 16px;font-size:10px}footer span{font-size:8px;max-width:55%;text-align:right}.login-card{width:350px;padding:30px 0}.login-card .brand{margin-bottom:65px}.login-card h1{font-size:45px}.login-card>p{font-size:12px}dialog{padding:20px 16px;width:calc(100vw - 20px);max-height:94vh;box-shadow:5px 5px 0 #193b5a26}.dialog-heading{margin-bottom:18px}.dialog-heading h2{font-size:26px}.dialog-heading p{font-size:9px;overflow-wrap:anywhere}.listener-heading{flex-wrap:wrap;gap:10px}.listener-heading>div{flex:1;min-width:0}.listener-heading strong{font-size:9px}.listener-heading .button{width:100%;margin-left:0}.listener-controls{flex-wrap:wrap;gap:12px}.listener-controls select{width:100%}.listener-controls input{flex:1}.live-listener{padding:15px}.flow-panel{padding:15px}.flow-heading{font-size:9px;align-items:flex-start}.flow-steps{gap:9px}.flow-step>span{font-size:8px}.flow-step>strong{font-size:10px}.flow-step>p{font-size:10px}.review-controls{gap:8px}.review-controls>div{width:100%;margin-bottom:6px}.review-controls .button{flex:1;font-size:9px;padding:11px 7px}.keypad-display output{font-size:15px;letter-spacing:.1em}.transcript-heading{flex-direction:column;gap:5px}.transcript{padding:14px}.message{max-width:94%}.message-text{font-size:12px;padding:11px}.dialog-actions{gap:8px}.dialog-actions .button{font-size:10px;padding:11px 12px}.recall-controls{width:100%;margin-bottom:5px}.recall-controls select{flex:1}.notice{flex-wrap:wrap}.notice .text-button{margin-left:0}.notice p{font-size:10px}.toast{font-size:10px;padding:13px 18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}
@media(max-width:520px){.sidebar nav{gap:4px}.sidebar nav .nav-item{font-size:8.5px;gap:3px}}

.signal-hero{background:var(--ink)}.signal-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);z-index:0;pointer-events:none}.signal-hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:143px;background:var(--bg);border-top:1px solid var(--ink);z-index:1}.hero-wordmark{background-image:linear-gradient(to bottom,var(--ink) 0 76%,transparent 76% 79%,var(--ink) 79% 84%,transparent 84% 88%,var(--ink) 88% 92%,transparent 92% 96%,var(--ink) 96%)}

@media(max-width:1100px){.signal-hero::after{height:110px}}
@media(max-width:820px){.signal-hero::after{height:80px}.signal-art{}}
@media(max-width:520px){.signal-hero::after{height:54px}}
@media(prefers-reduced-motion:reduce){.signal-art,.art-star{}}

:root{--bg:#eff8ff;--white:#ffffff;--ink:#193b5a;--muted:#617f98;--line:#c1daed;--accent:#acd6f5}button,input,select,textarea{border-radius:7px}.card,.stats-grid{border-color:#bed9ed}.card{border-radius:12px}.call-card{box-shadow:0 6px 24px #336c9310}.sidebar{background:#193b5a}.brand-dot{color:#61a5d4}.brand-icon{background:#d9efff;color:#234f71;border-color:#9bcbeb}.signal-hero{height:320px;border:1px solid #aecde5;border-radius:12px;background:#d1eaff}.signal-art{transform:none}.signal-hero::after{height:130px;background:#e1f1fd;border-color:#b9d7ed}.hero-wordmark{font-size:clamp(65px,9vw,148px);letter-spacing:-.065em;bottom:6px}.hero-top>span,.hero-bottom>span{background:#284f70;color:#e9f5ff;border-radius:3px}.hero-bottom{bottom:145px}.art-star{color:#83b6db;text-shadow:2px 2px #e9f5ff}.guide-card{background:#d9edfc;color:var(--ink);border:1px solid #bed9ed;border-radius:12px}.guide-card .pill,.guide-card p{color:#547896}.guide-card .waveform{border-color:#accfe7}.guide-card .waveform i{background:#579ac8}.guide-line{border-color:#accfe7}.guide-line span{color:#6892b1}.tip-card{background:#fff}.step textarea{background:#f3faff}.primary{background:#327fb4;border-color:#327fb4;color:#fff}.primary:hover:not(:disabled){background:#266d9e}.secondary{border-color:#b9d5ea}.live-listener{background:#d9edfc;color:var(--ink);border-color:#b7d4e9;border-radius:10px}.listener-heading p{color:#547896}.listener-heading .button{color:var(--ink);border-color:#97bfdc}.listener-heading .button:hover{background:#c4e2f7}.listener-controls{border-color:#aacbe2}.transcript{border-radius:9px}.message-text{border-radius:8px}.message.user .message-text{background:#327fb4;border-color:#327fb4;color:white}.flow-panel{border-color:#b7d4e9;border-radius:10px;background:#f8fcff}.keypad-display{border-color:#c4ddec}.toast{background:#245b83;border-color:#79a7c8;border-radius:8px}.login-art{background-color:#d1eaff;color:#193b5a}.login-art strong{color:#e9f5ff;text-shadow:2px 2px #2a5272}.login-art>span{background:#284f70;color:#e9f5ff;border-radius:4px}.settings-card form>label:not(:first-child){margin-top:23px}.settings-card form>.button{margin-top:25px}.setting-input{display:flex;align-items:center;gap:12px}.setting-input input{max-width:90px}.setting-input span{font-size:11px;color:var(--muted)}.settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;font-family:Arial,sans-serif}.settings-toggle strong{font-size:12px;font-weight:600;display:block}.settings-toggle small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.settings-toggle input{width:18px;height:18px;flex-shrink:0;accent-color:#327fb4}.invites-card{grid-column:1/-1}.invite-create{display:flex;gap:12px}.invite-create input{flex:1;min-width:0}.invite-create .button{flex-shrink:0}.invite-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;border-top:1px solid var(--line)}.invite-row strong{font-size:13px}.invite-row small{display:block;margin-top:6px;font-size:10px;color:var(--muted)}#invite-list{margin-top:26px}.new-invite{display:flex;align-items:center;gap:12px;padding:18px;background:#e2f2fe;border:1px solid var(--line);margin-top:20px;flex-wrap:wrap}.new-invite>span{font-size:11px;width:100%;color:var(--muted)}.new-invite input{flex:1;min-width:200px;font-family:var(--mono);font-size:11px}.new-invite .button{flex-shrink:0}.listener-controls input{accent-color:#327fb4}.voicemail-notice{padding:12px 15px;background:#e5f2fb;border:1px solid #b3d2e8;margin-bottom:16px;border-radius:7px;font-size:12px;color:#386588}
@media(max-width:1100px){.signal-hero{height:280px}.signal-hero::after{height:108px}.hero-bottom{bottom:120px}}
@media(max-width:820px){.signal-hero{height:240px}.signal-hero::after{height:80px}.hero-bottom{bottom:94px}.hero-wordmark{font-size:11vw}}
@media(max-width:520px){.signal-hero{height:225px}.signal-hero::after{height:65px}.hero-wordmark{font-size:15vw;bottom:7px}.hero-bottom{bottom:77px}.invite-create{flex-direction:column}.new-invite input{min-width:0;width:100%;flex:auto}.new-invite .button{width:100%}.invite-row{align-items:flex-start}.invite-row .text-button{font-size:9px}.settings-toggle strong{font-size:11px}.settings-toggle small{font-size:9px}.page-heading h1{font-size:33px}}
:root .voice-preview-button{display:block;margin-top:10px;font-size:11px;padding:6px 0}
.code-history{margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}
.code-history>strong{display:block;margin-bottom:8px;font-size:12px}
.code-history ol{list-style:none;margin:0;padding:0;max-height:220px;overflow:auto}
.code-history li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 0;border-top:1px solid var(--line);font-size:12px}
.code-history li code{font-size:14px;font-weight:700;letter-spacing:.06em}
.code-history li time{margin-left:auto;color:var(--muted);font-size:11px}
:root .voice-preview-dialog{max-width:480px;width:calc(100% - 32px)}
#voice-preview-audio{display:block;width:100%;margin:20px 0 12px;height:44px}
.all-voices-link{margin:0 0 20px;font-size:13px;font-weight:700;color:#266d9e}
.voice-gallery-link{display:flex;align-items:center;text-decoration:none}
.voice-gallery-body{background:#eff8ff}
.voice-gallery-main{max-width:1120px;margin:auto;padding:32px 28px 60px}
.voice-gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:45px}
.voice-gallery-intro h1{font-size:clamp(32px,5vw,58px);margin:12px 0 18px}
.voice-gallery-intro{margin-bottom:40px}
.voice-group{margin-top:34px}
.voice-group h2{font-size:23px;margin-bottom:18px;letter-spacing:-.03em}
.voice-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.voice-card{background:#fff;border:1px solid #bed9ed;border-radius:12px;padding:20px;min-width:0}
.voice-card h3{font-size:17px;letter-spacing:-.02em;margin-bottom:18px}
.voice-card audio{display:block;width:100%;height:44px}
.voice-playback-status{font-size:11px;margin-top:12px}
.composer-grid{display:block;max-width:900px;margin:0 auto}
.call-card{padding:26px;box-shadow:none}
#page-overview>.page-heading{max-width:900px;margin:0 auto 20px}
#page-overview>.page-heading h1{font-size:34px;text-transform:none}
.call-statistics{max-width:900px;margin:0 auto 20px;font-size:12px;color:var(--muted)}
.call-statistics summary{cursor:pointer;padding:10px 0}
.call-statistics .stats-grid{margin:8px 0 18px}
#repeat-guide{margin:0 0 16px}
.call-status-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.call-status-bar #detail-meta{margin:0}
.call-status-bar #hangup-call{flex-shrink:0;min-width:110px}
.composer-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);gap:24px;max-width:1240px;align-items:start}
.composer-right{display:grid;gap:20px;min-width:0}
.messages-card,.live-call-panel{padding:24px;min-width:0}
.call-card .field-row{grid-template-columns:minmax(0,1fr);gap:18px}
.call-card{position:sticky;top:20px}
.messages-card .card-heading{margin-bottom:22px}
.messages-card .steps{margin-bottom:20px}
.live-call-panel .dialog-heading h2{font-size:23px}
#page-overview>.page-heading,.call-statistics{max-width:1240px}
@media(max-width:1000px){.composer-grid{grid-template-columns:minmax(230px,.8fr) minmax(0,1.4fr);gap:16px}.messages-card,.live-call-panel{padding:18px}}
@media(max-width:820px){.composer-grid{grid-template-columns:minmax(0,1fr)}.call-card{position:static}.call-card .field-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.call-card .field-row{grid-template-columns:minmax(0,1fr)}.messages-card,.live-call-panel{padding:17px}.live-call-panel .dialog-heading{gap:10px}.live-call-panel .dialog-heading p{overflow-wrap:anywhere}}
#detail-dialog .transcript{max-height:200px}
.review-controls p{font-size:11px}
@media(max-width:520px){.call-card{padding:18px}.call-status-bar{align-items:flex-start}.call-status-bar #hangup-call{padding:12px;font-size:11px}.date{display:none}#page-overview>.page-heading h1{font-size:30px}}
@media(max-width:800px){.voice-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.voice-gallery-main{padding:22px 16px 40px}.voice-card-grid{grid-template-columns:minmax(0,1fr)}.voice-gallery-heading{align-items:flex-start}.voice-gallery-heading .button{font-size:10px;padding:12px}.voice-gallery-intro h1{font-size:34px}}

/* --- Scripted template model ------------------------------------------------- */
.script-preview{border-top:1px solid var(--line);margin-top:4px}
.preview-step{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}
.preview-step:last-of-type{border-bottom:0}
.preview-index{font-family:var(--mono);font-size:11px;color:var(--muted);flex-shrink:0;padding-top:1px}
.preview-step>div{min-width:0}
.preview-step strong{font-size:12px;display:block}
.preview-step p{font-size:12px;margin-top:7px;overflow-wrap:anywhere}
.preview-step small{display:block;margin-top:5px}
.empty-inline{font-size:12px;padding:18px 0;border-top:1px solid var(--line)}
.template-facts{margin:0;border-top:1px solid var(--line);padding-top:14px}
.template-facts>div{display:flex;gap:12px;padding:7px 0}
.template-facts dt{font-family:var(--mono);font-size:9px;color:var(--muted);flex-shrink:0;width:62px;padding-top:2px}
.template-facts dd{margin:0;font-size:11px;line-height:1.6;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.template-fields{margin-top:4px}
.template-field{padding:16px 0;border-top:1px solid var(--line)}
.template-field>label{margin-bottom:8px}
.template-field>small{display:block;margin-top:7px;font-size:10px;color:var(--muted)}
.template-field .field-error{color:#8b2d22}
.template-field.invalid textarea{border-color:#b88176;background:#fdf4f2}
.template-field textarea{min-height:0}
#template-form{max-height:calc(92vh - 56px);overflow:auto;padding-right:6px}
.flow-steps{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:820px){.flow-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.template-facts dt{width:52px}}
.template-field.optional textarea{background:#f6f9fc}
.setting-input.muted-row{opacity:.6}
.template-field .field-error{display:block}
.template-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mode-badge{font-family:var(--mono);font-size:9px;letter-spacing:.02em;padding:4px 7px;border:1px solid var(--line);border-radius:4px;white-space:nowrap}
.mode-code{background:#dceefb;color:#26587c;border-color:#a9cde8}
.mode-guidance{background:#e6f2e4;color:#375c2e;border-color:#b3d2ab}
.preview-mode{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);padding:12px 0;border-bottom:1px solid var(--line)}
.template-card h3{margin-top:18px}

/* bb08 — an editorial, high-contrast workspace. Keep the controls compact and the line visible. */
:root{--ink:#202021;--muted:#666466;--line:#c7c1c1;--bg:#e6e1e1;--white:#f7f4f3;--green:#202021;--accent:#dfd8d8;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;color:var(--ink);background:var(--bg)}
body,.voice-gallery-body{background:var(--bg);color:var(--ink)}
h1,h2,h3{letter-spacing:-.045em}h1{font-weight:900}h2{font-size:22px;font-weight:800}
.brand{font-family:Arial,'Helvetica Neue',sans-serif;font-size:24px;letter-spacing:-.085em;font-weight:900;text-transform:none;gap:5px}
.brand-icon{width:28px;height:28px;border:2px solid currentColor;border-radius:0;background:transparent;color:inherit;font-size:21px;letter-spacing:-.08em;line-height:1}
.brand-dot,.sidebar .brand-dot{color:inherit;font-family:var(--mono);font-size:10px;align-self:flex-start;margin-top:3px;letter-spacing:0}
.eyebrow,.date{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.sidebar{height:58px;padding:0 30px;gap:54px;background:#1d1d1e;color:#f7f4f3;border-color:#1d1d1e}
.sidebar nav{gap:24px}.nav-item{color:#ded9d8;font-size:10px;letter-spacing:.045em}.nav-item::before,.nav-item::after{color:#a9a3a2}.nav-item.active,.nav-item:hover,.nav-item.active::before,.nav-item.active::after{color:#fff}
.nav-item b{border-color:#77706f;color:#e6e1e1}.topbar{height:35px;padding:0 30px;background:#eee9e8;border-color:var(--line);color:var(--ink)}
.topbar .muted,.topbar .slash{color:#777173}.content{max-width:1600px;margin:auto;padding:24px 30px 50px}
.page-heading{margin-bottom:16px}#page-overview>.page-heading,#page-overview>.call-statistics{max-width:none}
#page-overview>.page-heading .eyebrow{display:block;margin-bottom:5px}#page-overview>.page-heading h1{font-size:clamp(32px,3vw,42px);text-transform:uppercase;line-height:1;letter-spacing:-.065em}
.page-heading .brand-dot{font-size:inherit;color:var(--ink);font-family:inherit;vertical-align:baseline}
.overview-active{display:flex;align-items:center;gap:12px;min-height:46px;margin-bottom:12px;padding:8px 15px;background:#211f20;color:#f7f4f3;border:1px solid #211f20;font-size:12px;min-width:0}
.overview-active-label{font-family:var(--mono);font-size:9px;letter-spacing:.06em;color:#b9b2b1;margin-right:9px;white-space:nowrap}
.overview-active strong{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.overview-active-description{font-family:var(--mono);color:#c4bdbc;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.status-light{width:7px;height:7px;flex:none;border-radius:50%;background:#a9a2a0}
.overview-active.is-running .status-light{background:#b7e875;box-shadow:0 0 0 3px #b7e87524}
.overview-active .text-button{margin-left:auto;flex:none;color:#f7f4f3;border-bottom:1px solid #898281;font-size:10px}
.call-statistics{margin:0 0 12px}.call-statistics summary{display:inline-block;padding:3px 0;color:#565254;font-family:var(--mono);font-size:10px;letter-spacing:.035em}
.composer-grid{max-width:none;grid-template-columns:minmax(290px,350px) minmax(0,1fr);gap:12px;align-items:start}
.composer-right{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.composer-right .live-call-panel{grid-column:1;grid-row:1;position:sticky;top:70px;max-height:calc(100dvh - 84px);overflow:auto;scrollbar-color:#aaa3a2 transparent}
.composer-right .messages-card{grid-column:2;grid-row:1;min-width:0}
.composer-right:has(.live-call-panel[hidden]) .messages-card{grid-column:1 / -1}
.card,.stats-grid,.voice-card{border:1px solid var(--line);border-radius:0;background:var(--white);box-shadow:none}
.call-card,.messages-card,.live-call-panel{padding:18px 20px;box-shadow:none}
.call-card{position:sticky;top:70px}.card-heading,.messages-card .card-heading{margin-bottom:14px}.card-heading .eyebrow{display:block;margin:0 0 5px}
.card-heading h2,.dialog-heading h2{font-size:22px;text-transform:uppercase;line-height:1.05}
.call-card form>label,.messages-card>label{margin-top:10px}
.call-card .field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.call-card .field-row:first-child{grid-template-columns:repeat(2,minmax(0,1fr))}
.call-card .field-row:not(:first-child){grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr);margin-top:14px}
.call-card .field-row>div{min-width:0}
.call-card input,.call-card select,.messages-card select{min-width:0}
.call-card small,.call-card .small{font-size:10px;line-height:1.35}
.call-card .voice-preview-button{margin-top:5px;padding:3px 0}
.all-voices-link{margin:3px 0 8px;font-size:10px}
.call-card #selected-template{margin:7px 0 5px}
.call-card #call-config-message,.call-card .call-footnote{font-size:10px;margin-top:6px}
input,select,textarea,button{border-radius:0}input,select,textarea{background:#fdfbfa;border-color:#bbb5b5;color:var(--ink)}
input[type=checkbox],input[type=radio]{accent-color:#202021}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #8c4339;outline-offset:2px}
.button,.icon-button,.badge,.mode-badge,.customer-avatar,.round-icon,.toast,.live-listener,.flow-panel,.transcript,.code-history,.message-text{border-radius:0}
.primary{background:#202021;border-color:#202021;color:#f9f6f5}.primary:hover:not(:disabled){background:#454041;border-color:#454041}
.secondary{background:transparent;color:var(--ink);border-color:#767071}.secondary:hover:not(:disabled){background:#e4dedd}
.danger{background:#eee2df;color:#77392e;border-color:#a9675a}.danger:hover:not(:disabled){background:#e3d1cc}
.button:active:not(:disabled),.icon-button:active:not(:disabled){transform:scale(.97)}.button,.icon-button{transition:transform 140ms cubic-bezier(.23,1,.32,1),background-color 140ms ease-out}
.badge{border-color:#aca5a4;background:#e4dedc;color:#353132}.badge.green{background:#d8e6d1;color:#233c26;border-color:#a6bca4}.badge.amber{background:#f1dec4;color:#62452c;border-color:#ddbf9a}.badge.gray{background:#e2dddc;color:#4f4949;border-color:#c7bfbe}
th{background:#e9e3e2;color:#625c5c;border-color:var(--line)}td{border-color:var(--line)}.customer-avatar{background:#ebe5e4;border-color:var(--line);color:var(--ink)}
.messages-card .card-heading{margin-bottom:12px}#repeat-guide{font-size:10px;line-height:1.45;margin:8px 0 10px}
.script-preview{margin-top:6px;border-color:var(--line)}.preview-step{gap:10px;padding:9px 0;border-color:var(--line)}
.preview-index{font-size:10px;color:#8b4a40}.preview-step strong{font-size:11px;letter-spacing:.015em}.preview-step p{font-size:11px;line-height:1.4;margin-top:4px;color:#625d5e}
.composer-right:has(.live-call-panel[hidden]) .script-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
.composer-right:has(.live-call-panel[hidden]) .preview-step:nth-last-child(2){border-bottom:0}
.script-footer{border-color:var(--line);gap:8px;margin-top:12px;align-items:flex-start}.script-footer small{font-size:10px}
.live-call-panel .dialog-heading{margin-bottom:10px}.live-call-panel .dialog-heading .eyebrow{margin-bottom:5px}
.live-call-panel .dialog-heading h2{font-size:19px}.live-call-panel .dialog-heading p{font-size:10px;line-height:1.45;overflow-wrap:anywhere}
.call-status-bar{margin:10px 0;align-items:flex-start;flex-wrap:wrap;gap:8px}.call-status-bar #detail-meta{display:flex;flex-wrap:wrap;gap:5px 7px;align-items:center;font-size:10px}
.call-status-bar #hangup-call{padding:8px 10px;min-width:0;font-size:10px}
.live-listener{padding:11px;background:#e9e4e2;border-color:var(--line);color:var(--ink)}.listener-heading p{font-size:10px;color:var(--muted)}.listener-heading .button{padding:7px 9px;color:var(--ink);border-color:#908887}
.flow-panel{padding:11px;background:#f7f4f3;border-color:var(--line)}.flow-heading{margin-bottom:8px}
.flow-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.flow-step{min-width:0;padding:8px;border-color:var(--line);background:#f9f6f5}.flow-step.current{border-color:#8c4339}.flow-step.done{border-color:#66785e}.flow-step span{font-size:9px}.flow-step strong{font-size:10px;overflow-wrap:anywhere}.flow-step p{font-size:10px}
.keypad-display{margin-top:9px;padding:9px 0;border-color:var(--line)}.review-controls{gap:7px;margin-top:10px}.review-controls p{line-height:1.4}.review-controls .button{font-size:10px;padding:8px 10px}
.code-history{background:#f9f6f5;border-color:var(--line)}
.recent-card{margin-top:15px}.recent-card .card-heading{padding:16px 20px;border-color:var(--line)}
.settings-card,.template-card{box-shadow:none}.mode-code,.mode-guidance{background:#e4dedc;color:#403b3c;border-color:var(--line)}
.login-screen{background:var(--bg)}.login-card{background:var(--bg)}.login-art{background:#211f20;color:#f6f2f1;border-radius:0}.login-art strong{color:#f6f2f1;text-shadow:none}.login-art .art-star{color:#ed9d7f;text-shadow:none}.login-card h1{letter-spacing:-.07em}
.voice-gallery-main{max-width:1380px}.voice-gallery-heading{padding-bottom:16px;border-bottom:1px solid var(--ink)}.voice-card{padding:16px}.voice-group h2{text-transform:uppercase}
footer{border-color:var(--line);color:var(--ink)}.toast{background:#222;color:#fff;border-color:#222}
@media(max-width:1050px){.content{padding:20px 20px 40px}.composer-grid{grid-template-columns:minmax(275px,310px) minmax(0,1fr)}.composer-right{gap:10px}.call-card,.messages-card,.live-call-panel{padding:16px}.call-card .field-row{grid-template-columns:minmax(0,1fr)}.call-card .field-row:first-child{grid-template-columns:minmax(0,1fr)}}
@media(max-width:930px){.composer-grid{grid-template-columns:minmax(0,1fr)}.call-card{position:static}.composer-right{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-right .live-call-panel{position:static;max-height:none;overflow:visible}.call-card .field-row,.call-card .field-row:first-child{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.sidebar{height:auto;padding:13px 16px;gap:5px 20px}.sidebar nav{gap:8px}.content{padding:18px 16px 32px}.topbar{padding:0 16px}.composer-right{grid-template-columns:minmax(0,1fr)}.composer-right .live-call-panel,.composer-right .messages-card{grid-column:1;grid-row:auto}.composer-right .live-call-panel{order:-1}.composer-right:has(.live-call-panel[hidden]) .script-preview{grid-template-columns:1fr}.composer-right:has(.live-call-panel[hidden]) .preview-step:nth-last-child(2){border-bottom:1px solid var(--line)}.overview-active{flex-wrap:wrap;gap:7px 9px}.overview-active-label{width:100%}.overview-active-description{max-width:55%}}
@media(max-width:520px){.sidebar nav{gap:4px}.sidebar nav .nav-item{font-size:8px}.brand{font-size:20px}.content{padding:16px 14px 30px}#page-overview>.page-heading h1{font-size:31px}.call-card .field-row,.call-card .field-row:first-child{grid-template-columns:repeat(2,minmax(0,1fr))}.call-card,.messages-card,.live-call-panel{padding:16px}.overview-active .text-button{margin-left:0}.voice-gallery-heading{gap:12px}}
@media(max-width:380px){.call-card .field-row,.call-card .field-row:first-child{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1050px) and (min-width:931px){.call-card .field-row:not(:first-child){grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.button,.icon-button{transition:none}}

.session-loading{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:var(--bg)}
.session-loading .brand{font-size:36px}
.session-loading .brand-icon{width:40px;height:40px;font-size:29px}
.session-loading .eyebrow{margin:0}
.inventory-numbers{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px}
.inventory-numbers code{padding:4px 6px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:10px;font-weight:400;white-space:nowrap}