/* Live forms adapted to the approved v8 tokens. No inline styles required. */
:root { --proto-h: 0px; }
[hidden] { display: none !important; }
.console-content,.console-public { padding: 28px; max-width: 1360px; width:100%; margin:0 auto; }
.console-panel { display:grid; gap:20px; }
.console-panel>h1 { font-size:26px; margin:0 0 4px; }
.console-card { padding:24px; border:1px solid var(--border); border-radius:var(--radius); background:var(--surface); min-width:0; overflow-wrap:anywhere; }
.console-card>h2,.__unused_public_heading { margin-bottom:14px; font-size:18px; }
.console-card h3 { margin:20px 0 10px; }
.console-card p { color:var(--muted); margin:10px 0; max-width:85ch; }
.console-card ul,.console-card ol { padding-left:22px; }
.console-card li { padding:8px 0; }
label { display:flex; flex-direction:column; gap:6px; margin:14px 0; font-weight:500; max-width:760px; }
label:has(input[type=checkbox]) { flex-direction:row; align-items:flex-start; font-weight:400; }
input,select,textarea { font:inherit; color:var(--ink); border:1px solid var(--border-strong); border-radius:var(--radius-sm); padding:10px 12px; background:var(--surface); width:100%; min-width:0; }
input[type=checkbox] { width:18px; height:18px; flex:none; margin-top:2px; accent-color:var(--accent); }
textarea { resize:vertical; min-height:90px; }
button { font:inherit; border:1px solid var(--border-strong); border-radius:var(--radius-sm); background:var(--surface); color:var(--ink); padding:9px 14px; cursor:pointer; }
button:hover { background:var(--surface-3); }
button[type=submit],form>button:not([type=button]) { background:var(--accent); color:var(--accent-contrast); border-color:var(--accent); }
button:disabled { opacity:.5; cursor:not-allowed; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible { outline:3px solid var(--focus); outline-offset:3px; }
fieldset { border:1px solid var(--border); border-radius:var(--radius-sm); padding:16px; margin:16px 0; }
.features { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:0 20px; }
.columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.console-public { display:block; }
.console-public header h1 { font-size:42px; margin:14px 0; }
.console-public form { padding:24px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); }
.console-public .badge { display:inline-block; color:var(--accent); margin-top:20px; }
.console-status:empty { display:none; }
.console-status,.console-expiry { padding:14px 24px; margin:0; background:var(--info-bg); color:var(--info); overflow-wrap:anywhere; }
.console-expiry { background:var(--warn-bg); color:var(--warn); }
.console-table { overflow-x:auto; margin:12px 0; }
.console-table table { border-collapse:collapse; width:100%; text-align:left; }
.console-table th,.console-table td { padding:12px; border-bottom:1px solid var(--border); vertical-align:top; }
.console-table th { color:var(--muted); font-size:12px; background:var(--surface-2); }
.console-table pre { max-width:500px; white-space:pre-wrap; word-break:break-word; font:12px/1.6 var(--mono); }
.console-toolbar { display:flex; justify-content:flex-end; gap:10px; }
@media(max-width:900px){.console-content,.console-public{padding:20px 16px}.console-card{padding:18px}.columns{grid-template-columns:1fr}.topbar .btn{font-size:12px;padding:8px}.topbar{gap:8px}.console-panel>h1{font-size:24px}}
.console-bound-key { display:none; }
.console-binding { padding:10px 24px; color:var(--muted); background:var(--surface); border-bottom:1px solid var(--border); }
.console-table table { min-width:650px; }
.console-table td { overflow-wrap:normal; }
.console-table td:first-child { white-space:nowrap; }
.topbar .menu-btn { display:none; }
@media(max-width:960px){.topbar .menu-btn{display:inline-flex}.side{transition:none}.console-binding{padding:10px 16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.console-recording { padding:16px 0; border-bottom:1px solid var(--border); }
.console-recording audio { display:block; width:min(100%,520px); margin:16px 0; }
.console-public-mode { grid-template-columns:minmax(0,1fr); }
.console-public-mode>.side,.console-public-mode>.main>.topbar { display:none; }
.console-public { padding:0; max-width:none; }
.console-public .pub-wrap { width:100%; margin:0 auto; }

.pub-nav a { text-decoration:none; }
.pub-nav .links a { padding:8px 10px; border-radius:7px; font-weight:600; color:var(--ink-2); }
.pub-nav .links a[aria-current=page] { color:var(--accent-ink); background:var(--accent-soft); }
.public-auth { width:min(480px,100%); margin:36px auto; padding:0 16px; }
.console-public #auth { width:100%; }
.console-public .pub-foot { margin:24px auto; width:min(1180px,100%); padding:24px 16px; }
.console-public #email-action { width:min(520px,100%); padding:24px; margin:auto; }
.public-code { padding:16px; margin-top:14px; white-space:pre-wrap; overflow-wrap:anywhere; background:var(--code-bg); color:var(--code-ink); font:13px/1.65 var(--mono); border-radius:var(--radius-sm); }

.console-facts { display:grid; grid-template-columns:minmax(100px,180px) minmax(0,1fr); gap:10px 20px; padding:20px 0; }
.console-facts dt { color:var(--muted); }
.console-facts dd { margin:0; overflow-wrap:anywhere; }
.console-timeline li { border-left:2px solid var(--border); padding:12px 20px; }
.console-timeline pre { white-space:pre-wrap; overflow-wrap:anywhere; font:12px/1.6 var(--mono); }
.console-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:16px; }
.surface-operator #login { margin:24px; }
.surface-operator #price-panel { padding:24px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); }
.surface-operator #tenants>section { margin-top:20px; }
.console-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px}.console-filters label{margin:0;flex:1;min-width:150px}.console-filters input{min-height:42px}
.console-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.console-tabs button[aria-selected=true]{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent)}
.console-secret{border:1px solid var(--border);border-radius:14px;padding:28px;background:var(--surface);color:var(--ink);max-width:min(680px,calc(100vw - 32px));width:100%}.console-secret::backdrop{background:#00182099}.console-secret input{font:13px var(--mono)}
.console-threads{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.console-threads button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}
#messaging-inbox{list-style:none;padding:0}#messaging-inbox>li{border-bottom:1px solid var(--border);padding:18px 0}
.console-stat-value{font-size:32px;font-weight:600;font-variant-numeric:tabular-nums}
#connections{list-style:none;padding:0}#connections>li{padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}
#connections summary{font-weight:600;font-size:16px;cursor:pointer}

.console-transcript{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.console-analysis{border-top:1px solid var(--border);padding:18px 0}.console-analysis h4{margin:16px 0 8px}

.console-search{width:min(560px,90vw);max-height:85vh;border:1px solid var(--border);border-radius:14px;padding:24px;background:var(--surface);color:var(--text)}.console-search nav{display:grid;gap:8px;max-height:50vh;overflow:auto;margin:16px 0}.console-search nav a{padding:8px;border-radius:6px}.console-search::backdrop{background:#10232a88}

/* v8 fidelity: keep the original public hierarchy and responsive breakpoints. */
.public-dev-list{padding-left:18px;margin:0;color:var(--ink-2)}
.console-public .public-view{min-width:0}
.console-public .pub-nav .brand{flex:none}
.console-public .pub-nav .links a{font-size:13.5px}
.console-public .pub-nav .links a[aria-current=page]{color:var(--ink);background:var(--surface-3)}
.console-public .pub-foot{margin:0 auto;padding:24px 16px}
.console-public .public-auth{margin:0 auto;min-height:calc(100vh - 60px);display:grid;place-items:center;width:100%;padding:32px 16px}
.console-public .public-auth>form{width:min(420px,100%);padding:28px;display:flex;flex-direction:column;gap:16px}
.console-public .public-auth label{margin:0}
.console-public .public-auth h2{font-size:22px;margin:0}
.console-public .public-auth button[type=submit]{width:100%}
.console-lede{font-size:14px;color:var(--muted);line-height:1.55;max-width:78ch;margin-top:-14px}
.console-card{box-shadow:var(--shadow-sm);padding:18px}
.console-panel>h1{font-size:24px;letter-spacing:-.025em;line-height:1.2}
.console-card>h2{font-size:14px;margin-bottom:12px}
.console-tabs{gap:2px;border-bottom:1px solid var(--border);margin-bottom:0}
.console-tabs button{border:0;border-radius:0;background:none;border-bottom:2px solid transparent;color:var(--muted);padding:9px 12px;font-size:13.5px}
.console-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent);background:none}
.side .brand{padding:18px 18px 12px}
.nav-item .tag{margin-left:auto;font-size:10px}
.console-content{max-width:1440px;padding:24px 28px 48px}
.console-panel .console-table th,.console-panel .console-table td{padding:10px 12px}
.console-panel label{font-size:13px}
@media(max-width:960px){.console-content{padding:20px 16px}.console-public .pub-nav .links{display:none}}

/* Literal layout rules preserved from the approved pricing template. */
[data-design="v8-1"]{padding-block:40px 24px}
[data-design="v8-2"]{font-size:clamp(30px,4vw,44px);letter-spacing:-.03em}
[data-design="v8-3"]{font-size:16px;color:var(--ink-2);max-width:66ch}
[data-design="v8-4"]{background:var(--surface-2)}
[data-design="v8-5"]{flex-wrap:nowrap;align-items:flex-start}

.side .brand{text-decoration:none;color:inherit}
#feature-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.feature-group .card-head{padding:14px 16px;gap:10px}
.feature-group .card-head svg{width:18px;height:18px;color:var(--accent-ink)}
.feature-group .feature-choice{margin:0;max-width:none;padding:14px 16px;border-top:1px solid var(--border);align-items:center;gap:12px}
.feature-choice .help{display:block;font-weight:400;color:var(--muted);font-size:12px;margin-top:4px}
.feature-choice input{appearance:none;width:30px;height:18px;min-width:30px;border-radius:999px;padding:2px;background:var(--border-strong);border:0;cursor:pointer}
.feature-choice input::before{content:'';display:block;width:14px;height:14px;border-radius:50%;background:white;box-shadow:0 1px 2px #0002}
.feature-choice input:checked{background:var(--accent)}
.feature-choice input:checked::before{transform:translateX(12px)}
#onboarding-checks.steps{padding:0;list-style:none}
#onboarding-checks .step{padding:14px 0}
@media(max-width:700px){#feature-options{grid-template-columns:1fr}}

.console-public .public-migration{padding-block:40px}.docs-top .brand{text-decoration:none;color:inherit}

@media(max-width:640px){.console-table table.tstack{min-width:0}.console-table table.tstack td:first-child{white-space:normal}.console-table table.tstack td{overflow-wrap:anywhere}.console-table table.tstack tr{padding:10px 0}}

@media(max-width:640px){.topbar button .button-label{display:none}.topbar button{min-width:40px;min-height:40px}.topbar .top-actions{gap:6px}}
/* Feature groups follow the mockup's full-width list, with switches on the right. */
#features.console-card{padding:0;border:0;background:none;box-shadow:none}
#feature-options{grid-template-columns:1fr;margin:18px 0}
.feature-choice>span{order:0;flex:1}
.feature-choice>input{order:1;margin-left:auto}
.feature-group .feature-choice{padding:14px 18px}
.feature-group .card-head{padding:14px 18px}