/* Site-wide preference; dark styles remain in the original stylesheets. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;border:1px solid #64748b;border-radius:9px;background:transparent;color:#e2e8f0;cursor:pointer;padding:9px}.theme-toggle svg{width:21px;height:21px}.theme-toggle:focus-visible{outline:3px solid #8b5cf6;outline-offset:3px}.theme-toggle:hover{background:#8b5cf622}.theme-sun{display:none}html[data-theme=dark] .theme-sun{display:block}html[data-theme=dark] .theme-moon{display:none}.header-brand-group{display:flex;align-items:center;gap:12px}
html[data-theme=light]{color-scheme:light;--paper:#f5f7fb;--ink:#172033;--muted:#52617a;--line:#dce3ee;--primary:#5b21b6;--dark:#f0ebff;--accent:#6d28d9;--danger:#b42332;--shadow:0 8px 28px #24324a0c;--color-text-primary:#172033;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-border-default:#dce3ee;--color-surface-dark:#f8fafc;--color-surface-darker:#f1f5f9;--color-surface-card:#ffffff}
html[data-theme=light] body{background:#f8fafc;color:#172033}
html[data-theme=light] .theme-toggle{border-color:#cbd5e1;color:#5b21b6;background:#fff}
/* Marketing pages: preserve their layout and accent colors. */
html[data-theme=light] :is(.bg-slate-900,.bg-slate-950,.bg-slate-800){background-color:#f8fafc}
html[data-theme=light] :is(.gradient-bg,.gradient-bg-alt){background:linear-gradient(135deg,#f5f3ff,#eef2ff,#f0f9ff)}
html[data-theme=light] :is(.glass-effect,.glass-card,.glass-card-hover,.pricing-card,.contact-card,.trusted-card,.trusted-card-boxed,.trusted-name-card,.faq-item){background:#ffffffeb;border-color:#dce3ee;color:#172033;box-shadow:0 8px 26px #24324a08}
html[data-theme=light] :is(.text-white,.text-gray-100,.text-gray-200){color:#172033}
html[data-theme=light] :is(.text-gray-300,.text-gray-400,.text-slate-300,.text-slate-400,.section-description,.faq-content,.check-list li){color:#52617a}
html[data-theme=light] :is(.text-indigo-400,.text-purple-400){color:#6d28d9}
html[data-theme=light] :is(.text-green-400,.text-emerald-400){color:#15803d}
html[data-theme=light] :is(.text-cyan-400,.text-blue-400){color:#0369a1}
html[data-theme=light] :is(.text-red-400,.text-pink-400){color:#be123c}
html[data-theme=light] .section-title{color:#172033}
html[data-theme=light] .section-label{color:#6d28d9}
html[data-theme=light] :is(.btn-secondary,.btn-outline,.header-login-button){color:#5b21b6;background:#ffffff;border-color:#a78bfa}
html[data-theme=light] :is(.btn-primary,.btn-accent,.header-register-button,.badge-primary){color:white}
html[data-theme=light] :is(.bg-gradient-to-br,.bg-gradient-to-r,.bg-gradient-to-b) .text-white{color:white}
html[data-theme=light] :is(.bg-gradient-to-r,.bg-gradient-to-br).text-white{color:white}
html[data-theme=light] :is(.input-field,input,textarea,select){background:#fff;color:#172033;border-color:#cbd5e1}
html[data-theme=light] :is(.input-field,input,textarea)::placeholder{color:#64748b}
html[data-theme=light] :is(.icon-box,.icon-box-accent,.card-highlight){background:#ede9fe;color:#6d28d9;border-color:#c4b5fd}
html[data-theme=light] :is(.comparison-table,.comparison-row,.comparison-th,.comparison-td){background:#fff;color:#334155;border-color:#dce3ee}
html[data-theme=light] :is(.comparison-th-featured,.comparison-td-featured){background:#f3efff;color:#5b21b6}
html[data-theme=light] [class*="border-white/"]{border-color:#dce3ee}
html[data-theme=light] [class*="bg-white/"]{background-color:#eef2ff}
html[data-theme=light] [class*="bg-slate-800/"]{background-color:#f1f5f9}
html[data-theme=light] [class*="bg-slate-900/"]{background-color:#f8fafc}
html[data-theme=light] :is(.trusted-logo,.trusted-name-card){color:#475569}
/* Customer and administrator views. */
html[data-theme=light] :is(body.workspace,.workspace-shell,.workspace-main,.workspace .footer){background:#f5f7fb;color:#172033}
html[data-theme=light] :is(.topbar,.workspace .topbar,.sidebar){background:#fff;border-color:#dce3ee}
html[data-theme=light] :is(.brand,.topbar nav>a:not(.button),.nav-button,.account-label){color:#334155}
html[data-theme=light] .brand-light{color:#6d28d9}
html[data-theme=light] .brand-icon{color:#fff}
html[data-theme=light] :is(.sidebar nav>a,.workspace-switch>a){color:#475569}
html[data-theme=light] .sidebar nav>a[aria-current=page]{background:#ede9fe;color:#5b21b6}
html[data-theme=light] :is(.sidebar nav>a:hover,.workspace-switch>a:hover){background:#f3efff;color:#5b21b6}
html[data-theme=light] :is(.sidebar-label,.sidebar-note,.sidebar-note p,.account-label){color:#52617a}
html[data-theme=light] :is(.workspace-switch,.account-label){border-color:#dce3ee}
html[data-theme=light] :is(.card,.stat,.auth-card,.plan-card,.table-card,.category-card,.empty,.sidebar-note){background:#fff;border-color:#dce3ee;box-shadow:0 6px 22px #24324a08;color:#172033}
html[data-theme=light] :is(.card h1,.card h2,.card h3,.stat>strong,.service-choice h3,.page-heading h1){color:#172033}
html[data-theme=light] :is(.stat>span,.stat small,.card p,.plan-top p,.plan-price small,.muted,.field-help,.facts dt,.plan-footnote,.annual-link,.optional,.auth-intro p,.auth-note,.auth-switch,.footer,.footer a,td small){color:#52617a}
html[data-theme=light] :is(.eyebrow,.text-link,.choice-action,.scope-list li:before,.category-card .text-link){color:#6d28d9}
html[data-theme=light] :is(.pill,.category-symbol,.choice-number,.queue-row strong){background:#ede9fe;color:#5b21b6;border-color:#c4b5fd}
html[data-theme=light] .button{color:#fff}
html[data-theme=light] .button.secondary{background:#fff;color:#5b21b6;border-color:#a78bfa}
html[data-theme=light] .button.danger{background:#fff1f2;color:#b42332;border-color:#fecdd3}
html[data-theme=light] .text-button{color:#52617a}
html[data-theme=light] :is(.order-summary,.onboarding-banner,.hero-panel){background:linear-gradient(120deg,#f3efff,#eef5ff);border-color:#d8ccf8;color:#172033}
html[data-theme=light] :is(.onboarding-banner p,.order-summary>p,.summary-price small,.summary-note,.hero-service small,.demo-label){color:#52617a}
html[data-theme=light] .auth-intro h1{background:linear-gradient(110deg,#172033,#5b21b6);background-clip:text;-webkit-background-clip:text;color:transparent}
html[data-theme=light] :is(.service-choice,.payment-instructions,.scope-text,.agreement,.wordpress-strip){background:#fff;border-color:#dce3ee;color:#172033}
html[data-theme=light] .service-choice:hover{background:#faf7ff;border-color:#a78bfa}
html[data-theme=light] :is(.service-choice p,.onboarding-steps p,.agreement p){color:#52617a}
html[data-theme=light] :is(.queue-row,.facts>div,td,.summary-note,.hero-service){border-color:#dce3ee;color:#334155}
html[data-theme=light] .queue-clear{color:#166534!important}
html[data-theme=light] th{background:#f1f5f9;color:#475569}
html[data-theme=light] :is(input:not([type=checkbox]),select,textarea){background:#fff;color:#172033;border-color:#cbd5e1}
html[data-theme=light] :is(input[readonly],input:disabled){background:#f1f5f9;color:#64748b}
html[data-theme=light] .notice{background:#eef2ff;border-color:#c7d2fe;color:#3730a3}
html[data-theme=light] .notice.success{background:#ecfdf5;border-color:#bbf7d0;color:#166534}
html[data-theme=light] .notice.error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}
html[data-theme=light] .status{background:#e2e8f0;color:#334155}
html[data-theme=light] :is(.status.paid,.status.active){background:#dcfce7;color:#166534}
html[data-theme=light] .status.awaiting_setup{background:#e0e7ff;color:#3730a3}
html[data-theme=light] :is(.status.pending_review,.status.awaiting_payment){background:#fef3c7;color:#854d0e}
html[data-theme=light] :is(.status.rejected,.status.cancelled,.status.expired){background:#ffe4e6;color:#9f1239}
html[data-theme=light] .filter-tabs a{color:#52617a;background:#fff;border-color:#dce3ee}
html[data-theme=light] :is(.filter-tabs a.active,.filter-tabs a:hover){background:#6d28d9;border-color:#6d28d9;color:#fff}
@media(max-width:1279px){.header-links{gap:12px;font-size:13px}.header-brand-group{gap:8px}.header-links .header-account-actions{gap:8px}.header-links .header-login-button,.header-links .header-register-button{padding:10px 12px}}
@media(max-width:760px){.theme-toggle{width:38px;height:38px;flex-basis:38px}.topbar nav .theme-toggle{margin-right:auto}.header-brand-group .text-xl{font-size:18px}.header-brand-group{gap:8px}}
@media(max-width:380px){.header-brand-group .text-xl{font-size:16px}.header-brand-group .w-10{width:32px;height:32px}.header-brand-group .theme-toggle{width:34px;height:34px;flex-basis:34px}}
@media print{.theme-toggle{display:none!important}}

html[data-theme=light] .sidebar nav{scrollbar-color:#a78bfa #f1f5f9}

@media(max-width:760px){.auth-intro h1 br{display:block}}

/* Component fixes from the public-site section-by-section visual audit. */
html[data-theme=light] .marketing-site .faq-button{color:#172033;background:transparent}
html[data-theme=light] .marketing-site .faq-button:hover{color:#5b21b6}
html[data-theme=light] .marketing-site .faq-content{color:#475569}
html[data-theme=light] .marketing-site .faq-item{border:1px solid #d8e0ec}
html[data-theme=light] .marketing-site .text-gradient{background:linear-gradient(120deg,#4338ca,#7e22ce,#0e7490);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
html[data-theme=light] .marketing-site .text-gradient-alt{background:linear-gradient(120deg,#4338ca,#7e22ce);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
html[data-theme=light] .marketing-site [class~="from-slate-900/90"].bg-gradient-to-r{background:linear-gradient(to right,#f8fafc,transparent)}
html[data-theme=light] .marketing-site [class~="from-slate-900/90"].bg-gradient-to-l{background:linear-gradient(to left,#f8fafc,transparent)}
html[data-theme=light] .marketing-site section>[class~="bg-black/40"]{background:transparent}
html[data-theme=light] .marketing-site .badge-primary{background:#ede9fe;color:#5b21b6;border:1px solid #c4b5fd}
html[data-theme=light] .marketing-site .badge-success{background:#dcfce7;color:#166534;border-color:#86efac}
html[data-theme=light] .marketing-site .badge-accent{background:#cffafe;color:#155e75;border-color:#67e8f9}
html[data-theme=light] .marketing-site .pricing-card>.flex.items-center.justify-between{padding-top:30px}
html[data-theme=light] .marketing-site .pricing-card .badge-primary{top:14px;right:18px}
html[data-theme=light] .marketing-site :is(button,a).bg-gradient-to-r{color:#fff;background-image:linear-gradient(110deg,#4f46e5,#7e22ce)}
html[data-theme=light] .marketing-site section.bg-gradient-to-r{background-image:linear-gradient(110deg,#4338ca,#7e22ce)}
html[data-theme=light] .marketing-site section.bg-gradient-to-r :is(h2,p){color:#fff}
html[data-theme=light] .marketing-site section.bg-gradient-to-r a.btn{background:#fff;color:#5b21b6;border-color:#fff}
html[data-theme=light] .marketing-site section.bg-gradient-to-r a.btn[class*="border-2"]{background:transparent;color:#fff;border-color:#ddd6fe}
html[data-theme=light] .marketing-site section.bg-gradient-to-r a.btn:hover{background:#ede9fe;color:#4c1d95}
html[data-theme=light] .marketing-site .text-orange-400{color:#b45309}
html[data-theme=light] .marketing-site .text-gray-500{color:#52617a}
html[data-theme=light] .marketing-site :is(.btn-primary,.btn-glow){box-shadow:0 4px 12px #6d28d921}
html[data-theme=light] .marketing-site .bg-slate-950{background:#fff}
html[data-theme=light] .marketing-site footer{background:#eef2f7;border-color:#d8e0ec}
html[data-theme=light] .marketing-site footer input{background:#fff}
html[data-theme=light] .marketing-site :is(.hero-orb-1,.hero-orb-2,.hero-orb-3){opacity:.28}
html[data-theme=light] .marketing-site .glass-card-hover:hover{box-shadow:0 12px 30px #24324a10}
html[data-theme=light] .marketing-site .pricing-card-featured{border-color:#8b5cf6}
html[data-theme=light] .marketing-site .faq-button:focus-visible{outline:3px solid #a78bfa;outline-offset:3px;border-radius:8px}
