.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .view-stage,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .view-stage,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .view-stage{width:min(100%,var(--content-max));min-width:0;margin-inline:auto}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-widget-settings{margin-top:var(--space-sm);color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-card);overflow:clip}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-widget-settings>header{display:flex;gap:var(--space-lg);align-items:flex-start;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-widget-settings h3{margin:var(--space-3xs) 0;font-size:clamp(1.25rem,2vw,1.625rem);letter-spacing:-.03em}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-widget-settings header p:not(.eyebrow){margin:0;color:var(--color-muted);font-size:.75rem;line-height:1.5}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-widget-settings>header>span{display:inline-flex;flex:0 0 auto;gap:var(--space-3xs);align-items:center;padding:.45rem .625rem;color:var(--color-warning);background:var(--color-warning-soft);border:1px solid var(--color-rule);border-radius:var(--radius-input);font-size:.6875rem;font-weight:700}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-widget-settings>header>span[data-ready=true]{color:var(--color-success);background:var(--color-success-soft)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-widget-settings__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-voice-setting,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-welcome-field{display:grid;grid-gap:var(--space-xs);gap:var(--space-xs);padding:var(--space-lg) var(--space-xl)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-welcome-field>span{font-size:.875rem;font-weight:760}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-welcome-field textarea{width:100%;min-height:7rem;padding:var(--space-sm);resize:vertical;color:var(--color-ink);background:var(--color-paper-2);border:1px solid var(--color-rule-strong);border-radius:var(--radius-input);font:inherit;line-height:1.55}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-welcome-field small{color:var(--color-muted);font-size:.6875rem;text-align:right}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-voice-setting{align-content:start;border-left:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-voice-setting>div{display:grid;grid-template-columns:1.75rem minmax(0,1fr);grid-gap:var(--space-xs);gap:var(--space-xs);align-items:start}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-voice-setting :is(strong,small){display:block}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-voice-setting small{margin-top:var(--space-3xs);color:var(--color-muted);font-size:.6875rem;font-weight:500;line-height:1.45}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-switch{display:grid;grid-template-columns:2.75rem minmax(0,1fr);grid-gap:var(--space-xs);gap:var(--space-xs);align-items:center;min-height:var(--control-height);cursor:pointer}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-switch input{position:absolute;width:1px;height:1px;opacity:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-switch>span{position:relative;width:2.75rem;height:1.5rem;background:var(--color-rule-strong);border-radius:999px;transition:background .16s ease}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-switch>span:after{position:absolute;top:.1875rem;left:.1875rem;width:1.125rem;height:1.125rem;content:"";background:var(--color-paper);border-radius:50%;box-shadow:0 1px 3px rgb(0 0 0/18%);transition:transform .16s ease}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-switch input:checked+span{background:var(--color-success)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-switch input:checked+span:after{transform:translateX(1.25rem)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-switch input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--color-success) 35%,transparent);outline-offset:2px}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-switch b{font-size:.75rem}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-customer-access{display:grid;grid-gap:var(--space-xs);gap:var(--space-xs);margin:0;padding:var(--space-lg) var(--space-xl);border:0;border-top:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-customer-access>legend{padding:var(--space-lg) 0 0;font-size:.9375rem;font-weight:760}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-customer-access>p{margin:0;color:var(--color-muted);font-size:.8125rem;line-height:1.5}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-customer-access>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-xs);gap:var(--space-xs)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-customer-access label{display:grid;grid-template-columns:1.125rem minmax(0,1fr);grid-gap:var(--space-xs);gap:var(--space-xs);align-items:start;min-height:7.25rem;padding:var(--space-sm);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-input);cursor:pointer}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-customer-access label[data-selected=true]{background:var(--color-success-soft);border-color:var(--color-success)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-customer-access input{width:1rem;height:1rem;margin:.15rem 0 0;accent-color:var(--color-success)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-customer-access :is(strong,small){display:block}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-customer-access label small{margin-top:var(--space-3xs);color:var(--color-muted);font-size:.75rem;line-height:1.45}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-customer-access__security{display:flex;gap:var(--space-3xs);align-items:center;color:var(--color-muted);font-size:.75rem;line-height:1.45}@media (max-width:900px){.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-widget-settings__grid{grid-template-columns:1fr}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-voice-setting{border-top:1px solid var(--color-rule);border-left:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-customer-access>div{grid-template-columns:1fr}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-customer-access label{min-height:0}}.app-shell-v4[data-ui=kinetic] .channel-studio,.app-shell-v4[data-ui=kinetic] .voice-board{min-width:0;padding:var(--space-xl) clamp(var(--space-sm),2vw,var(--space-xl)) var(--space-2xl);color:var(--color-ink);background:transparent}.app-shell-v4[data-ui=kinetic] .channel-studio__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.62fr);grid-gap:var(--space-2xl);gap:var(--space-2xl);align-items:flex-end;min-width:0;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .channel-studio__header>div,.app-shell-v4[data-ui=kinetic] .channel-studio__header>p{min-width:0}.app-shell-v4[data-ui=kinetic] .channel-studio__header h1{margin:var(--space-2xs) 0 0;font-family:var(--font-display);font-size:clamp(2.25rem,3vw,3rem);font-style:normal;font-weight:740;letter-spacing:-.04em;line-height:1;overflow-wrap:anywhere}.app-shell-v4[data-ui=kinetic] .channel-studio__header>p{max-width:62ch;margin:0;color:var(--color-muted);font:450 .9375rem/1.55 var(--font-body)}.app-shell-v4[data-ui=kinetic] .channel-provider-switch{display:grid;grid-template-columns:minmax(14rem,1fr) repeat(2,minmax(12rem,.75fr));grid-gap:0;gap:0;align-items:stretch;min-width:0;margin:0 0 var(--space-sm);padding:0;color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-card);overflow:clip}.app-shell-v4[data-ui=kinetic] .channel-provider-switch__intro{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:var(--space-sm) var(--space-lg);border-right:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .channel-provider-switch__intro>small,.app-shell-v4[data-ui=kinetic] .channel-provider-switch__intro>span,.app-shell-v4[data-ui=kinetic] .channel-provider-switch__intro>strong{display:block}.app-shell-v4[data-ui=kinetic] .channel-provider-switch__intro>span{color:var(--color-accent);font:650 .6875rem/1 var(--font-outlier);letter-spacing:.06em;text-transform:uppercase}.app-shell-v4[data-ui=kinetic] .channel-provider-switch__intro>strong{margin-top:var(--space-2xs);font-size:.9375rem}.app-shell-v4[data-ui=kinetic] .channel-provider-switch__intro>small{margin-top:var(--space-3xs);color:var(--color-muted);font-size:.6875rem;line-height:1.4}.app-shell-v4[data-ui=kinetic] .channel-provider-switch>button{position:relative;display:grid;grid-template-columns:2.5rem minmax(0,1fr);grid-gap:var(--space-xs);gap:var(--space-xs);align-items:center;min-width:0;min-height:4.75rem;padding:var(--space-sm);color:var(--color-ink-2);text-align:left;background:var(--color-paper);border:0;border-right:1px solid var(--color-rule);border-radius:0;font-family:var(--font-body);transition:transform var(--dur-micro) var(--ease-out),opacity var(--dur-micro) var(--ease-out)}.app-shell-v4[data-ui=kinetic] .channel-provider-switch>button:last-child{border-right:0}.app-shell-v4[data-ui=kinetic] .channel-provider-switch>button:after{position:absolute;inset:auto 0 0;height:2px;content:"";background:var(--color-accent);opacity:0;transform:scaleX(.6);transform-origin:center;transition:transform var(--dur-short) var(--ease-out),opacity var(--dur-short) var(--ease-out)}.app-shell-v4[data-ui=kinetic] .channel-provider-switch>button:hover{color:var(--color-accent);background:var(--color-paper-2)}.app-shell-v4[data-ui=kinetic] .channel-provider-switch>button[aria-selected=true]{color:var(--color-accent);background:var(--color-paper-2);border-color:var(--color-rule);box-shadow:none}.app-shell-v4[data-ui=kinetic] .channel-provider-switch>button[aria-selected=true]:after{opacity:1;transform:scaleX(1)}.app-shell-v4[data-ui=kinetic] .channel-provider-switch>button:active{transform:translateY(1px)}.app-shell-v4[data-ui=kinetic] .channel-provider-switch>button:focus-visible,.app-shell-v4[data-ui=kinetic] :is(.wa-board,.webchat-board,.voice-board) :is(button,input,textarea,select,summary,audio):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.app-shell-v4[data-ui=kinetic] .channel-provider-switch>button>span{display:block;min-width:0;height:auto;padding:0;background:transparent;border-radius:0}.app-shell-v4[data-ui=kinetic] .channel-provider-switch>button small,.app-shell-v4[data-ui=kinetic] .channel-provider-switch>button strong{display:block}.app-shell-v4[data-ui=kinetic] .channel-provider-switch>button strong{font-size:.8125rem;font-weight:680;white-space:nowrap}.app-shell-v4[data-ui=kinetic] .channel-provider-switch>button small{margin-top:var(--space-3xs);color:var(--color-muted);font-size:.6875rem;white-space:nowrap}.app-shell-v4[data-ui=kinetic] .channel-provider-switch [data-provider-logo]{width:2.5rem;height:2.5rem;min-width:2.5rem;padding:var(--space-3xs);background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-control);box-shadow:none}.app-shell-v4[data-ui=kinetic] .channel-studio__surface{min-width:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-board{min-width:0;padding:0;color:var(--color-ink)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-loading-lock{min-width:0;margin:0;padding:0;border:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-loading-lock:disabled{opacity:1}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-safety{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:var(--space-xs);gap:var(--space-xs);align-items:center;min-width:0;margin:0 0 var(--space-sm);padding:var(--space-xs) var(--space-sm);color:var(--color-warning);background:var(--color-warning-soft);border:1px solid var(--color-rule);border-radius:var(--radius-input)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-safety--ready{color:var(--color-success);background:var(--color-success-soft)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-safety p{min-width:0;margin:0;font-size:.8125rem;line-height:1.5}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-safety strong{color:var(--color-ink)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-safety b{font:700 .6875rem/1 var(--font-outlier);white-space:nowrap}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-layout{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(18rem,.68fr);grid-gap:0;gap:0;min-width:0;margin:0;background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-card);overflow:clip}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] :is(.wa-connect,.wa-readiness){min-width:0;padding:var(--space-xl);color:var(--color-ink);background:var(--color-paper);border:0;border-radius:0;box-shadow:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-readiness{background:var(--color-paper-2);border-left:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-connect>header{display:grid;grid-template-columns:var(--control-height) minmax(0,1fr) auto;grid-gap:var(--space-sm);gap:var(--space-sm);align-items:center;padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-provider-mark{display:grid;width:var(--control-height);height:var(--control-height);place-items:center;padding:var(--space-3xs);background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-control);box-shadow:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] :is(.wa-connect,.wa-readiness,.wa-inbound-test,.wa-template-catalog) h3{margin:var(--space-3xs) 0;font-family:var(--font-body);font-size:clamp(1.25rem,2vw,1.625rem);font-style:normal;font-weight:720;letter-spacing:-.03em;line-height:1.1;overflow-wrap:anywhere}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-connect>header span,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-readiness p,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-template-catalog header p{color:var(--color-muted);font-size:.75rem;line-height:1.5}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-connect>header>b{color:var(--color-accent);font:700 .6875rem/1 var(--font-outlier)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-fields,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-inbound-test__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-sm);gap:var(--space-sm);min-width:0;margin-top:var(--space-lg)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] :is(.wa-fields,.wa-inbound,.wa-outbound,.wa-inbound-test__fields,.wa-template-catalog__grid form) label{display:grid;min-width:0;grid-gap:var(--space-2xs);gap:var(--space-2xs);color:var(--color-ink-2);font-size:.8125rem;font-weight:650}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] :is(.wa-fields,.wa-inbound,.wa-outbound,.wa-inbound-test__fields,.wa-template-catalog__grid form) label :is(span,small){color:var(--color-muted);font-size:.6875rem;font-weight:450;line-height:1.45}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] :is(.wa-fields,.wa-inbound,.wa-inbound-test__fields,.wa-template-catalog__grid form) :is(input,textarea,select){width:100%;min-width:0;min-height:var(--control-height);padding:var(--space-xs);color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-rule-2);border-radius:var(--radius-input);font:500 .875rem/1.45 var(--font-body)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] :is(.wa-inbound-test__fields,.wa-template-catalog__grid form) textarea{min-height:7rem;resize:vertical}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-field--wide,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-inbound-test__message{grid-column:1/-1}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-secret{display:grid;grid-template-columns:minmax(0,1fr) auto;min-width:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-secret input{border-radius:var(--radius-input) 0 0 var(--radius-input)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-secret button{min-height:var(--control-height);padding-inline:var(--space-xs);color:var(--color-accent);background:var(--color-paper-2);border:1px solid var(--color-rule-2);border-left:0;border-radius:0 var(--radius-input) var(--radius-input) 0;font-size:.75rem;font-weight:650;white-space:nowrap}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-connect>footer{display:flex;gap:var(--space-sm);align-items:center;justify-content:space-between;margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-connect>footer>div{display:flex;gap:var(--space-2xs);align-items:center}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-connect>footer span{color:var(--color-muted);font-size:.6875rem;line-height:1.4}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] :is(.wa-save,.wa-revoke,.wa-inbound>button,.wa-outbound>button,.wa-inbound-test>footer>button,.wa-template-catalog__grid form>button){display:inline-flex;min-height:var(--control-height);align-items:center;justify-content:center;padding-inline:var(--space-sm);border:1px solid var(--color-rule-2);border-radius:var(--radius-control);font:650 .8125rem/1 var(--font-body);white-space:nowrap;transition:transform var(--dur-micro) var(--ease-out),opacity var(--dur-micro) var(--ease-out)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] :is(.wa-save,.wa-inbound>button,.wa-outbound>button,.wa-inbound-test>footer>button,.wa-template-catalog__grid form>button){color:var(--color-accent-ink);background:var(--color-accent);border-color:var(--color-accent);box-shadow:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-revoke{color:var(--color-error);background:var(--color-paper);border-color:var(--color-error)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] :is(.wa-save,.wa-inbound>button,.wa-outbound>button,.wa-inbound-test>footer>button,.wa-template-catalog__grid form>button):hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] :is(.wa-save,.wa-revoke,.wa-inbound>button,.wa-outbound>button,.wa-inbound-test>footer>button,.wa-template-catalog__grid form>button):active:not(:disabled){transform:translateY(1px)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] :is(.wa-save,.wa-revoke,.wa-inbound>button,.wa-outbound>button,.wa-inbound-test>footer>button,.wa-template-catalog__grid form>button):disabled{cursor:not-allowed;opacity:.48}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-readiness ol{display:grid;grid-gap:0;gap:0;margin:var(--space-lg) 0;padding:0;list-style:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-readiness li{display:grid;grid-template-columns:2rem minmax(0,1fr);grid-gap:var(--space-xs);gap:var(--space-xs);padding-block:var(--space-xs);border-top:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-readiness li>span{display:grid;width:2rem;height:2rem;place-items:center;color:var(--color-muted);background:var(--color-paper);border:1px solid var(--color-rule-2);border-radius:var(--radius-control);font:650 .6875rem/1 var(--font-outlier)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-readiness li[data-done=true]>span{color:var(--color-signal-ink);background:var(--color-signal);border-color:var(--color-signal)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-readiness li :is(strong,small){display:block}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-readiness li strong{font-size:.8125rem}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-readiness li small{margin-top:var(--space-3xs);color:var(--color-muted);font-size:.6875rem;line-height:1.4}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] :is(.wa-inbound,.wa-outbound){display:grid;grid-gap:var(--space-xs);gap:var(--space-xs);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-outbound>label{grid-template-columns:auto minmax(0,1fr);align-items:flex-start}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-outbound input[type=checkbox]{width:1.125rem;min-height:1.125rem;margin-top:.125rem;accent-color:var(--color-accent)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-readiness__note{display:flex;gap:var(--space-2xs);align-items:flex-start;padding:var(--space-xs);color:var(--color-success);background:var(--color-success-soft);border:1px solid var(--color-rule);border-radius:var(--radius-input)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] :is(.wa-inbound-test,.wa-template-catalog){min-width:0;margin-top:var(--space-sm);padding:var(--space-xl);color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-card);box-shadow:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-inbound-test>header{display:grid;grid-template-columns:var(--control-height) minmax(0,1fr) auto;grid-gap:var(--space-sm);gap:var(--space-sm);align-items:center;padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-template-catalog>header{display:flex;gap:var(--space-sm);align-items:flex-start;justify-content:space-between;min-width:0;padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-template-catalog>header>div{min-width:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-inbound-test__mark{display:grid;width:var(--control-height);height:var(--control-height);place-items:center;color:var(--color-accent);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-control)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-template-catalog>header>b,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] :is(.wa-inbound-test,.wa-template-catalog)>header>span{color:var(--color-accent);font:700 .6875rem/1 var(--font-outlier);white-space:nowrap}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-inbound-test>footer{display:flex;gap:var(--space-sm);align-items:center;justify-content:space-between;margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-inbound-test>footer p{display:flex;gap:var(--space-2xs);align-items:flex-start;margin:0;color:var(--color-muted);font-size:.6875rem;line-height:1.45}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-template-catalog__grid{display:grid;grid-template-columns:minmax(16rem,.72fr) minmax(0,1.28fr);grid-gap:var(--space-xl);gap:var(--space-xl);margin-top:var(--space-lg)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-template-catalog__grid form{display:grid;grid-gap:var(--space-xs);gap:var(--space-xs);align-content:start;padding-right:var(--space-xl);border-right:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-template-list{display:grid;align-content:start;min-width:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-template-list article{min-width:0;padding-block:var(--space-sm);border-bottom:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-template-list article:first-child{padding-top:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-template-list article header{display:flex;gap:var(--space-xs);align-items:center;justify-content:space-between}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-template-list article header span{color:var(--color-success);font-size:.6875rem}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-template-list article p{margin:var(--space-2xs) 0;color:var(--color-ink-2);font-size:.8125rem;line-height:1.5;overflow-wrap:anywhere}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-template-list article small,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-template-list__empty{color:var(--color-muted);font-size:.6875rem}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-board{container:webchat-studio/inline-size;min-width:0;padding:var(--space-xl) clamp(var(--space-sm),2vw,var(--space-xl)) var(--space-2xl);color:var(--color-ink)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-safety{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:var(--space-xs);gap:var(--space-xs);align-items:center;min-width:0;margin:0 0 var(--space-sm);padding:var(--space-xs) var(--space-sm);color:var(--color-warning);background:var(--color-warning-soft);border:1px solid var(--color-rule);border-radius:var(--radius-input)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-safety--ready{color:var(--color-success);background:var(--color-success-soft)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-safety p{min-width:0;margin:0;font-size:.8125rem;line-height:1.5}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-safety strong{color:var(--color-ink)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-safety b{font:700 .6875rem/1 var(--font-outlier);white-space:nowrap}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-layout{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(18rem,.68fr);grid-gap:0;gap:0;min-width:0;margin:0;background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-card);overflow:clip}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] :is(.webchat-token-card,.webchat-readiness){min-width:0;padding:var(--space-xl);color:var(--color-ink);background:var(--color-paper);border:0;border-radius:0;box-shadow:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-readiness{background:var(--color-paper-2);border-left:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-token-card>header{display:grid;grid-template-columns:var(--control-height) minmax(0,1fr) auto;grid-gap:var(--space-sm);gap:var(--space-sm);align-items:center;padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-token-card__mark{display:grid;width:var(--control-height);height:var(--control-height);place-items:center;color:var(--color-accent);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-control)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] :is(.webchat-token-card,.webchat-readiness,.webchat-snippet) h3{margin:var(--space-3xs) 0;color:var(--color-ink);font-family:var(--font-body);font-size:clamp(1.25rem,2vw,1.625rem);font-style:normal;font-weight:720;letter-spacing:-.03em;line-height:1.1;overflow-wrap:anywhere}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-readiness p,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-token-card>header span{color:var(--color-muted);font-size:.75rem;line-height:1.5}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-token-card>header>b{color:var(--color-accent);font:700 .6875rem/1 var(--font-outlier)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-token-card__body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;margin-top:var(--space-lg);background:transparent;border-block:1px solid var(--color-rule);border-inline:0;border-radius:0;overflow:visible}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-token-card__fact{min-width:0;min-height:0;padding:var(--space-sm);background:var(--color-paper);border-right:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-token-card__fact:last-child{border-right:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-token-card__fact :is(span,strong){display:block}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-token-card__fact span{color:var(--color-muted);font-size:.6875rem}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-token-card__fact strong{margin-top:var(--space-2xs);color:var(--color-ink);font:650 .75rem/1.4 var(--font-outlier);overflow-wrap:anywhere}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-origins{display:grid;min-width:0;grid-gap:var(--space-2xs);gap:var(--space-2xs);margin-top:var(--space-lg)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-origins>span{color:var(--color-ink-2);font-size:.8125rem;font-weight:650}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-origins textarea{width:100%;min-width:0;min-height:6.5rem;padding:var(--space-xs);resize:vertical;color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-rule-2);border-radius:var(--radius-input);font:.75rem/1.5 var(--font-outlier)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-origins>small{color:var(--color-muted);font-size:.6875rem;line-height:1.45}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-origins code{font-family:var(--font-outlier)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-token-card>footer{display:flex;gap:var(--space-sm);align-items:center;justify-content:space-between;margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-token-card>footer>p{display:flex;gap:var(--space-2xs);align-items:flex-start;max-width:58ch;margin:0;color:var(--color-muted);font-size:.6875rem;line-height:1.45}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-token-card>footer>div{display:flex;gap:var(--space-2xs)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] :is(.webchat-action,.webchat-revoke,.webchat-snippet header button){display:inline-flex;min-height:var(--control-height);align-items:center;justify-content:center;padding-inline:var(--space-sm);border:1px solid var(--color-rule-2);border-radius:var(--radius-control);box-shadow:none;font:650 .8125rem/1 var(--font-body);white-space:nowrap;transition:transform var(--dur-micro) var(--ease-out),opacity var(--dur-micro) var(--ease-out)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] :is(.webchat-action,.webchat-snippet header button){color:var(--color-accent-ink);background:var(--color-accent);border-color:var(--color-accent)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-revoke{color:var(--color-error);background:var(--color-paper);border-color:var(--color-error)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] :is(.webchat-action,.webchat-snippet header button):hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] :is(.webchat-action,.webchat-revoke,.webchat-snippet header button):active:not(:disabled){transform:translateY(1px)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] :is(.webchat-action,.webchat-revoke,.webchat-snippet header button):disabled{cursor:not-allowed;opacity:.48}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-readiness ol{display:grid;grid-gap:0;gap:0;margin:var(--space-lg) 0;padding:0;list-style:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-readiness li{display:grid;grid-template-columns:2rem minmax(0,1fr);grid-gap:var(--space-xs);gap:var(--space-xs);padding-block:var(--space-xs);border-top:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-readiness li>span{display:grid;width:2rem;height:2rem;place-items:center;color:var(--color-muted);background:var(--color-paper);border:1px solid var(--color-rule-2);border-radius:var(--radius-control);font:650 .6875rem/1 var(--font-outlier)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-readiness li[data-done=true]>span{color:var(--color-signal-ink);background:var(--color-signal);border-color:var(--color-signal)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-readiness li :is(strong,small){display:block}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-readiness li strong{font-size:.8125rem}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-readiness li small{margin-top:var(--space-3xs);color:var(--color-muted);font-size:.6875rem;line-height:1.4}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-readiness__note{display:flex;gap:var(--space-2xs);align-items:flex-start;padding:var(--space-xs);color:var(--color-ink-2);background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-input)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-readiness__note p{margin:0;color:var(--color-ink-2)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-ai-routing{margin-top:var(--space-sm);color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-card);overflow:clip}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-ai-routing>header{display:flex;gap:var(--space-lg);align-items:flex-start;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-ai-routing h3{margin:var(--space-3xs) 0;font-size:clamp(1.25rem,2vw,1.625rem);letter-spacing:-.03em}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-ai-routing fieldset>p,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-ai-routing header p:not(.eyebrow){margin:0;color:var(--color-muted);font-size:.75rem;line-height:1.5}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-ai-routing>header>span{display:inline-flex;flex:0 0 auto;gap:var(--space-3xs);align-items:center;padding:.45rem .625rem;color:var(--color-warning);background:var(--color-warning-soft);border:1px solid var(--color-rule);border-radius:var(--radius-input);font-size:.6875rem;font-weight:700}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-ai-routing>header>span[data-ready=true]{color:var(--color-success);background:var(--color-success-soft)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-ai-routing__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-ai-routing fieldset{min-width:0;margin:0;padding:var(--space-lg) var(--space-xl);border:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-ai-routing fieldset+fieldset{border-left:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-ai-routing legend{padding:0;font-size:.875rem;font-weight:760}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-provider-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-xs);gap:var(--space-xs);margin-top:var(--space-sm)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-provider-picker button{display:grid;grid-template-columns:2.5rem minmax(0,1fr) 1.25rem;grid-gap:var(--space-xs);gap:var(--space-xs);align-items:center;min-height:4.25rem;padding:var(--space-xs);color:var(--color-ink);text-align:left;background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-input)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-provider-picker button[aria-pressed=true]{background:var(--color-success-soft);border-color:var(--color-success);box-shadow:inset 3px 0 0 var(--color-success)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-provider-picker button:disabled:not([aria-pressed=true]){opacity:.55}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-provider-picker :is(strong,small),.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-provider-picker span{display:block;min-width:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-provider-picker i{color:var(--color-success);font-style:normal;font-weight:800;text-align:center}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-agent-picker label{display:grid;grid-gap:var(--space-3xs);gap:var(--space-3xs);margin:var(--space-sm) 0;font-size:.6875rem;font-weight:700}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-agent-picker select{width:100%;min-height:var(--control-height);padding:0 var(--space-xs);color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-rule-strong);border-radius:var(--radius-input);font:inherit}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-agent-picker .webchat-action{width:100%}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-snippet{position:static;min-width:0;margin-top:var(--space-sm);padding:var(--space-xl);overflow:clip;color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-card);box-shadow:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-snippet:after{content:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-snippet>header{position:static;display:flex;gap:var(--space-lg);align-items:flex-end;justify-content:space-between}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-snippet header p:not(.eyebrow){max-width:72ch;margin:0;color:var(--color-muted);font-size:.75rem;line-height:1.5}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-snippet pre{position:static;max-width:100%;margin:var(--space-lg) 0 0;padding:var(--space-sm);overflow:auto;color:var(--color-ink);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-input);font:.75rem/1.6 var(--font-outlier)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-snippet__note{position:static;display:flex;gap:var(--space-2xs);align-items:flex-start;margin:var(--space-sm) 0 0;color:var(--color-muted);font-size:.6875rem;line-height:1.45}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-board{min-width:0;padding:var(--space-xl) clamp(var(--space-sm),2vw,var(--space-xl)) var(--space-2xl);color:var(--color-ink)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-width:0;margin:0 0 var(--space-sm);background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-card);overflow:clip}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-board{min-height:30rem;overflow:clip;color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-card)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-board>header{display:flex;gap:var(--space-lg);align-items:flex-start;justify-content:space-between;padding:var(--space-xl);border-bottom:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-board>header h2{margin:var(--space-3xs) 0 var(--space-2xs);font-family:var(--font-body);font-size:clamp(1.35rem,2.4vw,2rem);font-weight:740;letter-spacing:-.035em}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-board>header p:last-child{max-width:42rem;margin:0;color:var(--color-muted);font-size:.8125rem;line-height:1.55}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-board__status{display:inline-flex;min-height:var(--control-height);flex:0 0 auto;gap:var(--space-2xs);align-items:center;padding:0 var(--space-sm);color:var(--color-muted);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-control);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-board__status i,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-card__phase i{width:.5rem;height:.5rem;background:var(--color-muted);border-radius:50%}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-board__status[data-active=true]{color:var(--color-accent);background:var(--color-accent-soft);border-color:var(--color-accent)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-board__status[data-active=true] i,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-card__phase i{background:var(--color-accent);animation:voice-live-pulse 2s var(--ease-standard) infinite}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-sm);gap:var(--space-sm);padding:var(--space-xl)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-card{display:grid;grid-template-columns:2.75rem minmax(0,1fr) auto;grid-gap:var(--space-xs) var(--space-sm);gap:var(--space-xs) var(--space-sm);align-items:center;min-width:0;padding:var(--space-lg);background:var(--color-paper);border:1px solid var(--color-rule);border-left:3px solid var(--color-accent);border-radius:var(--radius-card);box-shadow:0 8px 22px rgb(10 45 29/7%)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-card__icon{display:grid;width:2.75rem;height:2.75rem;grid-row:1/span 2;place-items:center;color:var(--color-accent);background:var(--color-accent-soft);border:1px solid var(--color-rule);border-radius:var(--radius-control)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-card__identity{min-width:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-card__identity :is(small,h3,p){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-card__identity small,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-card__started small,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-card__time small{color:var(--color-muted);font-size:.625rem;text-transform:uppercase;letter-spacing:.05em}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-card__identity h3{margin:var(--space-3xs) 0;font-family:var(--font-body);font-size:.9375rem;font-weight:720;letter-spacing:-.02em}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-card__identity p{margin:0;color:var(--color-muted);font-size:.75rem}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-card__phase{display:inline-flex;min-height:1.75rem;gap:var(--space-2xs);align-items:center;padding:0 var(--space-xs);color:var(--color-accent);background:var(--color-accent-soft);border:1px solid var(--color-rule);border-radius:var(--radius-control);font-size:.6875rem;font-weight:700}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] :is(.voice-live-card__time,.voice-live-card__started){padding-top:var(--space-xs);border-top:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-card__time{grid-column:2}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-card__started{grid-column:3;text-align:right}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] :is(.voice-live-card__time strong,.voice-live-card__started time){display:block;margin-top:var(--space-3xs);color:var(--color-ink);font:.75rem/1.3 var(--font-outlier);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-board__empty{display:grid;min-height:22rem;place-items:center;align-content:center;grid-gap:var(--space-xs);gap:var(--space-xs);padding:var(--space-xl);color:var(--color-muted);text-align:center}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-board__empty strong{color:var(--color-ink);font-size:1rem}@keyframes voice-live-pulse{0%,55%,to{box-shadow:0 0 0 0 rgb(0 107 67/26%)}75%{box-shadow:0 0 0 .375rem rgb(0 107 67/0)}}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs button{position:relative;display:grid;grid-template-columns:2rem minmax(0,1fr);grid-gap:var(--space-3xs) var(--space-xs);gap:var(--space-3xs) var(--space-xs);min-width:0;min-height:4.75rem;align-content:center;padding:var(--space-sm);color:var(--color-muted);text-align:left;background:var(--color-paper);border:0;border-right:1px solid var(--color-rule);border-radius:0;box-shadow:none;transition:transform var(--dur-micro) var(--ease-out),opacity var(--dur-micro) var(--ease-out)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs button:last-child{border-right:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs button:after{position:absolute;inset:auto 0 0;height:2px;content:"";background:var(--color-accent);opacity:0;transform:scaleX(.6);transition:transform var(--dur-short) var(--ease-out),opacity var(--dur-short) var(--ease-out)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs button:hover{color:var(--color-accent);background:var(--color-paper-2)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs button[aria-current=page]{color:var(--color-accent);background:var(--color-paper-2);box-shadow:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs button[aria-current=page]:after{opacity:1;transform:scaleX(1)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs button:active{transform:translateY(1px)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs button>span{grid-row:1/span 2;align-self:center;color:var(--color-accent);font:700 .6875rem/1 var(--font-outlier)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs button small,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs button strong{display:block;min-width:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs button strong{color:currentColor;font-size:.8125rem;white-space:nowrap}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs button small{color:var(--color-muted);font-size:.6875rem;white-space:nowrap}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-test-panel{display:grid;grid-template-columns:minmax(18rem,.78fr) minmax(0,1.22fr);min-width:0;margin:0;overflow:clip;color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-card);box-shadow:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-test-panel__brief{position:static;display:flex;min-width:0;flex-direction:column;padding:var(--space-xl);overflow:visible;background:var(--color-paper-2);border-right:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-test-panel__brief:after{content:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-test-panel__brief h3{max-width:20ch;margin:var(--space-2xs) 0 var(--space-xs);font-family:var(--font-body);font-size:clamp(1.625rem,2.6vw,2.25rem);font-style:normal;font-weight:720;letter-spacing:-.035em;line-height:1.08;overflow-wrap:anywhere}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-test-panel__brief>p:not(.eyebrow){max-width:60ch;margin:0;color:var(--color-muted);font-size:.875rem;line-height:1.6}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-test-panel__brief ol{display:grid;grid-gap:var(--space-2xs);gap:var(--space-2xs);margin:var(--space-lg) 0;padding:0;list-style:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-test-panel__brief li{display:grid;grid-template-columns:1.75rem minmax(0,1fr);grid-gap:var(--space-xs);gap:var(--space-xs);align-items:center;color:var(--color-ink-2);font-size:.8125rem;font-weight:620}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-test-panel__brief li span{display:grid;width:1.75rem;height:1.75rem;place-items:center;color:var(--color-accent);background:var(--color-paper);border:1px solid var(--color-rule-2);border-radius:var(--radius-control);font:650 .6875rem/1 var(--font-outlier)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-privacy-note{position:static;display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:var(--space-xs);gap:var(--space-xs);align-items:flex-start;margin-top:auto;padding-top:var(--space-sm);color:var(--color-accent);border-top:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-privacy-note p{margin:0;color:var(--color-muted);font-size:.75rem;line-height:1.5}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-privacy-note strong{display:block;margin-bottom:var(--space-3xs);color:var(--color-ink-2);font-size:.8125rem}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-studio{display:flex;min-width:0;flex-direction:column;padding:var(--space-xl);color:var(--color-ink);background:var(--color-paper)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-studio__status{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:var(--space-xs);gap:var(--space-xs);align-items:center;min-height:var(--control-height);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-status-dot{width:.625rem;height:.625rem;background:var(--color-rule-2);border:0;border-radius:var(--radius-pill);box-shadow:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-studio[data-phase=listening] .realtime-status-dot,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-studio[data-phase=live] .realtime-status-dot,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-studio[data-phase=speaking] .realtime-status-dot,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-studio[data-phase=thinking] .realtime-status-dot{background:var(--color-success);box-shadow:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-studio[data-phase=error] .realtime-status-dot{background:var(--color-error);box-shadow:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-studio__status :is(strong,small){display:block}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-studio__status strong{font-size:.875rem}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-studio__status small{margin-top:var(--space-3xs);color:var(--color-muted);font-size:.6875rem;line-height:1.4}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-studio__status time{color:var(--color-accent);font:.8125rem/1 var(--font-outlier);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-stage{display:flex;min-height:15rem;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-2xs)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-orbit{position:relative;display:grid;width:5.25rem;height:5.25rem;margin-bottom:var(--space-lg);place-items:center;border:1px solid var(--color-rule-2);border-radius:var(--radius-pill);box-shadow:none;transition:transform var(--dur-short) var(--ease-out),opacity var(--dur-short) var(--ease-out)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-orbit:after,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-orbit:before{content:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-orbit>span{display:grid;width:3.75rem;height:3.75rem;place-items:center;color:var(--color-accent-ink);background:var(--color-accent);border-radius:var(--radius-pill);box-shadow:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-studio[data-phase=listening] .realtime-orbit,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-studio[data-phase=speaking] .realtime-orbit{border-color:var(--color-accent);transform:scale(1.03)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-bars{display:flex;width:min(100%,27rem);height:3rem;gap:.25rem;align-items:center;justify-content:center}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-bars i{width:.25rem;height:100%;background:var(--color-rule-2);border-radius:var(--radius-pill);opacity:.62;transform:scaleY(.12);transform-origin:center;transition:transform var(--dur-short) var(--ease-out),opacity var(--dur-short) var(--ease-out)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-studio[data-phase=listening] .realtime-bars i,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-studio[data-phase=speaking] .realtime-bars i,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-studio[data-phase=thinking] .realtime-bars i{background:var(--color-accent);opacity:.92;animation:voice-studio-bar .72s var(--ease-in-out) var(--delay) infinite alternate}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-studio[data-phase=thinking] .realtime-bars i{background:var(--color-warning);animation-duration:1.15s}@keyframes voice-studio-bar{0%{opacity:.52;transform:scaleY(.16)}to{opacity:1;transform:scaleY(var(--bar-scale))}}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-stage>p{margin:var(--space-xs) 0 0;color:var(--color-muted);font-size:.75rem;text-align:center}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:var(--space-2xs);gap:var(--space-2xs)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-controls button{display:inline-flex;min-height:var(--control-height);align-items:center;justify-content:center;gap:var(--space-2xs);padding-inline:var(--space-sm);border:1px solid var(--color-rule-2);border-radius:var(--radius-control);box-shadow:none;font:650 .8125rem/1 var(--font-body);white-space:nowrap;transition:transform var(--dur-micro) var(--ease-out),opacity var(--dur-micro) var(--ease-out)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-start{color:var(--color-accent-ink);background:var(--color-accent);border-color:var(--color-accent)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-start:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-stop{color:var(--color-error);background:var(--color-error-soft);border-color:var(--color-error)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-stop>span{width:.625rem;height:.625rem;background:var(--color-error);border-radius:.125rem}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-mute{color:var(--color-ink-2);background:var(--color-paper)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-controls button:active:not(:disabled){transform:translateY(1px)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-controls button:disabled{cursor:not-allowed;filter:none;opacity:.48;box-shadow:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-transcript{max-height:10rem;margin-top:var(--space-sm);padding:var(--space-sm);overflow-y:auto;color:var(--color-ink);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-input)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-transcript>p:not(.eyebrow){display:grid;grid-template-columns:4.5rem minmax(0,1fr);grid-gap:var(--space-2xs);gap:var(--space-2xs);margin:var(--space-2xs) 0 0;font-size:.75rem;line-height:1.5}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-transcript strong{color:var(--color-accent)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-studio>footer{display:flex;gap:var(--space-2xs);align-items:center;justify-content:center;margin-top:var(--space-sm);color:var(--color-muted);font-size:.6875rem;line-height:1.45;text-align:center}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .login-error{margin-top:var(--space-sm);margin-bottom:0;color:var(--color-error);background:var(--color-error-soft);border-color:var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;margin:0;background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-card) var(--radius-card) 0 0;box-shadow:none;overflow:clip}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-metrics article{min-width:0;padding:var(--space-sm) var(--space-lg);border-right:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-metrics article:last-child{border-right:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-metrics :is(span,small){display:block;color:var(--color-muted);font-size:.6875rem}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-metrics strong{display:block;margin:var(--space-2xs) 0 var(--space-3xs);font-family:var(--font-body);font-size:1.625rem;font-weight:720;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-workspace{display:grid;grid-template-columns:minmax(19rem,.72fr) minmax(0,1.28fr);min-width:0;min-height:31rem;margin:0;overflow:clip;color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-rule);border-top:0;border-radius:0 0 var(--radius-card) var(--radius-card);box-shadow:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-list{min-width:0;border-right:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-list>header{display:flex;gap:var(--space-sm);align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] :is(.voice-list,.voice-detail) h3{margin:var(--space-3xs) 0 0;font-family:var(--font-body);font-size:1.25rem;font-style:normal;font-weight:720;letter-spacing:-.025em}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-call-filter{display:flex;min-height:var(--control-height);align-items:center;gap:var(--space-2xs);padding-inline:var(--space-2xs);background:var(--color-paper-2);border:1px solid var(--color-rule-2);border-radius:var(--radius-control)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-call-filter select{min-height:calc(var(--control-height) - 2px);color:var(--color-ink);background:transparent;border:0;font-size:.75rem}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-call{display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto;grid-gap:var(--space-xs);gap:var(--space-xs);align-items:center;width:100%;min-width:0;min-height:4.5rem;padding:var(--space-xs) var(--space-sm);color:var(--color-ink);text-align:left;background:transparent;border:0;border-bottom:1px solid var(--color-rule);box-shadow:none;transition:transform var(--dur-micro) var(--ease-out),opacity var(--dur-micro) var(--ease-out)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-call:hover{background:var(--color-paper-2)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-call.is-selected{color:var(--color-accent);background:var(--color-paper-2);box-shadow:inset 2px 0 var(--color-accent)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-call:active{transform:translateY(1px)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-call__icon{display:grid;width:2.5rem;height:2.5rem;place-items:center;color:var(--color-accent);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-control)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-call__icon--missed{color:var(--color-error);background:var(--color-error-soft)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-call>span:nth-child(2){min-width:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-call :is(strong,small,em,time,b){display:block}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-call strong{font-size:.8125rem}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-call small{margin-top:var(--space-3xs);color:var(--color-muted);font-size:.6875rem}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-call em{margin-top:var(--space-2xs);color:var(--color-accent);font-size:.625rem;font-style:normal;font-weight:650;text-transform:uppercase}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-call>span:last-child{text-align:right}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-call :is(time,b){font:.6875rem/1.3 var(--font-outlier);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-call b{margin-top:var(--space-2xs);color:var(--color-muted);font-weight:500}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-list-empty{display:grid;min-height:13rem;place-items:center;align-content:center;padding:var(--space-lg);color:var(--color-muted);text-align:center}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-list-empty strong{color:var(--color-ink)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-list-empty p{margin:var(--space-2xs) 0 var(--space-xs);font-size:.75rem}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-list-empty button{min-height:var(--control-height);padding-inline:var(--space-sm);color:var(--color-accent);background:var(--color-paper-2);border:1px solid var(--color-rule-2);border-radius:var(--radius-control);font-weight:650}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-detail{min-width:0;padding:var(--space-xl)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-detail>header{display:grid;grid-template-columns:var(--control-height) minmax(0,1fr) auto;grid-gap:var(--space-sm);gap:var(--space-sm);align-items:center}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-detail__avatar{display:grid;width:var(--control-height);height:var(--control-height);place-items:center;color:var(--color-accent);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-control)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-detail header span{color:var(--color-muted);font-size:.75rem}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-detail header>b{padding:var(--space-2xs) var(--space-xs);color:var(--color-success);background:var(--color-success-soft);border-radius:var(--radius-pill);font-size:.6875rem;text-transform:uppercase;white-space:nowrap}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-wave{display:flex;height:5rem;gap:.1875rem;align-items:center;margin:var(--space-lg) 0;padding-inline:var(--space-sm);background:var(--color-paper-2);border-block:1px solid var(--color-rule);border-radius:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-wave i{min-width:.125rem;max-width:.3125rem;flex:1 1;background:var(--color-accent);border-radius:var(--radius-pill);opacity:.76}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-block:1px solid var(--color-rule);border-inline:0;border-radius:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-facts>div{min-width:0;padding:var(--space-sm);border-right:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-facts>div:nth-child(2n){border-right:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-facts>div:nth-last-child(-n+2){border-bottom:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-facts dt{color:var(--color-muted);font-size:.6875rem;text-transform:uppercase}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-facts dd{margin:var(--space-2xs) 0 0;font-size:.8125rem;font-weight:650;text-transform:capitalize;overflow-wrap:anywhere}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-summary{margin-top:var(--space-sm);padding:var(--space-sm);background:var(--color-paper-2);border-left:2px solid var(--color-accent)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-summary p:last-child{margin:var(--space-2xs) 0 0;font-size:.8125rem;line-height:1.55}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-recording{display:grid;grid-gap:var(--space-xs);gap:var(--space-xs);margin-top:var(--space-sm);padding:var(--space-sm);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-input)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-recording[data-available=true]{background:var(--color-success-soft);border-color:var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-recording>div{display:flex;gap:var(--space-2xs);align-items:center}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-recording :is(span,strong,small){display:block}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-recording strong{font-size:.75rem}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-recording small{margin-top:var(--space-3xs);color:var(--color-muted);font-size:.6875rem}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-recording audio{width:100%;min-height:var(--control-height);accent-color:var(--color-accent)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-recording__load{display:inline-flex;gap:var(--space-2xs);align-items:center;justify-content:center;min-height:var(--control-height);padding:0 var(--space-sm);color:var(--color-paper);font:inherit;font-size:.75rem;font-weight:700;background:var(--color-ink);border:0;border-radius:var(--radius-input);cursor:pointer}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-recording__load:disabled{cursor:wait;opacity:.65}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-recording .voice-recording__error{color:var(--color-danger)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-transcript{margin-top:var(--space-sm);overflow:clip;background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-input)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-transcript summary{display:flex;min-height:var(--control-height);align-items:center;justify-content:space-between;padding-inline:var(--space-sm);cursor:pointer;font-size:.75rem;font-weight:650}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-transcript summary span{color:var(--color-muted);font-size:.6875rem}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-transcript>div{max-height:19rem;padding:0 var(--space-sm) var(--space-sm);overflow:auto;border-top:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-transcript p{display:grid;grid-template-columns:4.5rem minmax(0,1fr);grid-gap:var(--space-2xs);gap:var(--space-2xs);margin:0;padding-block:var(--space-xs);background:transparent;border-bottom:1px solid var(--color-rule);font-size:.75rem;line-height:1.5}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-transcript p:last-child{border-bottom:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-transcript p strong{color:var(--color-accent)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-privacy{display:flex;gap:var(--space-2xs);margin-top:var(--space-sm);color:var(--color-muted);font-size:.6875rem;line-height:1.45}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-privacy strong{color:var(--color-ink-2)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-profile{min-width:0;margin:0;padding:var(--space-xl);color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-card);box-shadow:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-profile__header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:var(--space-lg);gap:var(--space-lg);align-items:flex-start;padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-profile h3{max-width:28ch;margin:var(--space-2xs) 0 var(--space-xs);font-family:var(--font-body);font-size:clamp(1.5rem,2.4vw,2rem);font-style:normal;font-weight:720;letter-spacing:-.035em;line-height:1.08;overflow-wrap:anywhere}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-profile__header p:not(.eyebrow){max-width:68ch;margin:0;color:var(--color-muted);font-size:.8125rem;line-height:1.55}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-profile__badge{min-height:2rem;padding:.625rem var(--space-xs);color:var(--color-accent);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-pill);font:700 .6875rem/1 var(--font-outlier);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-agent-link{display:grid;grid-template-columns:var(--control-height) minmax(0,1fr) minmax(13rem,18rem) auto;grid-gap:var(--space-sm);gap:var(--space-sm);align-items:center;min-width:0;margin-top:var(--space-lg);padding:var(--space-sm);color:var(--color-ink);background:var(--color-paper-2);border:0;border-left:2px solid var(--color-rule-2);border-radius:0;box-shadow:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-agent-link[data-linked=true]{border-color:var(--color-accent);box-shadow:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-agent-link__mark{display:grid;width:var(--control-height);height:var(--control-height);place-items:center;color:var(--color-accent);background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-control)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-agent-link h4{margin:var(--space-3xs) 0;font-family:var(--font-body);font-size:1rem;font-style:normal;font-weight:700}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-agent-link p:not(.eyebrow){margin:0;color:var(--color-muted);font-size:.6875rem;line-height:1.45}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-agent-link label{display:grid;grid-gap:var(--space-2xs);gap:var(--space-2xs);color:var(--color-ink-2);font-size:.75rem;font-weight:650}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-agent-link select,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-agent-link>button{min-height:var(--control-height);border-radius:var(--radius-control)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-agent-link>button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);padding-inline:var(--space-sm);color:var(--color-accent);background:var(--color-paper);border:1px solid var(--color-rule-2);font-size:.75rem;font-weight:650;white-space:nowrap}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-agent-hint{display:flex;gap:var(--space-2xs);align-items:flex-start;margin-top:var(--space-xs);padding:var(--space-xs) var(--space-sm);color:var(--color-warning);background:var(--color-warning-soft);border:1px solid var(--color-rule);border-radius:var(--radius-input);font-size:.75rem;line-height:1.45}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-agent-hint strong{display:block;margin-bottom:var(--space-3xs);color:var(--color-ink-2)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-quality{min-width:0;margin-top:var(--space-xl);overflow:visible;color:var(--color-ink);background:transparent;border:0;border-top:1px solid var(--color-rule);border-radius:0;box-shadow:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-quality__header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:var(--space-lg);gap:var(--space-lg);align-items:flex-start;padding:var(--space-xl) 0 var(--space-lg);color:var(--color-ink);background:transparent;border-bottom:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-quality__header h4{margin:var(--space-3xs) 0 var(--space-2xs);font-family:var(--font-body);font-size:1.25rem;font-style:normal;font-weight:720;letter-spacing:-.025em}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-quality__header p:not(.eyebrow){max-width:66ch;margin:0;color:var(--color-muted);font-size:.75rem;line-height:1.5}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-quality__status{display:inline-flex;min-height:2rem;align-items:center;gap:var(--space-2xs);padding-inline:var(--space-xs);color:var(--color-success);background:var(--color-success-soft);border:1px solid var(--color-rule);border-radius:var(--radius-pill);font:700 .6875rem/1 var(--font-outlier);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-quality__status i{width:.4375rem;height:.4375rem;background:var(--color-success);border-radius:var(--radius-pill);box-shadow:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-provider-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:0;gap:0;padding:0;background:transparent;border-bottom:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-provider-switch button{position:relative;display:grid;grid-template-columns:2.75rem minmax(0,1fr) auto;grid-gap:var(--space-xs);gap:var(--space-xs);align-items:center;min-width:0;min-height:4.75rem;padding:var(--space-sm);color:var(--color-ink-2);text-align:left;background:var(--color-paper);border:0;border-right:1px solid var(--color-rule);box-shadow:none;transition:transform var(--dur-micro) var(--ease-out),opacity var(--dur-micro) var(--ease-out)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-provider-switch button:last-child{border-right:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-provider-switch button:after{position:absolute;inset:auto 0 0;height:2px;content:"";background:var(--color-accent);opacity:0;transform:scaleX(.6);transition:transform var(--dur-short) var(--ease-out),opacity var(--dur-short) var(--ease-out)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-provider-switch button:hover:not(:disabled){color:var(--color-accent);background:var(--color-paper-2)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-provider-switch button[aria-pressed=true]{color:var(--color-accent);background:var(--color-paper-2);border-color:var(--color-rule);box-shadow:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-provider-switch button[aria-pressed=true]:after{opacity:1;transform:scaleX(1)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-provider-switch button:active:not(:disabled){transform:translateY(1px)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-provider-switch .voice-provider-logo{width:2.75rem;height:2.75rem;min-width:2.75rem;padding:var(--space-3xs);background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-control);box-shadow:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-provider-switch button :is(strong,small){display:block}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-provider-switch button strong{font-size:.8125rem}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-provider-switch button small{margin-top:var(--space-3xs);color:var(--color-muted);font-size:.6875rem}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-provider-switch button>i{padding:var(--space-2xs) var(--space-xs);color:var(--color-muted);border:1px solid var(--color-rule);border-radius:var(--radius-pill);font:650 .625rem/1 var(--font-outlier);text-transform:uppercase;white-space:nowrap}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-provider-switch button[aria-pressed=true]>i{color:var(--color-accent);border-color:var(--color-accent)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-provider-location{display:grid;grid-template-columns:var(--control-height) minmax(0,1fr);grid-gap:var(--space-sm);gap:var(--space-sm);align-items:center;padding:var(--space-sm);color:var(--color-accent);background:var(--color-paper-2);border:0;border-bottom:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-provider-location .voice-provider-secret__logo{width:var(--control-height);height:var(--control-height)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-provider-location :is(strong,small){display:block}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-provider-location strong{margin:var(--space-3xs) 0;color:var(--color-ink);font-size:.8125rem}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-provider-location small{max-width:72ch;color:var(--color-muted);font-size:.6875rem;line-height:1.45}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-quality__lead{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(15rem,.7fr);grid-gap:0;gap:0;background:transparent;border-bottom:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-quality__lead>label{padding:var(--space-lg)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-quality__lead>label+label{border-left:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] :is(.voice-quality,.voice-profile__grid) label{display:flex;min-width:0;flex-direction:column;gap:var(--space-2xs);color:var(--color-ink-2);font-size:.8125rem;font-weight:650}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] :is(.voice-agent-link,.voice-quality,.voice-profile__grid) :is(input,textarea,select){width:100%;min-width:0;min-height:var(--control-height);padding:var(--space-xs);color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-rule-2);border-radius:var(--radius-input);box-shadow:none;font:500 .875rem/1.45 var(--font-body)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] :is(.voice-quality,.voice-profile__grid) textarea{min-height:6rem;resize:vertical}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] :is(.voice-quality,.voice-profile__grid) label>span{color:var(--color-muted);font-size:.6875rem;font-weight:450;line-height:1.45}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-range{display:grid;grid-template-columns:minmax(0,1fr) 4.25rem;grid-gap:var(--space-xs);gap:var(--space-xs);align-items:center;min-height:var(--control-height)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-range input{min-height:var(--control-height);padding:0;accent-color:var(--color-accent);background:transparent;border:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-range output{display:grid;min-height:var(--control-height);place-items:center;color:var(--color-accent);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-control);font:650 .75rem/1 var(--font-outlier)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-quality__controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-sm);gap:var(--space-sm);padding:var(--space-lg) 0 0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-quality__preset{display:grid;grid-column:1/-1;grid-template-columns:2rem minmax(0,1fr) auto;grid-gap:var(--space-xs);gap:var(--space-xs);align-items:center;padding:var(--space-sm);background:var(--color-paper-2);border:0;border-left:2px solid var(--color-accent);border-radius:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-quality__preset>span{display:grid;width:2rem;height:2rem;place-items:center;color:var(--color-accent);background:var(--color-paper);border-radius:var(--radius-control)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-quality__preset strong{display:block;font-size:.75rem}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-quality__preset p{margin:var(--space-3xs) 0 0;color:var(--color-muted);font-size:.6875rem;line-height:1.45}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-profile>footer button,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-quality__preset button{display:inline-flex;min-height:var(--control-height);align-items:center;justify-content:center;padding-inline:var(--space-sm);color:var(--color-accent-ink);background:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-control);box-shadow:none;font:650 .8125rem/1 var(--font-body);white-space:nowrap;transition:transform var(--dur-micro) var(--ease-out),opacity var(--dur-micro) var(--ease-out)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] :is(.voice-quality__preset button,.voice-profile>footer button):hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] :is(.voice-quality__preset button,.voice-profile>footer button):active:not(:disabled){transform:translateY(1px)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] :is(.voice-quality__preset button,.voice-profile>footer button):disabled{cursor:not-allowed;filter:none;opacity:.48}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-profile__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-sm);gap:var(--space-sm);margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-profile__wide{grid-column:1/-1}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .settings-message{display:flex;gap:var(--space-2xs);align-items:flex-start;margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);color:var(--color-success);background:var(--color-success-soft);border:1px solid var(--color-rule);border-radius:var(--radius-input);font-size:.75rem;line-height:1.45}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .settings-message--error{color:var(--color-error);background:var(--color-error-soft)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-profile>footer{display:flex;gap:var(--space-sm);align-items:center;justify-content:space-between;margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-profile>footer p{display:flex;gap:var(--space-2xs);align-items:center;margin:0;color:var(--color-muted);font-size:.6875rem}@container webchat-studio (max-width: 54rem){.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-layout{grid-template-columns:minmax(0,1fr)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-readiness{border-top:1px solid var(--color-rule);border-left:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-ai-routing__grid{grid-template-columns:minmax(0,1fr)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-ai-routing fieldset+fieldset{border-top:1px solid var(--color-rule);border-left:0}}@media (max-width:64rem){.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-test-panel,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-workspace,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-layout{grid-template-columns:minmax(0,1fr)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-readiness{border-top:1px solid var(--color-rule);border-left:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-list,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-test-panel__brief{border-right:0;border-bottom:1px solid var(--color-rule)}}@media (max-width:52rem){.app-shell-v4[data-ui=kinetic] .channel-studio__header{grid-template-columns:minmax(0,1fr);gap:var(--space-sm);align-items:flex-start}.app-shell-v4[data-ui=kinetic] .channel-provider-switch{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.app-shell-v4[data-ui=kinetic] .channel-provider-switch__intro{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs button:nth-child(2n){border-right:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs button:not(:last-child){border-bottom:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs button:last-child{grid-column:1/-1}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-grid{grid-template-columns:minmax(0,1fr)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-agent-link{grid-template-columns:var(--control-height) minmax(0,1fr)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-agent-link :is(label,button){grid-column:1/-1}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] :is(.voice-quality__lead,.voice-quality__controls,.voice-profile__grid){grid-template-columns:minmax(0,1fr)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-quality__lead>label+label{border-top:1px solid var(--color-rule);border-left:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-profile__wide{grid-column:auto}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-template-catalog__grid{grid-template-columns:minmax(0,1fr)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-template-catalog__grid form{padding-right:0;padding-bottom:var(--space-lg);border-right:0;border-bottom:1px solid var(--color-rule)}}@media (max-width:40rem){.app-shell-v4[data-ui=kinetic] .channel-studio,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-board,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-board{padding:var(--space-sm) var(--space-sm) var(--space-xl)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs button{grid-template-columns:1.25rem minmax(0,1fr);min-height:3.75rem;align-items:center;align-content:center;padding:var(--space-xs)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs button:nth-child(2n){border-right:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs button:not(:last-child){border-bottom:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs button:last-child{grid-column:1/-1}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-board>header{display:grid;padding:var(--space-lg)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-board__status{justify-self:start}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-live-grid{padding:var(--space-sm)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs button>span{grid-row:auto}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs button strong{line-height:1.2;white-space:normal}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs button small{display:none}.app-shell-v4[data-ui=kinetic] .channel-provider-switch{grid-template-columns:minmax(0,1fr)}.app-shell-v4[data-ui=kinetic] .channel-provider-switch>button{border-right:0;border-bottom:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] :is(.voice-test-panel__brief,.realtime-studio,.voice-detail,.voice-profile),.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] :is(.webchat-token-card,.webchat-readiness,.webchat-snippet),.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] :is(.wa-connect,.wa-readiness,.wa-inbound-test,.wa-template-catalog){padding:var(--space-sm)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] :is(.voice-profile__header,.voice-quality__header),.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-token-card>header,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] :is(.wa-connect>header,.wa-inbound-test>header,.wa-template-catalog>header){grid-template-columns:minmax(0,1fr)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-token-card>header>:first-child,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] :is(.wa-connect>header,.wa-inbound-test>header,.wa-template-catalog>header)>:first-child{display:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] :is(.voice-provider-switch,.voice-metrics,.voice-facts),.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-token-card__body,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] :is(.wa-fields,.wa-inbound-test__fields){grid-template-columns:minmax(0,1fr)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] :is(.wa-field--wide,.wa-inbound-test__message){grid-column:auto}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-token-card__fact{border-right:0;border-bottom:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-token-card__fact:last-child{border-bottom:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-metrics article,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-provider-switch button{border-right:0;border-bottom:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-metrics article:last-child{border-bottom:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-facts>div{border-right:0;border-bottom:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-facts>div:nth-last-child(-n+2){border-bottom:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-facts>div:last-child{border-bottom:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-profile>footer,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] :is(.webchat-token-card>footer,.webchat-snippet>header),.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] :is(.wa-connect>footer,.wa-inbound-test>footer){align-items:stretch;flex-direction:column}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] .webchat-token-card>footer>div,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-connect>footer>div:last-child{display:grid;grid-template-columns:minmax(0,1fr)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] :is(.realtime-controls button,.voice-agent-link>button,.voice-quality__preset button,.voice-profile>footer button),.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] :is(.webchat-action,.webchat-revoke,.webchat-snippet header button),.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] :is(.wa-save,.wa-revoke,.wa-inbound>button,.wa-outbound>button,.wa-inbound-test>footer>button,.wa-template-catalog__grid form>button){width:100%}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-secret{grid-template-columns:minmax(0,1fr)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-secret :is(input,button){border:1px solid var(--color-rule-2);border-radius:var(--radius-input)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] .wa-secret button{margin-top:var(--space-2xs)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-controls,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-quality__preset{grid-template-columns:minmax(0,1fr)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-quality__preset>span{display:none}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-detail>header{grid-template-columns:var(--control-height) minmax(0,1fr)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-detail>header>b{grid-column:1/-1;justify-self:start}}@media (max-width:24rem){.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs{grid-template-columns:minmax(0,1fr)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs button{min-height:var(--control-height);border-right:0;border-bottom:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs button:last-child{grid-column:auto}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs button:nth-child(-n+2){border-bottom:1px solid var(--color-rule)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-section-tabs button:last-child{border-bottom:0}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-call{grid-template-columns:2.5rem minmax(0,1fr)}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .voice-call>span:last-child{grid-column:2;text-align:left}}@media (prefers-reduced-motion:reduce){.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] :is(.voice-live-board__status i,.voice-live-card__phase i){animation:none}.app-shell-v4[data-ui=kinetic] .channel-provider-switch>button,.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] :is(.voice-section-tabs button,.voice-provider-switch button,.realtime-orbit,.realtime-bars i,.realtime-controls button,.voice-call,.voice-quality__preset button,.voice-profile>footer button),.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=webchat] :is(.webchat-action,.webchat-revoke,.webchat-snippet header button),.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=whatsapp] :is(.wa-save,.wa-revoke,.wa-inbound>button,.wa-outbound>button,.wa-inbound-test>footer>button,.wa-template-catalog__grid form>button){transition-duration:.15s}.app-shell-v4[data-ui=kinetic] .main-canvas[data-view=voice] .realtime-bars i{animation:none;opacity:.82;transform:scaleY(var(--bar-scale))}}.secure-recording{position:relative;display:grid!important;grid-template-columns:32px 38px minmax(90px,1fr) 38px;grid-gap:8px!important;gap:8px!important;align-items:center!important;width:100%;margin-top:4px}.secure-recording>button{display:grid;width:32px;height:32px;place-items:center;color:#fff;background:var(--signal-deep);border:0;border-radius:50%}.secure-recording>button:disabled{opacity:.55}.secure-recording>span{color:var(--muted);font:9px var(--font-mono);text-align:center}.secure-recording input{width:100%;height:3px;accent-color:var(--signal-deep)}.secure-recording>small{grid-column:1/-1;color:var(--danger);font-size:9px}.secure-recording__pause{width:9px;height:11px;border-right:3px solid;border-left:3px solid}.secure-recording__unavailable{display:flex!important;gap:6px;align-items:center;color:var(--muted);font-size:10px}.secure-recording[data-compact=true]{max-width:430px}.conversation-call-history{margin:0 0 18px;padding:14px;background:#f3f6ef;border:1px solid #cad6c5;border-radius:7px}.conversation-call-history>header{display:flex;justify-content:space-between;gap:12px;align-items:end;padding-bottom:11px;border-bottom:1px solid #d7dfd2}.conversation-call-history>header h3{margin:2px 0 0;font:550 21px var(--font-editorial)}.conversation-call-history>header>span{color:var(--muted);font-size:9px}.conversation-call-history__list{display:grid;grid-gap:9px;gap:9px;margin-top:10px}.conversation-call-history__list>article{display:grid;grid-gap:9px;gap:9px;padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:5px}.conversation-call-history__meta{display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-gap:9px;gap:9px;align-items:center}.conversation-call-history__meta>span{display:grid;width:30px;height:30px;place-items:center;color:var(--signal-deep);background:var(--signal-wash);border-radius:50%}.conversation-call-history__meta strong,.conversation-call-history__meta time{display:block}.conversation-call-history__meta strong{font-size:11px}.conversation-call-history__meta small,.conversation-call-history__meta time{margin-top:2px;color:var(--muted);font:9px var(--font-mono)}.conversation-call-history__list>article>p{margin:0;color:var(--ink-soft);font-size:10px;line-height:1.5;white-space:pre-line}.conversation-call-history--empty{display:flex;gap:10px;align-items:center}.conversation-call-history--empty>span{display:grid;width:36px;height:36px;place-items:center;color:var(--signal-deep);background:var(--signal-wash);border-radius:50%}.conversation-call-history--empty strong{font-size:11px}.conversation-call-history--empty p{margin:3px 0 0;color:var(--muted);font-size:9px}.conversation-call-event{display:grid;grid-gap:9px;gap:9px;width:min(100%,680px);margin:16px auto;padding:12px;background:#f3f6ef;border:1px solid #cad6c5;border-radius:7px}.conversation-call-event__heading{display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-gap:9px;gap:9px;align-items:center}.conversation-call-event__heading>span{display:grid;width:30px;height:30px;place-items:center;color:var(--signal-deep);background:var(--signal-wash);border-radius:50%}.conversation-call-event__heading strong,.conversation-call-event__heading time{display:block}.conversation-call-event__heading strong{font-size:11px}.conversation-call-event__heading small,.conversation-call-event__heading time{margin-top:2px;color:var(--muted);font:9px var(--font-mono)}.conversation-call-event>p{margin:0;color:var(--ink-soft);font-size:10px;line-height:1.5;white-space:pre-line}@media(max-width:560px){.secure-recording{grid-template-columns:32px 34px minmax(70px,1fr) 34px}.conversation-call-history>header{align-items:flex-start;flex-direction:column}}.conversation-call-event__transcript{overflow:hidden;background:color-mix(in oklch,var(--paper) 82%,transparent);border:1px solid var(--line);border-radius:5px}.conversation-call-event__transcript>summary{display:flex;min-height:32px;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;cursor:pointer;list-style:none;font-size:10px;font-weight:650}.conversation-call-event__transcript>summary::-webkit-details-marker{display:none}.conversation-call-event__transcript>summary:before{content:"+";color:var(--signal-deep);font:700 12px var(--font-mono)}.conversation-call-event__transcript[open]>summary:before{content:"−"}.conversation-call-event__transcript>summary>span{flex:1 1}.conversation-call-event__transcript>summary>small{color:var(--muted);font:9px var(--font-mono)}.conversation-call-event__transcript>div{display:grid;max-height:288px;overflow-y:auto;border-top:1px solid var(--line)}.conversation-call-event__transcript p{display:grid;grid-template-columns:72px minmax(0,1fr);grid-gap:8px;gap:8px;margin:0;padding:8px 9px;font-size:10px;line-height:1.45}.conversation-call-event__transcript p+p{border-top:1px solid var(--line)}.conversation-call-event__transcript p strong{color:var(--signal-deep);font:650 9px var(--font-mono);letter-spacing:.02em;text-transform:uppercase}.conversation-call-event__transcript p span{min-width:0;white-space:pre-wrap}