/* Preto essencial: scoped to Studio; original light styles remain unchanged. */
:root {
  --studio-bg:#fff;--studio-panel:#fff;--studio-raised:#f7f4fc;--studio-line:#e4dced;
  --studio-text:#292137;--studio-muted:#716780;--studio-accent:#6938ef;
  --studio-action:#7043dc;--studio-action-hover:#8254ea;--studio-soft:#f1eafd;
}
#login-screen{padding:0 0 32px}
#login-screen>.login-card{width:calc(100% - 36px)}
.studio-theme-toggle{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;min-height:40px;padding:0;border:1px solid var(--studio-line);border-radius:9px;background:transparent;color:var(--studio-muted);font:24px/1 Arial,sans-serif;cursor:pointer;touch-action:manipulation}
.studio-theme-toggle:hover{color:var(--studio-accent);background:var(--studio-raised)}
.studio-theme-toggle:focus-visible{outline:3px solid #b69aff;outline-offset:3px}
.studio-theme-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.studio-theme-sun{display:none}
.studio-theme-toggle svg{width:22px;height:22px;grid-area:1/1;margin:0;vertical-align:middle;pointer-events:none}
[data-studio-theme=dark] .studio-theme-sun{display:block}
[data-studio-theme=dark] .studio-theme-moon{display:none}
.studio-header nav{gap:12px}
/* Keep the full Studio signature in every authenticated view. */
.topbar .brand{flex:none;gap:12px;font:800 27px/1.1 Manrope,'Segoe UI',sans-serif;letter-spacing:-1.3px;color:#261542}
.topbar .brand small{display:block;white-space:nowrap;margin-top:6px;font-size:12px;font-weight:500;line-height:1.1;letter-spacing:.2px;color:var(--studio-muted)}
.topbar .brand-mark{flex:none;width:44px;height:44px;border-radius:14px;font:800 30px/1 Arial,sans-serif}

body>header:not(.studio-account-header):has(>.studio-theme-toggle)>a:last-of-type{margin-left:auto}
:root[data-studio-theme=dark]{
  color-scheme:dark;--studio-bg:#08090c;--studio-panel:#0c0e12;--studio-raised:#14161c;
  --studio-line:#2b2d36;--studio-text:#edeef3;--studio-muted:#a9abb9;--studio-accent:#b69aff;
  --studio-soft:#211b31;--purple:#7043dc;--ink:#edeef3;--muted:#a9abb9;--line:#2b2d36;
  background:var(--studio-bg);color:var(--studio-text);
}
html[data-studio-theme=dark] body{background:var(--studio-bg);color:var(--studio-text)}
/* Page chrome and all native dialogs share the same opaque surface. */
html[data-studio-theme=dark] :is(.app,.login-screen,.account-home,.dashboard,.chat-main,.workspace,.session-loading,#session-loading){background:var(--studio-bg);color:var(--studio-text)}
html[data-studio-theme=dark] :is(.topbar,.studio-header,body>header,#sidebar,.app-footer,.home-footer,.chat-title,.composer-area){background:var(--studio-bg);color:var(--studio-text);border-color:var(--studio-line)}
html[data-studio-theme=dark] :is(dialog,#profile-dialog,#photo-review-dialog,#image-dialog,#account-dialog,#confirm-email-dialog,#forgot-password-dialog,#reset-password-dialog,#delete-conversation-dialog,#studio-tutorial,#portrait-guard){background:var(--studio-panel);color:var(--studio-text);border-color:var(--studio-line);box-shadow:0 24px 80px #0008}
html[data-studio-theme=dark] dialog::backdrop{background:#0009}
html[data-studio-theme=dark] :is(.login-card,.service-card,.service-card.product-overview,.account-overview,.plan-card,.product-plan-card,.card,.status-card,.order,.library-card,.chat-panel,.delivery-panel,.solution-card,.product-slot,.td-card,.td-save,.td-history,.tutorial-demo){background:var(--studio-panel);color:var(--studio-text);border-color:var(--studio-line);box-shadow:none}
html[data-studio-theme=dark] :is(.quiet,.secondary,.button,.new-chat,.suggestions button,.copy-caption,.product-decision button,.idea-decision button,.topic-option,.play-controls button,.chat-bottom .play-controls button,.google-retry,#edit-profile-mobile,.td-menu){background:var(--studio-raised);color:var(--studio-text);border-color:var(--studio-line)}
html[data-studio-theme=dark] :is(input:not([type=radio]):not([type=checkbox]):not([type=file]),textarea,select,#image-source,#image-prompt,#account-dialog input:not([type=file]),.auth-dialog input){background:var(--studio-raised);color:var(--studio-text);border-color:var(--studio-line)}
html[data-studio-theme=dark] input::placeholder,html[data-studio-theme=dark] textarea::placeholder{color:var(--studio-muted);opacity:1}
html[data-studio-theme=dark] :is(input[type=checkbox],input[type=radio],meter,progress){accent-color:var(--studio-accent)}
/* Essential and secondary type, including forms, generated messages and states. */
html[data-studio-theme=dark] :is(h1,h2,h3,h4,h5,h6,label,legend,.brand,.studio-brand,.consultoria-entry,.chat-message.assistant .text strong,.idea-decision strong,.profile-fields label,.plan-price strong,.product-usage strong,.usage-counters strong,.mock-price,.plan strong,.td-title){color:var(--studio-text)}
html[data-studio-theme=dark] :is(.brand small,.studio-brand small,.consultoria-wordmark small,.eyebrow,.test-tag,.sidebar-label,.empty-list,.profile small,.chat-title p,.model-label,.welcome>p,.composer-note,.composer-tools>span,.chat-usage,.profile-heading p,.profile-fields small,.profile-actions span,.product-section p,.product-section h3 small,.product-choice-note,.progress-clock,.operation-progress li,.generation-product span,.idea-decision span,.idea-decision small,.home-intro p,.section-heading p,.account-identity p,.account-overview p,.service-card p,.service-card.is-locked p,.home-empty,.plan-card>p,.plan-card>small,.plan-card ul,.mock-price small,.demo-limits,.home-footer,.product-plan-heading p,.plan-volume,.plan-price small,.plan-conditions,.welcome-plan-note,.settings-intro,.settings-section>p,.settings-section summary small,#account-dialog small,.auth-dialog>p,.auth-dialog small,.login-card>p,.login-card>small,.login-card .field-hint,.field-hint,.login-card .auth-switch,.google-divider,.google-hint,.google-status,.cutout-editor-hint,.image-save-status,.tutorial-copy>p,.tutorial-demo-footer,.tutorial-footer small,.tutorial-scene p,.td-label,.td-kicker,.td-mini-balance,.outbound-solution>p,.solution-copy>p,.caption-text,.variant-label,.sender,.chat-identity p,.image-meta,.choice-note,.card-category,.library-info p,.delivery-header p,.delivery-empty p,.chat-ready p,.proposal-section,.idea-confirmation>p,.balance p,.plan small,.hint,.order small,.status-card p,footer){color:var(--studio-muted)}
html[data-studio-theme=dark] :is(#home-products .account-identity p,.product-usage>header small,.usage-summary small,.product-usage small,.has-ready-image #generation-hint,#image-loading,#delete-conversation-description,#delete-conversation-name){color:var(--studio-muted)}
html[data-studio-theme=dark] :is(.text-button,.download-image,.download-text,.copy-message,.copy-caption,.chat-message.assistant .copy-message,.chat-message .who,.chat-message.assistant .who,.chat-message.assistant .text a,.review-photo,.back-home,.profile-shortcut,.quota-plans strong,.solution-category,.product-label,.nav-top,.back-choice,.card-number,.card-cta,.ready-label,.assistant .sender,.proposal-label,.idea-confirmation .proposal-label,.proposal-select,.caption-file,.chat-bottom button,.delivery-foot a,.showcase-controls button,.showcase-carousel h2,.showcase-count,.social-solution .welcome-offer,.app-footer strong,.tag,.plan .exclusive,.order a,.tutorial-count,.tutorial-demo-footer button,.td-choice,.td-balance,#photo-status:not(:empty),.product-slot label){color:var(--studio-accent)}
/* Purple is reserved for actions; white on filled purple remains readable. */
html[data-studio-theme=dark] :is(.primary,.login-link,.solution-toggle,.inline-generate,.generate-button,.chat-bottom .generate-button,.play-controls .start-button,.chat-bottom .play-controls .start-button,.product-overview .product-actions .agent-open:not(:disabled),.product-decision-actions button:first-child,.image-save-actions .save-image,.text-delivery-actions .copy-post-text,.td-button,#generate-image.is-ready){background:var(--studio-action);color:#fff;border-color:transparent;box-shadow:none;animation:none}
html[data-studio-theme=dark] :is(.primary,.login-link,.solution-toggle,.product-overview .agent-open:not(:disabled),#generate-image.is-ready):hover{background:var(--studio-action-hover);color:#fff}
/* Enabled primary actions keep a luminous finish without changing their geometry. */
html[data-studio-theme=dark] :is(.primary,.login-link,.solution-toggle,.inline-generate,.generate-button,.play-controls .start-button,.product-decision-actions button:first-child,.save-image,.copy-post-text,.td-button,#generate-image.is-ready):not(:disabled){
 background:linear-gradient(115deg,#7846e3,#5b35bd,#863ccc);background-size:220% 100%;color:#fff;
 box-shadow:0 4px 18px #7542df55,inset 0 1px 0 #ffffff26;
}
html[data-studio-theme=dark] #generate-image>span{color:inherit}
@keyframes studio-action-glow{
 0%,100%{background-position:0% 50%;box-shadow:var(--agent-glow-rest,0 4px 18px #7542df55,inset 0 1px 0 #ffffff26)}
 50%{background-position:100% 50%;box-shadow:var(--agent-glow-peak,0 5px 24px #8b48eb80,inset 0 1px 0 #ffffff32)}
}
@media(prefers-reduced-motion:no-preference){
 html[data-studio-theme=dark] :is(#generate-image.is-ready,.product-overview .product-actions .agent-open):not(:disabled){animation:studio-action-glow 4s ease-in-out infinite}
}
html[data-studio-theme=dark] :is(.brand-mark,.brand-icon,.agent-icon,.service-icon,.ai-avatar,.tutorial-demo-bar>span:first-child){background:#6938ef;color:#fff}
html[data-studio-theme=dark] :is(.avatar,.home-avatar,.welcome-icon,.profile-shortcut,.image-button,.product-slot label,.chat-actions button,.pill,.demo-badge,.plans-demo-note,.verify-banner,.chat-notice,.welcome-offer,.tutorial-copy .tutorial-tip){background:var(--studio-soft);color:var(--studio-accent);border-color:var(--studio-line)}
html[data-studio-theme=dark] :is(#generate-image:disabled,.service-card.is-locked .service-icon,.service-card.is-locked .service-status,.product-overview.is-locked .service-status,.plan-option.is-current button,.plan-option button[data-included-plan]){background:var(--studio-raised);color:var(--studio-muted);border-color:var(--studio-line)}
html[data-studio-theme=dark] .topbar .tutorial-trigger{background:transparent;color:var(--studio-muted);border-color:transparent}
html[data-studio-theme=dark] :is(.account-nav button,.service-filters button,.conversation-item,.delete-conversation){color:var(--studio-muted)}
html[data-studio-theme=dark] :is(.account-nav button[aria-current=page],.service-filters button[aria-pressed=true],.conversation-item[aria-current=true],.conversation-item:hover){background:var(--studio-raised);color:var(--studio-text);box-shadow:none}
/* Keep light-theme border dimensions; inset strokes never move the content. */
html[data-studio-theme=dark] .service-filters{background:var(--studio-panel);box-shadow:inset 0 0 0 1px var(--studio-line)}
html[data-studio-theme=dark] .agent-row{background:transparent;border-color:transparent;border-left-color:var(--studio-accent);border-radius:0;box-shadow:inset 1px 0 var(--studio-accent)}
html[data-studio-theme=dark] .agent-row .agent-nav{background:transparent;color:var(--studio-accent)}
html[data-studio-theme=dark] .agent-nav small{color:var(--studio-muted)}
html[data-studio-theme=dark] :is(.profile,.product-section,.product-decision,.idea-decision,.post-delivery,.plan-option,.settings-section,.product-usage,.usage-summary,.home-footer,.plan-feedback,.confirmation-deliverables,.delivery-actions,.image-meta,.chat-bottom,.delivery-tabs,.delivery-header,.dialog-bar,.tutorial-header,.tutorial-footer){border-color:var(--studio-line)}
html[data-studio-theme=dark] :is(.product-plan-heading,.card-top,.chat-header,.chat-bottom,.dialog-bar,.tutorial-demo-bar,.tutorial-footer,.tutorial-scene,.td-history){background:var(--studio-panel);border-color:var(--studio-line);color:var(--studio-text)}
html[data-studio-theme=dark] :is(.plan-option.is-current,.plan-card.is-current,.plan:has(input:checked),.methods label:has(input:checked),.generation-product:has(input:checked),.topic-option:hover,.topic-option[aria-pressed=true],.library-card[aria-pressed=true],.td-choice.is-selected){background:var(--studio-soft);border-color:var(--studio-accent);color:var(--studio-text)}
html[data-studio-theme=dark] :is(.plan,.methods label,.generation-product,.chat-attachment,.idea-confirmation,.no-plan-state,.operation-progress,.studio-update-notice,.delivery-notice,.alt-excerpt,.art-direction,.td-choice,.td-field,.td-fields label>span,.tutorial-header>button,.profile-heading button){background:var(--studio-raised);border-color:var(--studio-line);color:var(--studio-text)}
/* Live and restored conversation progress use the active dark palette. */
html[data-studio-theme=dark] :is(.pending.conversation-progress,#chat-notice.conversation-progress){background:var(--studio-raised);border-color:var(--studio-line);color:var(--studio-text)}
html[data-studio-theme=dark] .conversation-progress-heading strong{color:var(--studio-accent)}
html[data-studio-theme=dark] :is(.conversation-progress-detail,.conversation-progress-time){color:var(--studio-muted)}
html[data-studio-theme=dark] .conversation-progress .progress-spinner{background:transparent;border-color:var(--studio-line);border-top-color:var(--studio-accent)}
/* Flat, minimal conversation from the selected third proposal. */
html[data-studio-theme=dark] .chat-message.assistant{background:transparent;color:var(--studio-text);border-color:transparent;border-bottom-color:var(--studio-line);border-radius:0}
html[data-studio-theme=dark] .chat-message.user{background:var(--studio-raised);color:var(--studio-text);border-color:transparent;border-radius:10px}
html[data-studio-theme=dark] .composer-area form{background:var(--studio-panel);border-color:var(--studio-line);border-radius:11px;box-shadow:none}
html[data-studio-theme=dark] .composer-area textarea{background:transparent}
html[data-studio-theme=dark] :is(.chat-message.assistant .text pre,.chat-message.assistant .text code){background:var(--studio-raised);color:var(--studio-text)}
html[data-studio-theme=dark] :is(.chat-message.assistant .text th,.chat-message.assistant .text td,.chat-message.assistant .text hr,.chat-message.assistant .text blockquote){border-color:var(--studio-line)}
html[data-studio-theme=dark] .chat-message.assistant .text li::marker{color:var(--studio-muted)}
/* Notices retain their meaning; product pixels and transparency checkerboards are untouched. */
html[data-studio-theme=dark] :is(.error,.settings-status.error,.auth-dialog .settings-status.error,.google-auth .error,.remove-photo){color:#ff9ba9}
html[data-studio-theme=dark] :is(.connection-note,#notice.error){background:#2b2114;color:#f6c781;border-color:#66502d}
html[data-studio-theme=dark] :is(.settings-status,.plan-feedback,.operation-progress li.done){color:#94d8b2}
html[data-studio-theme=dark] :is(.service-status,.pill.paid){background:#11271f;color:#94d8b2;border-color:#305443}
html[data-studio-theme=dark] .operation-progress li.active{color:var(--studio-accent)}
html[data-studio-theme=dark] :is(.progress-spinner,.operation-progress li::before,.tutorial-progress span){border-color:var(--studio-line);background-color:var(--studio-line)}
html[data-studio-theme=dark] .progress-spinner{background:transparent;border-top-color:var(--studio-accent)}
html[data-studio-theme=dark] .progress-spinner.complete{background:#11271f;border-color:#94d8b2}
html[data-studio-theme=dark] .operation-progress li.active::before{background:var(--studio-accent);box-shadow:none}
html[data-studio-theme=dark] .operation-progress li.done::before{background:#94d8b2}
html[data-studio-theme=dark] :is(.usage-counters meter::-webkit-meter-bar){background:var(--studio-line)}
html[data-studio-theme=dark] .usage-counters meter::-webkit-meter-optimum-value{background:#22c55e}
html[data-studio-theme=dark] .usage-counters meter::-moz-meter-bar{background:#22c55e}
html[data-studio-theme=dark] :is(.tutorial-progress .is-complete,.simulation-progress::-webkit-progress-value){background:var(--studio-accent)}
html[data-studio-theme=dark] :is(.simulation-progress,.simulation-progress::-webkit-progress-bar){background:var(--studio-line)}
html[data-studio-theme=dark] .simulation-progress::-moz-progress-bar{background:var(--studio-accent)}
html[data-studio-theme=dark] #scrim{background:#0009}
/* Public Studio catalog, interactive demo and checkout follow the same preference. */
html[data-studio-theme=dark] :is(.social-solution .solution-summary,.outbound-solution,.solution-summary,.solution-content,.balance,#notice:not(:empty)){background:var(--studio-panel);color:var(--studio-text);border-color:var(--studio-line)}
html[data-studio-theme=dark] .social-solution .solution-summary{background:linear-gradient(115deg,#171220,#101015)}
/* Scoped palette keeps Outbound blue through shared dark-mode components. */
html[data-studio-theme=dark] :is(.outbound-solution,.outbound-overview){--studio-panel:#0f1d32;--studio-raised:#152b47;--studio-line:#28476c;--studio-text:#edf4ff;--studio-muted:#b3c5df;--studio-accent:#91bdff}
html[data-studio-theme=dark] :is(.outbound-tags span,.social-tags span,.coming-soon,.finished .ready-label,.deliverable-list li){background:var(--studio-raised);border-color:var(--studio-line);color:var(--studio-muted)}
html[data-studio-theme=dark] :is(.post-image-wrap,.library-art,.card-musica .library-art,.card-viagens .library-art){background:var(--studio-raised)}
html[data-studio-theme=dark] :is(.delivery-tabs button,.play-controls button,.card-cta>span){background:var(--studio-raised);color:var(--studio-accent);border-color:var(--studio-line)}
html[data-studio-theme=dark] .delivery-tabs button[aria-selected=true]{background:var(--studio-action);color:#fff}
html[data-studio-theme=dark] .customer .bubble{background:var(--studio-soft);color:var(--studio-text)}
html[data-studio-theme=dark] .consultoria-suffix{color:#81d9c5}
html[data-studio-theme=dark] em{color:var(--studio-accent)}
html[data-studio-theme=dark] :is(.chat-log,.messages,#chat-list){scrollbar-color:#45404f var(--studio-bg)}
/* The added control fits existing compact mobile headers. */
@media(max-width:760px){
 .studio-header nav{width:auto;flex:0 0 auto;gap:12px}
 /* Keep mobile theme/account controls aligned before and after sign-in. */
 .topbar{height:68px;padding-inline:12px;gap:6px}
 .topbar .brand{font-size:20px;gap:7px;letter-spacing:-.8px}
 .topbar .brand small{font-size:9px;letter-spacing:0;margin-top:5px}
 .topbar .brand-mark{width:28px;height:28px;border-radius:9px;font-size:23px}

 .topbar .studio-theme-toggle{width:34px;height:40px;min-height:40px;font-size:23px}
 .topbar #logout{flex:none;width:50px;height:44px;min-height:44px;margin-left:6px;padding:8px;font-size:13px}

 .studio-header .login-link{width:50px}
 .studio-header .studio-theme-toggle{width:34px;height:40px;min-height:40px;font-size:23px}
 .studio-header{padding-inline:12px;gap:8px}
 .studio-brand-group{gap:6px}
 .studio-header .consultoria-wordmark{font-size:clamp(14px,4vw,20px)}
 .studio-header .consultoria-wordmark small{letter-spacing:.6px}
}
@media(max-width:440px){
 .topbar{gap:4px}
 .topbar .brand small{display:block;font-size:8px}
 .topbar .brand{font-size:17px;gap:5px}
 .topbar .brand-mark{width:26px;height:26px;font-size:21px}
 .topbar #menu{flex:none;width:24px;min-width:24px;padding:0}
 .topbar .account-nav button{padding-inline:4px}
 .topbar .tutorial-trigger{font-size:12px;padding-inline:4px}
 .topbar #logout{margin-left:8px}
 .studio-header .studio-brand-group>.studio-brand{font-size:17px;gap:5px}
 .studio-header .studio-brand-group .studio-brand small{font-size:8px}
 .studio-header .brand-icon{width:26px;height:26px;font-size:21px}
}
@media(min-width:371px) and (max-width:380px){
 .topbar .tutorial-trigger{width:28px;padding:0}
 .topbar .tutorial-trigger svg{display:block}
 .topbar .tutorial-label{display:none}
}
@media(max-width:370px){
 .topbar .brand>span:last-child{display:block}
 /* Keep the full wordmark readable on the narrowest phones. */
 .topbar,.compact-viewport .topbar{height:auto;display:grid;grid-template-columns:24px minmax(0,1fr) 34px 50px;column-gap:12px;row-gap:0;padding:8px 12px}
 .topbar #menu{grid-column:1;grid-row:1}
 .topbar .brand{grid-column:2;grid-row:1}
 .topbar:has(#menu[hidden]) .brand{grid-column:1/3}
 .topbar .studio-theme-toggle{grid-column:3;grid-row:1}
 .topbar #logout{grid-column:4;grid-row:1;margin-left:0}
 .topbar .tutorial-trigger{grid-column:1/3;grid-row:2;justify-self:end;margin-left:0}
 .topbar .account-nav{grid-column:3/5;grid-row:2}
 .topbar .account-nav button{font-size:11px}

 .studio-header .studio-brand-group{grid-template-columns:1fr}
 .studio-header .consultoria-entry{display:none}
 .studio-header .studio-brand-group>.studio-brand{justify-content:flex-start}
}

html[data-studio-theme=dark] :is(.cutout-adjust,.cutout-tools button){background:var(--studio-raised);color:var(--studio-text);border-color:var(--studio-line)}
html[data-studio-theme=dark] .cutout-tools button[aria-pressed=true]{background:var(--studio-soft);color:var(--studio-accent);border-color:var(--studio-accent)}
html[data-studio-theme=dark] :is(#cutout-edit-hint,.cutout-edit-footer span,.auth-verification-status,#portrait-guard p,.google-auth .google-status,.login-card .google-auth .google-hint){color:var(--studio-muted)}
html[data-studio-theme=dark] :is(#cutout-editor,.google-divider:before,.google-divider:after){border-color:var(--studio-line)}
html[data-studio-theme=dark] .google-divider:before,html[data-studio-theme=dark] .google-divider:after{background:var(--studio-line)}
html[data-studio-theme=dark] .cutout-device-note{background:#2b2114;color:#f6c781;border-color:#66502d}
html[data-studio-theme=dark] #portrait-guard::backdrop{background:var(--studio-bg)}
html[data-studio-theme=dark] :is(.portrait-icon,.balance strong){color:var(--studio-accent)}
html[data-studio-theme=dark] .portrait-icon{background:var(--studio-soft)}
html[data-studio-theme=dark] .usage-counters meter::-webkit-meter-bar{background:var(--studio-line)}
html[data-studio-theme=dark] .tutorial-progress .is-complete{background:var(--studio-accent)}
html[data-studio-theme=dark] .simulation-progress::-webkit-progress-value{background:var(--studio-accent)}
html[data-studio-theme=dark] .simulation-progress::-webkit-progress-bar{background:var(--studio-line)}
html[data-studio-theme=dark] #notice.error{background:#2b2114;color:#f6c781;border-color:#66502d}

html[data-studio-theme=dark] #composer textarea{background:transparent}
html[data-studio-theme=dark] :is(#home-products>.account-identity,.plan-conditions,.product-plan-card .plan-feedback){border-color:var(--studio-line)}
html[data-studio-theme=dark] :is(.icon-button,#menu){color:var(--studio-muted)}
html[data-studio-theme=dark] .social-solution .welcome-offer{background:transparent}

/* A selected photo uses a quiet purple surface in the dark conversation and tutorial. */
html[data-studio-theme=dark] :is(.selected-product-preview,.td-selected-photo){background:#251b39;border-color:#4a3568;color:var(--studio-text)}
html[data-studio-theme=dark] .selected-product-preview img{background:var(--studio-panel);border-color:#4a3568}
html[data-studio-theme=dark] .chat-message.assistant .text .selected-product-preview strong,
html[data-studio-theme=dark] .td-selected-photo strong{color:var(--studio-text)}
html[data-studio-theme=dark] .selected-product-preview figcaption span,
html[data-studio-theme=dark] .td-selected-photo span{color:#c5b8d8}

html[data-studio-theme=dark] .cutout-zoom button{background:var(--studio-raised);color:var(--studio-text);border-color:var(--studio-line)}
html[data-studio-theme=dark] :is(.cutout-zoom output,#cutout-zoom-hint){color:var(--studio-muted)}

/* Tutorial demonstrations use the active theme in every animation frame. */
html[data-studio-theme=dark] #studio-tutorial :is(.td-bubble,.td-upload,.td-photo-choice,.td-compose,.td-photo-original){background:var(--studio-raised);border-color:var(--studio-line);color:var(--studio-text)}
html[data-studio-theme=dark] #studio-tutorial :is(.td-mark,.td-quiet){background:var(--studio-soft);border-color:var(--studio-line);color:var(--studio-accent)}
html[data-studio-theme=dark] #studio-tutorial .td-success{background:#11271f;border-color:#305443;color:#94d8b2}
html[data-studio-theme=dark] #studio-tutorial :is(.td-bubble p,.td-result p,.td-compose>span:first-child,.td-comparison>div>span,.td-fields label,.tutorial-demo-bar>small){color:var(--studio-muted)}
html[data-studio-theme=dark] #studio-tutorial :is(.td-link,.td-upload>span){color:var(--studio-accent)}
html[data-studio-theme=dark] #studio-tutorial .td-photo-cutout{background:repeating-conic-gradient(#2b2933 0% 25%,#19171f 0% 50%) 0/14px 14px}
html[data-studio-theme=dark] #studio-tutorial .td-spinner{border-color:var(--studio-line);border-top-color:var(--studio-accent)}
html[data-studio-theme=dark] #studio-tutorial .tutorial-demo-footer button{border-color:var(--studio-line)}

html[data-studio-theme=dark] .outbound-overview .service-status{background:var(--studio-raised);color:var(--studio-accent)}

html[data-studio-theme=dark] #problem-report-dialog textarea{background:var(--studio-raised);border-color:var(--studio-line);color:var(--studio-text)}
html[data-studio-theme=dark] #problem-report-dialog .report-disclosure{color:var(--studio-muted)}
html[data-studio-theme=dark] :is(#problem-report-review,.report-transcript-message){border-color:var(--studio-line)}
html[data-studio-theme=dark] .reported-answer{background:var(--studio-soft)}
html[data-studio-theme=dark] .reported-answer>small{color:var(--studio-accent)}

/* Give Social Media the same visible color identity as the blue Outbound card. */
html[data-studio-theme=dark] .product-overview[data-product="social-media-agent"]{
 --studio-panel:#26163b;--studio-raised:#35234e;--studio-line:#50386f;
 --studio-text:#f3edff;--studio-muted:#c8b9dc;--studio-accent:#bd9bff;
}

/* Orders are reached from Home and Plans, keeping the global navigation compact. */
.product-plan-heading:has(.orders-entry){display:flex;align-items:center;justify-content:space-between;gap:24px}.orders-entry{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border:1px solid var(--studio-line);border-radius:12px;color:var(--studio-accent);max-width:380px;background:var(--studio-soft)}.orders-entry strong{font-size:16px}.orders-entry span{font-size:13px;line-height:1.4;color:var(--studio-muted)}
#home-products .account-actions{grid-column:3;grid-row:1;display:flex;align-items:center;gap:8px;flex:none}#home-products .account-actions>*{display:inline-flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap;margin:0}#home-products .home-orders{color:var(--studio-accent);font-size:13px;background:var(--studio-soft);border-color:var(--studio-line)}
@media(min-width:1001px){#home-products>.account-identity:has(>#verify-banner:not([hidden]))>.account-actions{grid-column:4}}
@media(max-width:760px){.product-plan-heading:has(.orders-entry){align-items:stretch;flex-direction:column;gap:14px}.orders-entry{max-width:none}#home-products .home-orders{font-size:12px;padding:8px 10px}#home-products>.account-identity{column-gap:10px}}
@media(max-width:370px){#home-products>.account-identity:has(#home-orders:not([hidden])){grid-template-columns:38px minmax(0,1fr)}#home-products>.account-identity:has(#home-orders:not([hidden]))>.account-actions{grid-column:2;grid-row:2;justify-content:flex-end}#home-products>.account-identity:has(#home-orders:not([hidden]))>#verify-banner{grid-row:3}}

.topbar .accounts-nav{display:inline-flex;align-items:center;justify-content:center;flex:none;font-size:13px;font-weight:700;padding:9px 12px;min-height:42px;border-radius:9px;color:var(--studio-muted)}.topbar .accounts-nav:hover{background:var(--studio-soft);color:var(--studio-accent)}
@media(max-width:760px){.topbar .accounts-nav{display:none}}
@media(max-width:500px){#home-products>.account-identity:has(#home-orders:not([hidden])){grid-template-columns:38px minmax(0,1fr)}#home-products>.account-identity:has(#home-orders:not([hidden]))>.account-actions{grid-column:1/-1;grid-row:2;justify-content:flex-end}#home-products>.account-identity:has(#home-orders:not([hidden]))>#verify-banner{grid-row:3}.billing-nav{gap:12px;font-size:12px}}
@media(min-width:381px) and (max-width:500px){body>header:has(.billing-nav){height:auto;display:grid;grid-template-columns:1fr 40px;gap:4px 12px;padding:10px 18px}.billing-nav{grid-column:1/3;grid-row:2;justify-content:flex-end}.billing-nav a{min-height:36px;display:flex;align-items:center}body>header:has(.billing-nav)>.brand{grid-column:1;grid-row:1}body>header:has(.billing-nav)>.studio-theme-toggle{grid-column:2;grid-row:1}}
.studio-click-sweep{position:relative;isolation:isolate;overflow:hidden}.studio-click-sweep::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(100deg,#7943e9,#a443d5 60%,#cf519b);animation:studio-click-fill 420ms cubic-bezier(.2,.65,.35,1) both}.studio-click-sweep:is(.primary,.agent-open){opacity:1}
@keyframes studio-click-fill{0%{clip-path:inset(0 100% 0 0);opacity:0}15%{opacity:.62}80%{clip-path:inset(0 0 0 0);opacity:.62}100%{clip-path:inset(0 0 0 0);opacity:0}}
@media(prefers-reduced-motion:reduce){.studio-click-sweep::after{animation:none;display:none}}

/* A single authenticated header for Home, Plans, checkout and order history. */
html .studio-account-header{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;flex:none;width:100%;height:54px;padding:0 16px;gap:4px;border-bottom:1px solid var(--studio-line);background:var(--studio-bg);color:var(--studio-text);font:15px Manrope,system-ui,sans-serif}
html .studio-account-header>.brand{display:flex;align-items:center;margin:0;gap:12px;font-size:27px;line-height:1.1;font-weight:800;letter-spacing:-1.3px;color:var(--studio-text);text-decoration:none}
html .studio-account-header .brand-mark{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:#6938ef;color:white;font:800 30px/1 Arial,sans-serif}
html .studio-account-header .brand small{display:block;margin-top:6px;color:var(--studio-muted);font-size:12px;font-weight:500;line-height:1.1;letter-spacing:.2px;white-space:nowrap}
html .studio-account-header .tutorial-trigger{margin-left:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none}
html .studio-account-header .account-nav{display:flex;align-items:center;gap:4px;margin:0 0 0 auto}
html .studio-account-header :is(.tutorial-trigger,.accounts-nav),html .studio-account-header .account-nav>:is(button,a){box-sizing:border-box;min-height:42px;padding:9px 12px;border:0;border-radius:9px;background:transparent;color:var(--studio-muted);font:700 13px/20px Manrope,system-ui,sans-serif;white-space:nowrap;text-decoration:none;box-shadow:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
html .studio-account-header :is(.accounts-nav,.account-nav>button,.account-nav>a):is(:hover,[aria-current=page]){background:var(--studio-raised);color:var(--studio-text);box-shadow:none;text-decoration:none}
html[data-studio-theme] .studio-account-header .tutorial-trigger:is(:hover,:focus-visible){background:var(--studio-raised);color:var(--studio-text);box-shadow:none;outline-color:var(--studio-muted)}
html .studio-account-header .test-tag{display:none}
html .studio-account-header #logout{box-sizing:border-box;flex:none;min-height:38px;margin:0;padding:7px 14px;border:1px solid var(--studio-line);border-radius:9px;background:var(--studio-raised);color:var(--studio-text);font:500 14px/22px Manrope,system-ui,sans-serif;box-shadow:none}
html .studio-account-header>.studio-theme-toggle{width:40px;height:40px;min-height:40px;margin:0;padding:0}
html #home-products .home-orders{background:var(--studio-raised);color:var(--studio-text);box-shadow:none}
@media(max-width:760px){
 html .studio-account-header{height:68px;padding-inline:12px;gap:6px}
 html .studio-account-header .accounts-nav{display:none}
 html .studio-account-header>.brand{font-size:20px;gap:7px;letter-spacing:-.8px}
 html .studio-account-header .brand-mark{width:28px;height:28px;border-radius:9px;font-size:23px}
 html .studio-account-header .brand small{font-size:9px;letter-spacing:0;margin-top:5px}
 html .studio-account-header .account-nav{gap:0;order:1;margin-left:auto}
 html .studio-account-header .account-nav>:is(button,a){height:44px;min-height:44px;padding:0 6px;font-size:12px}
 html .studio-account-header .account-nav>.tutorial-trigger{display:none}
 html .studio-account-header .tutorial-trigger svg{display:none}
 html .studio-account-header>.studio-theme-toggle{width:34px;order:3}
 html .studio-account-header #logout{order:4;width:50px;height:44px;min-height:44px;margin-left:6px;padding:8px;font-size:13px}
}
@media(max-width:440px){
 html .studio-account-header{gap:4px}
 html .studio-account-header>.brand{font-size:17px;gap:5px}
 html .studio-account-header .brand small{font-size:8px}
 html .studio-account-header .brand-mark{width:26px;height:26px;font-size:21px}
 html .studio-account-header .tutorial-trigger,html .studio-account-header .account-nav>:is(button,a){padding-inline:4px}
 html .studio-account-header .account-nav>:is(button,a){font-size:12px}
 html .studio-account-header #logout{margin-left:8px}
}
@media(min-width:371px) and (max-width:380px){
 html .studio-account-header .tutorial-trigger{width:28px;padding:0}
 html .studio-account-header .tutorial-trigger svg{display:block}
 html .studio-account-header .tutorial-label{display:none}
}
@media(max-width:370px){
 html .studio-account-header{height:auto;display:grid;grid-template-columns:24px minmax(0,1fr) 34px 50px;column-gap:12px;row-gap:0;padding:8px 12px}
 html .studio-account-header #menu{grid-column:1;grid-row:1}
 html .studio-account-header>.brand{grid-column:2;grid-row:1}
 html .studio-account-header:has(#menu[hidden])>.brand,html body>.studio-account-header>.brand{grid-column:1/3}
 html .studio-account-header>.studio-theme-toggle{grid-column:3;grid-row:1}
 html .studio-account-header #logout{grid-column:4;grid-row:1;margin-left:0}
 html .studio-account-header .tutorial-trigger{grid-column:3/5;grid-row:2;justify-self:start;margin-left:0}
 html .studio-account-header .account-nav{grid-column:1/-1;grid-row:2;justify-self:center;margin-left:0}
}

html[data-studio-theme] body>header.studio-account-header>.brand{margin-left:0}

/* Indeterminate feedback lasts for the real operation; it does not claim a percentage. */
html .studio-task-loading[aria-busy="true"]{position:relative;isolation:isolate;overflow:hidden;cursor:default;opacity:1;transform:none;animation:none;filter:none}
html .studio-task-loading[aria-busy="true"]::after{content:'';position:absolute;inset:0;width:auto;border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(100deg,transparent,#a443d5 45%,#cf519b 70%,transparent);transform:translateX(-100%);animation:studio-task-sweep 1.25s ease-in-out infinite}
@keyframes studio-task-sweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){html .studio-task-loading[aria-busy="true"]::after{display:block;animation:none;transform:none;opacity:.35}}

/* Social Media Agent identity and immediate conversation selection. */
#agent-nav>span:last-child{min-width:0}
#agent-brand{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#chat-list{padding:4px;margin-inline:-4px}
#chat-list .conversation-item{color:var(--studio-accent);border:1px solid transparent;transition:none}
#chat-list .conversation-item:hover{color:var(--studio-accent);background:var(--studio-soft);box-shadow:inset 0 0 0 1px #a475ef45}
#chat-list .conversation-item[aria-current=true],#chat-list .conversation-item:active{color:#6130b6;background:#eee2ff;border-color:#b58aef;box-shadow:inset 0 0 18px #c29bff35,0 0 12px #b58aff38}
html[data-studio-theme=dark] #chat-list .conversation-item[aria-current=true],html[data-studio-theme=dark] #chat-list .conversation-item:active{color:#e0caff;background:linear-gradient(100deg,#57327888,#322044aa);border-color:#ad7bea99;box-shadow:inset 0 0 20px #c69aff18,0 0 12px #b58aff35}
.chat-title #conversation-title{color:var(--studio-accent)}
html[data-studio-theme] #agent-workspace .chat-title p{color:var(--studio-accent);opacity:.85}
.welcome .welcome-icon{margin-bottom:12px;box-shadow:0 0 28px #9a5cf025}
.welcome-agent-name{font-size:clamp(17px,2vw,21px);font-weight:800;letter-spacing:.2px;line-height:1.4;margin:0 auto 16px;color:#7941d8;text-shadow:0 0 16px #af78e875,0 0 30px #af78e830}
html[data-studio-theme=dark] .welcome-agent-name{color:#cba5ff;text-shadow:0 0 12px #bd7dff95,0 0 28px #ae59ee65}
@media(max-width:700px){.welcome-agent-name{margin-bottom:12px}.compact-viewport .welcome-agent-name{margin-bottom:6px;font-size:16px}}

html[data-studio-theme=dark] .usage-counters meter{accent-color:#22c55e}

/* Equal account shortcuts in every viewport. */
html #home-products .account-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html #home-products .account-actions>:is(#home-orders,#edit-account){grid-area:auto;width:100%;height:44px;min-height:44px;margin:0;padding:10px 14px;font:500 13px/22px Manrope,system-ui,sans-serif;border:1px solid var(--studio-line);border-radius:9px;background:var(--studio-raised);color:var(--studio-text)}
@media(max-width:700px){html #home-products .account-actions>:is(#home-orders,#edit-account){padding:10px;font-size:12px}}

/* Outbound actions share the blue of its workspace, including busy feedback. */
html[data-studio-theme] #service-grid .outbound-overview .product-actions .primary,
html[data-studio-theme] #problem-report-dialog[data-agent="outbound-agent"] #problem-report-submit{
 background:linear-gradient(115deg,#326aa3,#367fc9,#3fa9cc);background-size:100% 100%;color:#fff;
 border:1px solid #85bfff80;box-shadow:0 4px 18px #367fc930,inset 0 1px 0 #ffffff26;
}
html[data-studio-theme] #service-grid .outbound-overview .product-actions .primary:not(:disabled):hover,
html[data-studio-theme] #problem-report-dialog[data-agent="outbound-agent"] #problem-report-submit:not(:disabled):hover{filter:brightness(1.08)}
html[data-studio-theme] #service-grid .outbound-overview .studio-click-sweep::after,
html[data-studio-theme] #problem-report-dialog[data-agent="outbound-agent"] .studio-click-sweep::after{background:linear-gradient(100deg,#326aa3,#367fc9 60%,#3fa9cc)}
html[data-studio-theme] #service-grid .outbound-overview .primary:focus-visible,
html[data-studio-theme] #problem-report-dialog[data-agent="outbound-agent"] :focus-visible{outline:3px solid #448dde;outline-offset:3px}
html[data-studio-theme] #problem-report-dialog[data-agent="outbound-agent"] textarea{caret-color:#448dde}
html[data-studio-theme] #problem-report-dialog[data-agent="outbound-agent"] ::selection{background:#448dde55}
html[data-studio-theme] #problem-report-dialog[data-agent="outbound-agent"] :is(summary,a,.reported-answer>small){color:#448dde}
html[data-studio-theme] #service-grid .outbound-overview .product-usage{border-color:var(--studio-line)}
html[data-studio-theme] #service-grid .outbound-overview .product-usage :is(h4,strong){color:var(--studio-text)}
html[data-studio-theme] #service-grid .outbound-overview .product-usage :is(label,small){color:var(--studio-muted)}
.outbound-usage .usage-counters{grid-template-columns:minmax(0,1fr)}

html[data-studio-theme] #service-grid .outbound-overview meter::-webkit-meter-bar{background:var(--studio-line)}

/* Keep the home card visible and its blue feedback active for the whole load. */
html[data-studio-theme] #service-grid .outbound-overview .studio-task-loading[aria-busy="true"]::after{
 background:linear-gradient(100deg,transparent,#448dde 45%,#46bce1 70%,transparent);
}

html[data-studio-theme] [data-plan-product="outbound-agent"],html[data-studio-theme] [data-billing-product="outbound-agent"]{--studio-accent:#448dde}
html[data-studio-theme] #plan-grid [data-plan-product="outbound-agent"] .primary,html[data-studio-theme] main[data-billing-product="outbound-agent"] #purchase .primary{background:linear-gradient(115deg,#326aa3,#367fc9,#3fa9cc);border-color:#85bfff80;box-shadow:0 4px 18px #367fc930,inset 0 1px 0 #ffffff26;color:#fff}
html[data-studio-theme] #plan-grid [data-plan-product="outbound-agent"] :focus-visible,html[data-studio-theme] [data-billing-product="outbound-agent"] :focus-visible{outline-color:#448dde}
html[data-studio-theme] #plan-grid [data-plan-product="outbound-agent"] .studio-click-sweep::after{background:linear-gradient(100deg,#326aa3,#367fc9 60%,#3fa9cc)}
html[data-studio-theme] #plan-grid [data-plan-product="outbound-agent"] .studio-task-loading[aria-busy="true"]::after{background:linear-gradient(100deg,transparent,#448dde 45%,#46bce1 70%,transparent)}
html[data-studio-theme] main[data-billing-product="outbound-agent"] #purchase .plan:has(:checked){border-color:#448dde;background:#448dde15}
html[data-studio-theme] [data-billing-product="outbound-agent"] input:is([type=radio],[type=checkbox]){accent-color:#448dde}

html[data-studio-theme] #plan-grid [data-plan-product="outbound-agent"]{--studio-soft:#448dde15}
html[data-studio-theme] #plan-grid [data-plan-product="outbound-agent"] .plan-option.is-current{background:#448dde15;box-shadow:inset 3px 0 #448dde}
html[data-studio-theme=light] #plan-grid [data-plan-product="outbound-agent"] .product-plan-heading{background:linear-gradient(115deg,#e8f3ff,#f7fcff)}
html[data-studio-theme=light] #plan-grid [data-plan-product="outbound-agent"] :is(.plan-option.is-current button,button[data-included-plan]){background:#e6f1fc;border-color:#bcd7f2;color:#326aa3}

/* Both launch buttons share the white reflection and switch to a loading sweep. */
html[data-studio-theme] #service-grid .outbound-overview .agent-open{
 --agent-glow-rest:0 4px 18px #367fc955,inset 0 1px 0 #ffffff26;
 --agent-glow-peak:0 5px 24px #448dde80,inset 0 1px 0 #ffffff32;
 background-size:260% 100%;
}
html[data-studio-theme=dark] #service-grid .outbound-overview .agent-open{background-size:220% 100%}
html[data-studio-theme] #service-grid .outbound-overview .agent-open[aria-busy="true"]{animation:none}
/* Public Social simulation and its embedded tutorial share the dark palette. */
html[data-studio-theme=dark] :is(.demo-mode-options button,.demo-product-photo,.demo-result-next){background:var(--studio-raised);border-color:var(--studio-line);color:var(--studio-text)}
html[data-studio-theme=dark] :is(.demo-mode-options strong,.demo-product-photo strong,.demo-edit-choice){color:var(--studio-accent)}
html[data-studio-theme=dark] :is(.demo-mode-options small,.demo-product-photo small,.demo-photo-note,.demo-example-note,.demo-result-note){color:var(--studio-muted)}
html[data-studio-theme=dark] :is(.demo-mode-options button:hover,.demo-mode-options button[aria-pressed=true],.demo-product-photo:hover,.demo-product-photo[aria-pressed=true]){background:var(--studio-soft);border-color:var(--studio-accent);box-shadow:0 0 0 1px var(--studio-accent)}
html[data-studio-theme=dark] .demo-product-confirmed{background:var(--studio-soft);color:var(--studio-accent)!important}
html[data-studio-theme=dark] :is(.demo-product-photo>img,.demo-product-confirmed img){background:var(--studio-panel)}
html[data-studio-theme=dark] .simulation-progress{background:var(--studio-line)}
html[data-studio-theme=dark] .simulation-progress::-webkit-progress-bar{background:var(--studio-line)}
html[data-studio-theme=dark] .simulation-progress::-webkit-progress-value{background:var(--studio-accent)}
html[data-studio-theme=dark] .simulation-progress::-moz-progress-bar{background:var(--studio-accent)}

/* Insights shares the launch interaction, with its own green identity. */
html[data-studio-theme] #service-grid .insights-overview{
 --studio-panel:#e9f7ee;--studio-raised:#d4eedf;--studio-line:#a2d2b4;
 --studio-text:#173d2a;--studio-muted:#466e57;--studio-accent:#176b46;
 --studio-action:#166b47;--studio-action-hover:#208352;
 background:var(--studio-panel);border-color:var(--studio-line);color:var(--studio-text);
}
html[data-studio-theme=dark] #service-grid .insights-overview{
 --studio-panel:#10291f;--studio-raised:#183a2c;--studio-line:#2b6148;
 --studio-text:#e9f8ee;--studio-muted:#adcbbb;--studio-accent:#7bd8a3;
}
html[data-studio-theme] #service-grid .insights-overview :is(.product-name,.product-plan){color:var(--studio-text)}
html[data-studio-theme] #service-grid .insights-overview .product-unavailable{color:var(--studio-muted)}
html[data-studio-theme] #service-grid .insights-overview .service-status{background:var(--studio-raised);color:var(--studio-accent)}
html[data-studio-theme] #service-grid .insights-overview .product-actions .primary{
 background:var(--insights-action);background-size:260% 100%;color:#ffffff;
 border:1px solid #94dfb480;box-shadow:0 4px 18px #166b4730,inset 0 1px 0 #ffffff40;
 --agent-glow-rest:0 4px 18px #166b4755,inset 0 1px 0 #ffffff40;
 --agent-glow-peak:0 5px 24px #20835280,inset 0 1px 0 #ffffff55;
}
html[data-studio-theme] #service-grid .insights-overview .product-actions .primary:not(:disabled):hover{filter:brightness(1.08)}
html[data-studio-theme] #service-grid .insights-overview .studio-click-sweep::after{background:linear-gradient(100deg,#166b47,#208352 60%,#2a865c)}
html[data-studio-theme] #service-grid .insights-overview .primary:focus-visible{outline:3px solid #39aa72;outline-offset:3px}
html[data-studio-theme=dark] #service-grid .insights-overview .agent-open{background-size:220% 100%}
html[data-studio-theme] #service-grid .insights-overview .agent-open[aria-busy="true"]{animation:none}
html[data-studio-theme] #service-grid .insights-overview .studio-task-loading[aria-busy="true"]::after{
 background:linear-gradient(100deg,transparent,#208352 45%,#58b985 70%,transparent);
}

/* Inherited tokens cross the Insights shadow root, including in Safari. */
:root{--insights-column-bg:#e7e8eb;--insights-warning:#9a4b12;--insights-accent:#176b46;--insights-soft:#e7f5ed;--insights-action:linear-gradient(115deg,#166b47,#208352,#2a865c)}
:root[data-studio-theme=dark]{--insights-column-bg:#303238;--insights-warning:#ffc18a;--insights-accent:#7bd8a3;--insights-soft:#142b20}

/* Agent controls use their own light tint and the same dark neutral surfaces. */
:root{--out-control-surface:#edf5ff;--out-control-line:#bdd4ed;--insights-control-surface:#edf8f1;--insights-control-line:#bfdcca}
:root[data-studio-theme=dark]{--out-control-surface:#14161c;--out-control-line:#2b2d36;--insights-control-surface:#14161c;--insights-control-line:#2b2d36}

/* Availability is a green status across agents, independent of product color. */
html[data-studio-theme] #service-grid .outbound-overview .service-status.is-available{background:#eaf6ef;color:#39745d}
html[data-studio-theme=dark] #service-grid .outbound-overview .service-status.is-available{background:#11271f;color:#94d8b2;border-color:#305443}

/* Insights purchase surfaces. */
html[data-studio-theme] [data-plan-product="insights-agent"],html[data-studio-theme] [data-billing-product="insights-agent"]{--studio-accent:#26845d}
html[data-studio-theme] #plan-grid [data-plan-product="insights-agent"] .primary,html[data-studio-theme] main[data-billing-product="insights-agent"] #purchase .primary{background:linear-gradient(115deg,#176f4a,#26845d,#36ad78);border-color:#83dab280;box-shadow:0 4px 18px #26845d30,inset 0 1px 0 #ffffff26;color:#fff}
html[data-studio-theme] #plan-grid [data-plan-product="insights-agent"] :focus-visible,html[data-studio-theme] [data-billing-product="insights-agent"] :focus-visible{outline-color:#26845d}
html[data-studio-theme] #plan-grid [data-plan-product="insights-agent"] .studio-click-sweep::after{background:linear-gradient(100deg,#176f4a,#26845d 60%,#36ad78)}
html[data-studio-theme] #plan-grid [data-plan-product="insights-agent"] .studio-task-loading[aria-busy="true"]::after{background:linear-gradient(100deg,transparent,#26845d 45%,#46bce1 70%,transparent)}
html[data-studio-theme] main[data-billing-product="insights-agent"] #purchase .plan:has(:checked){border-color:#26845d;background:#26845d15}
html[data-studio-theme] [data-billing-product="insights-agent"] input:is([type=radio],[type=checkbox]){accent-color:#26845d}
html[data-studio-theme] #plan-grid [data-plan-product="insights-agent"]{--studio-soft:#26845d15}
html[data-studio-theme] #plan-grid [data-plan-product="insights-agent"] .plan-option.is-current{background:#26845d15;box-shadow:inset 3px 0 #26845d}
html[data-studio-theme=light] #plan-grid [data-plan-product="insights-agent"] .product-plan-heading{background:linear-gradient(115deg,#e5f5ec,#f6fcf8)}
html[data-studio-theme=light] #plan-grid [data-plan-product="insights-agent"] :is(.plan-option.is-current button,button[data-included-plan]){background:#e5f5ec;border-color:#b3dbc7;color:#176f4a}

/* Keep the balance section white beneath each agent's colored entry in light mode. */
html[data-studio-theme=light] #service-grid .product-overview{--usage-card-inset:24px}
html[data-studio-theme=light] #service-grid .product-overview .product-usage{background:#fff;margin-inline:calc(-1 * var(--usage-card-inset));margin-bottom:calc(-1 * var(--usage-card-inset));padding:18px var(--usage-card-inset) var(--usage-card-inset);border-radius:0 0 19px 19px}
@media(max-width:700px){html[data-studio-theme=light] #service-grid .product-overview{--usage-card-inset:20px}html[data-studio-theme=light] #service-grid .product-overview .product-usage{padding-top:12px}}

/* Focus stays on the control text instead of drawing rings around scroll regions. */
html[data-studio-theme] :is(a,button,summary,[tabindex]):focus{outline:none!important}
html[data-studio-theme] :is(a,button,summary,[role=tab],[role=button]):focus-visible{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
html[data-studio-theme] :is(.studio-theme-toggle,.icon-button):focus-visible{background:var(--studio-raised,#e9edf0)}

html[data-studio-theme] :is(.public-product-summary,.in-case,.ob-scenario):focus-visible{text-decoration:none}
html[data-studio-theme] .public-product-summary:focus-visible h3,html[data-studio-theme] :is(.in-case,.ob-scenario):focus-visible strong{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}

/* Private owner entry; preserve the two existing account actions. */
html #home-products .account-actions>#home-monitor{grid-column:1/-1;order:1;width:100%;min-height:44px;padding:10px 14px;font:500 13px/22px Manrope,system-ui,sans-serif;border:1px solid var(--studio-line);border-radius:9px;background:var(--studio-soft);color:var(--studio-accent)}