@import "https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap";:root{color:#e7ebe8;font-synthesis:none;--ink:#e7ebe8;--muted:#8d9691;--panel:#151a17;--panel-2:#191f1b;--line:#2c3430;--mint:#72e6b1;--coral:#ff735c;--amber:#f2b84b;--ease:cubic-bezier(.2,.8,.2,1);background:#0d100f;font-family:Barlow,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% 5%,#72e6b112,#0000 25%),#0d100f;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}.skip-link{z-index:30;background:var(--mint);color:#07110c;padding:12px 16px;transition:top .2s;position:fixed;top:-60px;left:16px}.skip-link:focus{top:16px}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);z-index:10;background:#101412;flex-direction:column;width:248px;padding:25px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:.08em;align-items:center;gap:10px;padding:0 8px 23px;font:700 18px JetBrains Mono;display:flex}.brand-mark{color:#0d100f;background:var(--mint);place-items:center;width:31px;height:31px;display:grid;transform:skew(-8deg)}.tenant-switch{background:var(--panel-2);border:1px solid var(--line);grid-template-columns:34px 1fr 16px;align-items:center;gap:10px;margin-bottom:26px;padding:11px;display:grid}.tenant-avatar,.profile-avatar{background:#2a332e;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.tenant-switch span:nth-child(2),.profile span:nth-child(2){flex-direction:column;min-width:0;display:flex}small{color:var(--muted)}.tenant-switch small,.profile small{font-size:11px}.tenant-switch strong,.profile strong{text-overflow:ellipsis;font-size:13px;overflow:hidden}.nav-label,.section-index,.eyebrow{letter-spacing:.12em;color:#6e7872;font:600 10px JetBrains Mono}.nav-label{margin:0 10px 8px}.nav-section{margin-top:27px}.nav-item{color:#9ba49f;cursor:pointer;text-align:left;width:100%;min-height:42px;transition:.2s var(--ease);background:0 0;border:0;border-left:2px solid #0000;align-items:center;gap:11px;padding:0 11px;display:flex}.nav-item:hover,.nav-item:focus-visible{color:var(--ink);background:#171c19;outline:none}.nav-item.active{color:var(--ink);border-left-color:var(--mint);background:linear-gradient(90deg,#72e6b11f,#0000)}.count{background:#28312d;margin-left:auto;padding:2px 6px;font:500 10px JetBrains Mono}.sidebar-foot{margin-top:auto}.help-card,.profile{text-align:left;border:0;grid-template-columns:28px 1fr 16px;align-items:center;gap:8px;width:100%;display:grid}.help-card{color:var(--mint);background:#19221d;border:1px solid #2c4939;margin-bottom:15px;padding:13px 10px}.help-card span{color:var(--ink);flex-direction:column;display:flex}.help-card small{margin-top:2px;font-size:10px}.profile{background:0 0;padding:9px 5px}.main{grid-column:2;width:100%;max-width:1440px;margin:auto;padding:42px clamp(24px,5vw,76px) 80px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:25px;display:flex}h1,h2,p{margin-top:0}h1{letter-spacing:-.045em;margin:6px 0 0;font-size:clamp(32px,4vw,52px);line-height:1}h2{letter-spacing:-.025em;margin:8px 0 9px;font-size:26px}.environment{border:1px solid var(--line);color:#aeb6b1;align-items:center;gap:8px;padding:9px 12px;font:500 11px JetBrains Mono;display:flex}.environment span{background:var(--amber);border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #f2b84bcc}.intro-grid{grid-template-columns:1fr auto;align-items:end;gap:30px;padding:45px 0 22px;display:grid}.intro-grid p,.routing-strip p{color:var(--muted);max-width:620px;margin-bottom:0;line-height:1.55}.status-rail{border:1px solid var(--line);display:flex}.status-rail div{flex-direction:column;min-width:128px;padding:11px 16px;display:flex}.status-rail div+div{border-left:1px solid var(--line)}.status-rail span{color:#6f7973;font:500 9px JetBrains Mono}.status-rail strong{color:var(--mint);margin-top:5px;font:600 12px JetBrains Mono}.provider-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.provider-card{text-align:left;border:1px solid var(--line);cursor:pointer;transition:.25s var(--ease);background:#121614;grid-template-columns:52px 1fr 25px;gap:15px;padding:22px;display:grid;position:relative}.provider-card:hover{border-color:#48524d;transform:translateY(-2px)}.provider-card.selected{border-color:var(--mint);background:linear-gradient(135deg,#72e6b114,#141916 60%);box-shadow:inset 0 0 0 1px #72e6b11f}.provider-icon{color:#101412;place-items:center;width:48px;height:48px;display:grid}.provider-icon.coral{background:var(--coral)}.provider-icon.mint{background:var(--mint)}.provider-copy{flex-direction:column;display:flex}.provider-copy small{letter-spacing:.1em;margin-bottom:4px;font:600 9px JetBrains Mono}.provider-copy strong{margin-bottom:4px;font-size:21px}.provider-copy span{color:var(--muted);font-size:14px;line-height:1.4}.radio-dot{border:1px solid #4a544f;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.selected .radio-dot{background:var(--mint);color:#0a120e;border-color:var(--mint)}.config-card{border:1px solid var(--line);background:linear-gradient(145deg,#171c19,#121614);margin-top:18px;padding:28px;position:relative;overflow:hidden}.config-card:before{content:"";pointer-events:none;opacity:.14;background:repeating-linear-gradient(135deg,#0000 0 12px,#ffffff07 12px 13px);position:absolute;inset:0}.card-heading{justify-content:space-between;align-items:flex-start;margin-bottom:25px;display:flex;position:relative}.draft-badge{color:#e9bd69;border:1px solid #665535;padding:5px 8px;font:600 10px JetBrains Mono}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid;position:relative}.sip-form{grid-template-columns:1fr 1.4fr .5fr .8fr}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field-label{font-size:13px;font-weight:600}.field-hint,.field-error{color:#7e8983;min-height:14px;font-size:11px}.field-error{color:#ff8e7c}input,select,textarea{width:100%;color:var(--ink);background:#0f1311;border:1px solid #36403b;outline:none;transition:border-color .2s,box-shadow .2s}input,select{height:44px;padding:0 13px}textarea{resize:vertical;padding:12px 13px;line-height:1.45}input:focus,select:focus,textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px #72e6b11a}.input-with-icon{position:relative}.input-with-icon svg{color:#6f7973;position:absolute;top:13px;left:12px}.input-with-icon input{padding-left:39px}.endpoint-box{background:#111713;border:1px dashed #3a4941;flex-direction:column;justify-content:center;align-self:start;gap:6px;min-height:70px;padding:10px 43px 10px 13px;display:flex;position:relative;overflow:hidden}.endpoint-box.full{grid-column:1/-1}.endpoint-box span{color:#7d8982;align-items:center;gap:7px;font:600 9px JetBrains Mono;display:flex}.endpoint-box code{color:var(--mint);white-space:nowrap;text-overflow:ellipsis;font:500 11px JetBrains Mono;overflow:hidden}.endpoint-box button{color:#7f8c85;background:0 0;border:0;position:absolute;bottom:10px;right:9px}.segmented{border:1px solid #36403b;grid-template-columns:1fr 1fr;height:44px;padding:3px;display:grid}.segmented button{color:var(--muted);background:0 0;border:0;font-size:12px}.segmented button.on{color:var(--mint);background:#27312c}.add-row{grid-template-columns:1fr auto;display:grid}.add-row button{background:#252d29;border:1px solid #36403b;border-left:0;padding:0 13px;font-size:12px}.chips{flex-wrap:wrap;gap:5px;display:flex}.chips button{color:#aeb8b2;background:#1a211d;border:1px solid #36443d;padding:4px 7px;font:500 10px JetBrains Mono}.assistant-config{border-top:1px solid var(--line);grid-template-columns:1.35fr 1fr;gap:20px;margin-top:24px;padding-top:24px;display:grid;position:relative}.security-note{border-left:2px solid var(--mint);color:var(--mint);background:#72e6b10e;align-items:flex-start;gap:12px;margin-top:25px;padding:13px 15px;display:flex;position:relative}.security-note div{flex-direction:column;gap:3px;display:flex}.security-note strong{color:#dce6e0;font-size:13px}.security-note span{color:#84918a;font-size:12px}.action-error{border-left:2px solid var(--coral);color:#ff9b8b;background:#ff735c14;margin-top:12px;padding:11px 14px;font-size:13px;position:relative}.card-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;display:flex;position:relative}.button{cursor:pointer;border:1px solid #3b4540;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 17px;font-size:13px;font-weight:600;display:flex}.button:disabled{opacity:.42;cursor:not-allowed}.button.secondary{background:#1a201d}.button.primary{background:var(--mint);border-color:var(--mint);color:#0b140f}.button:not(:disabled):hover{transform:translateY(-1px)}.call-test-card{background:radial-gradient(circle at 92% 8%,#72e6b117,#0000 30%),#121714;border:1px solid #355545;margin-top:18px;padding:28px}.live-badge{color:#9ba79f;border:1px solid #3b4a42;align-items:center;gap:8px;padding:6px 9px;font:600 10px JetBrains Mono;display:flex}.live-badge i{background:#7c8680;border-radius:50%;width:7px;height:7px}.live-badge.listening{color:var(--mint);border-color:#3f7359}.live-badge.listening i{background:var(--mint);animation:1.4s infinite pulse;box-shadow:0 0 12px #72e6b1d9}.test-layout{grid-template-columns:1.5fr .8fr;gap:28px;display:grid}.test-steps{counter-reset:steps;gap:12px;margin:0;padding:0;list-style:none;display:grid}.test-steps li{counter-increment:steps;border-bottom:1px solid var(--line);grid-template-columns:34px 1fr;gap:3px 12px;padding-bottom:12px;display:grid}.test-steps li:before{content:"0" counter(steps);color:var(--mint);grid-row:1/3;padding-top:2px;font:600 11px JetBrains Mono}.test-steps strong{font-size:13px}.test-steps code,.test-steps span{color:#8f9b94;overflow-wrap:anywhere;grid-column:2;font:500 11px JetBrains Mono}.readiness-panel{border:1px solid var(--line);background:#0f1311;align-self:start;padding:17px}.panel-kicker{color:#758079;letter-spacing:.1em;margin-bottom:13px;font:600 9px JetBrains Mono;display:block}.check-row{color:#c7a25e;align-items:center;gap:9px;padding:7px 0;font-size:12px;display:flex}.check-row>span{border:1px solid;place-items:center;width:20px;height:20px;font:700 10px JetBrains Mono;display:grid}.check-row.ok{color:var(--mint)}.monitor-button{width:100%;margin-top:14px}.call-console{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;gap:1px;margin-top:24px;display:grid}.call-console>div{background:#0d110f;flex-direction:column;gap:6px;min-width:0;padding:13px;display:flex}.call-console span{color:#69746e;font:600 9px JetBrains Mono}.call-console strong{color:var(--mint);text-overflow:ellipsis;font:600 12px JetBrains Mono;overflow:hidden}.call-console p{color:#ff9b8b;background:#221916;grid-column:1/-1;margin:0;padding:10px 13px;font-size:12px}@keyframes pulse{50%{opacity:.45;transform:scale(.8)}}.routing-strip{grid-template-columns:1fr auto;align-items:center;gap:30px;padding:35px 0;display:grid}.route-flow{align-items:center;display:flex}.route-flow span{border:1px solid var(--line);align-items:center;gap:7px;padding:10px;font:500 11px JetBrains Mono;display:flex}.route-flow i{background:#4c5b53;width:24px;height:1px;display:block}button:focus-visible{outline:2px solid var(--mint);outline-offset:2px}@media (width<=1050px){.sip-form{grid-template-columns:1fr 1fr}.main{padding-inline:30px}.routing-strip{grid-template-columns:1fr}.route-flow{justify-content:flex-start}.test-layout{grid-template-columns:1fr}}@media (width<=780px){.app-shell{display:block}.sidebar{width:auto;height:auto;padding:16px;position:static}.sidebar nav,.sidebar-foot,.tenant-switch{display:none}.main{padding:24px 18px 60px}.topbar,.intro-grid{display:block}.environment{width:max-content;margin-top:18px}.status-rail{width:max-content;margin-top:20px}.provider-grid,.form-grid,.sip-form,.assistant-config{grid-template-columns:1fr}.provider-card{padding:18px}.card-actions{flex-direction:column-reverse}.button{width:100%}.routing-strip{display:block}.route-flow{margin-top:22px;overflow-x:auto}.endpoint-box.full{grid-column:auto}.call-test-card{padding:20px}.call-console{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
