/* Account/help adoption. Retain plan/pack accent identities, illustrations and real actions. */
body.account-workspace-page {
  --account-edge: color-mix(in srgb, var(--sia-sidebar-active-line) 20%, var(--sia-line));
  --account-control-edge: color-mix(in srgb, var(--sia-sidebar-active-line) 35%, var(--sia-line));
  --account-control-fill: linear-gradient(color-mix(in srgb, var(--sia-surface) 65%, transparent), color-mix(in srgb, var(--sia-surface) 65%, transparent)), var(--sia-sidebar-active);
  --account-glow: inset 0 1px 0 rgba(121,215,210,.035), 0 0 12px rgba(67,189,184,.035);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body.account-workspace-page :is(.main, .page) { color: var(--sia-text); }
body.account-workspace-page :is(.sia-panel, .card, .help-card, .calculator-shell, .plan-picker, .extension-preview, .platform-list, .extension-youtube, .workflow-steps) { background: var(--sia-sidebar-bg) !important; border-color: var(--account-edge) !important; border-radius: 24px; box-shadow: var(--account-glow) !important; }
body.account-workspace-page :is(.subscription-box, .protected-box, .billing-cancel-hint, .preview-prompt, .calculator-controls, .calculator-planbar) { background: var(--sia-surface) !important; border-color: var(--account-edge) !important; }
body.account-workspace-page :is(.icon-bubble, .row-icon, .panel-icon, .empty-icon, .youtube-icon) { background: var(--account-control-fill) !important; border: 1px solid var(--account-control-edge); color: var(--sia-sidebar-accent) !important; box-shadow: var(--account-glow) !important; }
body.account-workspace-page :is(.support-page-heading h1, .page .topbar h1, .extension-hero h1) { font-size: clamp(32px, 3.2vw, 48px); line-height: 1.15; letter-spacing: 0; }
body.account-workspace-page :is(.card-heading h2, .support-workspace h2, .new-panel h2, .extension-section-heading h2, .extension-youtube h2) { font-size: 24px; line-height: 1.3; }
body.account-workspace-page :is(.lead, .side-copy, .extension-lead, .extension-section-heading > p, .platform-copy p, .youtube-intro p, .conversation-empty p) { color: var(--sia-muted); font-size: 15px; line-height: 1.6; font-weight: 500; }
body.account-workspace-page :is(.row-label, .row-meta, .muted, .meta-pill, .billing-cancel-hint p, .extension-disclaimer, .extension-trust-list, .platform-tags, .extension-footnote) { font-size: 12px; line-height: 1.5; }
body.account-workspace-page :is(.sia-button-primary, .sia-button-secondary, .primary-button, .danger-button, .back-link, .manage-link, .cta) { font-size: 14px; border-radius: 14px; min-height: 48px; }
body.account-workspace-page :is(.sia-button-primary, .primary-button):not(:disabled) { background: var(--sia-teal-dark) !important; border-color: var(--account-control-edge) !important; color: #fff !important; box-shadow: var(--account-glow) !important; }
html[data-theme="dark"] body.account-workspace-page :is(.sia-button-primary, .primary-button):not(:disabled) { color: var(--sia-bg) !important; }
body.account-workspace-page :is(.sia-button-secondary, .back-link, .manage-link) { background: var(--account-control-fill) !important; border-color: var(--account-control-edge) !important; color: var(--sia-heading) !important; box-shadow: var(--account-glow) !important; }
body.account-workspace-page .danger-button { background: var(--sia-danger-soft) !important; border-color: color-mix(in srgb, var(--sia-danger) 30%, var(--sia-line)) !important; color: var(--sia-danger) !important; }
body.account-workspace-page :is(button, a, input, textarea, select, summary):focus-visible { outline: 2px solid var(--sia-sidebar-accent); outline-offset: 3px; }
body.account-workspace-page .extension-hero::after { opacity: .15; }
body.account-workspace-page .extension-hero { padding: 32px; }
body.account-workspace-page .extension-preview { box-shadow: none !important; }
body.account-workspace-page :is(.platform-row, .youtube-tools > *, .workflow-steps > *) { border-color: var(--account-edge); }
body.account-workspace-page .extension-youtube .youtube-intro h2 { font-size: 28px; }
body.account-workspace-page .workflow-steps h3 { font-size: 18px; }
/* Support: one grouped workspace, not separate cards for each message. */
body.support-workspace-page .support-workspace { border-color: var(--account-edge) !important; }
body.support-workspace-page :is(.conversation-list-panel, .thread-header, .reply-form, .list-header, .conversation-row) { background: transparent !important; border-color: var(--account-edge) !important; }
body.support-workspace-page .message-scroll { background: var(--sia-surface) !important; }
body.support-workspace-page :is(.conversation-item, .conversation-list button) { border-color: var(--account-edge); border-radius: 14px; font-size: 14px; min-height: 44px; }
body.support-workspace-page :is(.conversation-item.active, .conversation-list button.active) { background: var(--sia-sidebar-active) !important; color: var(--sia-sidebar-accent); }
body.support-workspace-page :is(.new-panel, .reply-form) :is(input:not([type="file"]), textarea) { background: var(--sia-surface) !important; border-color: var(--account-control-edge) !important; color: var(--sia-text); border-radius: 14px; min-height: 48px; font-size: 15px; }
body.support-workspace-page :is(#newMessage, #replyText) { font-size: 16px; line-height: 1.6; }
body.support-workspace-page .message p { font-size: 15px; line-height: 1.6; }
body.support-workspace-page .attachment-control { background: var(--account-control-fill); border-color: var(--account-control-edge); }
/* Plans keep their approved blue/teal/violet accents; packs keep turquoise/gold. */
body.pricing-page.account-workspace-page #plansGrid .plan-card { background: var(--sia-sidebar-bg) !important; border-color: var(--account-edge); box-shadow: var(--account-glow) !important; }
body.pricing-page.account-workspace-page .plan-card.pro { border-color: color-mix(in srgb, var(--sia-sidebar-active-line) 55%, var(--sia-line)); }
body.pricing-page.account-workspace-page .plan-title { font-size: 24px; }
body.pricing-page.account-workspace-page .plan-desc { font-size: 15px; line-height: 1.55; }
body.pricing-page.account-workspace-page :is(.feature, .plan-fit, .calculator-helper, .calculator-result-note, .calculator-result-limit) { font-size: 13px; line-height: 1.55; }
body.pricing-page.account-workspace-page .calculator-result { background: var(--sia-sidebar-bg) !important; }
body.pricing-page.account-workspace-page :is(.calculator-plan-button, .calculator-choice, .calculator-workflow) { min-height: 44px; font-size: 14px; border-color: var(--account-control-edge); }
body.pricing-page.account-workspace-page :is(.calculator-plan-button.is-active, .calculator-choice.is-active, .calculator-workflow.is-active) { background: var(--sia-sidebar-active) !important; color: var(--sia-sidebar-accent) !important; }
body.account-workspace-page .pack-panel { border-color: var(--account-edge) !important; }
/* Subscription cancellation remains a real form; only its presentation changes. */
body.billing-page.account-workspace-page .cancel-modal { background: var(--sia-sidebar-bg) !important; border-color: var(--account-edge) !important; border-radius: 24px; display: flex; flex-direction: column; max-height: calc(100dvh - 32px); overflow: hidden; }
body.billing-page.account-workspace-page #cancelModal { padding: 16px; }
body.billing-page.account-workspace-page .cancel-modal-header { background: transparent !important; border-color: var(--account-edge); flex-shrink: 0; }
body.billing-page.account-workspace-page #cancelForm { min-height: 0; overflow-y: auto; scrollbar-width: thin; }
body.billing-page.account-workspace-page :is(.reason-option, .cancel-detail) { background: var(--sia-surface) !important; border-color: var(--account-control-edge) !important; color: var(--sia-text); font-size: 15px; border-radius: 14px; min-height: 44px; }
body.billing-page.account-workspace-page .reason-option:has(input:checked) { background: var(--sia-sidebar-active) !important; border-color: var(--sia-sidebar-active-line) !important; }
body.billing-page.account-workspace-page .reason-option input { accent-color: var(--sia-teal); }
body.billing-page.account-workspace-page .modal-close { height: 44px; width: 44px; flex: 0 0 44px; }
body.billing-page.account-workspace-page .cancel-modal-footer { border-color: var(--account-edge); }
body.billing-page.account-workspace-page .cancel-modal-footer button { border-radius: 14px; font-size: 14px; min-height: 48px; }
body.account-workspace-page .pack-dialog { max-height: calc(100dvh - 32px); max-width: calc(100vw - 32px); overflow-y: auto; scrollbar-width: thin; border-radius: 24px; }
body.account-workspace-page .pack-dialog footer button { min-height: 48px; }
body.account-workspace-page .pack-dialog .pack-dialog-close { height: 44px; width: 44px; }
@media(max-width: 1100px) {
  body.extension-workspace-page .extension-hero { grid-template-columns: minmax(0, 1fr); }
  body.extension-workspace-page .extension-preview { max-width: 560px; width: 100%; }
}
@media(max-width: 900px) {
  body.account-workspace-page:has(.sidebar) .brand { width: 100%; box-sizing: border-box; padding-right: 60px !important; }
  body.account-workspace-page:has(.sidebar) .brand-name { font-size: clamp(1.3rem, 6.65vw, 1.62rem) !important; }
  body.account-workspace-page .floating-theme-toggle { top: 17px; right: 16px; bottom: auto; z-index: 41; }
  body.account-workspace-page:not(:has(.sidebar)) .topbar { padding-right: 56px; }
}
body.account-workspace-page:has(:is(.modal-backdrop:not(.hidden), .pack-dialog[open])) .floating-theme-toggle { display: none !important; }
@media(max-width: 600px) {
  body.account-workspace-page .extension-hero { padding: 24px 18px; }
  body.account-workspace-page .extension-hero h1 { font-size: 32px; }
  body.account-workspace-page :is(.support-heading-actions, .reply-actions, .cancel-modal-footer) { flex-wrap: wrap; }
  body.support-workspace-page .form-grid { grid-template-columns: minmax(0, 1fr); }
  body.billing-page.account-workspace-page .cancel-modal-header h2 { font-size: 22px; }
}