/* CreaRápido platform appearance. Dark remains the original design.
   Apply only when explicitly selected; never recolor generated websites,
   Web Studio canvases or customer iframe documents. Public marketing
   components provide their own light-mode palettes. */
/* Keep the document canvas in the selected palette: mobile rubber-band and
   fast scrolling can expose html behind the visible body and page sections. */
:root {
  background-color: #0a0a0f;
}
html[data-cr-theme="light"] {
  background-color: #f7f9fe;
  color-scheme: light;
  --bg-dark: #f7f9fe;
  --bg-darker: #edf2fa;
  --bg-card: rgba(255,255,255,.9);
  --bg-card-hover: #fff;
  --text-main: #14213a;
  --text-muted: #53637d;
  --glass-border: rgba(72,92,131,.17);
  --glass-border-highlight: rgba(74,95,147,.34);
  --primary: #225fd4;
  --primary-glow: rgba(46,96,220,.16);
  --secondary: #6d45d8;
  --secondary-glow: rgba(109,69,216,.14);
  --admin-bg: #f6f8fc;
  --admin-surface: #fff;
  --admin-header-bg: rgba(255,255,255,.95);
  --admin-border: #e2e8f0;
  --admin-text: #0f172a;
  --admin-text-muted: #64748b;
  --admin-input-bg: #f8fafc;
  --admin-input-border: #dbe3ee;
  --admin-hover-bg: #f1f5f9;
  --admin-shadow: 0 12px 32px rgba(15,23,42,.06);
}
html[data-cr-theme="light"] body {
  background: #f7f9fe;
  color: #14213a;
}
html[data-cr-theme="light"] .bg-glow {opacity:.25;}
html[data-cr-theme="light"] .glass-panel {
  background: rgba(255,255,255,.92);
  border-color: rgba(75,96,148,.16);
  box-shadow: 0 12px 36px rgba(36,56,103,.09);
}
html[data-cr-theme="light"] :where(.input-field) {background:#fff;color:#17233b;}
html[data-cr-theme="light"] :where(input,textarea,select) {color-scheme:light;}
html[data-cr-theme="light"] .navbar,
html[data-cr-theme="light"] .navbar.scrolled {
  background:rgba(255,255,255,.95) !important;
  border-bottom:1px solid #e1e7f3;
  box-shadow:0 8px 26px rgba(30,48,85,.06);
  backdrop-filter:blur(18px);
}
html[data-cr-theme="light"] .navbar :where(.brand-text,.nav-item,.user-trigger,.lang-toggle,.notif-bell-btn,.menu-btn) {color:#20304d;}
html[data-cr-theme="light"] .navbar .nav-item:hover {color:#254ccd;}
html[data-cr-theme="light"] .navbar .nav-item.router-link-exact-active {color:#254ccd;}
html[data-cr-theme="light"] .navbar .lang-toggle,
html[data-cr-theme="light"] .navbar .menu-btn {background:#f0f3fa;border-color:#dfe5f1;}
html[data-cr-theme="light"] .navbar .cr-tools-megamenu {
  background:rgba(255,255,255,.98) !important;
  border-color:#dbe3f0 !important;
  box-shadow:0 24px 72px rgba(39,54,96,.14);
}
html[data-cr-theme="light"] .cr-tools-megamenu :where(.text-white\/75,.text-white\/60,.text-white\/35) {color:#43536e !important;}
html[data-cr-theme="light"] .cr-tools-megamenu a:hover {background:#edf2ff;}
html[data-cr-theme="light"] .mobile-menu {background:#fff;color:#17233b;border-color:#e0e7f2;}
html[data-cr-theme="light"] .mobile-menu-head,
html[data-cr-theme="light"] .mobile-account-toggle,
html[data-cr-theme="light"] .mobile-menu-preferences {color:#263652;border-color:#e0e6f1;}
html[data-cr-theme="light"] .mobile-menu :where(.mobile-nav-tile,.mobile-account-toggle,.mobile-menu-preferences button,.mobile-account-links a,.mobile-account-links button,.mobile-menu-close) {
  background:#f3f6fb;color:#263652;border-color:#dce5f0;
}
html[data-cr-theme="light"] .mobile-menu :where(.mobile-profile-row,.mobile-access-secondary) {
  color:#263652;background:#f5f7fc;border-color:#dce5f0;
}
html[data-cr-theme="light"] .mobile-menu :where(.mobile-profile-email,.mobile-extra-link,.mobile-account-links a) {color:#283a59;}
html[data-cr-theme="light"] .cr-platform-theme-toggle {background:#f1f4fa;border-color:#dce5f0;color:#243858;}

/* Shared sun/moon microinteraction for the Vue navbar and static Astro header.
   Both SVG/glyph nodes remain mounted so changing data-cr-theme crossfades
   them instead of causing the icon to blink. Visual only: no content/SEO shift. */
:is(.cr-platform-theme-toggle,.cr-astro-theme) {
  position:relative;
  isolation:isolate;
}
.cr-theme-icon-stack {
  display:inline-grid;
  place-items:center;
  flex:0 0 20px;
  width:20px;
  height:20px;
  line-height:1;
  position:relative;
}
.cr-theme-icon-stack > :is(.cr-theme-sun,.cr-theme-moon) {
  display:block;
  grid-area:1 / 1;
  transform-origin:50% 50%;
  backface-visibility:hidden;
  transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .25s ease;
}
.cr-theme-icon-stack > .cr-theme-sun {opacity:1;transform:rotate(0deg) scale(1);}
.cr-theme-icon-stack > .cr-theme-moon {opacity:0;transform:rotate(-70deg) scale(.5);}
html[data-cr-theme="light"] .cr-theme-icon-stack > .cr-theme-sun {
  opacity:0;
  transform:rotate(70deg) scale(.5);
}
html[data-cr-theme="light"] .cr-theme-icon-stack > .cr-theme-moon {
  opacity:1;
  transform:rotate(0deg) scale(1);
}
/* A restrained ring briefly expands from the clicked control, including
   touch/keyboard activation. It never intercepts clicks or covers the page. */
.cr-theme-icon-stack::after {
  content:"";
  position:absolute;
  inset:-5px;
  border-radius:50%;
  border:2px solid currentColor;
  pointer-events:none;
  opacity:0;
  transform:scale(.78);
}
:is(.cr-platform-theme-toggle,.cr-astro-theme).cr-theme-toggle-activated .cr-theme-icon-stack::after {
  animation:cr-theme-toggle-halo .55s cubic-bezier(.2,.75,.2,1) both;
}
@keyframes cr-theme-toggle-halo {
  0% {opacity:.4;transform:scale(.78);}
  65% {opacity:.15;transform:scale(1.38);}
  100% {opacity:0;transform:scale(1.62);}
}
@media (prefers-reduced-motion: reduce) {
  .cr-theme-icon-stack > :is(.cr-theme-sun,.cr-theme-moon) {
    transition:none !important;
    transform:none !important;
  }
  :is(.cr-platform-theme-toggle,.cr-astro-theme).cr-theme-toggle-activated .cr-theme-icon-stack::after {
    animation:none !important;
  }
}

html[data-cr-theme="light"] .cr-astro-topbar {background:rgba(255,255,255,.96);border-color:#e4e9f3;}
html[data-cr-theme="light"] .cr-astro-topbar :where(.cr-astro-logo,.cr-astro-navlinks a,.cr-astro-login,.cr-astro-lang,.cr-astro-theme) {color:#253652;}
html[data-cr-theme="light"] .cr-astro-navlinks a:hover {color:#254ccd;}
html[data-cr-theme="light"] .cr-astro-lang,
html[data-cr-theme="light"] .cr-astro-theme {border-color:#dce4f1;background:#f3f6fc;}
html[data-cr-theme="light"] .cr-astro-mobile-nav summary span {background:#23334e;}
html[data-cr-theme="light"] .cr-astro-mobile-nav > div {background:#fff;border-color:#e1e7f1;box-shadow:0 16px 40px rgba(32,48,89,.15);}
html[data-cr-theme="light"] .cr-astro-mobile-nav > div a {color:#223452;}
html[data-cr-theme="light"] .cr-astro-mobile-nav > div a:hover {background:#f1f5fc;}
html[data-cr-theme="light"] .cr-astro-footer {background:#eef3fb;border-color:#dae3f0;color:#1e3050;}
html[data-cr-theme="light"] .cr-astro-footer :where(.cr-astro-logo,.cr-astro-footer__grid strong,.cr-astro-footer__grid p,.cr-astro-footer__copyright,.cr-astro-footer__grid > div > a:not(.cr-astro-logo)) {color:#435574;}
/* Core website builder sections. Light mode includes the public hero;
   individual sample websites may retain their own independent design. */
html[data-cr-theme="light"] .cr-platform-builder-outer,
html[data-cr-theme="light"] .cr-platform-builder-surface,
html[data-cr-theme="light"] .cr-platform-site-pricing,
html[data-cr-theme="light"] .cr-platform-dashboard {
  background:#f7f9fe !important;
  color:#172440 !important;
}
/* No blanket h2/h3/p or text-white conversion here: those elements also
   occur inside dark hero imagery, customer previews and colored action buttons.
   Only recolor the surface together with its text in the scoped rules below. */
html[data-cr-theme="light"] .cr-platform-builder-surface :where(.hero-cta,.btn-primary),
html[data-cr-theme="light"] .cr-platform-site-pricing :where(.bg-indigo-500,.bg-indigo-600),
html[data-cr-theme="light"] .cr-platform-dashboard :where(.bg-indigo-500,.bg-indigo-600) {color:#fff !important;}
html[data-cr-theme="light"] .cr-platform-site-pricing article,
html[data-cr-theme="light"] .cr-platform-dashboard :where(.cred-widget,.category-nav-elegant) {
  background:#fff !important;border-color:#dbe3f0 !important;box-shadow:0 12px 36px rgba(36,56,103,.08);
}
html[data-cr-theme="light"] .cr-platform-ai-pricing {background:#f7f9fe;color:#1d2e4b;}
html[data-cr-theme="light"] .cr-platform-ai-pricing :where(h1,h2,h3,p,.text-white,.text-white\/70,.text-white\/50,.text-white\/40,.text-white\/30) {color:#253650 !important;}
html[data-cr-theme="light"] .cr-platform-ai-pricing :where(.bg-black\/40,.bg-black\/60) {background:#fff !important;}
html[data-cr-theme="light"] .cr-platform-ai-pricing :where(.bg-gradient-to-r,.bg-indigo-500) {color:#fff;}
/* Marketing and tool pages have heavily themed component-level CSS; light
   values are local to these surfaces and cannot leak into customer sites. */
html[data-cr-theme="light"] .cr-tools-hub {
  --tools-muted:#536784;
  background:linear-gradient(160deg,#f7f9fe,#eef3fb) !important;color:#172642 !important;
}
html[data-cr-theme="light"] .cr-tools-hub :where(.cr-tools-hero__description,.cr-tools-hero__benefits,.cr-tools-section__description,.cr-tools-section__count,.cr-tools-hero__search-hint) {color:#526783;}
html[data-cr-theme="light"] .cr-tools-hub :where(.cr-tools-hero__eyebrow,.cr-tools-section__kicker) {color:#4758b8;}
html[data-cr-theme="light"] .cr-tools-search-wrap,
html[data-cr-theme="light"] .cr-tools-showcase {background:#fff;border-color:#d9e3f1;color:#172642;box-shadow:0 15px 46px rgba(34,56,105,.08);}
html[data-cr-theme="light"] .cr-tools-search-wrap input {color:#172642;}
html[data-cr-theme="light"] .cr-tools-showcase :where(h2,.cr-tools-showcase__shortcut,.cr-tools-showcase__status,.cr-tools-showcase__description,.cr-tools-showcase__bottom) {color:#283b5a;}
html[data-cr-theme="light"] .cr-tools-showcase__shortcut {background:#f3f6fd;border-color:#dfe6f1;}
html[data-cr-theme="light"] .cr-tools-category {background:#fff;color:#344762;border-color:#dae3ef;}
html[data-cr-theme="light"] .cr-tools-category:hover {background:#e9eefb;color:#223459;}
html[data-cr-theme="light"] .cr-tool-card {background:#fff;border-color:#dce5f1;color:#172642;box-shadow:0 12px 36px rgba(34,56,105,.07);}
html[data-cr-theme="light"] .cr-tool-card--featured {background:linear-gradient(150deg,#fff,#f0f4ff);border-color:#ced9f3;}
html[data-cr-theme="light"] .cr-tool-card :where(.cr-tool-card__description,.cr-tool-card__free,.cr-tool-card__arrow) {color:#4d6280;}

/* Tools catalog filters are first-party controls, NOT dark artwork.
   Style closed summaries, expanded menus, selected entries and empty states
   together; styling only the surrounding cards left these controls charcoal. */
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-view-switch {
  background:#edf2fb;
  border-color:#cddbed;
  box-shadow:0 2px 7px rgba(37,58,97,.04);
}
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-view-switch button {
  color:#405775;
}
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-view-switch button:hover {
  background:#e0e9f9;
  color:#1d3e75;
}
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-view-switch button.cr-tools-view-switch__active {
  background:linear-gradient(115deg,#dde6ff,#eee9ff);
  color:#253d7b;
  box-shadow:0 2px 8px rgba(45,66,128,.10);
}
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-sort {
  color:#243a59;
}
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-sort summary {
  background:#ffffff;
  border-color:#cbd9eb;
  color:#243a59;
}
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-sort summary:hover,
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-sort[open] summary {
  background:#eef3ff;
  border-color:#819fe4;
  color:#1b3f7a;
}
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-sort__menu {
  background:#ffffff;
  color:#243a59;
  border-color:#d5e0ef;
  box-shadow:0 18px 45px rgba(34,55,95,.15),0 3px 12px rgba(34,55,95,.07);
}
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-sort__menu button {
  background:transparent;
  color:#2b4260;
}
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-sort__menu button:hover,
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-sort__menu button[aria-pressed="true"] {
  background:#e9efff;
  color:#234997;
}
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-category small {
  color:#4d6481;
}
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-category--active small {
  color:#5144ac;
}
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-section__count {
  background:#eef3fb;
  border-color:#d5e1f1;
  color:#475e7c;
}
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-section__small-icon,
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-showcase__glyph {
  background:#ebeafd;
  border-color:#d9d8f6;
  color:#6150ad;
}
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-showcase__tool-icon {
  background:#e9e7ff;
  color:#584a9f;
}
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-empty {
  background:#ffffff;
  border-color:#ccd9ea;
  color:#263c58;
}
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-empty__icon {
  background:#ebe9ff;
  border-color:#d5d2f8;
  color:#5945a9;
}
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-empty p {
  color:#506785;
}
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-empty button {
  background:#e9efff;
  border-color:#cbd8fa;
  color:#284c91;
}

html[data-cr-theme="light"] .cr-tools-detail {
  --tools-panel-border:rgba(92,116,159,.25);
  --tools-panel-bg:#fff;
  --tools-panel-focus:#3157bd;
  background:#f5f8fd !important;background-image:none !important;color:#1c2d4a;
}
html[data-cr-theme="light"] .cr-tools-detail h1 {color:#1b2944;}
html[data-cr-theme="light"] .cr-tools-detail h1 + p {color:#526785;}
html[data-cr-theme="light"] .cr-tools-detail > div:first-child > a[href*="/tools"] {background:#fff;border-color:#dbe3ef;color:#304866;}
html[data-cr-theme="light"] .cr-tools-detail :where(.bg-white\/5,.bg-black\/40,.bg-\[\#0a0a0f\]) {background:#fff !important;}
html[data-cr-theme="light"] .cr-tools-detail :where(.text-white,.text-white\/80,.text-white\/70,.text-white\/60,.text-white\/50) {color:#253650 !important;}
html[data-cr-theme="light"] .cr-tools-detail :where(input,textarea,select) {color:#172642;background-color:#fff;border-color:#c8d4e7;}
/* UTM generator: unlike dark mode, a light-themed output preview must not
   retain the permanently black terminal-like surface from its Vue utility. */
html[data-cr-theme="light"] .cr-tools-detail .cr-utm-preview {
  background:#f2f6fd !important;
  border-color:#c8d8ef !important;
  box-shadow:inset 0 1px 0 #fff,0 6px 18px rgba(38,62,105,.05);
}
html[data-cr-theme="light"] .cr-tools-detail .cr-utm-preview-text,
html[data-cr-theme="light"] .cr-tools-detail .cr-utm-preview-url {color:#1d3558 !important;}
html[data-cr-theme="light"] .cr-tools-detail .cr-utm-preview-query {color:#244f9f !important;}
html[data-cr-theme="light"] .cr-tools-detail .cr-utm-preview-separator {color:#2958ad !important;}
html[data-cr-theme="light"] .cr-tools-detail .cr-utm-preview-placeholder {color:#506786 !important;}
html[data-cr-theme="light"] .cr-help-page {
  --cr-help-text:#1d2c48;--cr-help-muted:#506581;
  --cr-help-border:#dce5f1;--cr-help-panel:#fff;
  color:#1d2c48;background:linear-gradient(160deg,#f7f9fe,#eef4fc);
}
html[data-cr-theme="light"] .cr-help-page :where(.cr-help-showcase,.cr-help-method) {background:#fff;border-color:#dbe3f0;color:#172642;box-shadow:0 12px 32px rgba(34,56,105,.08);}
html[data-cr-theme="light"] .cr-help-page :where(.cr-help-back,.cr-help-search,.cr-help-showcase-paths > div) {background:#f3f6fc;color:#29405c;border-color:#dae3f0;}
html[data-cr-theme="light"] .cr-help-page :where(.cr-help-search input,.cr-help-showcase h2,.cr-help-showcase > p,.cr-help-method-body > span,.cr-help-section-heading p) {color:#2b405f;}
html[data-cr-theme="light"] .docs-page {background:#f6f9fe;color:#263750;}
html[data-cr-theme="light"] .docs-sidebar {background:#f0f4fa;border-color:#dce4ef;}
html[data-cr-theme="light"] .docs-page :where(.search-wrapper,.doc-card,.docs-toc,.overview-section,.doc-code-block) {background:#fff;border-color:#dce4ef;color:#263750;}
html[data-cr-theme="light"] .docs-page :where(.search-input,.doc-item,.overview-subtitle,.doc-article p,.doc-article li) {color:#314563;}
html[data-cr-theme="light"] .docs-page :where(.doc-article pre,.doc-article code) {color-scheme:dark;}
html[data-cr-theme="light"] .cr-status-page {background:#f7f9fe;color:#213453;}
html[data-cr-theme="light"] .cr-status-page :where(.status-intro p,.status-intro h1) {color:#213453;}
/* The footer is a full component (same for the status page); the original
   inline dark utility colors must not leave low-contrast text on white. */
html[data-cr-theme="light"] footer:not(.cr-astro-footer) {
  background:#eef3fb !important;color:#30415c;border-top-color:#dbe3f0 !important;
}
html[data-cr-theme="light"] footer:not(.cr-astro-footer) :where(.text-white,.text-white\/85,.text-white\/75,.text-white\/70,.footer-link) {color:#425574 !important;}
html[data-cr-theme="light"] footer:not(.cr-astro-footer) :where(h3,.font-bold) {color:#1e3050 !important;}
html[data-cr-theme="light"] footer:not(.cr-astro-footer) .footer-link:hover {color:#254ccd !important;}
html[data-cr-theme="light"] :where(.swal2-popup) {color-scheme:light;}
/* Don't override the independently selected color scheme INSIDE a generated
   website iframe or Web Studio's own preview panel. */
@media (prefers-reduced-motion: reduce) {
  html[data-cr-theme="light"] .cr-platform-theme-toggle {transition:none;}
}


/* =========================================================
   CONTRAST REPAIR: marketing / home / AI Studio / workspace
   Every light surface gets dark text; intentionally dark artwork
   retains light text. Keep generated websites and iframe isolated.
   ========================================================= */
html[data-cr-theme="light"] .btn-primary,
html[data-cr-theme="light"] .btn-primary:hover {
  color: #fff !important;
}
html[data-cr-theme="light"] .btn-outline {
  background: #fff;
  color: #243956;
  border-color: #bdcbe2;
}
html[data-cr-theme="light"] .btn-outline:hover {
  background: #ecf2ff;
  color: #18385f;
  border-color: #a8bfe9;
}

/* /es/ai-studio and /en/ai-studio: light theme uses its own six
   responsive hero clips. Keep a bright fallback while the video decodes,
   with dark text and a subtle white veil for legibility on varied frames. */
html[data-cr-theme="light"] .home {
  background: #f7f9fe;
  color: #182a46;
}
html[data-cr-theme="light"] .home .cr-ai-hero {
  background: linear-gradient(135deg, #ecf5ff 0%, #f8f9ff 52%, #f0f3ff 100%);
  color: #1b2e4c;
  --text-main: #1b2e4c;
  --text-muted: #4a5e7b;
}
html[data-cr-theme="light"] .home .cr-ai-hero .video-bg.active {
  opacity: .8;
  filter: contrast(1.04) brightness(1.04) saturate(.98);
}
html[data-cr-theme="light"] .home .cr-ai-hero .hero-video-overlay {
  background: linear-gradient(180deg,
    rgba(250,252,255,.76) 0%,
    rgba(246,249,255,.44) 30%,
    rgba(247,249,255,.51) 69%,
    rgba(248,250,255,.94) 100%);
}
html[data-cr-theme="light"] .home .cr-ai-hero .hero-title {
  color: #1b2e4c !important;
  text-shadow: 0 3px 18px rgba(255,255,255,.82);
}
html[data-cr-theme="light"] .home .cr-ai-hero .hero-title .text-gradient {
  background-image: linear-gradient(115deg, #1b4b9b, #5330a2);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
}
html[data-cr-theme="light"] .home .cr-ai-hero .hero-subtitle {
  color: #253b5c !important;
  text-shadow: 0 2px 12px rgba(255,255,255,.88);
}
html[data-cr-theme="light"] .home .cr-ai-hero .btn-outline {
  background: rgba(255,255,255,.91) !important;
  color: #1b3564 !important;
  border: 1px solid rgba(55,90,153,.45) !important;
}
html[data-cr-theme="light"] .home .cr-ai-hero .btn-outline:hover {
  background: #fff !important;
}
/* Facts ribbon: it was white-on-white after the original global .glass-panel
   override. Explicit colors also cover the secondary lines and icons. */
html[data-cr-theme="light"] .home .cr-ai-facts .glass-panel {
  background: #fff !important;
  border: 1px solid #dbe4f2 !important;
  box-shadow: 0 14px 34px rgba(33,53,95,.09) !important;
  color: #172843;
}
html[data-cr-theme="light"] .home .cr-ai-facts .text-white {
  color: #172843 !important;
}
html[data-cr-theme="light"] .home .cr-ai-facts .text-white\/60 {
  color: #526680 !important;
}
/* Bright content, solid high-contrast cards. The image gallery caption is
   intentionally excluded: it sits on a dark photo gradient, not white. */
html[data-cr-theme="light"] .home :is(#features,#how-it-works,#models,#pricing,#privacy,.cr-ai-testimonials,.cr-ai-cta) {
  color: #172843;
}
html[data-cr-theme="light"] .home :is(#features,#how-it-works,#models,#pricing,#privacy,.cr-ai-testimonials,.cr-ai-cta) :where(.text-white) {
  color: #182b47 !important;
}
html[data-cr-theme="light"] .home :is(#features,#how-it-works,#models,#pricing,#privacy,.cr-ai-testimonials,.cr-ai-cta) :where(.text-white\/85,.text-white\/80,.text-white\/70,.text-white\/65,.text-white\/60,.text-white\/50,.text-white\/40) {
  color: #4e617e !important;
}
html[data-cr-theme="light"] .home .feature-card,
html[data-cr-theme="light"] .home .cr-ai-testimonials .glass-panel,
html[data-cr-theme="light"] .home #privacy > .glass-panel,
html[data-cr-theme="light"] .home .cr-ai-cta .glass-panel {
  background: #fff !important;
  border: 1px solid #d9e3f1 !important;
  color: #172843;
  box-shadow: 0 12px 38px rgba(37,56,99,.08) !important;
}
html[data-cr-theme="light"] .home #features .feature-card p {color:#506481 !important;}
html[data-cr-theme="light"] .home #features .feature-card .text-emerald-400 {color:#047857 !important;}
html[data-cr-theme="light"] .home #how-it-works .step-number-bg {
  background:#fff;
  border-color:#bfcfea;
  box-shadow:0 8px 20px rgba(43,74,134,.08);
}
html[data-cr-theme="light"] .home #how-it-works .step-number-text {color:#25466c !important;}
html[data-cr-theme="light"] .home #models .model-card-inner,
html[data-cr-theme="light"] .home #models .model-card:hover .model-card-inner {
  background:linear-gradient(150deg,#fff,#f3f6fd);
  border-color:#d9e4f2;
  box-shadow:0 12px 34px rgba(31,48,92,.08);
}
html[data-cr-theme="light"] .home #models .model-name {
  color:#172843 !important;
  text-shadow:none;
}
html[data-cr-theme="light"] .home #models .model-desc {color:#506481 !important;}
html[data-cr-theme="light"] .home #models .icon-ring {background:#edf2fa;}
html[data-cr-theme="light"] .home #models .text-pink-400 {color:#b21f73 !important;}
html[data-cr-theme="light"] .home #models .text-emerald-400 {color:#047857 !important;}
html[data-cr-theme="light"] .home #models .text-blue-400 {color:#1c59b8 !important;}
html[data-cr-theme="light"] .home #models .text-purple-400 {color:#6d35b5 !important;}
html[data-cr-theme="light"] .home #gallery > .container > .text-center :is(h2,p) {
  color:#263b58 !important;
}
html[data-cr-theme="light"] .home #gallery .gallery-card h3 {color:#fff !important;}
html[data-cr-theme="light"] .home #pricing .feature-card .text-white {color:#172843 !important;}
html[data-cr-theme="light"] .home #pricing .feature-card .text-white\/60,
html[data-cr-theme="light"] .home #pricing .feature-card .text-white\/40 {
  color:#4c6180 !important;
}
html[data-cr-theme="light"] .home #pricing .feature-card .btn-primary {color:#fff !important;}
html[data-cr-theme="light"] .home .cr-ai-testimonials {
  background:linear-gradient(to bottom,#f7f9fe,#edf3fb) !important;
}
html[data-cr-theme="light"] .home .cr-ai-testimonials .glass-panel p {color:#455d7a !important;}
html[data-cr-theme="light"] .home .cr-ai-testimonials .glass-panel h3 {color:#192c48 !important;}
html[data-cr-theme="light"] .home .cr-ai-testimonials .glass-panel .rounded-full.bg-black,
html[data-cr-theme="light"] .home .cr-ai-testimonials .glass-panel .rounded-full.bg-black .text-white\/40 {
  color:#fff !important;
}
html[data-cr-theme="light"] .home #privacy .text-emerald-400 {color:#047857 !important;}
html[data-cr-theme="light"] .home #privacy .text-blue-400 {color:#1d58ae !important;}
html[data-cr-theme="light"] .home #privacy .text-purple-400 {color:#6d35b5 !important;}
html[data-cr-theme="light"] .home .cr-ai-cta .glass-panel {
  background:radial-gradient(circle at center,#edf2ff 0%,#fff 65%) !important;
}

/* /en: My Projects heading AND its project rows need the same light
   palette; dark row backgrounds + dark inherited text caused unreadable names. */
html[data-cr-theme="light"] .cr-platform-builder-surface .projects-heading {
  background:linear-gradient(105deg,#fff,#f2f6ff) !important;
  border:1px solid #d4def0 !important;
  color:#1b2d4a !important;
  box-shadow:0 12px 35px rgba(38,63,111,.09) !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .projects-heading-kicker {color:#4865a4 !important;}
html[data-cr-theme="light"] .cr-platform-builder-surface .projects-heading-subtitle {color:#536783 !important;}
html[data-cr-theme="light"] .cr-platform-builder-surface .projects-count {color:#3c48af;background:#ebedff;border-color:#cfd5ff;}
html[data-cr-theme="light"] .cr-platform-builder-surface .projects-header-stat {color:#067653;background:#e5f8ef;border-color:#bcead5;}
html[data-cr-theme="light"] .cr-platform-builder-surface .projects-header-stat--draft {color:#566982;background:#edf2f8;border-color:#d7e1ef;}
html[data-cr-theme="light"] .cr-platform-builder-surface .projects-chevron {color:#30496d;background:#e8eef8;border-color:#cedcf0;}
html[data-cr-theme="light"] .cr-platform-builder-surface .projects-toolbar-title {color:#4f6384;}
html[data-cr-theme="light"] .cr-platform-builder-surface .projects-view-switch {background:#fff;border-color:#d9e3f1;}
html[data-cr-theme="light"] .cr-platform-builder-surface .projects-view-button {color:#48617e;}
html[data-cr-theme="light"] .cr-platform-builder-surface .projects-view-button.is-active {background:#2e57bd;color:#fff;}
html[data-cr-theme="light"] .cr-platform-builder-surface .projects-delete-all {color:#b12f46;border-color:#f0c9d2;background:#fff4f6;}
html[data-cr-theme="light"] .cr-platform-builder-surface .projects-skeleton {background:#fff;border-color:#dee5f0;}
html[data-cr-theme="light"] .cr-platform-builder-surface .projects-skeleton span {background:linear-gradient(95deg,#eef2f8,#dae3f1,#eef2f8);background-size:200% 100%;}
html[data-cr-theme="light"] .cr-platform-builder-surface .site-card,
html[data-cr-theme="light"] .cr-platform-builder-surface .site-card:hover {
  background:linear-gradient(150deg,#fff,#f9fbff) !important;
  border-color:#d9e3f0 !important;
  color:#1b2e4d !important;
  box-shadow:0 10px 30px rgba(34,59,105,.075) !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .site-card:hover {border-color:#97b2ed !important;}
html[data-cr-theme="light"] .cr-platform-builder-surface .site-card .sc-preview {
  background:linear-gradient(145deg,#eef3fd,#e6edfa);
  border-color:#d4deef;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .site-card .sc-preview-hint,
html[data-cr-theme="light"] .cr-platform-builder-surface .site-card .sc-domain-link,
html[data-cr-theme="light"] .cr-platform-builder-surface .site-card .sc-stat span {color:#536985 !important;}
html[data-cr-theme="light"] .cr-platform-builder-surface .site-card .sc-title-wrap h3,
html[data-cr-theme="light"] .cr-platform-builder-surface .site-card .sc-stat strong {color:#182d4a !important;}
html[data-cr-theme="light"] .cr-platform-builder-surface .site-card .sc-stats {border-color:#e0e7f1;}
html[data-cr-theme="light"] .cr-platform-builder-surface .site-card .sc-secondary-action {
  background:#f2f6fc;border-color:#d6e0ee;color:#3d5474;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .site-card .sc-secondary-action:hover {
  background:#e7effb;border-color:#adc0e0;color:#1a3d79;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .site-card .sc-primary-action {color:#fff !important;}
html[data-cr-theme="light"] .cr-platform-builder-surface .site-card .sc-upgrade-action {
  background:#fff8e9;color:#825300;border-color:#efd49b;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .site-card .sc-plan-chip.is-free {color:#51647f;background:#ecf1f8;}
html[data-cr-theme="light"] .cr-platform-builder-surface .site-card .sc-plan-chip.is-pro {color:#815100;background:#fff2d4;}
html[data-cr-theme="light"] .cr-platform-builder-surface .site-card .sc-plan-chip.is-warning {color:#895100;background:#fff1d8;}
html[data-cr-theme="light"] .cr-platform-builder-surface .site-card .sc-plan-chip.is-error {color:#a42b3a;background:#ffe5e6;}
html[data-cr-theme="light"] .cr-platform-builder-surface .site-card .sc-publish-status.is-published {color:#047654;background:#e1f8ed;border-color:#b4e7cf;}
html[data-cr-theme="light"] .cr-platform-builder-surface .site-card .sc-publish-status.is-draft {color:#4f6080;background:#eef2f9;border-color:#d5dfed;}
/* The browser preview inside a site card remains its own mini website.
   In particular .sc-browser-bar stays dark while .sc-mini-page stays white. */
html[data-cr-theme="light"] .cr-platform-builder-surface .site-card .sc-browser-bar {color:#e5edff;}
html[data-cr-theme="light"] .cr-platform-builder-surface .site-card .sc-mini-page {color:#172340;}

/* Builder's feature, pricing and comparison content lives on white surfaces.
   Do not blanket-recolor buttons, dark live-demo artwork or mock websites. */
html[data-cr-theme="light"] .cr-platform-builder-surface #features :is(h2,h3),
html[data-cr-theme="light"] .cr-platform-builder-surface #pricing-websites :is(h2,h3),
html[data-cr-theme="light"] .cr-platform-builder-surface #site-examples > div:first-child h2,
html[data-cr-theme="light"] .cr-platform-builder-surface #live-website-demos > div:first-child h2 {
  color:#192e4f !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #features :where(p,.text-white\/75,.text-white\/70,.text-white\/60,.text-white\/50),
html[data-cr-theme="light"] .cr-platform-builder-surface #pricing-websites :where(p,.text-white\/75,.text-white\/70,.text-white\/60,.text-white\/50),
html[data-cr-theme="light"] .cr-platform-builder-surface #site-examples > div:first-child p,
html[data-cr-theme="light"] .cr-platform-builder-surface #live-website-demos > div:first-child p {
  color:#4d6180 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #live-website-demos article,
html[data-cr-theme="light"] .cr-platform-builder-surface #site-examples article {
  background:#fff !important;
  border-color:#dce4f0 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #live-website-demos article > div:last-child :is(h3,p),
html[data-cr-theme="light"] .cr-platform-builder-surface #site-examples article > div:last-child :is(h3,p) {
  color:#233955 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #live-website-demos article > div:last-child > a {
  color:#fff !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #site-examples article > div:last-child button {color:#284ba2 !important;}
/* Only the illustrative thumbnail is light. Never override its paired ink
   with old white-on-dark rules, even when the outer marketing card is white. */
html[data-cr-theme="light"] .cr-platform-builder-surface #site-examples .cr-sample-browser {
  background:#fff !important;border-color:#d7e2f0 !important;color:#1a2e4c !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #site-examples .cr-sample-browser-bar {
  background:#f3f6fb !important;color:#526683 !important;border-color:#d7e2f0 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #site-examples .cr-sample-browser-content {
  background:#fff !important;color:#1a2e4c !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #site-examples .cr-sample-browser-content p {color:#4b607e !important;}
html[data-cr-theme="light"] .cr-platform-builder-surface #site-examples .cr-sample-browser-action {
  background:#edf2f9 !important;color:#213955 !important;border-color:#d3deec !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #pricing-websites .btn-primary {color:#fff !important;}
/* Public site pricing uses white cards; the feature copy must not be white. */
html[data-cr-theme="light"] .cr-platform-site-pricing article :where(.text-white,.text-white\/80,.text-white\/75,.text-white\/70,.text-white\/65) {color:#324760 !important;}
/* Only the solid violet plan CTA keeps white text; free actions on white
   surfaces need dark copy. */
html[data-cr-theme="light"] .cr-platform-site-pricing article :where(button.bg-white/5,a.bg-white/5) {color:#233955 !important;}
html[data-cr-theme="light"] .cr-platform-site-pricing article :where(button.bg-indigo-500,button.bg-indigo-600,a.bg-indigo-500,a.bg-indigo-600) {color:#fff !important;}

/* AI credits and model dashboard: avoid dark text inside vibrant CTA buttons. */
html[data-cr-theme="light"] .cr-platform-ai-pricing :is(button,a).bg-indigo-500,
html[data-cr-theme="light"] .cr-platform-dashboard :is(button,a).bg-indigo-500 {color:#fff !important;}
html[data-cr-theme="light"] .cr-platform-dashboard .category-nav-elegant {color:#253b55;}


/* Meaningful badges that sit on white demonstration cards. */
html[data-cr-theme="light"] .cr-platform-builder-surface #live-website-demos article > div:last-child .text-emerald-200 {color:#087452 !important;}
html[data-cr-theme="light"] .cr-platform-builder-surface #site-examples article > div:last-child .text-indigo-200 {color:#4145a7 !important;}
/* Critical homepage builder geometry: loaded synchronously from <head>
   for both Astro first paint and Vue SPA returns. A late/missing responsive
   Tailwind chunk must never make the CTA consume all available width and
   squeeze the name/description fields down to a few pixels. */
.cr-platform-builder-surface #hero-create .cr-hero-form-wrap {
  width:100%;
  max-width:896px;
  min-width:0;
  margin-inline:auto;
}
.cr-platform-builder-surface #hero-create .cr-hero-form-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:stretch;
  gap:16px;
  min-width:0;
  width:100%;
}
.cr-platform-builder-surface #hero-create .cr-hero-form-layout > .cr-hero-field {
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:100%;
  min-width:0;
  padding:12px 20px;
  border-radius:16px;
}
.cr-platform-builder-surface #hero-create .cr-hero-form-layout > .cr-hero-field :is(input,textarea) {
  display:block;
  width:100%;
  min-width:0;
  max-width:100%;
}
.cr-platform-builder-surface #hero-create .cr-hero-form-layout > .hero-cta {
  width:100%;
  max-width:100%;
  min-width:0;
  min-height:56px;
  align-self:center;
  white-space:normal;
  overflow-wrap:anywhere;
  text-align:center;
}
@media(min-width:1024px) {
  .cr-platform-builder-surface #hero-create .cr-hero-form-layout {
    grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(180px,210px);
  }
  .cr-platform-builder-surface #hero-create .cr-hero-form-layout > .hero-cta {
    max-height:86px;
  }
}
/* Public create-website hero: LIGHT MODE ONLY. Previously, these elements
   were deliberately pinned to #050505 / white text even when the user
   selected light mode. Scope everything to this marketing header; do not
   recolor user-published sites, the Web Studio canvas or iframe previews. */
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create {
  --text-main:#172a4c;
  --text-muted:#4c6180;
  color:#172a4c !important;
  background:radial-gradient(ellipse at 75% 29%,rgba(129,105,235,.13),transparent 46%),
    radial-gradient(ellipse at 19% 12%,rgba(68,145,236,.13),transparent 46%),
    linear-gradient(180deg,#fbfcff 0%,#f0f5fe 100%) !important;
  border-bottom:1px solid #d9e3f3;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create::before {
  background-image:linear-gradient(rgba(92,117,158,.075) 1px,transparent 1px),
    linear-gradient(90deg,rgba(92,117,158,.075) 1px,transparent 1px);
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .cr-hero-title {
  color:#172a4c !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .cr-hero-subtitle {
  color:#465c7b !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .cr-hero-badge {
  color:#2456b1 !important;background:#e8efff !important;
  border-color:#c6d7f6 !important;box-shadow:0 8px 24px rgba(64,93,166,.08);
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .cr-hero-plan-note {
  background:#eef0ff !important;border-color:#cbd5f7 !important;color:#233a64 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .cr-hero-plan-note > svg {
  color:#5548b1 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .cr-hero-plan-note p {
  color:#294062 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .cr-hero-plan-note p + p {
  color:#4d6281 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .cr-hero-form {
  background:rgba(255,255,255,.95) !important;border-color:#d4e0f1 !important;
  box-shadow:0 18px 50px rgba(37,61,109,.13) !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .cr-hero-form:focus-within {
  border-color:#7a81db !important;
  box-shadow:0 20px 50px rgba(37,61,109,.14),0 0 0 3px rgba(87,86,190,.10) !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .cr-hero-field {
  background:#f4f7fc !important;color:#192f50 !important;border-color:#d8e2f1 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .cr-hero-field:focus-within {
  background:#ffffff !important;border-color:#6466cc !important;
  box-shadow:0 0 0 2px rgba(88,90,194,.12);
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .cr-hero-field-label {
  color:#425a7a !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .cr-hero-field-label svg {
  color:#4b57b1 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .cr-hero-field :is(input,textarea) {
  color:#183152 !important;background:transparent !important;
  border-color:transparent !important;color-scheme:light;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .cr-hero-field :is(input,textarea)::placeholder {
  color:#536985 !important;opacity:1;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .cr-hero-trust {
  color:#116548 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .cr-hero-explore {
  color:#354baa !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .cr-hero-explore:hover {
  color:#283d92 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .cr-hero-social-proof {
  color:#506580 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-hero-divider {
  background:linear-gradient(90deg,transparent,#d9e3f2,transparent) !important;
}

/* The floating chrome belongs to the illustration, not the user-generated
   website inside it. Keep each sample site's own branding/color scheme. */
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .premium-hero-scene .scene-back-window {
  background:linear-gradient(150deg,#f4f6ff,#e7ecfb) !important;
  border-color:#cad7ed !important;
  box-shadow:0 18px 50px rgba(47,70,119,.14) !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .premium-hero-scene .scene-back-line {
  background:#dbe3f2 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .premium-hero-scene .scene-back-content span {
  background:#e1e8fa !important;border-color:#d5dff2 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .premium-hero-scene .scene-orbit {
  border-color:rgba(82,105,157,.14) !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .premium-hero-scene .scene-browser {
  background:#f9fbff !important;border-color:#bccde8 !important;
  box-shadow:0 24px 60px rgba(43,64,111,.18),0 0 38px rgba(102,79,222,.08) !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .premium-hero-scene .scene-browser-top {
  background:linear-gradient(180deg,#fbfcff,#e8eef9) !important;
  border-color:#d8e1ee !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .premium-hero-scene .scene-address {
  color:#4d6281 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .premium-hero-scene .scene-browser-live {
  color:#0d7254 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .premium-hero-scene .scene-floating-inner {
  color:#1a3052 !important;background:linear-gradient(140deg,#ffffff,#eef3fd) !important;
  border-color:#cfdaf0 !important;
  box-shadow:0 14px 32px rgba(43,63,109,.17),inset 0 1px #ffffff !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .premium-hero-scene .scene-floating small {
  color:#4c6383 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .premium-hero-scene .scene-float-icon-purple {
  color:#643eaf !important;background:#efe5ff !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .premium-hero-scene .scene-float-icon-blue {
  color:#2458b0 !important;background:#e0eeff !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .premium-hero-scene .scene-editor-tools span {
  color:#3f5679 !important;background:#eef3fb !important;border-color:#d4dfef !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .premium-hero-scene .scene-status-icon {
  color:#087251 !important;background:#dff8ed !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .premium-hero-scene .scene-order-icon {
  color:#0a7856 !important;background:#ddf7e9 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #hero-create .premium-hero-scene .scene-order-zap {
  color:#98651b !important;
}


/* ---------------------------------------------------------
   Other first-party account and pricing surfaces.
   No global selectors: editor/iframes remain untouched.
   --------------------------------------------------------- */
html[data-cr-theme="light"] .cr-platform-site-pricing {
  background:#f7f9fe !important;
  color:#172b47 !important;
}
html[data-cr-theme="light"] .cr-platform-site-pricing :where(h1,h2,h3,p,strong,li,.text-white,.text-white\/85,.text-white\/80,.text-white\/75,.text-white\/70,.text-white\/65) {
  color:#223a5a !important;
}
html[data-cr-theme="light"] .cr-platform-site-pricing :where(p,.text-white\/80,.text-white\/75,.text-white\/70,.text-white\/65) {
  color:#526580 !important;
}
html[data-cr-theme="light"] .cr-platform-site-pricing > div > div:not(.grid) :where(.text-indigo-200,.text-fuchsia-200) {color:#4644aa !important;}
html[data-cr-theme="light"] .cr-platform-site-pricing article .text-indigo-200 {color:#4546a7 !important;}
html[data-cr-theme="light"] .cr-platform-site-pricing article :where(button.bg-indigo-500,a.bg-indigo-500) {
  color:#fff !important;
}
/* Current AI credit pricing uses dark .module-inner and .glass-panel-hud
   even though the prior theme patch changed their text to dark. */
html[data-cr-theme="light"] .cr-platform-ai-pricing .glass-panel-premium,
html[data-cr-theme="light"] .cr-platform-ai-pricing .glass-panel-hud {
  background:#fff !important;
  border:1px solid #d9e3f0 !important;
  color:#1d3150;
  box-shadow:0 14px 34px rgba(34,55,97,.08);
}
html[data-cr-theme="light"] .cr-platform-ai-pricing .glass-panel-hud:hover {
  background:#f4f7fd !important;
}
html[data-cr-theme="light"] .cr-platform-ai-pricing .pricing-module {background:#f3f6fd;}
html[data-cr-theme="light"] .cr-platform-ai-pricing .feature-box {
  background:#f2f6fd !important;
  border-color:#d9e3f1 !important;
}
html[data-cr-theme="light"] .cr-platform-ai-pricing .module-inner :where(h3,p,.text-white,.text-white\/40,.text-white\/30,.text-white\/20),
html[data-cr-theme="light"] .cr-platform-ai-pricing .glass-panel-hud :where(h4,p,.text-white,.text-white\/80,.text-white\/40,.text-white\/30,.text-white\/20) {
  color:#304661 !important;
}
html[data-cr-theme="light"] .cr-platform-ai-pricing .module-inner :where(.text-white\/40,.text-white\/30,.text-white\/20),
html[data-cr-theme="light"] .cr-platform-ai-pricing .glass-panel-hud :where(.text-white\/40,.text-white\/30,.text-white\/20) {
  color:#536883 !important;
}
html[data-cr-theme="light"] .cr-platform-ai-pricing .buy-btn-ghost {
  background:#edf3fc !important;
  color:#264465 !important;
  border-color:#d5e2f1 !important;
}
html[data-cr-theme="light"] .cr-platform-ai-pricing .module-inner .buy-btn-primary {
  color:#081b2d !important;
}
html[data-cr-theme="light"] .cr-platform-ai-pricing .module-popular > .module-inner > .bg-primary {color:#fff !important;}
html[data-cr-theme="light"] .cr-platform-ai-pricing .glass-panel-hud .text-primary {color:#2455bf !important;}
html[data-cr-theme="light"] .cr-platform-ai-pricing .glass-panel-hud .text-secondary {color:#6636bf !important;}
html[data-cr-theme="light"] .cr-platform-ai-pricing .module-inner .tier-label {color:#38577f !important;}
html[data-cr-theme="light"] .cr-platform-ai-pricing .module-inner .text-emerald-400 {color:#087552 !important;}

/* /dashboard: the listing cards, hover states and model-title gradient
   previously remained charcoal or white-on-white while the root was light. */
html[data-cr-theme="light"] .cr-platform-dashboard {color:#213653 !important;}
html[data-cr-theme="light"] .cr-platform-dashboard :where(h1,h2,h3,p,.text-white,.text-white\/80,.text-white\/70,.text-white\/60,.text-white\/55,.text-white\/50,.text-white\/30) {
  color:#253a59 !important;
}
html[data-cr-theme="light"] .cr-platform-dashboard :where(.text-white\/70,.text-white\/60,.text-white\/55,.text-white\/50,.text-white\/30) {
  color:#536783 !important;
}
html[data-cr-theme="light"] .cr-platform-dashboard .model-card-premium .card-inner,
html[data-cr-theme="light"] .cr-platform-dashboard .model-card-premium:hover .card-inner {
  background:#fff !important;
  border:1px solid #dce4f1 !important;
  box-shadow:0 12px 35px rgba(30,51,93,.075);
  color:#213653 !important;
}
html[data-cr-theme="light"] .cr-platform-dashboard .model-card-premium .model-title {
  background:linear-gradient(120deg,#1c2d4a,#2d527e) !important;
  background-clip:text !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent;
  text-shadow:none !important;
}
html[data-cr-theme="light"] .cr-platform-dashboard .model-card-premium .model-description {
  color:#526681 !important;
}
html[data-cr-theme="light"] .cr-platform-dashboard .model-card-premium .card-preview .bg-gradient-to-t {
  background:linear-gradient(to top,#fff 0%,rgba(255,255,255,.94) 53%,rgba(255,255,255,.18) 100%) !important;
}
html[data-cr-theme="light"] .cr-platform-dashboard .category-nav-elegant,
html[data-cr-theme="light"] .cr-platform-dashboard .cred-widget {
  background:#fff !important;
  border-color:#dce4f1 !important;
}
html[data-cr-theme="light"] .cr-platform-dashboard .nav-tab-btn:not(.active),
html[data-cr-theme="light"] .cr-platform-dashboard .advanced-pill-toggle:not(.active),
html[data-cr-theme="light"] .cr-platform-dashboard .btn-cta-login {
  color:#3b5375 !important;
}
html[data-cr-theme="light"] .cr-platform-dashboard .nav-tab-btn.active {
  color:#091c34 !important;
}
html[data-cr-theme="light"] .cr-platform-dashboard .advanced-pill-toggle:not(.active) {border-color:#dce5f2;background:#eef3fa;}
html[data-cr-theme="light"] .cr-platform-dashboard .toggle-track {background:#c8d5e8;}
html[data-cr-theme="light"] .cr-platform-dashboard .btn-cta-login {background:#fff;border-color:#d9e4f1;}
html[data-cr-theme="light"] .cr-platform-dashboard .btn-action-trigger {background:#edf2fa;border-color:#d5e0ee;}
html[data-cr-theme="light"] .cr-platform-dashboard .btn-action-trigger .text-white {color:#304e70 !important;}
html[data-cr-theme="light"] .cr-platform-dashboard .model-card-premium:hover .btn-action-trigger .text-white {color:#fff !important;}
html[data-cr-theme="light"] .cr-platform-dashboard .badge-advanced {background:#245bc3;color:#fff !important;}
html[data-cr-theme="light"] .cr-platform-dashboard .text-yellow-400 {color:#976000 !important;}
html[data-cr-theme="light"] .cr-platform-dashboard .text-emerald-400 {color:#047857 !important;}
html[data-cr-theme="light"] .cr-platform-dashboard .text-white\/10 {color:#6f83a1 !important;}
html[data-cr-theme="light"] .cr-platform-dashboard .card-footer button {color:#274260;}
html[data-cr-theme="light"] .cr-platform-dashboard .card-footer button:hover {background:#e7eef9;}

/* Wallet: this self-contained dark view did not respond to the shared
   preference. Match its background, cards, inputs and ledger atomically. */
html[data-cr-theme="light"] .wallet-wrapper {
  background:#f7f9fe !important;
  color:#1b3050 !important;
}
html[data-cr-theme="light"] .wallet-wrapper :where(.balance-card-elite,.mini-stat-card,.wallet-filter-panel,.tx-card-premium,.glass-panel) {
  background:#fff !important;
  border-color:#dce5f1 !important;
  color:#1b3050 !important;
  box-shadow:0 9px 26px rgba(30,50,95,.06);
}
html[data-cr-theme="light"] .wallet-wrapper .tx-card-premium:hover {background:#f3f7fd !important;}
html[data-cr-theme="light"] .wallet-wrapper :where(.main-balance,.mini-value,.wallet-ledger-title h2,.tx-title,.wallet-period-details strong) {color:#183052 !important;}
html[data-cr-theme="light"] .wallet-wrapper :where(.wallet-kpi-label,.mini-label,.wallet-kpi-note,.wallet-ledger-count,.wallet-ledger-title p,.wallet-period-details,.tx-meta-time,.tx-final-balance) {
  color:#566a85 !important;
}
html[data-cr-theme="light"] .wallet-wrapper :where(.wallet-filter-panel,.wallet-filter-row,.wallet-more-filters) {color:#405977 !important;}
html[data-cr-theme="light"] .wallet-wrapper :where(.search-box,.wallet-month-picker,.wallet-date-fields input) {
  background:#f2f6fd !important;
  border-color:#d6e1ef !important;
  color:#1d3454 !important;
}
html[data-cr-theme="light"] .wallet-wrapper :where(.search-box input,.wallet-month-picker input) {
  color:#1d3454 !important;
  color-scheme:light;
}
html[data-cr-theme="light"] .wallet-wrapper .wallet-date-fields input {color-scheme:light;}
html[data-cr-theme="light"] .wallet-wrapper :where(.btn-csv-export,.wallet-view-options,.filter-pill,.wallet-filter-export) {
  color:#31496c !important;
  border-color:#d7e2ef !important;
  background:#f3f6fc;
}
html[data-cr-theme="light"] .wallet-wrapper :where(.wallet-view-options button.selected,.filter-pill.active) {
  color:#fff !important;
  background:#305cb7 !important;
}
html[data-cr-theme="light"] .wallet-wrapper .chip-status {color:#05734d;background:#e4f7ee;border-color:#bee9d5;}
html[data-cr-theme="light"] .wallet-wrapper :where(.text-white\/20,.text-white\/30,.text-white\/40) {color:#546987 !important;}
html[data-cr-theme="light"] .wallet-wrapper .tx-icon-box.spending {background:#eaf0f9;color:#304c75;border-color:#d9e2ef;}
html[data-cr-theme="light"] .wallet-wrapper .tx-icon-box.top_up {color:#047857;}
html[data-cr-theme="light"] .wallet-wrapper .tx-icon-box.refund {color:#047857;}
html[data-cr-theme="light"] .wallet-wrapper .tx-icon-box.bonus {color:#8e6100;}
html[data-cr-theme="light"] .wallet-wrapper .btn-mega-primary {color:#fff !important;}



/* ============================================================
   PUBLIC LANDING: complete light palette (scoped per component)
   Fixes the invisible titles, form hint, plans and comparison grid.
   A light background MUST have dark foreground; dark media previews
   and creator websites remain intentionally outside these rules.
   ============================================================ */
html[data-cr-theme="light"] .cr-platform-builder-surface {
  --site-ink:#192b49;
  --site-muted:#536783;
  --site-stroke:#d9e3f1;
  --site-blue:#2958ba;
}
/* The three marketing feature cards and the two PRO feature cards. */
html[data-cr-theme="light"] .cr-platform-builder-surface :is(.cr-site-feature-card,.cr-site-feature-pro) {
  background:linear-gradient(145deg,#fff,#f7faff) !important;
  border:1px solid var(--site-stroke) !important;
  color:var(--site-ink) !important;
  box-shadow:0 9px 28px rgba(30,56,107,.07);
}
html[data-cr-theme="light"] .cr-platform-builder-surface :is(.cr-site-feature-card,.cr-site-feature-pro):hover {
  background:#eef4ff !important;
  border-color:#a9bfeb !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface :is(.cr-site-feature-card,.cr-site-feature-pro) :is(h3,p,li) {
  color:var(--site-ink) !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface :is(.cr-site-feature-card,.cr-site-feature-pro) :is(p,li) {
  color:var(--site-muted) !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-feature-pro .text-primary {
  color:#2854ad !important;
}

/* Brand name simulator: avoid text-grey on a charcoal input and almost
   white text inside the pale miniature address bar. */
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-simulator {
  background:linear-gradient(135deg,#fff 30%,#eef4ff) !important;
  border:1px solid #d6e1f0 !important;
  color:var(--site-ink) !important;
  box-shadow:0 20px 54px rgba(38,65,120,.09);
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-simulator :is(h3,p) {
  color:var(--site-ink) !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-simulator > .relative > :where(p) {
  color:var(--site-muted) !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-simulator-input,
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-simulator-input:focus-within {
  background:#fff !important;
  border:1px solid #aabddc !important;
  color:#1d3457 !important;
  box-shadow:0 7px 24px rgba(37,64,110,.07);
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-simulator-input:focus-within {
  border-color:#426fce !important;
  box-shadow:0 0 0 3px rgba(66,111,206,.14) !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-simulator-input input {
  color:#172d4e !important;
  -webkit-text-fill-color:#172d4e;
  caret-color:#2456bf;
  color-scheme:light;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-simulator-input input::placeholder {
  color:#566b88 !important;
  -webkit-text-fill-color:#566b88;
  opacity:1;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-simulator-input > div:first-child {
  color:#3466ad !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-simulator-browser {
  background:#fff !important;
  color:#243b5c !important;
  border-color:#d7e3f3 !important;
  box-shadow:0 13px 36px rgba(35,59,104,.10);
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-simulator-url {
  background:#eef3fb !important;
  border-color:#d0dced !important;
  color:#213958 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-simulator-url :is(.text-white\/10,.text-white\/55),
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-simulator-url p,
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-simulator-url span:not(.text-primary):not(.text-red-500):not(.text-emerald-400) {
  color:#3b5372 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-simulator-url .text-primary {
  color:#2858b4 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-simulator-url .text-red-500 {color:#b12d42 !important;}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-simulator-url .text-emerald-400 {color:#08724d !important;}

/* WhatsApp informational column becomes light, but the phone simulator
   stays dark and its screenshot/site/product labels stay WHITE. */
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-whatsapp-cta {
  background:linear-gradient(125deg,#fff,#f1fbf5) !important;
  border-color:#cbe8d5 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-whatsapp-info :is(h2,h4) {
  color:#1c3650 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-whatsapp-info p {
  color:#50677b !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-whatsapp-info .text-\[\#25D366\] {
  color:#087d45 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-whatsapp-mock,
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-whatsapp-mock :where(p,.text-white,.text-white\/55) {
  color:#f5f8ff !important;
}

/* AI Studio cross-promotion: all three white media tiles must contain
   visible headings/labels, not white text on white glass. */
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-ai-promo {
  background:linear-gradient(145deg,#fff 25%,#eef3ff) !important;
  border:1px solid #d8e2f2 !important;
  color:#213655 !important;
  box-shadow:0 18px 44px rgba(41,61,111,.09);
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-ai-promo :where(h2,h4) {
  color:#1c3050 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-ai-promo :where(p,.text-white\/75,.text-white\/70) {
  color:#536784 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-ai-promo > div.relative .text-indigo-400 {
  color:#4249b9 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-ai-promo .glass-panel {
  background:#fff !important;
  border-color:#d9e3f2 !important;
  color:#1d3250 !important;
  box-shadow:0 9px 23px rgba(30,56,111,.065);
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-ai-promo .glass-panel h4 {
  color:#263958 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-ai-promo .glass-panel p {
  color:#5b708b !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-ai-promo .text-fuchsia-400 {color:#a02d9d !important;}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-ai-promo .text-sky-400 {color:#126db8 !important;}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-ai-promo .text-amber-400 {color:#a96500 !important;}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-ai-promo a.bg-indigo-600 {
  color:#fff !important;
  background:#4d46d4 !important;
}

/* Roadmap: a matching foreground for the pale three-column panels.
   The middle featured badge remains a contrasting indigo highlight. */
html[data-cr-theme="light"] .cr-platform-builder-surface #website-roadmap > .relative > .text-center p {
  color:#546784 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #website-roadmap .glass-panel {
  background:#fff !important;
  border:1px solid #d9e3f0 !important;
  color:#243955 !important;
  box-shadow:0 10px 30px rgba(30,55,98,.07);
}
html[data-cr-theme="light"] .cr-platform-builder-surface #website-roadmap .glass-panel :where(h4,li) {
  color:#1f3657 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #website-roadmap .glass-panel p {
  color:#4c6180 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #website-roadmap .glass-panel > div.absolute.-top-3 {
  background:#e9eff9 !important;
  border-color:#d1dff2 !important;
  color:#315074 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #website-roadmap .glass-panel:nth-child(3) > div.absolute.-top-3 {
  background:#3857c9 !important;
  color:#fff !important;
  border-color:#3857c9 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #website-roadmap .glass-panel .text-emerald-400 {
  color:#047c53 !important;
}

/* Plan comparison: the entire table, including headers, descriptions,
   free/pro values, disabled crosses and hover rows, must be readable. */
html[data-cr-theme="light"] .cr-platform-builder-surface #website-comparison > div:first-child :is(h2,p) {
  color:#1a2d4c !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface #website-comparison > p {
  color:#526882 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-compare-table {
  background:#fff !important;
  border:1px solid #d8e2f0 !important;
  box-shadow:0 18px 38px rgba(30,54,103,.08);
  color:#1b3252 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-compare-table thead tr {
  background:#edf3fc !important;
  border-bottom-color:#ceddf0 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-compare-table tbody tr {
  border-color:#e1e9f3 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-compare-table tbody tr:hover {
  background:#f4f8ff !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-compare-table :where(th,td,.text-white\/70,.text-white\/55) {
  color:#28415f !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-compare-table .text-white\/55 {
  color:#536984 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-compare-table .text-primary {
  color:#2659b9 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-compare-table .text-emerald-400 {
  color:#078258 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-compare-table .bg-primary\/\[0\.03\] {
  background:#f1f5ff !important;
}

/* Both pricing cards and all their badges/prices/features. */
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-pricing-card {
  background:#fff !important;
  border-color:#d7e2f0 !important;
  color:#1d3352 !important;
  box-shadow:0 14px 36px rgba(31,57,108,.07);
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-pricing-card :where(h2,li,.text-white) {
  color:#1f3653 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-pricing-card :where(p,.text-white\/75,.text-white\/70,.text-white\/60,.text-white\/55) {
  color:#536784 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-pricing-card .text-emerald-400,
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-pricing-card .text-emerald-400\/60 {
  color:#087451 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-pricing-card .btn-primary {
  color:#fff !important;
  background:#4d46d4 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-pricing-card .btn-outline {
  background:#f1f5fc !important;
  color:#24456f !important;
  border-color:#cfdced !important;
}

/* Help CTA and onboarding dialog were also white glass with inherited white
   text. Scope these fixes to the marketing UI, not to modal previews. */
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-help-panel {
  background:#fff !important;
  border-color:#dbe4f2 !important;
  color:#1c3050 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-help-panel :where(h2,p) {
  color:#27415e !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-onboarding-panel {
  background:#fff !important;
  border:1px solid #d7e0ee !important;
  color:#1d3456 !important;
  box-shadow:0 24px 90px rgba(10,22,44,.3);
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-onboarding-panel :where(h2,h3,p) {
  color:#273e5d !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-onboarding-panel button {
  color:#234163;
  background:#f1f5fc;
  border-color:#d9e2ef;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-onboarding-panel button:hover {
  color:#fff !important;
  background:#3e57ca !important;
}


/* ===============================================================
   LIGHT MODE: high-contrast component pairs for three public flows
   1. Tools catalog footer (intentionally dark gradient)
   2. Help Center cards, paths, status and search (bright surfaces)
   3. AI model generator configuration and advanced options
   Scoped to first-party platform pages; dark mode and generated
   customer websites are deliberately untouched.
   =============================================================== */

/* Tool catalog closing banner: keep the branded navy surface, and
   ALWAYS pair it with white/lavender text rather than light-page ink. */
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-bottom {
  background:linear-gradient(113deg,#374b81 0%,#263c68 100%) !important;
  border:1px solid #7082b5 !important;
  color:#fff !important;
  box-shadow:0 16px 42px rgba(29,47,89,.18);
}
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-bottom h2 {
  color:#fff !important;
  text-shadow:0 1px 2px rgba(12,24,47,.15);
}
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-bottom p {
  color:#ddd7ff !important;
}
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-bottom span:not(.cr-tools-bottom__glow) {
  color:#e4ebfa !important;
}
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-bottom__action {
  background:#f4f6ff !important;
  color:#182a4a !important;
  border:1px solid #e6ebff;
}
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-bottom__action:hover {
  background:#fff !important;
  color:#142440 !important;
}
html[data-cr-theme="light"] .cr-tools-hub .cr-tools-bottom__action:focus-visible {
  outline:3px solid #c1deff;outline-offset:4px;
}

/* Help Center: make the entire right-hand showcase a unified bright panel.
   Original scoped dark translucent path backgrounds over white become
   #aaa and look disabled: the explicit selectors prevent that. */
html[data-cr-theme="light"] .cr-help-page {
  --cr-help-text:#203652;
  --cr-help-muted:#536985;
  --cr-help-border:#d6e2f1;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-eyebrow {
  background:#eaf1ff !important;
  border-color:#c8d8f2 !important;
  color:#3458aa !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-online-dot {
  background:#0b8a65 !important;
  box-shadow:0 0 0 4px rgba(11,138,101,.12);
}
html[data-cr-theme="light"] .cr-help-page .cr-help-showcase {
  background:linear-gradient(150deg,#fff 12%,#f3f7ff 100%) !important;
  border:1px solid #d6e2f2 !important;
  box-shadow:0 20px 50px rgba(25,48,98,.11) !important;
  color:#1e3451 !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-showcase h2 {
  color:#1b304f !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-showcase > p {
  color:#506683 !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-showcase-status {
  color:#3f5877 !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-showcase-status > span {
  background:#079b74 !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-showcase .cr-help-showcase-paths > div {
  background:#f2f6fd !important;
  border:1px solid #d4e0f0 !important;
  color:#233957 !important;
  box-shadow:0 3px 13px rgba(32,61,109,.04);
}
html[data-cr-theme="light"] .cr-help-page .cr-help-showcase .cr-help-showcase-paths strong {
  color:#213753 !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-path-icon.purple {
  background:#eae7ff !important;
  color:#6541b2 !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-path-icon.blue {
  background:#e3f2ff !important;
  color:#236aab !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-path-icon.green {
  background:#e2f7ed !important;
  color:#087c54 !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-path-check {
  color:#087b56 !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-showcase-bottom {
  border-color:#d9e4f2 !important;
  color:#506782 !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-showcase-bottom svg {
  color:#087a58 !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-search {
  background:#fff !important;
  border-color:#cedbf0 !important;
  box-shadow:0 9px 27px rgba(32,56,109,.075) !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-search input {
  background:transparent !important;
  color:#1d3453 !important;
  -webkit-text-fill-color:#1d3453;
  color-scheme:light;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-search input::placeholder {
  color:#5a7292 !important; opacity:1;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-search-explainer,
html[data-cr-theme="light"] .cr-help-page .cr-help-notice {
  color:#536b89 !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-section-overline {
  color:#345eaf !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-method {
  background:linear-gradient(150deg,#fff,#f7faff) !important;
  border-color:#d6e2f0 !important;
  color:#203853 !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-method--featured {
  background:linear-gradient(150deg,#fff,#f0efff) !important;
  border-color:#c6c4ee !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-method-body strong {
  color:#1f3655 !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-method-body > span {
  color:#546a84 !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-method-link {
  color:#2758ad !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-method-icon--ai {
  color:#6645b9 !important;
  background:#ece8ff !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-method-icon--docs {
  color:#2369aa !important;
  background:#e5f2ff !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-method-icon--whatsapp {
  color:#087852 !important;
  background:#e5f8ed !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-topic {
  background:#fff !important;
  border-color:#d9e2ef !important;
  color:#26415f !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-topic:hover {
  background:#ecf3ff !important;
  border-color:#abc4ed !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-topic strong {
  color:#263c5b !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-topic-icon {
  color:#355cab !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-topic-arrow {
  color:#657c9c !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-bottom {
  background:linear-gradient(115deg,#334c83,#29446e) !important;
  border-color:#5574a5 !important;
  color:#fff !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-bottom h2 {
  color:#fff !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-bottom .cr-help-section-overline {
  color:#cdc7ff !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-bottom p {
  color:#e3ebf9 !important;
}
html[data-cr-theme="light"] .cr-help-page .cr-help-email {
  background:#f3f6ff !important;
  color:#1d3352 !important;
  border-color:#dbe5ff !important;
}

/* AI generator. The form is white in light mode, but the original component
   CSS uses WHITE for textarea text, placeholders and form controls, while
   the advanced panel carries a black overlay. Pair every surface and label. */
html[data-cr-theme="light"] .generator-page {
  --generator-ink:#1c3250;
  --generator-muted:#516783;
  color:var(--generator-ink);
}
html[data-cr-theme="light"] .generator-page .cr-generator-config-card {
  background:#fff !important;
  border:1px solid #d9e3f0 !important;
  color:var(--generator-ink) !important;
  box-shadow:0 12px 38px rgba(33,57,100,.09) !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-config-card h2 {
  color:#192f4c !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-config-card .text-muted,
html[data-cr-theme="light"] .generator-page .cr-generator-advanced-toggle {
  color:#465e7d !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-advanced-toggle:hover {
  color:#244ba1 !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-prompt,
html[data-cr-theme="light"] .generator-page .cr-generator-config-card .elegant-textarea {
  background:#f8faff !important;
  border:1px solid #cbd8eb !important;
  color:#1b3453 !important;
  -webkit-text-fill-color:#1b3453;
  box-shadow:inset 0 1px 3px rgba(38,59,104,.045) !important;
  color-scheme:light;
}
html[data-cr-theme="light"] .generator-page .cr-generator-config-card .elegant-textarea::placeholder {
  color:#60738f !important;
  -webkit-text-fill-color:#60738f;
  opacity:1;
}
html[data-cr-theme="light"] .generator-page .cr-generator-config-card .elegant-textarea:hover {
  background:#fff !important;border-color:#a9bcda !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-config-card .elegant-textarea:focus-visible {
  outline:2px solid #557bd2 !important;
  outline-offset:2px;
  background:#fff !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-advanced {
  background:#fff !important;
  border:1px solid #dce5f1 !important;
  color:#1d3655 !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-advanced-panel {
  background:#f2f6fc !important;
  border-top:1px solid #dae5f2 !important;
  color:#233c5b !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-advanced-panel :where(label,h3,.text-muted,.ks-help-text,.ks-card-desc) {
  color:#405977 !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-advanced-panel :where(.text-white,.text-white\/90,.text-white\/80,.text-white\/70,.text-white\/60,.text-white\/50,.text-white\/40,.text-white\/30,.text-white\/20) {
  color:#536881 !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-advanced-panel .ks-label {
  color:#2a4261 !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-advanced-panel :is(.elegant-input,.ks-input,input[type="number"],input[type="text"]) {
  background:#fff !important;
  color:#213957 !important;
  -webkit-text-fill-color:#213957;
  border:1px solid #c6d5e8 !important;
  color-scheme:light;
}
html[data-cr-theme="light"] .generator-page .cr-generator-advanced-panel :is(.elegant-input,.ks-input,input[type="number"],input[type="text"])::placeholder {
  color:#667b98 !important;
  -webkit-text-fill-color:#667b98;
}
html[data-cr-theme="light"] .generator-page .cr-generator-advanced-panel .ks-input-wrapper {
  background:#fff !important;
  border:1px solid #cbd9ea !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-advanced-panel :is(.ks-selector-bar,.ks-previews) {
  background:#eaf0f9 !important;
  border-color:#cfdded !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-advanced-panel .ks-pill:not(.active),
html[data-cr-theme="light"] .generator-page .cr-generator-advanced-panel .btn-toggle:not(.active) {
  background:#fff !important;
  color:#405a79 !important;
  border:1px solid #ccdaeb !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-advanced-panel .ks-pill:hover:not(.active),
html[data-cr-theme="light"] .generator-page .cr-generator-advanced-panel .btn-toggle:hover:not(.active) {
  background:#dce8fb !important;
  color:#1c468d !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-advanced-panel .ks-pill.active,
html[data-cr-theme="light"] .generator-page .cr-generator-advanced-panel .btn-toggle.active {
  background:#355bc1 !important;
  color:#fff !important;
  border-color:#355bc1 !important;
  -webkit-text-fill-color:#fff;
}
html[data-cr-theme="light"] .generator-page .cr-generator-advanced-panel :is(input[type="range"],.ks-slider) {
  accent-color:#3467c5 !important;
  background-color:#d9e3f0 !important;
  color-scheme:light;
}
html[data-cr-theme="light"] .generator-page .cr-generator-advanced-panel :is(.ks-card,.ks-tag) {
  background:#fff !important;
  border-color:#d2dfef !important;
  color:#3c5573 !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-advanced-panel .ks-card-title {
  color:#203b5a !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-advanced-panel .ks-price-tag {
  color:#5f42aa !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-advanced-panel :is(.text-emerald-400,.text-green-400) {
  color:#087d55 !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-advanced-panel .text-yellow-400 {
  color:#956000 !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-advanced-panel .text-primary {
  color:#2e57b2 !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-advanced-panel :is(input,select,textarea,button):focus-visible {
  outline:2px solid #4673c9;outline-offset:2px;
}
html[data-cr-theme="light"] .generator-page .cr-generator-cost {
  background:#edf4ff !important;
  border-color:#d1dff3 !important;
  color:#425b7b !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-cost .text-muted {
  color:#456080 !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-config-card .btn-primary {
  color:#fff !important;
}
@media (prefers-reduced-motion:reduce) {
  html[data-cr-theme="light"] .generator-page .cr-generator-config-card * {
    scroll-behavior:auto;
  }
}



/* Generator header/result surfaces also require paired colors. These were
   previously left white-on-white after changing the glass background. */
html[data-cr-theme="light"] .generator-page .cr-generator-model-header,
html[data-cr-theme="light"] .generator-page .cr-generator-result-card {
  background:#fff !important;
  color:#1d3453 !important;
  border:1px solid #d9e3f0 !important;
  box-shadow:0 12px 35px rgba(32,54,101,.07) !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-model-header h1 {
  color:#1c3353 !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-model-header .text-muted,
html[data-cr-theme="light"] .generator-page .cr-generator-model-header .text-white\/40 {
  color:#516681 !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-result-card .cr-generator-showcase-title {
  color:#223b5b !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-result-card .cr-generator-showcase-subtitle {
  color:#536986 !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-result-card .cr-generator-idle,
html[data-cr-theme="light"] .generator-page .cr-generator-result-card .cr-generator-idle p {
  color:#465f7e !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-result-card .cr-generator-processing-surface {
  background:linear-gradient(145deg,#132642,#172d50) !important;
  border-color:#375785 !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-processing {
  color:#fff !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-processing h3 {
  color:#fff !important;
}
/* Keep the showcase's BLACK caption gradient, output media viewer,
   download overlay, and full-screen lightbox in their intended media theme. */



/* ==========================================================================
   SHARED THEME SURFACES — account menu, analytics, tools and notifications
   Each foreground/background pair belongs to one component or semantic island.
   Never recolor generated website content or Web Studio iframe documents.
   ========================================================================== */

/* 1. Desktop account dropdown. The global glass panel turned WHITE, but the
   old .user-name and balance text stayed white. */
html[data-cr-theme="light"] .navbar .user-dropdown {
  color:#243b59 !important;
  background:#fff !important;
  border:1px solid #d7e1f0 !important;
  box-shadow:0 18px 48px rgba(28,52,93,.18) !important;
}
html[data-cr-theme="light"] .navbar .user-dropdown .user-name {color:#1d3251 !important;}
html[data-cr-theme="light"] .navbar .user-dropdown .user-email {color:#536985 !important;}
html[data-cr-theme="light"] .navbar .user-dropdown .dropdown-divider {background:#e1e8f2 !important;}
html[data-cr-theme="light"] .navbar .user-dropdown .dropdown-item {color:#354f70 !important;}
html[data-cr-theme="light"] .navbar .user-dropdown .dropdown-item:hover,
html[data-cr-theme="light"] .navbar .user-dropdown .dropdown-item:focus-visible {
  background:#edf3fd !important;color:#1c3e79 !important;
}
html[data-cr-theme="light"] .navbar .user-dropdown .dropdown-item.router-link-exact-active {
  color:#275ac2 !important;background:#edf1ff !important;
}
html[data-cr-theme="light"] .navbar .user-dropdown .logout-btn {color:#ad3448 !important;}
html[data-cr-theme="light"] .navbar .user-dropdown .logout-btn:hover {
  color:#a7223f !important;background:#fff0f2 !important;
}
html[data-cr-theme="light"] .navbar .cr-account-balance-row :is(.cr-account-balance,.cr-account-currency) {
  background:#eff4fb !important;color:#263f60 !important;
  border:1px solid #dae5f3;
}
html[data-cr-theme="light"] .navbar .cr-account-balance-row :is(.cr-account-balance,.cr-account-currency):hover {
  background:#e2ecfc !important;color:#1d427e !important;
}
html[data-cr-theme="light"] .navbar .cr-account-balance-row .text-primary {color:#2556bb !important;}

/* 2. Analytics dialog is teleported into body, outside builder subtree.
   Keep the backdrop dimmed but present a matching light dialog with dark data. */
html[data-cr-theme="light"] .cr-analytics-modal .cr-analytics-backdrop {
  background:rgba(13,23,44,.58) !important;
}
html[data-cr-theme="light"] .cr-analytics-modal .cr-analytics-dialog {
  background:#fff !important;
  border:1px solid #d9e3f0 !important;
  color:#1d3453 !important;
  box-shadow:0 28px 90px rgba(8,19,41,.24) !important;
}
html[data-cr-theme="light"] .cr-analytics-modal .cr-analytics-header {
  background:#f7f9fd !important;border-color:#dfe7f1 !important;
}
html[data-cr-theme="light"] .cr-analytics-modal .cr-analytics-header h3,
html[data-cr-theme="light"] .cr-analytics-modal .cr-analytics-body {
  color:#203651 !important;
}
html[data-cr-theme="light"] .cr-analytics-modal .cr-analytics-header .text-primary {
  color:#2757b3 !important;
}
html[data-cr-theme="light"] .cr-analytics-modal .cr-analytics-close {
  background:#eaf0fa !important;color:#345373 !important;
  border:1px solid #d5e1ef;
}
html[data-cr-theme="light"] .cr-analytics-modal .cr-analytics-close:hover {
  background:#dce8f8 !important;color:#244a85 !important;
}
html[data-cr-theme="light"] .cr-analytics-modal .cr-analytics-kpi,
html[data-cr-theme="light"] .cr-analytics-modal .cr-analytics-chart {
  background:#f8faff !important;
  border:1px solid #dde6f1 !important;
  color:#203853 !important;
}
html[data-cr-theme="light"] .cr-analytics-modal .cr-analytics-kpi--conversions {
  background:#edf3ff !important;border-color:#cbdcf8 !important;
}
html[data-cr-theme="light"] .cr-analytics-modal :is(.cr-analytics-body h4,.cr-analytics-body .text-white) {
  color:#213854 !important;
}
html[data-cr-theme="light"] .cr-analytics-modal .cr-analytics-body :is(.text-white\/10,.text-white\/20,.text-white\/30,.text-white\/40,.text-white\/55,.text-white\/60) {
  color:#586c87 !important;
}
html[data-cr-theme="light"] .cr-analytics-modal .cr-analytics-body .text-primary {
  color:#285bc1 !important;
}
html[data-cr-theme="light"] .cr-analytics-modal .cr-analytics-body .text-primary\/60 {
  color:#365ead !important;
}
html[data-cr-theme="light"] .cr-analytics-modal .cr-analytics-tooltip {
  background:#203554 !important;color:#fff !important;
}

/* 3. Public builder sample gallery: the lilac badge was almost invisible
   after the white marketing background was introduced. */
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-examples-eyebrow {
  background:#e9ebff !important;border:1px solid #c9d0ff !important;
  color:#3d459c !important;
}

/* 4. Every tool's promotional CTA is deliberately DARK, like the help CTA:
   never white copy on a barely-blue / white glass gradient. */
html[data-cr-theme="light"] .cr-tools-detail .cr-tool-promo {
  background:linear-gradient(118deg,#354e85 0%,#273f6c 100%) !important;
  border:1px solid #6e85b6 !important;
  color:#fff !important;
  box-shadow:0 18px 42px rgba(38,60,105,.16);
}
html[data-cr-theme="light"] .cr-tools-detail .cr-tool-promo :is(h2,h3,.text-white) {
  color:#fff !important;
}
html[data-cr-theme="light"] .cr-tools-detail .cr-tool-promo p,
html[data-cr-theme="light"] .cr-tools-detail .cr-tool-promo :is(.text-white\/70,.text-white\/60,.text-white\/50) {
  color:#e4ebfa !important;
}
html[data-cr-theme="light"] .cr-tools-detail .cr-tool-promo :is(a.bg-primary,button.bg-primary) {
  background:#f0f5ff !important;color:#1c3457 !important;
  border:1px solid #dce7ff !important;
}
html[data-cr-theme="light"] .cr-tools-detail .cr-tool-promo :is(a.bg-primary,button.bg-primary):hover {
  background:#fff !important;color:#142c52 !important;
}

/* 5. Shared FAQ and related-tool sections (inside every tool route).
   Previously the accordion remained dark while its heading was white on the
   new light page; related-tool heading was also effectively invisible. */
html[data-cr-theme="light"] .cr-tools-detail .cr-tool-faq,
html[data-cr-theme="light"] .cr-tools-detail .cr-tools-related {
  color:#223855 !important;
}
html[data-cr-theme="light"] .cr-tools-detail .cr-tool-faq__intro h2,
html[data-cr-theme="light"] .cr-tools-detail .cr-tools-related__heading h2 {
  color:#192f4e !important;
}
html[data-cr-theme="light"] .cr-tools-detail .cr-tool-faq__intro p,
html[data-cr-theme="light"] .cr-tools-detail .cr-tools-related__heading p {
  color:#435ab0 !important;
}
html[data-cr-theme="light"] .cr-tools-detail .cr-tool-faq__intro > span:last-child,
html[data-cr-theme="light"] .cr-tools-detail .cr-tools-related__heading span {
  color:#556b87 !important;
}
html[data-cr-theme="light"] .cr-tools-detail .cr-tool-faq__icon {
  background:#e9e8ff !important;border-color:#cdd0ff !important;color:#6850bb !important;
}
html[data-cr-theme="light"] .cr-tools-detail .cr-tool-faq__item,
html[data-cr-theme="light"] .cr-tools-detail .cr-tool-faq__item.is-open {
  background:#fff !important;
  border:1px solid #d7e2f0 !important;
  color:#1e3652 !important;
}
html[data-cr-theme="light"] .cr-tools-detail .cr-tool-faq__item:hover,
html[data-cr-theme="light"] .cr-tools-detail .cr-tool-faq__item.is-open {
  background:#f6f9ff !important;border-color:#abc4e9 !important;
}
html[data-cr-theme="light"] .cr-tools-detail .cr-tool-faq__item button {
  color:#213957 !important;
}
html[data-cr-theme="light"] .cr-tools-detail .cr-tool-faq__answer {
  color:#536a86 !important;
}
html[data-cr-theme="light"] .cr-tools-detail .cr-tool-faq__chevron {
  background:#ebf0fb !important;color:#425b87 !important;
}
html[data-cr-theme="light"] .cr-tools-detail .cr-tool-faq__item.is-open .cr-tool-faq__chevron {
  background:#e5e6ff !important;color:#5b50b2 !important;
}
html[data-cr-theme="light"] .cr-tools-detail :is(.cr-tools-related__all,.cr-tools-related__mobile-all) {
  color:#315bb0 !important;
}
html[data-cr-theme="light"] .cr-tools-detail :is(.cr-tools-related__all,.cr-tools-related__mobile-all):hover {
  color:#173c8c !important;
}

/* 6. Platform-owned SweetAlert dialogs/toasts follow the selected mode.
   Web Studio customer pages run in isolated documents and keep their own
   palette. This also handles callers that pass hard-coded dark backgrounds. */
html[data-cr-theme="light"] .swal2-container .swal2-popup {
  background:#fff !important;
  color:#203654 !important;
  border:1px solid #d8e2ef !important;
  box-shadow:0 20px 60px rgba(19,36,69,.19) !important;
}
html[data-cr-theme="light"] .swal2-container .swal2-title {
  color:#1c3251 !important;
}
html[data-cr-theme="light"] .swal2-container .swal2-html-container,
html[data-cr-theme="light"] .swal2-container .swal2-html-container :is(p,span,strong) {
  color:#405975 !important;
}
/* Keep the caller's confirmButtonColor (including destructive RED).
   SweetAlert's --swal2-confirm-button-background-color already supplies the
   intended action color; only enforce high-contrast white foreground. */
html[data-cr-theme="light"] .swal2-container .swal2-confirm {
  color:#fff !important;
}
html[data-cr-theme="light"] .swal2-container .swal2-cancel {
  background-color:#eaf0fa !important;color:#253d5c !important;
}
html[data-cr-theme="light"] .swal2-container .swal2-deny {
  background-color:#bd344e !important;color:#fff !important;
}
html[data-cr-theme="light"] .swal2-container .swal2-loader {
  border-top-color:#365fc4 !important;
}



/* Complete the Tailwind fractional-text scale on FIRST-PARTY light tool
   surfaces. Previous fixes covered only 50/60/70/80, leaving 90/40/30/20
   white-on-white across conversion, QR, PDF and calculator forms. */
html[data-cr-theme="light"] .cr-tools-detail :where(
  .text-white\/95,.text-white\/90,.text-white\/85,.text-white\/75,
  .text-white\/65,.text-white\/45,.text-white\/40,.text-white\/35,
  .text-white\/30,.text-white\/25,.text-white\/20,.text-white\/10
) {
  color:#536982 !important;
}
html[data-cr-theme="light"] .cr-tools-detail :where(.text-white\/95,.text-white\/90,.text-white\/85) {
  color:#2a405e !important;
}
html[data-cr-theme="light"] .cr-tools-detail :where(input,textarea)::placeholder {
  color:#607590 !important;
  opacity:1;
}
html[data-cr-theme="light"] .cr-tools-detail :where(input,textarea,select) {
  color-scheme:light;
}
/* Semantic dark CTA and colored destructive controls override the generic
   light-page copy rules; their foreground stays LIGHT on dark backgrounds. */
html[data-cr-theme="light"] .cr-tools-detail .cr-tool-promo :where(
  .text-white\/95,.text-white\/90,.text-white\/85,.text-white\/80,
  .text-white\/75,.text-white\/70,.text-white\/65,.text-white\/60,
  .text-white\/50,.text-white\/45,.text-white\/40,.text-white\/30
) {
  color:#e4ebfa !important;
}
html[data-cr-theme="light"] .cr-tools-detail :is(
  .bg-red-500.text-white,.bg-red-600.text-white,
  .bg-blue-600.text-white,.bg-indigo-600.text-white,
  .bg-emerald-600.text-white
) {
  color:#fff !important;
}



/* ==========================================================================
   REMAINING FIRST-PARTY ROUTES (identified by repository-wide audit)
   Agency uses global theme + existing .org-light tokens. These public/account
   views never change user-generated website canvases or admin iframe markup.
   ========================================================================== */

/* Affiliate portal previously forced a charcoal background even with the
   global moon/sun setting on LIGHT. Keep referral/payment logic untouched. */
html[data-cr-theme="light"] .cr-affiliate-page {
  background:#f7f9fe !important;
  color:#1c3453 !important;
}
html[data-cr-theme="light"] .cr-affiliate-page :where(.bg-white\/5,.bg-white\/10) {
  background:#fff !important;
  border-color:#d8e3f0 !important;
}
html[data-cr-theme="light"] .cr-affiliate-page :where(.bg-black\/40,.bg-black\/20) {
  background:#eff4fb !important;
  border-color:#cfdded !important;
}
html[data-cr-theme="light"] .cr-affiliate-page .bg-gradient-to-br.from-emerald-500\/10 {
  background:linear-gradient(135deg,#e9f8f2,#edf4ff) !important;
  border-color:#cfe8db !important;
}
html[data-cr-theme="light"] .cr-affiliate-page :where(.text-white,.text-white\/90,.text-white\/80) {
  color:#203954 !important;
}
html[data-cr-theme="light"] .cr-affiliate-page :where(
  .text-white\/75,.text-white\/70,.text-white\/60,.text-white\/55,
  .text-white\/50,.text-white\/45,.text-white\/40,.text-white\/35,
  .text-white\/30,.text-white\/25,.text-white\/20
) {color:#536b86 !important;}
html[data-cr-theme="light"] .cr-affiliate-page .text-primary {
  color:#285cbd !important;
}
html[data-cr-theme="light"] .cr-affiliate-page .text-purple-400 {color:#6745b1 !important;}
html[data-cr-theme="light"] .cr-affiliate-page .text-emerald-400 {color:#087855 !important;}
html[data-cr-theme="light"] .cr-affiliate-page .text-amber-400 {color:#936200 !important;}
html[data-cr-theme="light"] .cr-affiliate-page .text-blue-400 {color:#245eb4 !important;}
html[data-cr-theme="light"] .cr-affiliate-page :is(.bg-primary.text-black,.bg-emerald-500.text-black) {
  color:#0f243c !important;
}
html[data-cr-theme="light"] .cr-affiliate-page :is(a,button,input):focus-visible {
  outline:2px solid #3563be;outline-offset:3px;
}

/* 404: same bright layout as the rest of the platform, not black-on-back. */
html[data-cr-theme="light"] .cr-not-found-page {
  background:#f7f9fe !important;color:#213651 !important;
}
html[data-cr-theme="light"] .cr-not-found-page p {
  color:#536984 !important;
}
html[data-cr-theme="light"] .cr-not-found-page .bg-primary {
  color:#fff !important;background:#3c59c2 !important;
}

/* Identity routes: login, register, verify, forgot/reset. The shared
   glass background turns WHITE in light mode and every legend/helper/icon
   must change with it. Keep the original dark identity screens intact. */
html[data-cr-theme="light"] .auth-page {
  color:#1c3251 !important;
}
html[data-cr-theme="light"] .auth-page :where(
  .text-white\/90,.text-white\/85,.text-white\/80,
  .text-white\/75,.text-white\/70,.text-white\/60,.text-white\/50,
  .text-white\/40,.text-white\/35,.text-white\/30,.text-white\/25,
  .text-white\/20
) {color:#526884 !important;}
html[data-cr-theme="light"] .auth-page .glass-panel,
html[data-cr-theme="light"] .auth-page .glass-panel-premium {
  background:#fff !important;
  color:#203751 !important;
  border:1px solid #d8e3f0 !important;
  box-shadow:0 18px 48px rgba(32,55,101,.10) !important;
}
html[data-cr-theme="light"] .auth-page .glass-panel :is(h1,h2,h3),
html[data-cr-theme="light"] .auth-page .glass-panel-premium :is(h1,h2,h3) {
  color:#1c3150 !important;
}
html[data-cr-theme="light"] .auth-page :where(.input-field,.premium-input) {
  background:#f9fbff !important;color:#1b3556 !important;
  border-color:#cbd9e9 !important;color-scheme:light;
}
html[data-cr-theme="light"] .auth-page :where(.input-field,.premium-input)::placeholder {
  color:#607692 !important;opacity:1;
}
html[data-cr-theme="light"] .auth-page :is(.input-label,.premium-label,.input-icon) {
  color:#4a6380 !important;
}
html[data-cr-theme="light"] .auth-page :is(.glass-panel,.glass-panel-premium) .text-white {
  color:#213854 !important;
}
html[data-cr-theme="light"] .auth-page :is(.glass-panel,.glass-panel-premium) .btn-primary,
html[data-cr-theme="light"] .auth-page :is(.glass-panel,.glass-panel-premium) .btn-primary .text-white {
  color:#fff !important;
}
html[data-cr-theme="light"] .cr-auth-recovery {
  background:#f7f9fe !important;
  background-image:none !important;
}
html[data-cr-theme="light"] .cr-auth-recovery .auth-card {
  background:#fff !important;
  color:#203855 !important;
  border:1px solid #d8e4f1 !important;
}
html[data-cr-theme="light"] .cr-auth-recovery :where(.premium-label,.input-icon,.text-white\/20,.text-white\/40) {
  color:#526985 !important;
}
html[data-cr-theme="light"] .cr-auth-recovery .premium-input {
  background:#f8faff !important;color:#1b3554 !important;
  -webkit-text-fill-color:#1b3554;
  border-color:#cbd9ec !important;
}
html[data-cr-theme="light"] .cr-auth-verify {
  background:#f7f9fe !important;
  color:#1e3554 !important;
}
html[data-cr-theme="light"] .cr-auth-verify .glass-panel {
  background:#fff !important;border-color:#dce5f1 !important;
}
html[data-cr-theme="light"] .cr-auth-verify .glass-panel :is(h1,.text-white) {
  color:#1c3352 !important;
}
html[data-cr-theme="light"] .cr-auth-verify .glass-panel :is(.text-white\/60,.text-white\/50,.text-white\/40) {
  color:#526783 !important;
}
html[data-cr-theme="light"] .cr-auth-verify .btn-primary {color:#fff !important;}

/* Privacy Policy + Terms: both share .legal-page and originally had a black
   gradient header and WHITE gradient title, even when rest of site was light. */
html[data-cr-theme="light"] .legal-page {
  background:#f7f9fe !important;color:#1b3150 !important;
}
html[data-cr-theme="light"] .legal-page .legal-header {
  background:linear-gradient(to bottom,#eff4ff,#f7f9fe) !important;
  border-color:#dce5f0 !important;
}
html[data-cr-theme="light"] .legal-page .legal-title {
  background:none !important;color:#1a3050 !important;
  -webkit-text-fill-color:#1a3050 !important;
  text-shadow:none !important;
}
html[data-cr-theme="light"] .legal-page .legal-subtitle {
  color:#305cab !important;opacity:1 !important;
}
html[data-cr-theme="light"] .legal-page .legal-content-box {
  background:#fff !important;border:1px solid #dce5f2 !important;
  box-shadow:0 12px 37px rgba(30,51,99,.07);
}
html[data-cr-theme="light"] .legal-page .legal-section h2 {
  color:#1d3553 !important;
}
html[data-cr-theme="light"] .legal-page :is(.legal-section p,.legal-list li,.legal-footer-note) {
  color:#516783 !important;
}
html[data-cr-theme="light"] .legal-page :is(.section-badge,.back-btn) {
  color:#315bac !important;opacity:1 !important;
}
html[data-cr-theme="light"] .legal-page .back-btn {
  background:#f2f6fe !important;border-color:#d2dfef !important;
}
html[data-cr-theme="light"] .legal-page .highlighted {
  background:#f1f7ff !important;border-color:#d3e2f7 !important;
}
html[data-cr-theme="light"] .legal-page .highlighted-danger {
  background:#fff1f3 !important;border-color:#f4d1da !important;
}
html[data-cr-theme="light"] .legal-page .highlighted-danger h2,
html[data-cr-theme="light"] .legal-page .highlighted-danger .section-badge {
  color:#a22d47 !important;
}
html[data-cr-theme="light"] .legal-page .legal-footer-note {
  border-color:#d9e2ef !important;
}

/* All tool pages and account routes retain their own focus styling. */



/* Notifications are another shared navbar popover: original design used a
   near-black background and white labels, independent of the account menu. */
html[data-cr-theme="light"] .navbar .notif-dropdown {
  background:#fff !important;color:#233955 !important;
  border:1px solid #dae4f1 !important;
  box-shadow:0 19px 49px rgba(28,51,96,.17) !important;
}
html[data-cr-theme="light"] .navbar .notif-header {
  border-color:#dfe7f1 !important;
}
html[data-cr-theme="light"] .navbar .notif-title,
html[data-cr-theme="light"] .navbar .notif-item-title {
  color:#1d3655 !important;
}
html[data-cr-theme="light"] .navbar .notif-mark-all {
  color:#315ab4 !important;
}
html[data-cr-theme="light"] .navbar .notif-empty,
html[data-cr-theme="light"] .navbar .notif-item-body {
  color:#536985 !important;
}
html[data-cr-theme="light"] .navbar .notif-item-time {
  color:#60748d !important;
}
html[data-cr-theme="light"] .navbar .notif-item:hover {
  background:#f2f6fd !important;
}
html[data-cr-theme="light"] .navbar .notif-item.unread {
  background:#edf1ff !important;
}
html[data-cr-theme="light"] .navbar .notif-item.unread:hover {
  background:#e1eafd !important;
}
html[data-cr-theme="light"] .navbar .notif-bell-btn {
  background:#f4f7fd !important;
  color:#304666 !important;
  border-color:#d6e2f0 !important;
}
html[data-cr-theme="light"] .navbar .notif-badge {
  border-color:#fff !important;
}
html[data-cr-theme="light"] .navbar .verify-banner-text {
  color:#4a5d78 !important;
}
html[data-cr-theme="light"] .navbar .verify-banner-btn {
  color:#936000 !important;
}



/* -------------------------------------------------------------------------
   Mobile navigation: the modal is a SIBLING of <nav>, not a descendant.
   Earlier rules targeting ".navbar .mobile-menu" and low-specificity :where()
   selectors lost to Navbar.vue's scoped dark styles loaded after this file.
   Use the dialog ID and explicit contrast-safe states. No dark-mode changes.
   ------------------------------------------------------------------------- */
html[data-cr-theme="light"] #mobile-navigation {
  --cr-mobile-ink: #1c3050;
  --cr-mobile-muted: #4b6280;
  --cr-mobile-line: #d6e2f1;
  --cr-mobile-hover: #e8f0ff;
  background: #ffffff !important;
  color: var(--cr-mobile-ink) !important;
  border-color: var(--cr-mobile-line) !important;
  box-shadow: 0 24px 65px rgba(23, 39, 70, .23) !important;
}
html[data-cr-theme="light"] #mobile-navigation .mobile-menu-head {
  color: #1b304f !important;
  border-bottom-color: #dde6f2 !important;
}
html[data-cr-theme="light"] #mobile-navigation .mobile-menu-close {
  color: #273e5f !important;
  background: #edf2fa !important;
  border: 1px solid #d9e2f0 !important;
}
html[data-cr-theme="light"] #mobile-navigation .mobile-menu-close:hover {
  background: #e2ebfa !important;
}
html[data-cr-theme="light"] #mobile-navigation .mobile-primary-action,
html[data-cr-theme="light"] #mobile-navigation .mobile-dashboard-link {
  color: #ffffff !important;
}
html[data-cr-theme="light"] #mobile-navigation .mobile-nav-tile,
html[data-cr-theme="light"] #mobile-navigation .mobile-account-toggle,
html[data-cr-theme="light"] #mobile-navigation .mobile-access-secondary {
  color: #263c5d !important;
  background: #f3f6fc !important;
  border-color: #d5e1f1 !important;
}
/* Keep this selector explicit for CI contract and scoped-Vue overrides. */
html[data-cr-theme="light"] #mobile-navigation .mobile-account-toggle {
  color: #263c5d !important;
  background: #f3f6fc !important;
  border: 1px solid #d5e1f1 !important;
}
html[data-cr-theme="light"] #mobile-navigation .mobile-nav-tile:is(:hover,:focus-visible),
html[data-cr-theme="light"] #mobile-navigation .mobile-account-toggle:is(:hover,:focus-visible),
html[data-cr-theme="light"] #mobile-navigation .mobile-access-secondary:is(:hover,:focus-visible) {
  color: #1e4684 !important;
  background: #e6eefc !important;
  border-color: #b7cbeb !important;
}
html[data-cr-theme="light"] #mobile-navigation .mobile-nav-tile.router-link-exact-active {
  background: #ebedff !important;
  color: #3b45a5 !important;
  border-color: #b9c2fb !important;
}
html[data-cr-theme="light"] #mobile-navigation .mobile-extra-link {
  color: #284665 !important;
}
html[data-cr-theme="light"] #mobile-navigation .mobile-extra-link:hover {
  color: #234d9c !important;
}
html[data-cr-theme="light"] #mobile-navigation .mobile-profile-row {
  color: #223a59 !important;
  background: #f2f6fc !important;
  border: 1px solid #dfe7f2 !important;
}
html[data-cr-theme="light"] #mobile-navigation .mobile-profile-email {
  color: #233958 !important;
}
html[data-cr-theme="light"] #mobile-navigation .mobile-profile-credits {
  color: #2759b9 !important;
}
html[data-cr-theme="light"] #mobile-navigation .mobile-dashboard-link {
  background: #4c51d3 !important;
  color: #ffffff !important;
}
html[data-cr-theme="light"] #mobile-navigation .mobile-account-links > :is(a,button) {
  color: #283f60 !important;
  background: #f3f6fb !important;
  border: 1px solid #e0e8f3 !important;
}
html[data-cr-theme="light"] #mobile-navigation .mobile-account-links > :is(a,button):is(:hover,:focus-visible,:active) {
  color: #1e468b !important;
  background: #e6effc !important;
  border-color: #b9cdeb !important;
}
html[data-cr-theme="light"] #mobile-navigation .mobile-account-links > button:last-child {
  color: #a02e46 !important;
}
html[data-cr-theme="light"] #mobile-navigation .mobile-account-links > button:last-child:hover {
  color: #912239 !important;
  background: #fff0f2 !important;
  border-color: #efd0d7 !important;
}
/* Put the appearance control on a complete row, then language and currency
   side by side. Prevent the 'Dark mode' label wrapping into pale tiny lines. */
html[data-cr-theme="light"] #mobile-navigation .mobile-menu-preferences {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch;
  gap: 8px !important;
  border-top: 1px solid #dfe7f2 !important;
  color: #243c5b !important;
}
html[data-cr-theme="light"] #mobile-navigation .mobile-menu-preferences > button {
  min-width: 0;
  width: 100%;
  justify-content: flex-start !important;
  gap: 8px;
  color: #273f60 !important;
  background: #f3f6fb !important;
  border: 1px solid #d6e2f0 !important;
  opacity: 1 !important;
}
html[data-cr-theme="light"] #mobile-navigation .mobile-menu-preferences > button:is(:hover,:focus-visible) {
  color: #1f4d95 !important;
  background: #e7eefc !important;
  border-color: #aac2ea !important;
}
html[data-cr-theme="light"] #mobile-navigation .mobile-menu-preferences > .cr-platform-theme-toggle--mobile {
  grid-column: 1 / -1;
  flex: unset !important;
  font-weight: 700;
}
html[data-cr-theme="light"] #mobile-navigation .mobile-menu-preferences > button > span {
  color: inherit !important;
}
html[data-cr-theme="light"] #mobile-navigation .mobile-preference-code {
  margin-left: auto;
  color: #4c6481 !important;
}
html[data-cr-theme="light"] .navbar .menu-btn {
  color: #263d5d !important;
  background: #eff3fa !important;
  border-color: #d6e2f1 !important;
}
@media (max-width: 359px) {
  html[data-cr-theme="light"] #mobile-navigation .mobile-menu-preferences {
    grid-template-columns: minmax(0,1fr) !important;
  }
  html[data-cr-theme="light"] #mobile-navigation .mobile-menu-preferences > .cr-platform-theme-toggle--mobile {
    grid-column: 1;
  }
}


/* ==========================================================================
   COMPLETE ACCOUNT SUPPORT FLOW: /dashboard/support
   The ticket view had its OWN dark surface palette, independent of the
   shared navbar. These rules cover Create, My Requests, conversation, file
   uploads, alerts and responsive states with a light-safe pairing.
   ========================================================================== */
html[data-cr-theme="light"] .support-page {
  --ticket-surface: #fff;
  --ticket-soft: #f3f6fc;
  --ticket-ink: #1b3252;
  --ticket-muted: #536a86;
  --ticket-border: #d8e3f1;
  --ticket-link: #2858af;
  background: #f7f9fe !important;
  color: var(--ticket-ink) !important;
}
html[data-cr-theme="light"] .support-page::before {opacity:.34 !important;}
html[data-cr-theme="light"] .support-page :is(.support-intro h1,.panel-intro h2,.ticket-heading h2,.assist-card h3,.empty-tickets h3,.ticket-explainer-heading strong) {
  color: var(--ticket-ink) !important;
}
html[data-cr-theme="light"] .support-page :is(.support-intro p,.panel-intro p,.ticket-heading p,.ticket-explainer-heading p,.ticket-explainer-details p,.empty-tickets p) {
  color: var(--ticket-muted) !important;
}
html[data-cr-theme="light"] .support-page :is(.support-location,.section-index,.assist-eyebrow) {
  color: #4a55a5 !important;
}
html[data-cr-theme="light"] .support-page .support-doc-link {
  color: var(--ticket-link) !important;
  background: #eff3fd !important;
  border-color: #ccdcf0 !important;
}
html[data-cr-theme="light"] .support-page .support-doc-link:hover {
  color: #1d458d !important;background:#e2edfc !important;
}
html[data-cr-theme="light"] .support-page .support-switcher {
  border-color: #d7e1ef !important;
}
html[data-cr-theme="light"] .support-page .support-switcher button {
  color: #4f6581 !important;
}
html[data-cr-theme="light"] .support-page .support-switcher button:not(.active):hover {
  color: #284f95 !important;
  background: #edf3fd !important;
}
html[data-cr-theme="light"] .support-page .support-switcher button.active {
  color: #353da7 !important;
  border-color: #6262d4 !important;
  background: linear-gradient(0deg,rgba(91,88,210,.095),transparent) !important;
}
html[data-cr-theme="light"] .support-page .ticket-total {
  color: #454497 !important;
  background: #e5e7ff !important;
}
html[data-cr-theme="light"] .support-page .ticket-explainer {
  color: #223958 !important;
  background: linear-gradient(120deg,#fff,#f1f5ff) !important;
  border: 1px solid #d9e3f0 !important;
  box-shadow:0 10px 28px rgba(38,58,101,.045);
}
html[data-cr-theme="light"] .support-page .ticket-explainer-icon {
  background:#e8e8ff !important;color:#5945ad !important;
}
html[data-cr-theme="light"] .support-page .ticket-explainer-steps span {
  color: #435c7b !important;
}
html[data-cr-theme="light"] .support-page .ticket-explainer-steps svg {
  color: #4b51a7 !important;
}
html[data-cr-theme="light"] .support-page .ticket-explainer-details {
  border-color: #d7e2f0 !important;
}
html[data-cr-theme="light"] .support-page .ticket-explainer-details summary {
  color: #354b9d !important;
}
html[data-cr-theme="light"] .support-page :is(.support-panel,.assist-card,.tips-card,.metric) {
  background: #fff !important;
  color: var(--ticket-ink) !important;
  border-color: var(--ticket-border) !important;
  box-shadow:0 12px 35px rgba(38,58,100,.065) !important;
}
html[data-cr-theme="light"] .support-page .panel-mark,
html[data-cr-theme="light"] .support-page .assist-icon {
  background: #eae9ff !important;
  color:#5543a5 !important;
  border-color:#d6d2f5 !important;
}
html[data-cr-theme="light"] .support-page :is(.field,.field-label,.ticket-toolbar label) {
  color:#294261 !important;
}
html[data-cr-theme="light"] .support-page .field strong {
  color:#5146a7 !important;
}
html[data-cr-theme="light"] .support-page :is(.field small,.field-hint,.ticket-toolbar small) {
  color:#59718f !important;
}
html[data-cr-theme="light"] .support-page :is(.field input:not([type=file]),.field select,.field textarea,.reply-form textarea,.ticket-toolbar input,.ticket-toolbar select) {
  color:#203b5a !important;
  -webkit-text-fill-color:#203b5a;
  background:#f8faff !important;
  border:1px solid #cddbec !important;
  color-scheme:light !important;
}
html[data-cr-theme="light"] .support-page :is(.field input,.field textarea,.reply-form textarea,.ticket-toolbar input)::placeholder {
  color:#5b728f !important;
  -webkit-text-fill-color:#5b728f;
  opacity:1;
}
html[data-cr-theme="light"] .support-page :is(.field select option,.ticket-toolbar select option) {
  color:#233c59 !important;
  background:#fff !important;
}
html[data-cr-theme="light"] .support-page :is(.input-wrap .input-icon,.search-wrap svg) {
  color:#536e94 !important;
}
html[data-cr-theme="light"] .support-page :is(.field input,.field select,.field textarea,.reply-form textarea,.ticket-toolbar input,.ticket-toolbar select):focus-visible {
  outline:2px solid #496fc2 !important;outline-offset:2px;
  border-color:#698bd2 !important;
}
html[data-cr-theme="light"] .support-page :is(.attach-inline,.attach-action,.file-drop) {
  color:#2e5196 !important;
  background:#f2f6fd !important;
  border-color:#bdcdea !important;
}
html[data-cr-theme="light"] .support-page :is(.attach-inline,.attach-action,.file-drop):hover {
  color:#1d4387 !important;
  background:#e8f0fc !important;
  border-color:#99b5df !important;
}
html[data-cr-theme="light"] .support-page :is(.attach-inline small,.file-drop small) {
  color:#58718e !important;
}
html[data-cr-theme="light"] .support-page .queued-file {
  color:#344d6b !important;
  background:#f1f5fc !important;
  border-color:#d4dfee !important;
}
html[data-cr-theme="light"] .support-page .queued-file button {color:#345477 !important;}
html[data-cr-theme="light"] .support-page .form-bottom,
html[data-cr-theme="light"] .support-page :is(.ticket-heading,.reply-form) {
  border-color:#dce5f0 !important;
}
html[data-cr-theme="light"] .support-page .form-bottom p,
html[data-cr-theme="light"] .support-page .privacy-note {
  color:#516b86 !important;
}
html[data-cr-theme="light"] .support-page .support-primary {
  background:linear-gradient(115deg,#554bc4,#4842b2) !important;
  color:#fff !important;
}
html[data-cr-theme="light"] .support-page .support-primary:disabled {
  opacity:.65;
  cursor:not-allowed;
}
html[data-cr-theme="light"] .support-page .support-secondary {
  background:#eaf0fc !important;
  color:#2e5090 !important;
  border-color:#cbd9ee !important;
}
html[data-cr-theme="light"] .support-page .assist-card :is(p,.support-steps p) {
  color:#4f6682 !important;
}
html[data-cr-theme="light"] .support-page .assist-card .support-steps span {
  color:#4550a7 !important;
  background:#f0efff !important;
  border-color:#cacaf1 !important;
}
html[data-cr-theme="light"] .support-page .assist-card > a,
html[data-cr-theme="light"] .support-page .text-action {
  color:#3157a7 !important;
}
html[data-cr-theme="light"] .support-page .assist-card > a:hover,
html[data-cr-theme="light"] .support-page .text-action:hover {
  color:#1b428c !important;
}
html[data-cr-theme="light"] .support-page .assist-card > a {
  border-color:#dce5f0 !important;
}
html[data-cr-theme="light"] .support-page .ticket-row {
  color:#213b59 !important;
  background:#f8faff !important;
  border-color:#d8e3f0 !important;
}
html[data-cr-theme="light"] .support-page .ticket-row:is(:hover,:focus-visible) {
  color:#1d3760 !important;
  background:#edf3fd !important;
  border-color:#9fb9e4 !important;
}
html[data-cr-theme="light"] .support-page .ticket-row-body small,
html[data-cr-theme="light"] .support-page .ticket-chevron {
  color:#536e8b !important;
}
html[data-cr-theme="light"] .support-page .ticket-row-icon,
html[data-cr-theme="light"] .support-page .empty-icon {
  color:#5551af !important;background:#eeedff !important;border-color:#d6d4f5 !important;
}
html[data-cr-theme="light"] .support-page .status-chip {
  color:#49479e !important;
  background:#ededff !important;
  border-color:#cbd0f6 !important;
}
html[data-cr-theme="light"] .support-page .status-chip.status-open {color:#414ab0 !important;}
html[data-cr-theme="light"] .support-page .status-chip.status-pending {
  color:#876000 !important;background:#fff5dd !important;border-color:#eacb8e !important;
}
html[data-cr-theme="light"] .support-page .status-chip.status-on_hold {
  color:#27578f !important;background:#e8f2ff !important;border-color:#b4d2f1 !important;
}
html[data-cr-theme="light"] .support-page .status-chip.status-solved {
  color:#08754e !important;background:#e7f7ed !important;border-color:#b9dec8 !important;
}
html[data-cr-theme="light"] .support-page .status-chip.status-closed {
  color:#50657c !important;background:#eef3f8 !important;border-color:#d1dce7 !important;
}
html[data-cr-theme="light"] .support-page .pagination {color:#506883 !important;}
html[data-cr-theme="light"] .support-page .pagination button {
  color:#284568 !important;background:#f3f7fd !important;
  border-color:#cfdbeb !important;
}
html[data-cr-theme="light"] .support-page .pagination button:disabled {
  opacity:.6;
}
html[data-cr-theme="light"] .support-page :is(.message-meta time,.message-content small) {
  color:#58708a !important;
}
html[data-cr-theme="light"] .support-page .message-avatar {
  color:#51469e !important;
  background:#edeafe !important;
  border-color:#d4d0f0 !important;
}
html[data-cr-theme="light"] .support-page .team-message .message-avatar {
  color:#087b72 !important;
  background:#e1f7f3 !important;
  border-color:#b6ddd5 !important;
}
html[data-cr-theme="light"] .support-page .message-content > p {
  color:#2a4261 !important;background:#f2f6fc !important;
  border-color:#d8e3f0 !important;
}
html[data-cr-theme="light"] .support-page .team-message .message-content > p {
  background:#edfbfa !important;border-color:#c7e7e2 !important;
}
html[data-cr-theme="light"] .support-page :is(.file-link,.attach-action,.reply-file-count) {
  color:#3158a5 !important;
}
html[data-cr-theme="light"] .support-page .follow-up,
html[data-cr-theme="light"] .support-page .support-status-info {
  color:#414f92 !important;background:#f0f1ff !important;
  border-color:#d1d4f6 !important;
}
html[data-cr-theme="light"] .support-page .support-alert.error {
  color:#992b42 !important;background:#fff1f4 !important;border-color:#edc1cb !important;
}
html[data-cr-theme="light"] .support-page .support-alert.success {
  color:#0b7652 !important;background:#eaf8f1 !important;border-color:#b6e3cd !important;
}
html[data-cr-theme="light"] .support-page .empty-tickets p {
  color:#536b86 !important;
}


/* ==========================================================================
   DOCUMENTATION: article/overview/sidebar/TOC/code/tabular surfaces.
   Code snippets intentionally remain DARK for syntax and visual separation.
   ========================================================================= */
html[data-cr-theme="light"] .docs-page {
  background:#f7f9fe !important;
  color:#243c59 !important;
}
html[data-cr-theme="light"] .docs-page .docs-sidebar {
  background:#fff !important;border-color:#dce5f0 !important;
}
html[data-cr-theme="light"] .docs-page :is(.search-wrapper,.ov-search-input) {
  background:#f3f7fd !important;border-color:#cbd9eb !important;color:#203958 !important;
}
html[data-cr-theme="light"] .docs-page :is(.search-input,.ov-search-input) {
  color:#1c3555 !important;-webkit-text-fill-color:#1c3555;color-scheme:light;
}
html[data-cr-theme="light"] .docs-page :is(.search-input,.ov-search-input)::placeholder {
  color:#607590 !important;-webkit-text-fill-color:#607590;opacity:1;
}
html[data-cr-theme="light"] .docs-page :is(.search-icon,.ov-search-icon,.group-icon,.group-chevron) {
  color:#5d7390 !important;
}
html[data-cr-theme="light"] .docs-page :is(.nav-overview,.group-header,.doc-item,.group-name,.toc-link) {
  color:#3e5774 !important;
}
html[data-cr-theme="light"] .docs-page :is(.nav-overview,.group-header,.doc-item,.toc-link):hover {
  background:#edf3fc !important;color:#234789 !important;
}
html[data-cr-theme="light"] .docs-page :is(.doc-item.active,.nav-overview.active,.toc-link.active) {
  color:#3157aa !important;background:#eaedff !important;
}
html[data-cr-theme="light"] .docs-page .group-count {
  color:#435d80 !important;background:#eaf0f9 !important;
}
html[data-cr-theme="light"] .docs-page :is(.nav-empty,.overview-subtitle,.ov-subtitle,.loading-text,.toc-title,.doc-breadcrumb,.breadcrumb-category) {
  color:#566d89 !important;
}
html[data-cr-theme="light"] .docs-page :is(.ov-title,.ov-block-title,.section-title,.start-title,.cat-name,.card-title,.doc-article,.doc-article h1,.doc-article h2,.doc-article h3) {
  color:#203754 !important;
}
html[data-cr-theme="light"] .docs-page :is(.start-excerpt,.start-meta,.cat-desc,.card-excerpt,.card-meta,.doc-figure figcaption,.section-icon,.doc-article .doc-figure figcaption) {
  color:#526a86 !important;
}
html[data-cr-theme="light"] .docs-page :is(.doc-card,.start-card,.cat-card,.empty-state,.doc-screenshot,.doc-article blockquote) {
  background:#fff !important;border-color:#d9e4f1 !important;color:#2a4261 !important;
}
html[data-cr-theme="light"] .docs-page :is(.doc-card,.start-card,.cat-card):hover {
  background:#f0f5ff !important;border-color:#adbee2 !important;
}
html[data-cr-theme="light"] .docs-page :is(.card-icon-box,.start-icon,.cat-icon) {
  background:#ebedff !important;color:#5652b4 !important;
}
html[data-cr-theme="light"] .docs-page :is(.cat-link,.breadcrumb-link,.toc-link) {
  color:#34567d !important;
}
html[data-cr-theme="light"] .docs-page .cat-link:hover {
  color:#2754a5 !important;background:#edf3fd !important;
}
html[data-cr-theme="light"] .docs-page :is(.ov-chip,.loading-text,.nav-empty,.card-meta) {
  color:#59728e !important;border-color:#d9e3ef !important;
}
html[data-cr-theme="light"] .docs-page .doc-article :is(h1,h2,h3) {
  color:#203754 !important;
}
html[data-cr-theme="light"] .docs-page .doc-article :is(a,.h-anchor) {
  color:#285bbb !important;
}
html[data-cr-theme="light"] .docs-page .doc-article a:hover {color:#173e91 !important;}
html[data-cr-theme="light"] .docs-page .doc-article :is(code:not(pre code),th) {
  color:#294767 !important;background:#eef3fa !important;
}
html[data-cr-theme="light"] .docs-page .doc-article td {
  color:#2f4968 !important;border-color:#dce5f1 !important;
}
html[data-cr-theme="light"] .docs-page .doc-article :is(.doc-table-wrapper,.doc-code-block) {
  border-color:#d7e2ef !important;
}
/* Preserve code block readability — white-ish copy on a dedicated dark slab. */
html[data-cr-theme="light"] .docs-page .doc-article .doc-code-block {
  background:#17253b !important;color:#e8f1ff !important;
}
html[data-cr-theme="light"] .docs-page .doc-article .doc-code-block :is(code,pre code,.code-lang) {
  background:transparent !important;color:#e4edf9 !important;
}
html[data-cr-theme="light"] .docs-page .doc-article :is(blockquote,.doc-screenshot) {
  color:#4f6682 !important;background:#f2f6fb !important;
}
html[data-cr-theme="light"] .docs-page .cr-doc-support-link {
  background:#eff1ff !important;color:#354ba0 !important;border-color:#cbd0f2 !important;
}
html[data-cr-theme="light"] .docs-page .docs-support-footer {border-color:#d9e3f0 !important;}
html[data-cr-theme="light"] .docs-page .mobile-topbar {
  background:#fff !important;border-color:#dce6f2 !important;
}
html[data-cr-theme="light"] .docs-page :is(.mobile-title,.hamburger-btn) {color:#36516f !important;}
html[data-cr-theme="light"] .docs-page .hamburger-btn:hover {background:#edf3fb !important;}
html[data-cr-theme="light"] .docs-page :is(.toc-link.active,.doc-item.active)::before {
  background:#5167bf !important;
}

/* WALLET: navigation, funds, financial filters, inputs, and transaction ledger.
   The dark card CSS lives inside Wallet.vue; here both SURFACE and COPY change. */
html[data-cr-theme="light"] .wallet-wrapper {
  background:#f7f9fe !important;color:#1d3655 !important;
}
html[data-cr-theme="light"] .wallet-wrapper :is(.balance-card-elite,.mini-stat-card,.wallet-filter-panel,.tx-card-premium,.glass-panel) {
  background:#fff !important;border-color:#d9e3f0 !important;
  box-shadow:0 10px 29px rgba(28,53,92,.06) !important;
}
html[data-cr-theme="light"] .wallet-wrapper :is(.wallet-ledger-title h2,.main-balance,.mini-value,.tx-title,.wallet-period-details strong) {
  color:#1d3653 !important;
}
html[data-cr-theme="light"] .wallet-wrapper :is(.wallet-kpi-label,.mini-label,.wallet-kpi-note,.wallet-ledger-title p,.wallet-ledger-count,.wallet-period-details,.wallet-kpi-note,.tx-meta-time,.tx-final-balance,.text-white\/20,.text-white\/40) {
  color:#506783 !important;
}
html[data-cr-theme="light"] .wallet-wrapper .chip-status {
  color:#087750 !important;background:#e8f6ee !important;border-color:#bee2cd !important;
}
html[data-cr-theme="light"] .wallet-wrapper :is(.search-box,.wallet-month-picker,.wallet-date-fields input) {
  background:#f7f9fe !important;border-color:#ccd9e9 !important;color:#26415f !important;
}
html[data-cr-theme="light"] .wallet-wrapper :is(.search-box input,.wallet-month-picker input,.wallet-date-fields input) {
  color:#1e3655 !important;-webkit-text-fill-color:#1e3655;color-scheme:light !important;
}
html[data-cr-theme="light"] .wallet-wrapper .search-box input::placeholder {
  color:#5b718e !important;-webkit-text-fill-color:#5b718e;opacity:1;
}
html[data-cr-theme="light"] .wallet-wrapper :is(.btn-csv-export,.wallet-filter-export,.filter-pill,.wallet-view-options button) {
  color:#34516f !important;background:#f2f6fc !important;border-color:#cddae9 !important;
}
html[data-cr-theme="light"] .wallet-wrapper :is(.btn-csv-export,.wallet-filter-export,.filter-pill,.wallet-view-options button):hover {
  color:#1c4788 !important;background:#e7eefb !important;
}
html[data-cr-theme="light"] .wallet-wrapper :is(.filter-pill.active,.wallet-view-options button.selected) {
  color:#fff !important;background:#3c58b4 !important;border-color:#3553b3 !important;
}
html[data-cr-theme="light"] .wallet-wrapper :is(.wallet-more-filters,.wallet-date-fields label,.wallet-view-options,.wallet-period-details span) {
  color:#536985 !important;border-color:#d6e0ee !important;
}
html[data-cr-theme="light"] .wallet-wrapper .tx-card-premium:hover {
  background:#eff4fc !important;border-color:#adc4e6 !important;
}
html[data-cr-theme="light"] .wallet-wrapper :is(.tx-meta-model,.date-header) {
  color:#3a58a7 !important;
}
html[data-cr-theme="light"] .wallet-wrapper .tx-icon-box.spending {
  color:#315273 !important;background:#edf2fa !important;border-color:#d9e4f0 !important;
}
html[data-cr-theme="light"] .wallet-wrapper .wallet-export-error {color:#9b2f45 !important;}
html[data-cr-theme="light"] .wallet-wrapper .btn-mega-primary {color:#fff !important;background:#4b54bc !important;}

/* SETTINGS: personal details, MFA forms, sessions, danger zone and navigation. */
html[data-cr-theme="light"] .s-wrap {
  --settings-bg:#f7f9fe;
  --settings-panel:#fff;
  --settings-line:#d9e4f0;
  --settings-muted:#536a86;
  --settings-accent:#3c59aa;
  color:#1d3553 !important;
  background:#f7f9fe !important;
}
html[data-cr-theme="light"] .s-wrap :is(.settings-topbar h1,.s-card-header,.settings-account-identity h2,.settings-rail-help strong) {
  color:#1d3553 !important;
}
html[data-cr-theme="light"] .s-wrap :is(.settings-eyebrow,.settings-subtitle,.settings-rail-caption,.settings-stat-label,.settings-plan-stat p,.settings-account-kicker,.settings-account-identity p,.s-label,.text-white\/30,.text-white\/40,.text-white\/20) {
  color:#536a86 !important;
}
html[data-cr-theme="light"] .s-wrap :is(.settings-back-link,.settings-nav-item,.s-btn-ghost,.s-menu-row) {
  color:#35516f !important;background:#f2f6fc !important;border-color:#d5e1ef !important;
}
html[data-cr-theme="light"] .s-wrap :is(.settings-back-link,.settings-nav-item,.s-btn-ghost,.s-menu-row):hover {
  background:#e8eefb !important;color:#224d92 !important;
}
html[data-cr-theme="light"] .s-wrap :is(.settings-rail-help,.settings-account-banner,.settings-plan-stat,.s-card,.settings-session-card) {
  color:#203958 !important;background:#fff !important;border-color:#d9e3f0 !important;
  box-shadow:0 11px 32px rgba(28,50,92,.055) !important;
}
html[data-cr-theme="light"] .s-wrap :is(.settings-account-status,.settings-account-status span) {
  color:#0d7650 !important;background:#e9f7ef !important;border-color:#bfdfcd !important;
}
html[data-cr-theme="light"] .s-wrap :is(.settings-rail-help-icon,.s-card-icon) {
  color:#4b4fac !important;background:#eceaff !important;
}
html[data-cr-theme="light"] .s-wrap :is(.s-input,.premium-input) {
  color:#1e3756 !important;background:#f8faff !important;
  border:1px solid #cbd9ea !important;
  -webkit-text-fill-color:#1e3756;
  color-scheme:light;
}
html[data-cr-theme="light"] .s-wrap .s-input::placeholder {
  color:#607692 !important;-webkit-text-fill-color:#607692;opacity:1;
}
html[data-cr-theme="light"] .s-wrap :is(.settings-card-link,.settings-plan-action) {color:#3158ae !important;}
html[data-cr-theme="light"] .s-wrap :is(.settings-plan-tier,.settings-balance,.text-white) {
  color:#243c5a !important;
}
html[data-cr-theme="light"] .s-wrap :is(.settings-account-avatar,.s-btn-primary,.bg-indigo-500,.bg-red-500) {
  color:#fff !important;
}
html[data-cr-theme="light"] .s-wrap .settings-danger-card {
  background:#fff8f9 !important;border-color:#edcad2 !important;
}
html[data-cr-theme="light"] .s-wrap .settings-danger-card :is(h2,.s-card-header) {
  color:#962e43 !important;
}
html[data-cr-theme="light"] .s-wrap .s-eye-btn {color:#46607f !important;}
html[data-cr-theme="light"] .s-wrap .settings-plan-stat p {color:#536a86 !important;}
html[data-cr-theme="light"] .s-wrap .s-btn-primary {background:#4d55bf !important;color:#fff !important;}


/* ==========================================================================
   MORE ACCOUNT ROUTES — history, model catalog, AI pricing, checkout,
   reporting abuse, and video configuration. Media/lightbox overlays remain
   intentionally dark with their original white caption text.
   ========================================================================== */

/* Generation history: filters, transaction-like table and action buttons. */
html[data-cr-theme="light"] .history-page {
  color:#203956 !important;
}
html[data-cr-theme="light"] .history-page :is(.glass-panel,.history-card) {
  color:#223b58 !important;
  background:#fff !important;
  border-color:#dbe5f0 !important;
}
html[data-cr-theme="light"] .history-page :is(select,input[type="date"]) {
  color:#213a58 !important;
  -webkit-text-fill-color:#213a58;
  background:#f4f7fc !important;
  border:1px solid #cddbea !important;
  color-scheme:light;
}
html[data-cr-theme="light"] .history-page select option {
  color:#213a58 !important;background:#fff !important;
}
html[data-cr-theme="light"] .history-page :is(.text-muted,.text-white\/50,.text-white\/70) {
  color:#516984 !important;
}
html[data-cr-theme="light"] .history-page :is(.history-card h2,.history-card h3,.history-card p:not(.history-preview p),.history-page h1) {
  color:#243d5b;
}
html[data-cr-theme="light"] .history-page .history-card .text-white\/50 {
  color:#516984 !important;
}
html[data-cr-theme="light"] .history-page .history-card .bg-black\/20 {
  color:#45607d !important;background:#f1f5fc !important;
}
html[data-cr-theme="light"] .history-page .load-more-btn {
  color:#2a4873 !important;background:#eef3fb !important;border-color:#cbd8ea !important;
}
html[data-cr-theme="light"] .history-page .load-more-btn:hover {
  background:#e1eafa !important;
}
html[data-cr-theme="light"] .history-page :is(.history-card button.bg-white\/5,td button.bg-white\/5) {
  color:#36557b !important;background:#ecf2fb !important;border-color:#cbd9ea !important;
}
html[data-cr-theme="light"] .history-page table thead {
  color:#385575 !important;background:#edf2fa !important;
}
html[data-cr-theme="light"] .history-page table :is(th,td) {
  border-color:#dde6f0 !important;
}
html[data-cr-theme="light"] .history-page table td .text-white\/70 {
  color:#3f5876 !important;
}
html[data-cr-theme="light"] .history-page .text-green-400 {
  color:#0a7b54 !important;
}
html[data-cr-theme="light"] .history-page .text-red-400 {
  color:#a92e48 !important;
}
html[data-cr-theme="light"] .history-page .text-amber-300 {
  color:#8d5e00 !important;
}
/* Do not convert media previews, badges atop images, audio strips, or
   full-screen image/video viewer to white: they retain intentional darkness. */

/* Dashboard AI model catalog. Gradient-rendered model names had white text
   on transparent when the dashboard background switched to light. */
html[data-cr-theme="light"] .cr-platform-dashboard :is(.dashboard-content > h1,.dashboard-content h1,.dashboard-content h2) {
  color:#1e3552 !important;
}
html[data-cr-theme="light"] .cr-platform-dashboard .model-title {
  background:none !important;
  -webkit-text-fill-color:#203957 !important;
  color:#203957 !important;
}
html[data-cr-theme="light"] .cr-platform-dashboard :is(.category-nav-elegant,.model-card-premium .card-inner,.advanced-pill-toggle:not(.active)) {
  background:#fff !important;
  color:#304966 !important;
  border-color:#dce5f0 !important;
}
html[data-cr-theme="light"] .cr-platform-dashboard .model-card-premium:hover .card-inner {
  background:#f2f6fd !important;
}
html[data-cr-theme="light"] .cr-platform-dashboard :is(.dashboard-content .text-white\/55,.dashboard-content .text-white\/50,.dashboard-content .text-white\/60,.dashboard-content .text-white\/70) {
  color:#4f6682 !important;
}
html[data-cr-theme="light"] .cr-platform-dashboard :is(.dashboard-content .text-white,.dashboard-content .nav-tab-btn:not(.active)) {
  color:#243c5b !important;
}
html[data-cr-theme="light"] .cr-platform-dashboard :is(.model-card-premium .card-inner p,.model-card-premium .model-description) {
  color:#4b6381 !important;
}
html[data-cr-theme="light"] .cr-platform-dashboard .advanced-pill-toggle.active,
html[data-cr-theme="light"] .cr-platform-dashboard .nav-tab-btn.active {
  color:#fff !important;
  background:#4d54bc !important;
}
html[data-cr-theme="light"] .cr-platform-dashboard :is(.btn-primary,.bg-primary.text-white,.bg-indigo-500.text-white) {
  color:#fff !important;
}
html[data-cr-theme="light"] .cr-platform-dashboard .icon-orb.orb-image {
  color:#1475aa !important;background:#e7f6ff !important;border-color:#c6e8f7 !important;
}

/* Video Director: a separate generator route that was missed because its
   root shared .generator-page with ModelGenerator but has different controls. */
html[data-cr-theme="light"] .cr-video-director-page {
  color:#233a57 !important;
}
html[data-cr-theme="light"] .cr-video-director-page .glass-panel {
  color:#213957 !important;background:#fff !important;border:1px solid #d9e3f0 !important;
}
html[data-cr-theme="light"] .cr-video-director-page :is(.elegant-textarea,.elegant-input,select.elegant-input) {
  color:#203854 !important;-webkit-text-fill-color:#203854;
  background:#f7f9fe !important;
  border-color:#c7d6e8 !important;
  color-scheme:light;
}
html[data-cr-theme="light"] .cr-video-director-page :is(.elegant-textarea,.elegant-input)::placeholder {
  color:#60748f !important;-webkit-text-fill-color:#60748f;opacity:1;
}
html[data-cr-theme="light"] .cr-video-director-page select.elegant-input option {
  color:#223957 !important;background:#fff !important;
}
html[data-cr-theme="light"] .cr-video-director-page .text-white\/40,
html[data-cr-theme="light"] .cr-video-director-page .text-white\/50,
html[data-cr-theme="light"] .cr-video-director-page .text-muted {
  color:#506883 !important;
}
html[data-cr-theme="light"] .cr-video-director-page :is(.text-white,.text-white\/80,.text-white\/90) {
  color:#233c5b !important;
}
html[data-cr-theme="light"] .cr-video-director-page :is(.btn-primary,.bg-primary.text-white,.bg-red-500.text-white) {
  color:#fff !important;
}
/* The video preview and generated-media player keep their original media
   overlay colors; no blanket video or canvas selectors. */

/* Credits pricing — intentional paid tier gradients stay, standard white
   cards and copy become legible. */
html[data-cr-theme="light"] .cr-platform-ai-pricing :is(.text-white,.text-white\/90,.text-white\/80,.text-white\/70,.text-white\/60,.text-white\/50,.text-white\/40,.text-white\/30,.text-white\/20) {
  color:#334b68 !important;
}
html[data-cr-theme="light"] .cr-platform-ai-pricing :is(h1,h2,h3,h4) {
  color:#203957 !important;
}
html[data-cr-theme="light"] .cr-platform-ai-pricing :is(.pricing-card,.feature-box,.bg-black\/40,.bg-white\/5) {
  background:#fff !important;color:#243c58 !important;border-color:#d9e3f0 !important;
}
html[data-cr-theme="light"] .cr-platform-ai-pricing :is(.text-white\/70,.text-white\/50,.text-white\/40) {
  color:#536a86 !important;
}
/* Keep original dark ink on the bright cyan brand action. White text on
   cyan would be less than 2:1 despite the rest of the pricing page being light. */
html[data-cr-theme="light"] .cr-platform-ai-pricing .bg-primary.text-black {
  color:#102841 !important;
}
html[data-cr-theme="light"] .cr-platform-ai-pricing :is(.bg-indigo-500.text-white,.bg-violet-600.text-white) {
  color:#fff !important;
}
html[data-cr-theme="light"] .cr-platform-ai-pricing :is(input,textarea,select) {
  color:#1c3654 !important;color-scheme:light;
}
/* Website pricing comparison previously used white labels over white article. */
html[data-cr-theme="light"] .cr-platform-site-pricing :is(h1,h2,h3,.text-white,.text-white\/75,.text-white\/70,.text-white\/65,.text-white\/60) {
  color:#213956 !important;
}
html[data-cr-theme="light"] .cr-platform-site-pricing :is(article p,article li,article strong) {
  color:#294361 !important;
}
html[data-cr-theme="light"] .cr-platform-site-pricing :is(.bg-indigo-500,.bg-indigo-600) {
  color:#fff !important;
}
html[data-cr-theme="light"] .cr-platform-site-pricing :is(.bg-white\/\[0\.05\],.bg-white\/\[0\.04\]) {
  color:#315274 !important;background:#edf3fc !important;border-color:#d9e4f0 !important;
}

/* Checkout result (processing, approved, failed, pending). */
html[data-cr-theme="light"] .success-page {
  background:#f7f9fe !important;color:#1e3653 !important;
}
html[data-cr-theme="light"] .success-page .success-card {
  background:#fff !important;color:#203855 !important;
  border:1px solid #dae5f0 !important;
  box-shadow:0 17px 55px rgba(28,52,97,.09) !important;
}
html[data-cr-theme="light"] .success-page :is(.title,.subtitle) {
  color:#203956 !important;
}
html[data-cr-theme="light"] .success-page .subtitle {
  color:#526985 !important;
}
html[data-cr-theme="light"] .success-page .ref-box {
  background:#f2f6fc !important;border-color:#d6e2f0 !important;
}
html[data-cr-theme="light"] .success-page .ref-label {
  color:#586e89 !important;
}
html[data-cr-theme="light"] .success-page .ref-value {
  color:#2556a9 !important;
}
html[data-cr-theme="light"] .success-page .btn-action.ghost {
  color:#28486a !important;background:#eef3fb !important;border-color:#cbd9e9 !important;
}
html[data-cr-theme="light"] .success-page .btn-action.primary {
  color:#fff !important;background:#3456b6 !important;
}

/* Legal report-abuse form is an authenticated/public safety route; no dark
   page should appear suddenly after a user selects light platform appearance. */
html[data-cr-theme="light"] .cr-abuse-page {
  background:#f7f9fe !important;color:#223b5b !important;
}
html[data-cr-theme="light"] .cr-abuse-page :is(h1,.text-white) {
  color:#1c3554 !important;
}
html[data-cr-theme="light"] .cr-abuse-page :is(.text-white\/40,.text-white\/30,.text-white\/20) {
  color:#536b86 !important;
}
html[data-cr-theme="light"] .cr-abuse-page :is(input,select,textarea) {
  color:#213a58 !important;-webkit-text-fill-color:#213a58;
  color-scheme:light;
  background:#fff !important;
  border:1px solid #cbd9e9 !important;
}
html[data-cr-theme="light"] .cr-abuse-page :is(input,textarea)::placeholder {
  color:#637891 !important;-webkit-text-fill-color:#637891;opacity:1;
}
html[data-cr-theme="light"] .cr-abuse-page button.bg-red-500 {
  background:#b7344e !important;color:#fff !important;
}

/* Admin tickets management was missed by the preexisting .ta-light CSS:
   separate management controls kept forced charcoal even in admin light. */
html[data-cr-theme="light"] .tickets-admin.ta-light .ta-management :is(input:not([type="checkbox"]),select) {
  background:#fff !important;
  color:#203955 !important;
  -webkit-text-fill-color:#203955;
  border-color:#cbd9ea !important;color-scheme:light;
}
html[data-cr-theme="light"] .tickets-admin.ta-light .ta-management select option {
  background:#fff !important;color:#233c58 !important;
}
html[data-cr-theme="light"] .tickets-admin.ta-light .ta-management :is(label,p,small) {
  color:#4e6681 !important;
}
html[data-cr-theme="light"] .tickets-admin.ta-light .ta-danger strong {
  color:#9b2d44 !important;
}



/* ---------------------------------------------------------------------------
   Wise transfer dialog (AI credit pricing)
   SweetAlert is teleported to <body>. Never rely on an ancestor .pricing-page:
   its background switches through the global SweetAlert palette, while its
   old inline account text stayed white-on-white. The dialog owns its paired
   surfaces and ink in BOTH modes. These selectors only affect this dialog.
   --------------------------------------------------------------------------- */
.swal2-container .swal2-popup.cr-pricing-bank-modal {
  --bank-paper: #101828;
  --bank-ink: #f0f5ff;
  --bank-muted: #b7c5dc;
  --bank-surface: #18243a;
  --bank-stroke: #354862;
  --bank-link: #c3bbff;
  --bank-tab: #1e2a40;
  --bank-tab-active: #34316e;
  --bank-tab-active-ink: #f5f2ff;
  --bank-green-bg: #153b32;
  --bank-green-ink: #abf1d1;
  --bank-green-stroke: #306b55;
  width: min(520px, calc(100vw - 20px)) !important;
  max-height: calc(100dvh - 20px);
  overflow-y: auto;
  padding: clamp(18px, 3vw, 29px) !important;
  border: 1px solid var(--bank-stroke) !important;
  border-radius: 25px !important;
  background: var(--bank-paper) !important;
  color: var(--bank-ink) !important;
  box-shadow: 0 22px 70px rgba(8,18,38,.24) !important;
  color-scheme: dark;
}
html[data-cr-theme="light"] .swal2-container .swal2-popup.cr-pricing-bank-modal {
  --bank-paper: #ffffff;
  --bank-ink: #1d3453;
  --bank-muted: #4d6581;
  --bank-surface: #f5f8fe;
  --bank-stroke: #d5e0ef;
  --bank-link: #394eac;
  --bank-tab: #edf3fc;
  --bank-tab-active: #e6e7ff;
  --bank-tab-active-ink: #3c4398;
  --bank-green-bg: #e6f8ed;
  --bank-green-ink: #086643;
  --bank-green-stroke: #b0dfc1;
  color-scheme: light;
}
.swal2-container .swal2-popup.cr-pricing-bank-modal .swal2-title {
  font-size: clamp(21px, 3.7vw, 26px) !important;
  line-height: 1.25;
  font-weight: 800 !important;
  letter-spacing: -.025em;
  color: var(--bank-ink) !important;
  margin: 0 0 12px !important;
  padding: 0 6px !important;
}
.swal2-container .swal2-popup.cr-pricing-bank-modal .swal2-html-container {
  margin: 0 !important;
  padding: 0 1px !important;
  color: var(--bank-ink) !important;
}
.swal2-container .swal2-popup.cr-pricing-bank-modal .cr-bank-modal {
  display: grid;
  gap: 14px;
  text-align: left;
  font: inherit;
  color: var(--bank-ink) !important;
}
.swal2-container .swal2-popup.cr-pricing-bank-modal .cr-bank-modal__description,
.swal2-container .swal2-popup.cr-pricing-bank-modal .cr-bank-modal__note {
  margin: 0 !important;
  color: var(--bank-muted) !important;
  font-size: 13px;
  line-height: 1.62;
  text-align: center;
}
.swal2-container .swal2-popup.cr-pricing-bank-modal .cr-bank-modal__description strong {
  color: var(--bank-ink) !important;
  font-weight: 800;
}
.swal2-container .swal2-popup.cr-pricing-bank-modal .cr-bank-modal__tabs {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  align-items:stretch;
}
.swal2-container .swal2-popup.cr-pricing-bank-modal .cr-bank-modal__tab {
  min-width:0;
  min-height:43px;
  padding:10px 12px;
  border:1px solid var(--bank-stroke);
  border-radius:12px;
  font-size:13px;
  font-weight:750;
  background:var(--bank-tab);
  color:var(--bank-muted);
  cursor:pointer;
}
.swal2-container .swal2-popup.cr-pricing-bank-modal .cr-bank-modal__tab.is-active {
  background:var(--bank-tab-active);
  color:var(--bank-tab-active-ink);
  border-color:#8887dc;
}
.swal2-container .swal2-popup.cr-pricing-bank-modal .cr-bank-modal__tab:is(:hover,:focus-visible) {
  border-color:#8386d8;
  color:var(--bank-link);
}
.swal2-container .swal2-popup.cr-pricing-bank-modal .cr-bank-modal__tab:focus-visible,
.swal2-container .swal2-popup.cr-pricing-bank-modal .cr-bank-modal__copy:focus-visible,
.swal2-container .swal2-popup.cr-pricing-bank-modal .cr-bank-modal__receipt:focus-visible,
.swal2-container .swal2-popup.cr-pricing-bank-modal .cr-bank-modal__close:focus-visible {
  outline:3px solid #5379d2;
  outline-offset:2px;
}
.swal2-container .swal2-popup.cr-pricing-bank-modal .cr-bank-modal__account {
  border:1px solid var(--bank-stroke);
  background:var(--bank-surface);
  border-radius:16px;
  padding:2px 15px 7px;
}
.swal2-container .swal2-popup.cr-pricing-bank-modal .cr-bank-modal__account[hidden] {
  display:none !important;
}
.swal2-container .swal2-popup.cr-pricing-bank-modal .cr-bank-modal__field {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:10px 0;
  border-bottom:1px solid var(--bank-stroke);
}
.swal2-container .swal2-popup.cr-pricing-bank-modal .cr-bank-modal__field-info {
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.swal2-container .swal2-popup.cr-pricing-bank-modal .cr-bank-modal__field-label {
  color:var(--bank-muted) !important;
  font-size:11px;
  letter-spacing:.04em;
  font-weight:700;
  text-transform:uppercase;
}
.swal2-container .swal2-popup.cr-pricing-bank-modal .cr-bank-modal__field-value {
  color:var(--bank-ink) !important;
  font-size:14px;
  font-weight:800;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
  user-select:text;
}
.swal2-container .swal2-popup.cr-pricing-bank-modal .cr-bank-modal__copy {
  flex:none;
  min-width:73px;
  min-height:38px;
  padding:7px 11px;
  border:1px solid #9399d6;
  border-radius:10px;
  background:var(--bank-tab-active);
  color:var(--bank-tab-active-ink);
  font-size:12px;
  font-weight:750;
  cursor:pointer;
}
.swal2-container .swal2-popup.cr-pricing-bank-modal .cr-bank-modal__copy:is(:hover,:focus-visible) {
  filter:brightness(.96);
  border-color:#6064b9;
}
.swal2-container .swal2-popup.cr-pricing-bank-modal .cr-bank-modal__address {
  color:var(--bank-muted) !important;
  font-size:11px;
  line-height:1.5;
  margin:9px 0 0 !important;
}
.swal2-container .swal2-popup.cr-pricing-bank-modal .cr-bank-modal__receipt {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  text-align:center;
  padding:13px 12px;
  border:1px solid var(--bank-green-stroke);
  border-radius:13px;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
  line-height:1.45;
  background:var(--bank-green-bg);
  color:var(--bank-green-ink) !important;
}
.swal2-container .swal2-popup.cr-pricing-bank-modal .cr-bank-modal__receipt:hover {
  filter:brightness(.97);
}
.swal2-container .swal2-popup.cr-pricing-bank-modal .cr-bank-modal__close {
  width:100%;
  max-width:160px;
  min-height:42px;
  padding:11px 15px;
  border:1px solid var(--bank-stroke);
  border-radius:12px;
  background:var(--bank-tab) !important;
  color:var(--bank-ink) !important;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  cursor:pointer;
}
.swal2-container .swal2-popup.cr-pricing-bank-modal .swal2-actions {
  margin:14px 0 0 !important;
  width:100%;
}
@media(max-width:359px) {
  .swal2-container .swal2-popup.cr-pricing-bank-modal .cr-bank-modal__field {
    gap:6px;
  }
  .swal2-container .swal2-popup.cr-pricing-bank-modal .cr-bank-modal__copy {
    min-width:62px;
    padding:7px 8px;
  }
}


/* ---------------------------------------------------------------------------
   Shared desktop language control. The old Globe carried .text-white/40;
   switching navbar to paper hid the icon while EN/ES remained visible.
   --------------------------------------------------------------------------- */
.navbar .lang-toggle .cr-navbar-language-icon {
  color:#aebcd5;
  stroke:currentColor;
  flex-shrink:0;
  opacity:1;
}
html[data-cr-theme="light"] .navbar .lang-toggle .cr-navbar-language-icon {
  color:#3b587d !important;
  stroke:currentColor !important;
  opacity:1 !important;
}
html[data-cr-theme="light"] .navbar .lang-toggle:is(:hover,:focus-visible) .cr-navbar-language-icon {
  color:#24519d !important;
}
html[data-cr-theme="light"] .navbar .lang-toggle:focus-visible {
  outline:2px solid #416bc1 !important;
  outline-offset:2px;
}

/* ---------------------------------------------------------------------------
   Whatsapp catalog DEMO phone: keep the dark hardware bezel, but show a light
   mobile storefront when the surrounding site is light. Previous theme CSS
   deliberately kept the entire phone charcoal. Its dark-mode styling is
   unchanged. Product cards, labels, counter and add buttons now work in both.
   --------------------------------------------------------------------------- */
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-site-whatsapp-mock.cr-wa-device {
  background:#f7fafd !important;
  border:6px solid #1f304a !important;
  color:#1d3351 !important;
  box-shadow:0 18px 45px rgba(26,48,85,.2) !important;
  color-scheme:light;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-wa-device .cr-wa-status-time,
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-wa-device .cr-wa-store-name,
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-wa-device .cr-wa-product-name {
  color:#182f4b !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-wa-device .cr-wa-store-count,
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-wa-device .cr-wa-product-desc {
  color:#4a617b !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-wa-device .cr-wa-device-notch {
  background:#d9e2ed !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-wa-device .cr-wa-signal {
  background:#8293ab !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-wa-device .cr-wa-product-card {
  background:#ffffff !important;
  border:1px solid #dfe7ef !important;
  color:#1e3453 !important;
  box-shadow:0 2px 8px rgba(28,54,83,.035);
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-wa-device .cr-wa-product-card.is-added {
  background:#edfaf1 !important;
  border-color:#9adcb1 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-wa-device .cr-wa-product-emoji {
  background:#f0f4fa !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-wa-device .cr-wa-product-price {
  color:#08784a !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-wa-device .cr-wa-add-btn:not(.is-added) {
  background:#e6edf8 !important;
  color:#23518f !important;
  border:1px solid #cbd9ec !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-wa-device .cr-wa-add-btn:not(.is-added):hover {
  background:#d5e4f8 !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-wa-device .cr-wa-add-btn.is-added {
  background:#20c96e !important;
  color:#10351e !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-wa-device .cr-wa-checkout {
  background:#20c96e !important;
  color:#10351e !important;
  box-shadow:0 4px 16px rgba(20,130,65,.18) !important;
}
html[data-cr-theme="light"] .cr-platform-builder-surface .cr-wa-device .cr-wa-add-btn:focus-visible {
  outline:3px solid #3268c2 !important;
  outline-offset:2px;
}

/* Shared native select option protection for other free tools that use the
   same dark option utility class (e.g. Holiday Calendar). Inputs inside
   generated-site iframes or media previews are intentionally excluded. */
html[data-cr-theme="light"] .cr-tools-detail select:not([data-preserve-dark]) option {
  color:#213957 !important;
  background:#ffffff !important;
}
html[data-cr-theme="light"] .cr-tools-detail select:not([data-preserve-dark]):focus-visible {
  outline:2px solid #426cc1 !important;
  outline-offset:2px;
}



/* Light theme mobile audit: holiday calendar, free tools, failure dialog,
   audio generator cost. Teleported dialogs are intentionally scoped by
   semantic root class rather than their parent route. */
html[data-cr-theme="light"] .cr-holiday-calendar {
  color:#203854 !important; background:#f7f9fe !important;
}
html[data-cr-theme="light"] .cr-holiday-calendar .cr-holiday-filters {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) 9rem !important;
  align-items:end; gap:16px; width:100%;
}
html[data-cr-theme="light"] .cr-holiday-calendar .cr-holiday-filters > div {
  min-width:0 !important; width:100% !important;
}
html[data-cr-theme="light"] .cr-holiday-calendar .cr-holiday-filters :is(label,input,select) {
  color:#263f5e !important; -webkit-text-fill-color:#263f5e !important;
}
html[data-cr-theme="light"] .cr-holiday-calendar .cr-holiday-filters :is(input,select) {
  display:block; min-width:0; width:100%; max-width:100%;
  /* Do not use the "background" shorthand: it silently resets
     background-repeat to repeat, tiling the global chevron icon. */
  background-color:#fff !important; border:1px solid #d0ddeb !important;
  color-scheme:light;
}
html[data-cr-theme="light"] .cr-holiday-calendar .cr-holiday-filters input::placeholder {
  color:#5b7089 !important;-webkit-text-fill-color:#5b7089 !important;opacity:1;
}
html[data-cr-theme="light"] .cr-holiday-calendar .cr-holiday-calendar-shell {
  background:#fff !important;border:1px solid #dce5f1 !important;
}
html[data-cr-theme="light"] .cr-holiday-calendar .cr-holiday-month {
  background:#f4f7fc !important;border:1px solid #dce5f1 !important;
  min-width:0 !important;
}
html[data-cr-theme="light"] .cr-holiday-calendar .cr-holiday-month :is(h3,.cr-holiday-weekdays,.cr-holiday-days) {
  color:#2c4767 !important;
}
html[data-cr-theme="light"] .cr-holiday-calendar .cr-holiday-days .text-white\/70 {
  color:#344d6c !important;
}
html[data-cr-theme="light"] .cr-holiday-calendar .cr-holiday-days .text-primary {
  color:#2459b4 !important;background:#dce9ff !important;
}
html[data-cr-theme="light"] .cr-holiday-calendar .cr-holiday-days .text-white {
  color:#213c5d !important;background:#e3ecff !important;
}
html[data-cr-theme="light"] .cr-holiday-calendar .cr-holiday-status {
  color:#4b6380 !important;background:#eff4fa !important;border-color:#d7e2ef !important;
}
html[data-cr-theme="light"] .cr-holiday-calendar .cr-holiday-status p,
html[data-cr-theme="light"] .cr-holiday-calendar .cr-holiday-list :is(h2,p) {
  color:#354f6e !important;
}
html[data-cr-theme="light"] .cr-holiday-calendar .cr-holiday-list > div > div {
  color:#294463 !important;background:#fff !important;border-color:#d7e2ef !important;
}
html[data-cr-theme="light"] .cr-holiday-calendar .cr-holiday-list .text-white\/90,
html[data-cr-theme="light"] .cr-holiday-calendar .cr-holiday-list .text-white\/70 {
  color:#385473 !important;
}
html[data-cr-theme="light"] .cr-holiday-calendar .text-amber-100 {
  color:#876000 !important;
}
html[data-cr-theme="light"] .cr-holiday-calendar .cr-tool-promo :is(h3,p,div.text-white) {
  color:#fff !important;
}
@media(max-width:767px) {
  html[data-cr-theme="light"] .cr-holiday-calendar .cr-holiday-filters {
    grid-template-columns:minmax(0,1fr) !important; gap:13px !important;
  }
  html[data-cr-theme="light"] .cr-holiday-calendar .cr-holiday-calendar-shell {
    padding:14px !important;
  }
  html[data-cr-theme="light"] .cr-holiday-calendar .cr-holiday-calendar-shell > .grid {
    grid-template-columns:minmax(0,1fr) !important;gap:14px !important;
  }
  html[data-cr-theme="light"] .cr-holiday-calendar .cr-holiday-month {
    padding:13px !important;
  }
  html[data-cr-theme="light"] .cr-holiday-calendar .cr-holiday-days > div {
    min-width:0 !important;
  }
}
/* Password free-tool promo icon: white-on-white after themed backgrounds. */
html[data-cr-theme="light"] .cr-password-generator .cr-password-promo-icon {
  background:#e5edff !important; border:1px solid #c3d4f4 !important;
}
html[data-cr-theme="light"] .cr-password-generator .cr-password-promo-shield {
  color:#2559b7 !important;
}
/* Audio cost hint must inherit a readable dark foreground. */
html[data-cr-theme="light"] .generator-page .cr-generator-cost .cr-generator-cost-hint {
  color:#405d7e !important;-webkit-text-fill-color:#405d7e !important;
}
/* Teleported failure report — light paper in light mode, never a mixed
   black body and invisible text. Keep full dark styling without overrides. */
html[data-cr-theme="light"] .modal-overlay:has(> .cr-history-failure-modal) {
  background:rgba(17,30,51,.55) !important;
}
html[data-cr-theme="light"] .cr-history-failure-modal {
  background:#fff !important;color:#203956 !important;
  border:1px solid #dbe4ef !important;
  max-height:calc(100dvh - 32px);
  overflow-y:auto;
}
html[data-cr-theme="light"] .cr-history-failure-modal .failure-header {
  background:#fff1f2 !important;border-bottom:1px solid #f0cdd3 !important;
}
html[data-cr-theme="light"] .cr-history-failure-modal .failure-title {
  color:#243a56 !important;
}
html[data-cr-theme="light"] .cr-history-failure-modal .failure-subtitle {
  color:#a3263b !important;opacity:1 !important;
}
html[data-cr-theme="light"] .cr-history-failure-modal .error-text {
  color:#4d627d !important;
}
html[data-cr-theme="light"] .cr-history-failure-modal .refund-banner {
  background:#eaf7f3 !important;border-color:#b9e2d2 !important;
}
html[data-cr-theme="light"] .cr-history-failure-modal .refund-banner p {
  color:#1d584d !important;
}
html[data-cr-theme="light"] .cr-history-failure-modal .refund-banner strong {
  color:#08734c !important;
}
html[data-cr-theme="light"] .cr-history-failure-modal .tech-item {
  background:#f2f6fb !important;border:1px solid #dce6f0 !important;
}
html[data-cr-theme="light"] .cr-history-failure-modal .tech-label {
  color:#4d6481 !important;
}
html[data-cr-theme="light"] .cr-history-failure-modal .tech-value {
  color:#243d5d !important;overflow-wrap:anywhere;text-align:right;
}
html[data-cr-theme="light"] .cr-history-failure-modal .btn-primary-elegant {
  color:#102c3e !important;background:#25d8e9 !important;
}

/* Homepage illustrative-gallery disclaimer was still white/55 on paper. */
html[data-cr-theme="light"] .cr-platform-builder-surface #site-examples > p {
  color:#49627f !important;
}


/* MOBILE LIGHT FOLLOW-UP 2026-10-24
   Reinforce exact tool controls, not generic screenshots. Generated website
   iframes/editor preview, intentionally dark media and the dark theme remain
   outside this light-only rule set. */
html[data-cr-theme="light"] .cr-password-generator :is(.cr-password-hero,.cr-password-configuration,.cr-password-history) {
  background:#fff !important;
  color:#213a58 !important;
  border:1px solid #d9e4f0 !important;
  box-shadow:0 12px 35px rgba(23,49,90,.08) !important;
}
html[data-cr-theme="light"] .cr-password-generator .cr-password-display {
  background:#f2f6fc !important;
  border:1px solid #cddbea !important;
  color:#182f4e !important;
  min-width:0;
}
html[data-cr-theme="light"] .cr-password-generator .cr-password-display > span {
  color:#1e3960 !important;
  -webkit-text-fill-color:#1e3960 !important;
  overflow-wrap:anywhere;
  opacity:1 !important;
}
html[data-cr-theme="light"] .cr-password-generator .cr-password-strength {
  color:#24405e !important;
  background:#f0f5fc !important;
  border:1px solid #d7e2ee !important;
}
html[data-cr-theme="light"] .cr-password-generator .cr-password-strength :is(.text-white\/40,.text-white\/90) {
  color:#4b6481 !important;
}
html[data-cr-theme="light"] .cr-password-generator .cr-password-mode-tabs {
  color:#263e60 !important;
  background:#edf2fa !important;
  border:1px solid #dae4ef !important;
}
html[data-cr-theme="light"] .cr-password-generator .cr-password-mode-tab {
  color:#3a5374 !important;
  background:transparent !important;
}
html[data-cr-theme="light"] .cr-password-generator .cr-password-mode-tab.cr-password-mode-active {
  color:#254f9c !important;
  background:#ffffff !important;
  box-shadow:0 2px 8px rgba(27,48,81,.1) !important;
}
html[data-cr-theme="light"] .cr-password-generator .cr-password-range {
  background:#dce7f3 !important;
  accent-color:#356be1 !important;
  opacity:1 !important;
}
html[data-cr-theme="light"] .cr-password-generator .cr-password-toggle {
  background:#f7faff !important;
  border:1px solid #d5e1ed !important;
  color:#23405d !important;
}
html[data-cr-theme="light"] .cr-password-generator .cr-password-toggle:hover {
  background:#edf3fb !important;
  border-color:#aabfdf !important;
}
html[data-cr-theme="light"] .cr-password-generator .cr-password-toggle span {
  color:#2c4767 !important;
}
html[data-cr-theme="light"] .cr-password-generator .cr-password-history .text-white\/30 {
  color:#506885 !important;
  opacity:1 !important;
}
html[data-cr-theme="light"] .cr-password-generator .cr-password-history .text-white\/40 {
  color:#506885 !important;
}
html[data-cr-theme="light"] .cr-password-generator .cr-password-history .text-white\/70 {
  color:#2c4764 !important;
}
html[data-cr-theme="light"] .cr-password-generator .cr-password-history button {
  color:#31568c !important;
}
html[data-cr-theme="light"] .cr-password-generator .cr-password-copy:focus-visible,
html[data-cr-theme="light"] .cr-password-generator .cr-password-mode-tab:focus-visible,
html[data-cr-theme="light"] .cr-password-generator .cr-password-toggle:focus-within,
html[data-cr-theme="light"] .cr-password-generator .cr-password-range:focus-visible {
  outline:3px solid #426fcb !important;
  outline-offset:3px;
}
html[data-cr-theme="light"] .cr-password-generator select {
  color:#23405f !important;
  background:#fff !important;
  color-scheme:light;
  border:1px solid #c5d6e8 !important;
}
html[data-cr-theme="light"] .cr-password-generator select option {
  color:#1e3553 !important;
  background:#fff !important;
}
/* The cost hint differs between models (plain render vs. audio characters).
   These are BOTH copy elements, never disabled/light text overlays. */
html[data-cr-theme="light"] .generator-page .cr-generator-cost {
  background:#edf4ff !important;
  border:1px solid #c9dcf5 !important;
  color:#284565 !important;
  gap:12px;
  flex-wrap:wrap;
}
html[data-cr-theme="light"] .generator-page .cr-generator-cost :is(.cr-generator-cost-hint,.text-muted,.text-white\/90,.text-white\/70,.text-white\/60,.text-white\/50) {
  color:#31506f !important;
  -webkit-text-fill-color:#31506f !important;
  opacity:1 !important;
}
html[data-cr-theme="light"] .generator-page .cr-generator-cost .text-primary {
  color:#215bb4 !important;
}
@media(max-width:420px) {
  html[data-cr-theme="light"] .generator-page .cr-generator-cost {
    align-items:flex-start !important;
    flex-direction:column !important;
  }
  html[data-cr-theme="light"] .generator-page .cr-generator-cost > div {
    min-width:0;
    max-width:100%;
    overflow-wrap:anywhere;
  }
}
/* History failure details were already repaired in the global theme.
   Add focus and mobile width so their content is reachable at 320px. */
html[data-cr-theme="light"] .cr-history-failure-modal {
  color-scheme:light;
  width:min(540px,calc(100vw - 24px));
  max-width:100%;
}
html[data-cr-theme="light"] .cr-history-failure-modal .btn-primary-elegant:focus-visible {
  outline:3px solid #315fbd;
  outline-offset:3px;
}
/* Gallery: make the three examples readable on phones even on devices whose
   reported viewport is wider than their physical display. */
@media(min-width:680px) and (max-width:1023px) and (pointer:fine) {
  .cr-platform-builder-surface #site-examples > div.grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
/* Some Android browsers report a wide CSS viewport at nonstandard zoom.
   Coarse-pointer touch screens must never show tiny 3-column examples. */
@media(max-width:679px), (pointer:coarse) and (max-width:1023px) {
  .cr-platform-builder-surface #site-examples > div.grid {
    grid-template-columns:minmax(0,1fr) !important;
  }
  .cr-platform-builder-surface #site-examples article {
    width:100%;
    min-width:0;
  }
}


/* First-party native dropdowns: legible closed controls in LIGHT mode.
   Open OS-controlled option lists cannot be skinned consistently; use the
   CrSelect component for important model/status/category dropdowns. */
html[data-cr-theme="light"] :where(.cr-tools-detail,.cr-tools-hub,.cr-public-form,.history-page,.support-page,
  .generator-page,.wallet-wrapper,.cr-platform-dashboard,.cr-platform-ai-pricing,
  .cr-platform-site-pricing,.cr-video-director-page,.cr-affiliate-page)
  select:not([multiple]):not([size]):not([data-preserve-dark]) {
  color:#203755 !important;
  -webkit-text-fill-color:#203755 !important;
  background-color:#ffffff !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23496285' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  /* The image, repeat, position and size must be kept together. Some
     page-level background shorthand declarations were overriding repeat. */
  background-repeat:no-repeat !important;
  background-position:right 12px center !important;
  background-size:16px 16px !important;
  border-color:#cedbec !important;
  box-shadow:0 6px 18px rgba(38,61,103,.07);
  color-scheme:light;
}
html[data-cr-theme="light"] :where(.cr-tools-detail,.cr-tools-hub,.cr-public-form,.history-page,.support-page,
  .generator-page,.wallet-wrapper,.cr-platform-dashboard,.cr-platform-ai-pricing,
  .cr-platform-site-pricing,.cr-video-director-page,.cr-affiliate-page)
  select:not([multiple]):not([size]):not([data-preserve-dark]):hover {
  background-color:#f7faff !important;
  border-color:#9eb8e6 !important;
}
html[data-cr-theme="light"] :where(.cr-tools-detail,.cr-tools-hub,.cr-public-form,.history-page,.support-page,
  .generator-page,.wallet-wrapper,.cr-platform-dashboard,.cr-platform-ai-pricing,
  .cr-platform-site-pricing,.cr-video-director-page,.cr-affiliate-page)
  select:not([multiple]):not([size]):not([data-preserve-dark]):focus-visible {
  outline:3px solid #4274ce !important;
  outline-offset:2px !important;
  border-color:#4274ce !important;
}
html[data-cr-theme="light"] :where(.cr-tools-detail,.cr-tools-hub,.cr-public-form,.history-page,.support-page,
  .generator-page,.wallet-wrapper,.cr-platform-dashboard,.cr-platform-ai-pricing,
  .cr-platform-site-pricing,.cr-video-director-page,.cr-affiliate-page)
  select:not([multiple]):not([size]):not([data-preserve-dark]) option {
  color:#203755 !important;
  background-color:#ffffff !important;
}