/* ========================================================================== */
/* W STUDIOS — ARCTIC SILVER 2026                                             */
/* A calm, optical-white product language with restrained liquid metal.       */
/* Loaded last: visual-only layer, no application flow is changed.             */
/* ========================================================================== */

:root {
  --arctic-ease: cubic-bezier(.22, 1, .36, 1);
  --arctic-ice: #f4f7f9;
  --arctic-white: #ffffff;
  --arctic-snow: #fbfcfd;
  --arctic-ink: #111318;
  --arctic-copy: #4e5662;
  --arctic-muted: #7d8794;
  --arctic-silver: #a9b2bd;
  --arctic-line: rgba(73, 84, 98, .14);
  --arctic-blue: #3d78ff;
  --arctic-cyan: #88dcff;
  --arctic-metal: linear-gradient(135deg, #fefefe 0%, #aeb7c2 20%, #f9fbfd 42%, #8c97a4 62%, #eef2f6 82%, #a8b1bc 100%);
  --arctic-shadow: 0 1px 1px rgba(15, 23, 42, .04), 0 12px 34px rgba(62, 76, 94, .08);
  --arctic-shadow-xl: 0 20px 70px rgba(39, 55, 76, .14), 0 2px 8px rgba(39, 55, 76, .06);
}

html:has(body[data-design="arctic"]) {
  background: var(--arctic-ice) !important;
}

body[data-design="arctic"],
body[data-design="arctic"][data-theme],
body[data-design="arctic"][data-gradient] {
  color-scheme: light;
  --bg-primary: #f3f6f8 !important;
  --bg-secondary: #ffffff !important;
  --bg-tertiary: #edf1f4 !important;
  --bg-card: rgba(255, 255, 255, .82) !important;
  --bg-hover: rgba(57, 75, 99, .055) !important;
  --text-primary: var(--arctic-ink) !important;
  --text-secondary: var(--arctic-copy) !important;
  --text-muted: var(--arctic-muted) !important;
  --border: var(--arctic-line) !important;
  --border-gold: rgba(85, 105, 130, .24) !important;
  --gold: #526171 !important;
  --gold-light: #a7b1bd !important;
  --gold-dark: #222a34 !important;
  --gold-glow: rgba(109, 130, 154, .18) !important;
  --gold-gradient: linear-gradient(135deg, #111820 0%, #526171 48%, #b9c3ce 100%) !important;
  --shadow: var(--arctic-shadow) !important;
  background: var(--arctic-ice) !important;
  color: var(--arctic-ink) !important;
  letter-spacing: -.01em;
}

body[data-design="arctic"] ::selection {
  color: #07101c;
  background: rgba(136, 220, 255, .52);
}

body[data-design="arctic"] :focus-visible {
  outline: 2px solid rgba(61, 120, 255, .72) !important;
  outline-offset: 3px;
}

body[data-design="arctic"] ::-webkit-scrollbar { width: 9px; height: 9px; }
body[data-design="arctic"] ::-webkit-scrollbar-track { background: transparent; }
body[data-design="arctic"] ::-webkit-scrollbar-thumb {
  border: 3px solid transparent;
  border-radius: 999px;
  background: #aeb7c1;
  background-clip: padding-box;
}

/* Shared optical surface */
body[data-design="arctic"] :is(
  .studio-area-card, .voice-console, .provider-card, .workflow-grid > div,
  .price-card, .faq-grid > div, .final-cta, .gmail-pricing-panel,
  .pricing-highlight, .gmail-year-card, .auth-container, .tts-editor,
  .tts-settings, .tool-card, .voice-card, .history-card, .audio-card,
  .info-card, .credits-card, .sf-card, .admin-card, .client-stat-card,
  .usage-model-total-card, .usage-chart-card, .rev-chart-panel,
  .vn-panel, .tu-side-card, .modal-content, .modal-box
) {
  border: 1px solid transparent !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(247,249,251,.82)) padding-box,
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(133,146,161,.48), rgba(255,255,255,.9), rgba(105,119,136,.3)) border-box !important;
  box-shadow: var(--arctic-shadow) !important;
}

/* -------------------------------------------------------------------------- */
/* PUBLIC EXPERIENCE                                                          */
/* -------------------------------------------------------------------------- */

body[data-design="arctic"] .auth-overlay {
  background:
    radial-gradient(ellipse 72% 46% at 50% -8%, rgba(255,255,255,.98) 0%, rgba(220,231,240,.76) 35%, transparent 72%),
    radial-gradient(circle at 84% 26%, rgba(136,220,255,.16), transparent 24rem),
    radial-gradient(circle at 9% 72%, rgba(171,187,205,.18), transparent 27rem),
    linear-gradient(150deg, #eef2f5 0%, #fbfcfd 43%, #edf1f4 100%) !important;
  color: var(--arctic-ink) !important;
  isolation: isolate;
}

body[data-design="arctic"] .auth-overlay::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  opacity: .42;
  background-image:
    linear-gradient(rgba(85, 98, 114, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(85, 98, 114, .035) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.72), transparent 85%);
}

body[data-design="arctic"] .auth-bg-effects { opacity: .75; }
body[data-design="arctic"] .auth-bg-effects::before {
  background: radial-gradient(circle, rgba(255,255,255,.95) 0 3%, rgba(137,151,168,.09) 40%, transparent 70%) !important;
}
body[data-design="arctic"] .auth-orb {
  filter: blur(24px) saturate(.65) !important;
  opacity: .24 !important;
}
body[data-design="arctic"] .auth-orb-1 { background: #b5eaff !important; }
body[data-design="arctic"] .auth-orb-2 { background: #b5bec9 !important; }
body[data-design="arctic"] .auth-orb-3 { background: #ffffff !important; }

body[data-design="arctic"] .landing-header,
body[data-design="arctic"] .portal-header {
  width: min(1240px, calc(100% - 40px));
  top: 18px;
  margin-inline: auto;
  padding: 10px 12px 10px 18px !important;
  border: 1px solid rgba(255,255,255,.78) !important;
  border-bottom-color: rgba(104,117,132,.22) !important;
  border-radius: 18px;
  background: rgba(255,255,255,.66) !important;
  box-shadow: 0 14px 44px rgba(53,67,84,.09), inset 0 1px 0 #fff;
  backdrop-filter: blur(22px) saturate(1.35);
  -webkit-backdrop-filter: blur(22px) saturate(1.35);
}

body[data-design="arctic"] .landing-brand,
body[data-design="arctic"] .landing-brand span,
body[data-design="arctic"] .landing-brand strong { color: #15191f !important; }

body[data-design="arctic"] .brand-mark {
  border: 1px solid rgba(86,100,117,.15);
  background: linear-gradient(145deg, #fff, #e5eaee) !important;
  box-shadow: inset 0 1px 0 #fff, 0 5px 14px rgba(62,76,94,.12) !important;
}

body[data-design="arctic"] .landing-nav {
  padding: 5px;
  border: 1px solid rgba(96,109,124,.1);
  border-radius: 999px;
  background: rgba(239,243,246,.72);
}
body[data-design="arctic"] .landing-nav a,
body[data-design="arctic"] .landing-link {
  padding: 8px 13px;
  border-radius: 999px;
  color: #5c6570 !important;
}
body[data-design="arctic"] .landing-nav a:hover,
body[data-design="arctic"] .landing-link:hover {
  color: #111318 !important;
  background: #fff;
  box-shadow: 0 4px 12px rgba(44,56,72,.08);
}

body[data-design="arctic"] :is(.landing-member-btn, .hero-primary, .generate-demo, .price-card button, .provider-card button) {
  position: relative;
  overflow: hidden;
  border: 1px solid #0d131a !important;
  border-radius: 12px !important;
  color: #fff !important;
  background: linear-gradient(145deg, #29323d, #080b0f 72%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 9px 24px rgba(17,24,33,.18) !important;
}
body[data-design="arctic"] :is(.landing-member-btn, .hero-primary, .generate-demo, .price-card button)::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,.28) 48%, transparent 66%);
  transform: translateX(-130%);
  transition: transform .75s var(--arctic-ease);
}
body[data-design="arctic"] :is(.landing-member-btn, .hero-primary, .generate-demo, .price-card button):hover::after {
  transform: translateX(130%);
}

body[data-design="arctic"] .landing-hero {
  width: min(1240px, calc(100% - 40px));
  min-height: 690px;
  margin: 0 auto;
  padding: 168px 0 72px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.02fr) minmax(420px, .98fr);
  align-items: center;
  gap: clamp(36px, 6vw, 92px);
  text-align: left !important;
}
body[data-design="arctic"] .auth-overlay.voice-mode .landing-hero {
  min-height: 660px !important;
  padding: 80px 0 62px !important;
}

body[data-design="arctic"] .landing-badge,
body[data-design="arctic"] .portal-kicker {
  width: max-content;
  max-width: 100%;
  color: #586371 !important;
  border: 1px solid rgba(104,118,135,.17) !important;
  background: rgba(255,255,255,.7) !important;
  box-shadow: inset 0 1px 0 #fff, 0 8px 22px rgba(64,78,95,.06);
}
body[data-design="arctic"] .landing-badge > span:first-child,
body[data-design="arctic"] .portal-kicker > span:first-child {
  background: #5e6976 !important;
  box-shadow: 0 0 0 5px rgba(94,105,118,.11) !important;
}

body[data-design="arctic"] .landing-hero h1 {
  max-width: 750px;
  margin: 22px 0 20px;
  color: #101318 !important;
  font-size: clamp(3.6rem, 6.2vw, 7.2rem) !important;
  font-weight: 600 !important;
  letter-spacing: -.072em !important;
  line-height: .93 !important;
}
body[data-design="arctic"] .landing-hero h1 strong,
body[data-design="arctic"] .section-heading h2 strong {
  color: transparent !important;
  background-image: linear-gradient(110deg, #101318 8%, #7c8794 45%, #1e2731 72%, #a9b4c0 100%) !important;
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow: none !important;
}
body[data-design="arctic"] .landing-hero p {
  max-width: 660px;
  margin-inline: 0;
  color: #59626e !important;
  font-size: clamp(1.05rem, 1.5vw, 1.28rem) !important;
  line-height: 1.7;
}
body[data-design="arctic"] .landing-hero p strong { color: #20262e !important; }
body[data-design="arctic"] .hero-buttons { justify-content: flex-start !important; }
body[data-design="arctic"] .hero-secondary {
  color: #242b33 !important;
  border-color: rgba(60,72,87,.18) !important;
  background: rgba(255,255,255,.7) !important;
  box-shadow: inset 0 1px 0 #fff, 0 7px 20px rgba(60,72,87,.06);
}
body[data-design="arctic"] .hero-proof { justify-content: flex-start !important; }
body[data-design="arctic"] .hero-proof span {
  color: #6a7480 !important;
  border-color: rgba(85,99,115,.12) !important;
  background: rgba(255,255,255,.5) !important;
}

/* Hero sonic sculpture */
.arctic-hero-visual {
  position: relative;
  min-height: 530px;
  display: grid;
  place-items: center;
  perspective: 1000px;
}
.arctic-hero-visual::before {
  content: "";
  position: absolute;
  width: 88%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.98), rgba(205,218,229,.52) 34%, rgba(136,220,255,.14) 52%, transparent 70%);
  filter: blur(3px);
}
.arctic-stage-label {
  position: absolute;
  top: 11%;
  left: 2%;
  padding: 9px 12px;
  border: 1px solid rgba(97,112,130,.14);
  border-radius: 999px;
  color: #67727f;
  background: rgba(255,255,255,.72);
  box-shadow: inset 0 1px 0 #fff;
  font: 600 10px/1 Inter, sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.arctic-sonic-object {
  position: relative;
  width: min(420px, 86vw);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  transform-style: preserve-3d;
  will-change: transform;
  transition: transform .35s var(--arctic-ease);
}
.arctic-sonic-core {
  position: absolute;
  width: 42%;
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(circle at 31% 25%, #fff 0 7%, rgba(255,255,255,.8) 8%, transparent 21%),
    radial-gradient(circle at 69% 72%, rgba(102,215,255,.9), transparent 29%),
    linear-gradient(145deg, #edf4f8 8%, #74808d 35%, #fff 56%, #9ca7b3 74%, #e7edf2 100%);
  box-shadow:
    inset -18px -22px 38px rgba(39,53,70,.28),
    inset 15px 14px 26px rgba(255,255,255,.92),
    0 34px 60px rgba(45,62,82,.24),
    0 0 80px rgba(130,220,255,.24);
  transform: translateZ(60px);
}
.arctic-sonic-core::after {
  content: "";
  position: absolute;
  inset: 14%;
  border: 1px solid rgba(255,255,255,.68);
  border-radius: inherit;
  box-shadow: inset 0 0 24px rgba(255,255,255,.4);
}
.arctic-ring {
  position: absolute;
  width: var(--ring-size);
  aspect-ratio: 1;
  border: 1px solid rgba(87,103,121,.3);
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.74), 0 0 18px rgba(80,100,122,.08);
  transform: rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz));
}
.arctic-ring.one { --ring-size: 68%; --rx: 72deg; --ry: 6deg; --rz: 17deg; }
.arctic-ring.two { --ring-size: 86%; --rx: 57deg; --ry: 63deg; --rz: 8deg; }
.arctic-ring.three { --ring-size: 100%; --rx: 78deg; --ry: -39deg; --rz: 35deg; opacity: .6; }
.arctic-signal {
  position: absolute;
  bottom: 13%;
  right: 0;
  height: 48px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 9px 13px;
  border: 1px solid rgba(101,116,133,.16);
  border-radius: 14px;
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(15px);
  box-shadow: 0 12px 30px rgba(54,69,87,.1), inset 0 1px 0 #fff;
}
.arctic-signal i {
  width: 3px;
  height: var(--signal-height);
  border-radius: 99px;
  background: linear-gradient(to top, #697583, #9fe6ff);
}
.arctic-live-pill {
  position: absolute;
  left: 7%;
  bottom: 20%;
  padding: 12px 14px;
  border: 1px solid rgba(97,112,130,.14);
  border-radius: 15px;
  color: #252c34;
  background: rgba(255,255,255,.74);
  backdrop-filter: blur(16px);
  box-shadow: 0 14px 32px rgba(54,69,87,.11), inset 0 1px 0 #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
}
.arctic-live-pill::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 8px;
  border-radius: 50%;
  background: #53bf91;
  box-shadow: 0 0 0 5px rgba(83,191,145,.12);
}

body[data-design="arctic"] .voice-console {
  width: min(1080px, calc(100% - 40px));
  margin: -28px auto 80px !important;
  border-radius: 26px !important;
  color: var(--arctic-ink) !important;
  box-shadow: var(--arctic-shadow-xl) !important;
  backdrop-filter: blur(24px);
}
body[data-design="arctic"] :is(.console-label, .console-final p) { color: #78828e !important; }
body[data-design="arctic"] :is(.voice-choice-demo, .console-final h3) { color: #171b20 !important; }
body[data-design="arctic"] .script-box {
  color: #3f4853 !important;
  border-color: rgba(82,98,116,.14) !important;
  background: rgba(236,241,245,.75) !important;
}
body[data-design="arctic"] .waveform i { background: linear-gradient(to top, #5e6b79, #9de4ff) !important; }

body[data-design="arctic"] .landing-section,
body[data-design="arctic"] .final-cta {
  width: min(1180px, calc(100% - 40px));
}
body[data-design="arctic"] .section-heading > span { color: #6c7886 !important; }
body[data-design="arctic"] .section-heading h2,
body[data-design="arctic"] .final-cta h2 {
  color: #111318 !important;
  font-weight: 600 !important;
  letter-spacing: -.045em !important;
}
body[data-design="arctic"] .section-heading p,
body[data-design="arctic"] .final-cta p,
body[data-design="arctic"] :is(.provider-card, .price-card, .faq-grid > div, .workflow-grid > div) p {
  color: #69737f !important;
}
body[data-design="arctic"] :is(.provider-card, .workflow-grid > div, .price-card, .faq-grid > div, .pricing-highlight, .gmail-year-card) {
  border-radius: 20px !important;
  transition: transform .45s var(--arctic-ease), box-shadow .45s ease !important;
}
body[data-design="arctic"] :is(.provider-card, .workflow-grid > div, .price-card, .faq-grid > div):hover {
  transform: translateY(-7px);
  box-shadow: 0 22px 55px rgba(43,59,78,.13), 0 2px 7px rgba(43,59,78,.05) !important;
}
body[data-design="arctic"] .provider-logo {
  color: #fff !important;
  background: linear-gradient(145deg, #46515e, #0e1217) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 8px 20px rgba(18,25,34,.16) !important;
}
body[data-design="arctic"] .provider-badges span,
body[data-design="arctic"] .tag-plan {
  color: #485461 !important;
  border-color: rgba(91,107,125,.15) !important;
  background: #edf1f4 !important;
}
body[data-design="arctic"] .price-card.featured,
body[data-design="arctic"] .provider-card.premium {
  transform: translateY(-10px);
  box-shadow: 0 24px 64px rgba(39,55,75,.16), 0 0 0 1px rgba(255,255,255,.76) !important;
}
body[data-design="arctic"] .price { color: #15191f !important; }

/* Expanded landing pricing and premium Gmail storefront */
body[data-design="arctic"] #pricing.landing-section {
  width: min(1480px, calc(100% - 56px));
}
body[data-design="arctic"] #pricing .pricing-highlight {
  border-color: rgba(76,94,114,.16) !important;
  box-shadow: 0 13px 34px rgba(42,58,76,.08), inset 0 1px 0 rgba(255,255,255,.94) !important;
}
body[data-design="arctic"] #pricing .pricing-highlight strong {
  color: #222931 !important;
}
body[data-design="arctic"] #pricing .pricing-highlight small {
  color: #65717e !important;
}
body[data-design="arctic"] #pricing .pricing-grid-7 .price-card {
  border-color: rgba(72,90,110,.17) !important;
  box-shadow: 0 16px 40px rgba(42,58,76,.10), inset 0 1px 0 #fff !important;
}
body[data-design="arctic"] #pricing .pricing-grid-7 .price-card > strong {
  color: #566371 !important;
}
body[data-design="arctic"] #pricing .pricing-grid-7 .price-old {
  color: #8995a1 !important;
}
body[data-design="arctic"] #pricing .gmail-pricing-panel {
  position: relative;
  border: 1px solid transparent !important;
  background:
    radial-gradient(520px 260px at 4% 12%, rgba(255,255,255,.98), transparent 70%),
    linear-gradient(124deg, rgba(247,250,252,.98), rgba(225,232,238,.92) 45%, rgba(255,255,255,.98) 72%, rgba(238,224,188,.32)) padding-box,
    linear-gradient(118deg, #ffffff 0%, #9aa8b4 27%, #f5c451 52%, #8c9aa7 74%, #ffffff 100%) border-box !important;
  box-shadow: 0 26px 70px rgba(42,58,76,.16), inset 0 1px 0 #fff !important;
}
body[data-design="arctic"] #pricing .gmail-pricing-panel::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, transparent, #f5c451 24%, #fff 52%, #b9c3cd 78%, transparent);
  opacity: .9;
}
body[data-design="arctic"] #pricing .plans-kicker {
  color: #966406 !important;
  letter-spacing: .14em;
}
body[data-design="arctic"] #pricing .gmail-showcase-copy h3,
body[data-design="arctic"] #pricing .gmail-showcase-benefits span,
body[data-design="arctic"] #pricing .gmail-showcase-note strong,
body[data-design="arctic"] #pricing .gmail-catalog-heading strong,
body[data-design="arctic"] #pricing .gmail-year-card > b {
  color: #161b21 !important;
}
body[data-design="arctic"] #pricing .gmail-showcase-copy > p,
body[data-design="arctic"] #pricing .gmail-catalog-heading small,
body[data-design="arctic"] #pricing .gmail-year-card > small {
  color: #687583 !important;
}
body[data-design="arctic"] #pricing .gmail-showcase-note {
  border-color: rgba(187,135,26,.22);
  background: linear-gradient(135deg, rgba(255,249,224,.82), rgba(255,255,255,.5));
}
body[data-design="arctic"] #pricing .gmail-showcase-catalog {
  border-color: rgba(74,91,108,.15);
  background: linear-gradient(145deg, rgba(255,255,255,.76), rgba(229,235,240,.68));
  box-shadow: inset 0 1px 0 #fff;
}
body[data-design="arctic"] #pricing .gmail-year-card {
  color: #171c22;
  border: 1px solid rgba(76,94,113,.17) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(228,234,239,.8)) !important;
  box-shadow: 0 8px 22px rgba(44,59,75,.08), inset 0 1px 0 #fff !important;
}
body[data-design="arctic"] #pricing .gmail-year-card:hover {
  border-color: rgba(191,137,23,.42) !important;
  box-shadow: 0 16px 32px rgba(44,59,75,.15), 0 0 0 1px rgba(245,196,81,.16) !important;
}
body[data-design="arctic"] #pricing .gmail-year-card > span { color: #7b8793 !important; }
body[data-design="arctic"] #pricing .gmail-year-card > strong { color: #ad7508 !important; }
body[data-design="arctic"] #pricing .gmail-buy-btn {
  color: #fff !important;
  border: 1px solid #111922 !important;
  background: linear-gradient(145deg, #303b47, #11171e) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 8px 18px rgba(26,35,45,.15) !important;
}
body[data-design="arctic"] #pricing .gmail-buy-btn:hover {
  background: linear-gradient(145deg, #bd891e, #805405) !important;
  border-color: #8a5d08 !important;
}

@media (max-width: 900px) {
  body[data-design="arctic"] #pricing.landing-section { width: min(100% - 28px, 720px); }
}

/* Portal */
body[data-design="arctic"] .studio-portal {
  background: transparent !important;
  color: var(--arctic-ink) !important;
}
body[data-design="arctic"] .studio-portal::before {
  background: radial-gradient(circle, rgba(150,220,248,.2), transparent 67%) !important;
}
body[data-design="arctic"] .portal-main h1 {
  color: #111318 !important;
  font-weight: 600 !important;
  letter-spacing: -.065em !important;
}
body[data-design="arctic"] .portal-main h1 strong {
  color: transparent !important;
  background-image: linear-gradient(110deg, #12161b, #909ba7 47%, #252f3a 75%) !important;
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow: none !important;
}
body[data-design="arctic"] .portal-main > p,
body[data-design="arctic"] .studio-area-card p { color: #697480 !important; }
body[data-design="arctic"] .studio-area-card { color: #181c22 !important; border-radius: 24px !important; }
body[data-design="arctic"] .studio-area-card h2 { color: #161a20 !important; }
body[data-design="arctic"] .studio-area-card.is-active {
  box-shadow: 0 28px 75px rgba(39,56,77,.18), inset 0 1px 0 #fff !important;
}
body[data-design="arctic"] .area-icon {
  color: #303943 !important;
  background: linear-gradient(145deg, #fff, #e3e8ed) !important;
  border-color: rgba(91,106,124,.16) !important;
}
body[data-design="arctic"] .area-status {
  color: #56616e !important;
  background: rgba(235,240,244,.9) !important;
  border-color: rgba(91,106,124,.13) !important;
}

/* Login / registration */
body[data-design="arctic"] .auth-overlay.auth-mode {
  background:
    radial-gradient(circle at 50% 4%, rgba(255,255,255,.98), rgba(210,222,233,.58) 34%, transparent 65%),
    linear-gradient(145deg, #e8edf1, #f9fbfc 48%, #e7ecef) !important;
}
body[data-design="arctic"] .auth-container {
  width: min(440px, calc(100% - 32px));
  padding: 34px !important;
  border-radius: 28px !important;
  box-shadow: 0 28px 90px rgba(38,53,72,.19), inset 0 1px 0 #fff !important;
  backdrop-filter: blur(26px) saturate(1.2);
  -webkit-backdrop-filter: blur(26px) saturate(1.2);
}
body[data-design="arctic"] .auth-overlay.auth-mode .auth-container {
  color: #1d232a !important;
  border: 1px solid transparent !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(245,248,250,.88)) padding-box,
    linear-gradient(135deg, #fff, rgba(126,141,158,.58), #fff, rgba(100,116,134,.34)) border-box !important;
  box-shadow: 0 28px 90px rgba(38,53,72,.19), inset 0 1px 0 #fff !important;
}
body[data-design="arctic"] .auth-logo h1,
body[data-design="arctic"] .auth-logo .gold { color: #171b20 !important; }
body[data-design="arctic"] .auth-subtitle { color: #77818d !important; letter-spacing: .18em; text-transform: uppercase; }
body[data-design="arctic"] .auth-tabs {
  padding: 5px;
  border: 1px solid rgba(89,104,121,.12) !important;
  border-radius: 14px;
  background: rgba(232,237,241,.76) !important;
}
body[data-design="arctic"] .auth-tab { color: #737d88 !important; border-radius: 10px !important; }
body[data-design="arctic"] .auth-tab.active {
  color: #171b20 !important;
  background: #fff !important;
  box-shadow: 0 5px 16px rgba(42,56,74,.1), inset 0 1px 0 #fff !important;
}
body[data-design="arctic"] .auth-overlay.auth-mode .auth-tab.active {
  color: #171b20 !important;
  border: 0 !important;
  background: #fff !important;
  box-shadow: 0 5px 16px rgba(42,56,74,.1), inset 0 1px 0 #fff !important;
  animation: none !important;
}
body[data-design="arctic"] .auth-overlay.auth-mode :is(.gold, .form-group label, .input-wrapper .material-icons-round) {
  color: #667483 !important;
}
body[data-design="arctic"] .auth-container .input-wrapper,
body[data-design="arctic"] .auth-container input {
  color: #1b2027 !important;
  background: rgba(238,242,245,.78) !important;
  border-color: rgba(83,99,117,.14) !important;
}
body[data-design="arctic"] .auth-container .input-wrapper:focus-within {
  border-color: rgba(61,120,255,.48) !important;
  box-shadow: 0 0 0 4px rgba(61,120,255,.08) !important;
  background: #fff !important;
}
body[data-design="arctic"] .auth-overlay.auth-mode .input-wrapper:focus-within {
  border-color: rgba(61,120,255,.48) !important;
  box-shadow: 0 0 0 4px rgba(61,120,255,.08) !important;
}
body[data-design="arctic"] .btn-auth,
body[data-design="arctic"] .auth-container .btn-primary {
  color: #fff !important;
  background: linear-gradient(145deg, #2c3540, #090d12 72%) !important;
  border-color: #0e141b !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 10px 25px rgba(19,27,36,.18) !important;
}
body[data-design="arctic"] .auth-overlay.auth-mode .btn-auth {
  color: #fff !important;
  border: 1px solid #10161d !important;
  background: linear-gradient(145deg, #333d48, #090d12 72%) !important;
  background-size: 100% 100% !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.26), 0 9px 22px rgba(18,26,35,.16) !important;
  animation: none !important;
}

/* -------------------------------------------------------------------------- */
/* MEMBER PRODUCT                                                             */
/* -------------------------------------------------------------------------- */

body[data-design="arctic"] .app {
  background:
    radial-gradient(900px 500px at 72% -12%, rgba(148,219,248,.16), transparent 62%),
    linear-gradient(145deg, #eef2f5, #fafbfc 48%, #edf1f4) !important;
  color: var(--arctic-ink) !important;
}

body[data-design="arctic"] .sidebar {
  background: rgba(248,250,251,.82) !important;
  border-right: 1px solid rgba(88,102,118,.13) !important;
  box-shadow: 14px 0 45px rgba(40,54,72,.06), inset -1px 0 0 rgba(255,255,255,.76) !important;
  backdrop-filter: blur(24px) saturate(1.2);
  -webkit-backdrop-filter: blur(24px) saturate(1.2);
}
body[data-design="arctic"] :is(.sidebar-header, .sidebar-user, .sidebar-footer) {
  border-color: rgba(83,98,115,.11) !important;
}
body[data-design="arctic"] .logo-name { color: #181c22 !important; }
body[data-design="arctic"] .logo-sub,
body[data-design="arctic"] .user-tier { color: #7d8792 !important; letter-spacing: .11em; }
body[data-design="arctic"] .user-avatar {
  color: #2b333d !important;
  border: 1px solid rgba(89,104,121,.15) !important;
  background: linear-gradient(145deg, #fff, #e2e8ed) !important;
  box-shadow: inset 0 1px 0 #fff, 0 8px 20px rgba(50,65,84,.1) !important;
}
body[data-design="arctic"] .nav-section,
body[data-design="arctic"] .nav-section-collapsible {
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  background: transparent !important;
  box-shadow: none !important;
}
body[data-design="arctic"] .nav-section-title,
body[data-design="arctic"] .nav-section-name { color: #737e8a !important; }
body[data-design="arctic"] .nav-item,
body[data-design="arctic"] .nav-section-toggle { color: #65707c !important; border-radius: 10px !important; }
body[data-design="arctic"] .nav-item:hover,
body[data-design="arctic"] .nav-section-toggle:hover {
  color: #20262d !important;
  background: rgba(90,106,124,.065) !important;
}
body[data-design="arctic"] .nav-item.active {
  color: #171c22 !important;
  border-left-color: transparent !important;
  background: rgba(255,255,255,.9) !important;
  box-shadow: 0 5px 16px rgba(42,57,75,.09), inset 0 0 0 1px rgba(86,101,119,.1) !important;
}
body[data-design="arctic"] .sidebar-footer :is(.btn-plans-sidebar, .btn-revenue-sidebar, .sidebar-btn, .credits-display) {
  color: #4f5b68 !important;
  border-color: rgba(82,98,116,.12) !important;
  background: rgba(255,255,255,.65) !important;
  box-shadow: inset 0 1px 0 #fff !important;
}

body[data-design="arctic"] .main-content {
  background:
    radial-gradient(800px 420px at 78% -12%, rgba(150,221,250,.14), transparent 65%),
    linear-gradient(150deg, #f0f3f6, #fafbfc 52%, #eef2f5) !important;
}
body[data-design="arctic"] .topbar {
  margin: 10px 12px 0;
  width: calc(100% - 24px);
  height: calc(var(--topbar-h) - 4px);
  border: 1px solid rgba(255,255,255,.8) !important;
  border-bottom-color: rgba(91,105,122,.16) !important;
  border-radius: 16px;
  background: rgba(255,255,255,.72) !important;
  box-shadow: 0 12px 32px rgba(44,59,77,.07), inset 0 1px 0 #fff !important;
  backdrop-filter: blur(22px) saturate(1.25);
  -webkit-backdrop-filter: blur(22px) saturate(1.25);
}
body[data-design="arctic"] .topbar .page-title {
  color: #1a1e24 !important;
  font-weight: 650 !important;
  letter-spacing: -.025em;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: #1a1e24 !important;
  text-shadow: none !important;
}
body[data-design="arctic"] :is(.model-costs-btn, .provider-status-control, .vh-topbar-btn, .bonus-notification-btn, .topbar-credits, .mobile-menu-btn) {
  color: #596572 !important;
  border-color: rgba(84,100,118,.12) !important;
  background: rgba(240,244,247,.74) !important;
  box-shadow: inset 0 1px 0 #fff !important;
}
body[data-design="arctic"] :is(.provider-status-control, .vh-topbar-btn) {
  min-height: 38px;
  padding-inline: 14px;
  color: #3f4c59 !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
  letter-spacing: .015em;
}
body[data-design="arctic"] :is(.provider-status-control, .vh-topbar-btn) .material-icons-round {
  color: #536270 !important;
  font-size: 19px !important;
}
body[data-design="arctic"] .page-wrapper {
  background: transparent !important;
  padding-top: 22px;
}
body[data-design="arctic"] .page h1,
body[data-design="arctic"] .page h2,
body[data-design="arctic"] .page h3 { color: #171b20 !important; }

body[data-design="arctic"] :is(.tts-editor, .tts-settings, .tool-card) {
  border-radius: 20px !important;
  box-shadow: 0 18px 48px rgba(44,59,77,.09), inset 0 1px 0 #fff !important;
}
body[data-design="arctic"] .tts-editor,
body[data-design="arctic"] .editor-area,
body[data-design="arctic"] .editor-area textarea {
  color: #222933 !important;
  background: rgba(247,249,251,.72) !important;
}
body[data-design="arctic"] .audio-title-bar {
  border-bottom: 1px solid rgba(84,100,118,.11) !important;
  background: rgba(255,255,255,.74) !important;
}
body[data-design="arctic"] .audio-title-bar input { background: transparent !important; }
body[data-design="arctic"] .editor-footer {
  color: #687482 !important;
  border-color: rgba(84,100,118,.12) !important;
  background: rgba(255,255,255,.88) !important;
  box-shadow: 0 -10px 26px rgba(44,59,77,.045) !important;
}
body[data-design="arctic"] :is(.editor-area, .audio-title-bar, .input-wrapper, .setting-selector, .setting-select, .input-field, textarea, select, input[type="text"], input[type="email"], input[type="password"], .upload-zone) {
  color: #20262e !important;
  border-color: rgba(84,100,118,.14) !important;
  background: rgba(237,241,244,.72) !important;
}
body[data-design="arctic"] :is(textarea, input, select)::placeholder { color: #929ba5 !important; }
body[data-design="arctic"] :is(.input-wrapper, .setting-selector, .setting-select, .input-field, textarea, select):focus,
body[data-design="arctic"] :is(.input-wrapper, .setting-selector):focus-within {
  border-color: rgba(61,120,255,.42) !important;
  box-shadow: 0 0 0 4px rgba(61,120,255,.07) !important;
  background: rgba(255,255,255,.95) !important;
}
body[data-design="arctic"] .settings-tabs {
  border-color: rgba(84,100,118,.12) !important;
  background: rgba(234,239,243,.72) !important;
}
body[data-design="arctic"] .settings-tab { color: #78828e !important; }
body[data-design="arctic"] .settings-tab.active {
  color: #20262d !important;
  background: #fff !important;
  box-shadow: 0 5px 15px rgba(43,57,74,.08) !important;
}
body[data-design="arctic"] .setting-label,
body[data-design="arctic"] .char-count,
body[data-design="arctic"] .slider-label { color: #77818c !important; }
body[data-design="arctic"] .slider { accent-color: #556473; }
body[data-design="arctic"] input[type="range"]::-webkit-slider-thumb {
  border: 2px solid #fff !important;
  background: #596775 !important;
  box-shadow: 0 2px 8px rgba(30,42,56,.2) !important;
}

body[data-design="arctic"] .btn-primary {
  color: #fff !important;
  border: 1px solid #10161d !important;
  background: linear-gradient(145deg, #333d48, #090d12 72%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.26), 0 9px 22px rgba(18,26,35,.16) !important;
}
body[data-design="arctic"] .btn-secondary {
  color: #3d4854 !important;
  border-color: rgba(81,97,115,.15) !important;
  background: rgba(255,255,255,.72) !important;
  box-shadow: inset 0 1px 0 #fff, 0 5px 14px rgba(42,56,74,.06) !important;
}
body[data-design="arctic"] :is(.btn-add-pause, .btn-pause, button[class*="add-pause"]) {
  color: #4d5a68 !important;
  border-color: rgba(80,97,116,.16) !important;
  background: rgba(234,239,243,.82) !important;
  box-shadow: inset 0 1px 0 #fff !important;
}
body[data-design="arctic"] .break-toolbar {
  color: #63707d !important;
  border-color: rgba(80,97,116,.13) !important;
  background: rgba(244,247,249,.9) !important;
}
body[data-design="arctic"] .break-toggle,
body[data-design="arctic"] .break-toggle:hover {
  color: #53606e !important;
  border-color: rgba(80,97,116,.18) !important;
  background: rgba(255,255,255,.82) !important;
  box-shadow: inset 0 1px 0 #fff !important;
}
body[data-design="arctic"] .break-toggle.is-active {
  color: #fff !important;
  border-color: #27313b !important;
  background: #27313b !important;
  box-shadow: 0 7px 18px rgba(31,42,54,.16) !important;
}
body[data-design="arctic"] :is(.nav-provider-suno, .nav-provider-minimax, .nav-provider-minimax-beta) .nav-section-toggle {
  color: #65707c !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}
body[data-design="arctic"] :is(.nav-provider-suno, .nav-provider-minimax, .nav-provider-minimax-beta) .nav-section-toggle:hover {
  color: #20262d !important;
  background: rgba(90,106,124,.065) !important;
}

/* Silver control rails: every sidebar destination reads as a real control. */
body[data-design="arctic"] .sidebar :is(.nav-section-toggle, .nav-item) {
  position: relative;
  min-height: 40px;
  margin-bottom: 5px;
  border: 1px solid transparent !important;
  border-radius: 11px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.7), rgba(242,246,248,.56)) padding-box,
    linear-gradient(135deg, rgba(255,255,255,.98) 0%, rgba(139,151,165,.46) 34%, rgba(255,255,255,.94) 66%, rgba(100,114,130,.3) 100%) border-box !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 2px 7px rgba(50,65,83,.045) !important;
}

body[data-design="arctic"] .sidebar :is(.nav-section-toggle, .nav-item):hover {
  color: #171d24 !important;
  border-color: transparent !important;
  background:
    linear-gradient(145deg, #fff, rgba(244,247,249,.94)) padding-box,
    linear-gradient(120deg, #fff 0%, #8f9baa 32%, #f8fafc 58%, #778594 100%) border-box !important;
  box-shadow:
    inset 0 1px 0 #fff,
    0 7px 17px rgba(42,57,75,.09) !important;
}

body[data-design="arctic"] .sidebar .nav-item.active {
  color: #12171d !important;
  border-left: 1px solid transparent !important;
  background:
    linear-gradient(145deg, #fff, #f2f5f7) padding-box,
    linear-gradient(118deg, #fefefe 0%, #788695 24%, #f7f9fb 48%, #697887 72%, #fff 100%) border-box !important;
  box-shadow:
    inset 3px 0 0 #667483,
    inset 0 1px 0 #fff,
    0 7px 18px rgba(40,55,73,.11) !important;
}

body[data-design="arctic"] :is(.voice-card, .history-card, .audio-card, .sf-card, .client-stat-card, .usage-model-total-card) {
  color: #232a32 !important;
  border-radius: 16px !important;
  transition: transform .35s var(--arctic-ease), box-shadow .35s ease !important;
}
body[data-design="arctic"] :is(.voice-card, .history-card, .audio-card, .sf-card):hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(40,55,73,.12), 0 1px 4px rgba(40,55,73,.05) !important;
}
body[data-design="arctic"] .voice-card-name { color: #171b20 !important; }
body[data-design="arctic"] .voice-card-desc { color: #707a86 !important; }
body[data-design="arctic"] .voice-card-id code {
  color: #53606e !important;
  border-color: rgba(83,99,117,.12) !important;
  background: #edf1f4 !important;
}
body[data-design="arctic"] .voice-card .voice-card-footer { border-color: rgba(83,99,117,.1) !important; }
body[data-design="arctic"] .voice-card .voice-preview-btn {
  color: #3f5f82 !important;
  border-color: rgba(75,112,151,.18) !important;
  background: rgba(211,229,244,.55) !important;
}

/* History typography: larger, darker and visually separated on pale themes. */
body[data-design="arctic"] #page-history .history-layout {
  padding: 28px 22px;
}
body[data-design="arctic"] #page-history .filter-tab {
  min-height: 38px;
  padding: 8px 17px;
  color: #3e4b58 !important;
  border-color: rgba(72,89,107,.2) !important;
  background: rgba(247,249,251,.86) !important;
  font-size: .88rem;
  font-weight: 750;
  box-shadow: inset 0 1px 0 #fff, 0 5px 14px rgba(42,57,74,.055);
}
body[data-design="arctic"] #page-history .filter-tab.active {
  color: #fff !important;
  border-color: #465666 !important;
  background: linear-gradient(145deg, #617181, #34414e) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 8px 18px rgba(38,51,65,.16);
}
body[data-design="arctic"] #page-history .history-list { gap: 13px; }
body[data-design="arctic"] #page-history .history-item {
  min-height: 92px;
  gap: 17px;
  padding: 17px 18px;
  color: #1c242d !important;
  border: 1px solid rgba(74,91,109,.22) !important;
  border-radius: 17px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(235,240,244,.9)) !important;
  box-shadow: inset 0 1px 0 #fff, 0 10px 26px rgba(42,57,74,.09) !important;
}
body[data-design="arctic"] #page-history .history-item:hover {
  border-color: rgba(65,83,102,.4) !important;
  box-shadow: inset 0 1px 0 #fff, 0 16px 34px rgba(42,57,74,.14) !important;
}
body[data-design="arctic"] #page-history .history-item-icon {
  width: 48px;
  height: 48px;
  color: #435363 !important;
  border: 1px solid rgba(75,93,112,.13);
  border-radius: 13px;
  background: linear-gradient(145deg, #f8fafb, #dde5eb) !important;
  box-shadow: inset 0 1px 0 #fff;
}
body[data-design="arctic"] #page-history .history-item-icon .material-icons-round {
  color: #4d5e6e !important;
  font-size: 24px;
}
body[data-design="arctic"] #page-history .history-item-title {
  color: #151c24 !important;
  font-family: Poppins, Inter, sans-serif;
  font-size: 1rem;
  font-weight: 750;
  letter-spacing: -.018em;
}
body[data-design="arctic"] #page-history .history-item-meta {
  gap: 7px;
  margin-top: 7px;
}
body[data-design="arctic"] #page-history .history-pill {
  min-height: 34px;
  justify-content: center;
  padding: 5px 10px;
  color: #273340 !important;
  border-color: rgba(75,93,112,.22) !important;
  background: rgba(231,237,242,.92) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}
body[data-design="arctic"] #page-history .history-pill-label {
  color: #667483 !important;
  font-size: .67rem;
  font-weight: 800;
  opacity: 1;
}
body[data-design="arctic"] #page-history .history-pill-value {
  color: #26323e !important;
  font-size: .8rem;
  font-weight: 750;
}
body[data-design="arctic"] #page-history .history-pill--voice {
  border-color: rgba(72,104,137,.34) !important;
  background: rgba(215,228,239,.9) !important;
}
body[data-design="arctic"] #page-history .history-pill--voice :is(.history-pill-label, .history-pill-value) { color: #38536d !important; }
body[data-design="arctic"] #page-history .history-pill--submit {
  border-color: rgba(22,132,91,.28) !important;
  background: rgba(213,242,230,.88) !important;
}
body[data-design="arctic"] #page-history .history-pill--submit :is(.history-pill-label, .history-pill-value) { color: #176b4e !important; }
body[data-design="arctic"] #page-history .history-pill--duration {
  border-color: rgba(169,68,128,.26) !important;
  background: rgba(246,222,237,.9) !important;
}
body[data-design="arctic"] #page-history .history-pill--duration :is(.history-pill-label, .history-pill-value) { color: #913967 !important; }
body[data-design="arctic"] #page-history .history-pill--expiry {
  border-color: rgba(48,104,177,.28) !important;
  background: rgba(219,233,250,.92) !important;
}
body[data-design="arctic"] #page-history .history-pill--expiry :is(.history-pill-label, .history-pill-value) { color: #285c9d !important; }
body[data-design="arctic"] #page-history .history-item-status {
  min-width: 72px;
  padding: 6px 10px;
  border: 1px solid transparent;
  border-radius: 999px;
  text-align: center;
  font-size: .78rem;
  font-weight: 850;
}
body[data-design="arctic"] #page-history .history-item-status.done {
  color: #087451 !important;
  border-color: rgba(16,143,99,.25);
  background: #dcf7eb !important;
}
body[data-design="arctic"] #page-history .history-item-status.doing {
  color: #245f9d !important;
  border-color: rgba(46,114,185,.25);
  background: #e0edfb !important;
}
body[data-design="arctic"] #page-history .history-item-status.error {
  color: #a3333f !important;
  border-color: rgba(186,61,74,.23);
  background: #fbe4e7 !important;
}
body[data-design="arctic"] #page-history .history-item-actions button {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #40505f !important;
  border: 1px solid rgba(75,93,112,.13);
  border-radius: 10px;
  background: rgba(248,250,251,.72);
}
body[data-design="arctic"] #page-history .history-item-actions .material-icons-round {
  color: #40505f !important;
  font-size: 21px;
}
body[data-design="arctic"] #page-history .history-item audio { height: 40px; }

body[data-design="arctic"] .tts-settings .settings-tab {
  min-height: 52px;
  font-size: .86rem;
  font-weight: 750;
}
body[data-design="arctic"] .tts-settings .settings-tab .material-icons-round { font-size: 23px; }
body[data-design="arctic"] .history-mini-list { gap: 11px; padding: 0 8px 12px; }
body[data-design="arctic"] .mini-history-item {
  padding: 14px;
  color: #1e2730 !important;
  border: 1px solid rgba(74,91,109,.22) !important;
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(232,238,243,.9)) !important;
  box-shadow: inset 0 1px 0 #fff, 0 8px 20px rgba(42,57,74,.08);
}
body[data-design="arctic"] .mini-history-row { align-items: flex-start; gap: 10px; }
body[data-design="arctic"] .mini-history-title {
  color: #18212a !important;
  font-family: Poppins, Inter, sans-serif;
  font-size: .9rem;
  font-weight: 750;
  letter-spacing: -.012em;
}
body[data-design="arctic"] .mini-history-title > span {
  color: #4a5968 !important;
  font-size: .7rem !important;
  font-weight: 750 !important;
}
body[data-design="arctic"] .mini-history-pills { gap: 5px; margin-top: 5px; }
body[data-design="arctic"] .mini-pill {
  min-height: 23px;
  padding: 3px 7px;
  color: #40505f !important;
  border-color: rgba(74,92,111,.22) !important;
  border-radius: 7px;
  background: #e7edf1 !important;
  font-size: .72rem;
  font-weight: 700;
}
body[data-design="arctic"] .mini-pill--voice {
  color: #38536d !important;
  border-color: rgba(72,104,137,.32) !important;
  background: #dbe7f0 !important;
}
body[data-design="arctic"] .mini-pill--duration {
  color: #913967 !important;
  border-color: rgba(169,68,128,.25) !important;
  background: #f4dfea !important;
}
body[data-design="arctic"] .mini-history-actions { gap: 4px; }
body[data-design="arctic"] .mini-history-actions button {
  min-width: 31px;
  min-height: 31px;
  color: #3e4d5b !important;
  border: 1px solid rgba(75,93,112,.12);
  border-radius: 8px;
  background: rgba(248,250,251,.7);
}
body[data-design="arctic"] .mini-history-actions .material-icons-round { color: #3e4d5b !important; }
body[data-design="arctic"] .mini-history-item audio {
  height: 38px !important;
  margin-top: 10px !important;
}

@media (max-width: 900px) {
  body[data-design="arctic"] #page-history .history-item { align-items: flex-start; flex-wrap: wrap; }
  body[data-design="arctic"] #page-history .history-item-info { flex-basis: calc(100% - 70px); }
  body[data-design="arctic"] #page-history .history-item audio { order: 5; width: 100%; max-width: none; min-width: 0; }
  body[data-design="arctic"] #page-history .history-item-actions { margin-left: auto; }
}

/* Voice library contrast pass: preserve the pale palette without pale text. */
body[data-design="arctic"] #voice-modal .voice-modal-v2 {
  --text-primary: #151a20 !important;
  --text-secondary: #3e4a58 !important;
  --text-muted: #566373 !important;
  --text-tertiary: #657386 !important;
  color: #202833 !important;
}

body[data-design="arctic"] #voice-modal :is(.modal-header h3, .voice-card-name) {
  color: #151a20 !important;
  font-weight: 750 !important;
  text-shadow: none !important;
}

body[data-design="arctic"] #voice-modal :is(.voice-card-desc, .vf3-lang-name) {
  color: #465362 !important;
  opacity: 1 !important;
}

body[data-design="arctic"] #voice-modal .voice-card-desc {
  font-weight: 500 !important;
  line-height: 1.45 !important;
}

body[data-design="arctic"] #voice-modal .voice-card-id {
  color: #657181 !important;
  opacity: 1 !important;
}

body[data-design="arctic"] #voice-modal .voice-card-id code {
  color: #394756 !important;
  border-color: #c6d0d9 !important;
  background: #e9eef2 !important;
  font-weight: 650 !important;
}

body[data-design="arctic"] #voice-modal .voice-card :is(.vc-badges span, .voice-card-tags span, .provider-badge) {
  color: #354251 !important;
  border-color: #c1ccd6 !important;
  background: linear-gradient(145deg, #edf1f4, #dce4ea) !important;
  box-shadow: inset 0 1px 0 #fff !important;
  text-shadow: none !important;
}

body[data-design="arctic"] #voice-modal .voice-card :is(.badge-pro, .badge-hq) {
  color: #4b3d6d !important;
  border-color: #cbbde1 !important;
  background: linear-gradient(145deg, #f0eafa, #ddd2ef) !important;
}

body[data-design="arctic"] #voice-modal .voice-card .vc-gender.gender-male {
  color: #244f7c !important;
  border-color: #9ebfe1 !important;
  background: linear-gradient(145deg, #e5f0fb, #cddff1) !important;
  box-shadow: inset 0 1px 0 #fff !important;
}

body[data-design="arctic"] #voice-modal .voice-card .vc-gender.gender-female {
  color: #7c3658 !important;
  border-color: #deb0c6 !important;
  background: linear-gradient(145deg, #faeaf2, #efd1df) !important;
  box-shadow: inset 0 1px 0 #fff !important;
}

body[data-design="arctic"] #voice-modal .voice-card :is(.vc-lang, .vc-age) {
  color: #4f426b !important;
  border-color: #c8bddb !important;
  background: linear-gradient(145deg, #f0edf6, #dfd9ea) !important;
}

body[data-design="arctic"] #voice-modal .voice-card .provider-badge.elevenlabs {
  color: #28527b !important;
  border-color: #abc3dc !important;
  background: linear-gradient(145deg, #e8f1fa, #d1e0ef) !important;
}

body[data-design="arctic"] #voice-modal .voice-card .provider-badge.edge {
  color: #246046 !important;
  border-color: #a5ceb9 !important;
  background: linear-gradient(145deg, #e5f4ec, #cce7d9) !important;
}

body[data-design="arctic"] #voice-modal .voice-card .provider-badge.minimax {
  color: #513d75 !important;
  border-color: #c3b4dc !important;
  background: linear-gradient(145deg, #eee8f8, #d9cfeb) !important;
}

body[data-design="arctic"] #voice-modal :is(.vf3-gender-btn, .vf3-reset-btn) {
  color: #3f4c5c !important;
  border-color: #c6d0d9 !important;
  background: rgba(246,248,250,.9) !important;
}

body[data-design="arctic"] #voice-modal .vf3-lang-btn .vf3-code {
  color: #596779 !important;
  opacity: 1 !important;
}

body[data-design="arctic"] #voice-modal .voice-search {
  color: #536273 !important;
  border-color: #c4ced7 !important;
  background: #edf1f4 !important;
}

body[data-design="arctic"] #voice-modal .voice-search input {
  color: #1c2631 !important;
  background: transparent !important;
}

body[data-design="arctic"] #voice-modal .voice-search input::placeholder {
  color: #6c7988 !important;
  opacity: 1 !important;
}

body[data-design="arctic"] #voice-modal :is(.modal-close, .voice-fav-btn, .vc-copy-btn, .vc-tag-btn) {
  color: #526171 !important;
  border-color: #c5cfd8 !important;
  background: linear-gradient(145deg, #f9fafb, #e3e8ed) !important;
}

body[data-design="arctic"] #voice-modal .voice-use-btn {
  color: #fff !important;
  border: 1px solid #1b242d !important;
  background: linear-gradient(145deg, #465463, #12181f) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 5px 13px rgba(30,42,55,.16) !important;
  text-shadow: none !important;
}

body[data-design="arctic"] #voice-modal .voice-preview-btn {
  color: #2e587e !important;
  border-color: #a9c3db !important;
  background: linear-gradient(145deg, #eef6fc, #dbeaf5) !important;
  font-weight: 750 !important;
}

body[data-design="arctic"] #voice-modal .voice-pagination,
body[data-design="arctic"] #voice-modal .voice-pagination button {
  color: #344252 !important;
}

/* Top Voices ranking — Arctic Silver adaptation. */
body[data-design="arctic"] #top-voices-modal .tv-backdrop {
  background: rgba(226,232,237,.72) !important;
  backdrop-filter: blur(18px) saturate(.82) !important;
  -webkit-backdrop-filter: blur(18px) saturate(.82) !important;
}

body[data-design="arctic"] #top-voices-modal .tv-box {
  color: #1d252e !important;
  border: 1px solid transparent !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.97), rgba(244,247,249,.94)) padding-box,
    linear-gradient(125deg, #fff 0%, #8794a2 24%, #f9fbfc 48%, #697887 72%, #fff 100%) border-box !important;
  box-shadow:
    0 32px 90px rgba(38,53,72,.22),
    inset 0 1px 0 #fff !important;
}

body[data-design="arctic"] #top-voices-modal .tv-header {
  border-bottom: 1px solid #d3dbe2 !important;
  background: linear-gradient(110deg, rgba(255,255,255,.96), rgba(234,239,243,.78)) !important;
}

body[data-design="arctic"] #top-voices-modal .tv-title {
  background-image: linear-gradient(100deg, #141a21, #7f8b98 52%, #26313c) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
}

body[data-design="arctic"] #top-voices-modal .tv-subtitle {
  color: #637080 !important;
  opacity: 1 !important;
}

body[data-design="arctic"] #top-voices-modal .tv-close {
  color: #526170 !important;
  border: 1px solid #c5ced7 !important;
  background: linear-gradient(145deg, #fff, #e4e9ed) !important;
  box-shadow: inset 0 1px 0 #fff, 0 4px 12px rgba(42,57,75,.08) !important;
}

body[data-design="arctic"] #top-voices-modal .tv-close:hover {
  color: #111820 !important;
  border-color: #9eabb8 !important;
  background: #fff !important;
}

body[data-design="arctic"] #top-voices-modal .tv-body {
  background: linear-gradient(145deg, rgba(246,248,250,.8), rgba(236,241,244,.64)) !important;
}

body[data-design="arctic"] #top-voices-modal .tv-item {
  color: #202832 !important;
  border: 1px solid transparent !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(242,246,248,.86)) padding-box,
    linear-gradient(130deg, #fff, #b0bbc6 38%, #f8fafb 66%, #9aa7b4) border-box !important;
  box-shadow: inset 0 1px 0 #fff, 0 5px 15px rgba(44,59,77,.065) !important;
}

body[data-design="arctic"] #top-voices-modal .tv-item:hover {
  border-color: transparent !important;
  background:
    linear-gradient(145deg, #fff, #f2f5f7) padding-box,
    linear-gradient(120deg, #fff, #778695 32%, #f8fafc 58%, #657483) border-box !important;
  box-shadow: 0 12px 28px rgba(39,54,72,.12), inset 0 1px 0 #fff !important;
}

body[data-design="arctic"] #top-voices-modal .tv-voice-name {
  color: #161c23 !important;
  font-weight: 750 !important;
  text-shadow: none !important;
}

body[data-design="arctic"] #top-voices-modal .tv-rank-num,
body[data-design="arctic"] #top-voices-modal .tv-count-label {
  color: #697687 !important;
  opacity: 1 !important;
}

body[data-design="arctic"] #top-voices-modal .tv-avatar {
  border-color: #bdc8d2 !important;
  background: linear-gradient(145deg, #fff, #dfe6eb) !important;
  box-shadow: inset 0 1px 0 #fff, 0 5px 13px rgba(45,60,78,.08) !important;
}

body[data-design="arctic"] #top-voices-modal .tv-provider-tag {
  color: #394756 !important;
  border-color: #c0cbd5 !important;
  background: linear-gradient(145deg, #eef2f5, #dde5ea) !important;
  text-shadow: none !important;
}

body[data-design="arctic"] #top-voices-modal .tv-provider-elevenlabs {
  color: #28527b !important;
  border-color: #abc3dc !important;
  background: linear-gradient(145deg, #e8f1fa, #d1e0ef) !important;
}

body[data-design="arctic"] #top-voices-modal .tv-provider-edge {
  color: #246046 !important;
  border-color: #a5ceb9 !important;
  background: linear-gradient(145deg, #e5f4ec, #cce7d9) !important;
}

body[data-design="arctic"] #top-voices-modal .tv-provider-capcut {
  color: #414b57 !important;
  border-color: #bcc5ce !important;
  background: linear-gradient(145deg, #f2f4f6, #dde2e6) !important;
}

body[data-design="arctic"] #top-voices-modal .tv-provider-minimax {
  color: #513d75 !important;
  border-color: #c3b4dc !important;
  background: linear-gradient(145deg, #eee8f8, #d9cfeb) !important;
}

body[data-design="arctic"] #top-voices-modal .tv-count-num {
  color: #2f3b48 !important;
  text-shadow: none !important;
}

body[data-design="arctic"] #top-voices-modal .tv-action-btn {
  color: #465565 !important;
  border-color: #bdc8d2 !important;
  background: linear-gradient(145deg, #fff, #e5eaee) !important;
  box-shadow: inset 0 1px 0 #fff !important;
}

body[data-design="arctic"] #top-voices-modal .tv-action-btn:hover {
  color: #17212b !important;
  border-color: #8f9eac !important;
  background: #fff !important;
}

body[data-design="arctic"] #top-voices-modal .tv-preview-btn {
  color: #285c85 !important;
  border-color: #a8c7df !important;
  background: linear-gradient(145deg, #edf6fc, #d8eaf6) !important;
}

body[data-design="arctic"] #top-voices-modal .tv-use-btn {
  color: #fff !important;
  border-color: #18212a !important;
  background: linear-gradient(145deg, #465463, #12181f) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 5px 13px rgba(30,42,55,.14) !important;
}

body[data-design="arctic"] #top-voices-modal .tv-bar-wrap {
  background: #dfe5ea !important;
}

body[data-design="arctic"] #top-voices-modal .tv-bar {
  background: linear-gradient(90deg, #4f5d6b, #aebbc7) !important;
}

body[data-design="arctic"] #top-voices-modal .tv-item[data-rank="1"] {
  background:
    linear-gradient(145deg, #fffdf8, #f5f1e7) padding-box,
    linear-gradient(125deg, #fff6d8, #b9974f 34%, #fff9e8 64%, #9d7b38) border-box !important;
  box-shadow: 0 9px 25px rgba(126,99,44,.11), inset 0 1px 0 #fff !important;
}

body[data-design="arctic"] #top-voices-modal .tv-item[data-rank="2"] {
  background:
    linear-gradient(145deg, #fff, #f1f4f6) padding-box,
    linear-gradient(125deg, #fff, #93a0ad 42%, #e8edf1) border-box !important;
}

body[data-design="arctic"] #top-voices-modal .tv-item[data-rank="3"] {
  background:
    linear-gradient(145deg, #fffaf7, #f3e9e2) padding-box,
    linear-gradient(125deg, #fff, #b58161 42%, #f0ded3) border-box !important;
}

body[data-design="arctic"] #top-voices-modal :is(.tv-loading, .tv-empty) {
  color: #5d6a79 !important;
}

body[data-design="arctic"] #top-voices-modal .tv-spinner {
  border-color: #d4dce3 !important;
  border-top-color: #526171 !important;
}

body[data-design="arctic"] :is(.modal-overlay, .overlay, [class*="modal-backdrop"], [class*="-backdrop"]) {
  background: rgba(225,231,236,.68) !important;
  backdrop-filter: blur(16px) saturate(.8);
  -webkit-backdrop-filter: blur(16px) saturate(.8);
}
body[data-design="arctic"] :is(.modal-content, .modal-box, [class*="-modal-box"], [class*="-modal-card"]) {
  color: var(--arctic-ink) !important;
  border-radius: 22px !important;
  box-shadow: 0 28px 80px rgba(36,50,68,.2), inset 0 1px 0 #fff !important;
}
body[data-design="arctic"] :is(.toast, .toast-notification, [class*="toast-"]) {
  color: #36414d !important;
  border: 1px solid rgba(85,101,119,.16) !important;
  background: rgba(255,255,255,.9) !important;
  box-shadow: 0 18px 45px rgba(39,54,72,.16), inset 0 1px 0 #fff !important;
  backdrop-filter: blur(18px);
}

/* Reveal and pointer light classes are attached by arctic-motion.js. */
.arctic-reveal {
  opacity: 0;
  transform: translateY(26px) scale(.99);
  transition: opacity .85s var(--arctic-ease), transform .85s var(--arctic-ease);
}
.arctic-reveal.is-visible { opacity: 1; transform: none; }
.arctic-pointer-light {
  position: fixed;
  z-index: 99999;
  width: 340px;
  height: 340px;
  margin: -170px 0 0 -170px;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(circle, rgba(168,226,250,.13), transparent 66%);
  mix-blend-mode: multiply;
  transition: opacity .35s ease;
}
body:hover > .arctic-pointer-light { opacity: 1; }
body:not([data-design="arctic"]) > .arctic-pointer-light { display: none !important; }

@media (prefers-reduced-motion: no-preference) {
  .arctic-sonic-core { animation: arcticCoreFloat 6s ease-in-out infinite; }
  .arctic-ring.one { animation: arcticOrbitOne 12s linear infinite; }
  .arctic-ring.two { animation: arcticOrbitTwo 16s linear infinite reverse; }
  .arctic-ring.three { animation: arcticOrbitThree 20s linear infinite; }
  .arctic-signal i { animation: arcticSignal 1.15s ease-in-out infinite alternate; animation-delay: var(--signal-delay); }
  @keyframes arcticCoreFloat { 0%,100% { transform: translateZ(60px) translateY(-6px); } 50% { transform: translateZ(74px) translateY(8px); } }
  @keyframes arcticOrbitOne { to { transform: rotateX(72deg) rotateY(6deg) rotateZ(377deg); } }
  @keyframes arcticOrbitTwo { to { transform: rotateX(57deg) rotateY(423deg) rotateZ(8deg); } }
  @keyframes arcticOrbitThree { to { transform: rotateX(438deg) rotateY(-39deg) rotateZ(35deg); } }
  @keyframes arcticSignal { to { transform: scaleY(.35); opacity: .48; } }
}

@media (max-width: 1050px) {
  body[data-design="arctic"] .landing-nav { display: none; }
  body[data-design="arctic"] .landing-hero {
    grid-template-columns: 1fr;
    padding-top: 150px !important;
    text-align: center !important;
  }
  body[data-design="arctic"] .landing-badge { margin-inline: auto; }
  body[data-design="arctic"] .landing-hero p { margin-inline: auto; }
  body[data-design="arctic"] .hero-buttons,
  body[data-design="arctic"] .hero-proof { justify-content: center !important; }
  .arctic-hero-visual { min-height: 470px; }
  body[data-design="arctic"] .voice-console { margin-top: 0 !important; }
}

@media (max-width: 700px) {
  body[data-design="arctic"] .landing-header,
  body[data-design="arctic"] .portal-header { width: calc(100% - 20px); top: 10px; border-radius: 15px; }
  body[data-design="arctic"] .landing-actions .landing-link { display: none; }
  body[data-design="arctic"] .landing-member-btn { padding: 10px 12px !important; }
  body[data-design="arctic"] .landing-hero {
    width: calc(100% - 28px);
    min-height: auto;
    padding: 128px 0 48px !important;
    gap: 18px;
  }
  body[data-design="arctic"] .auth-overlay.voice-mode .landing-hero {
    min-height: auto !important;
    padding: 44px 0 44px !important;
  }
  body[data-design="arctic"] .landing-hero h1 { font-size: clamp(3.05rem, 15vw, 4.5rem) !important; }
  body[data-design="arctic"] .landing-hero p { font-size: 1rem !important; }
  .arctic-hero-visual { min-height: 390px; overflow: hidden; }
  .arctic-sonic-object { width: 330px; }
  .arctic-stage-label { left: 5%; top: 8%; }
  .arctic-live-pill { left: 3%; }
  .arctic-signal { right: 2%; }
  body[data-design="arctic"] .voice-console,
  body[data-design="arctic"] .landing-section,
  body[data-design="arctic"] .final-cta { width: calc(100% - 24px); }
  body[data-design="arctic"] .topbar { margin: 6px 7px 0; width: calc(100% - 14px); border-radius: 13px; }
  body[data-design="arctic"] .page-wrapper { padding-top: 14px; }
  .arctic-pointer-light { display: none; }
  body[data-design="arctic"] .landing-badge {
    width: auto;
    max-width: calc(100vw - 28px);
    padding: 8px 11px !important;
    white-space: normal;
    text-align: center;
    line-height: 1.35;
    font-size: .68rem !important;
  }
}

/* -------------------------------------------------------------------------- */
/* THEME PICKER + PEARLESCENT AUTOMOTIVE WHITE                                */
/* -------------------------------------------------------------------------- */

.gradient-option[data-gradient="white"]::before {
  background: linear-gradient(145deg, #f7fafc 0%, #ffffff 36%, #dfe6eb 72%, #f9fbfc 100%);
}

.gradient-option[data-gradient="metallic-white"]::before {
  background:
    radial-gradient(circle at 22% 24%, rgba(255,255,255,.98) 0 3%, transparent 17%),
    radial-gradient(circle at 77% 68%, rgba(177,202,220,.3), transparent 24%),
    linear-gradient(118deg, #cbd3da 0%, #ffffff 17%, #e7ecef 34%, #b9c4cd 49%, #ffffff 68%, #d5dce2 84%, #fdfefe 100%);
}

.gradient-option[data-gradient="metallic-pink"]::before {
  background:
    radial-gradient(circle at 22% 22%, rgba(255,255,255,.98) 0 3%, transparent 18%),
    radial-gradient(circle at 78% 70%, rgba(229,126,166,.38), transparent 25%),
    linear-gradient(118deg, #d9aebe 0%, #ffffff 18%, #f7dfe9 35%, #bd6688 50%, #ffffff 68%, #e8b9cc 84%, #fff8fb 100%);
}

.gradient-option[data-gradient="white"] .gradient-option-name,
.gradient-option[data-gradient="metallic-white"] .gradient-option-name,
.gradient-option[data-gradient="metallic-pink"] .gradient-option-name {
  color: #17212b;
  text-shadow: 0 1px 1px rgba(255,255,255,.9);
}

.gradient-option-subtitle {
  position: relative;
  z-index: 1;
  color: rgba(25,38,50,.7);
  font-size: .68rem;
  font-weight: 700;
  text-shadow: 0 1px 1px rgba(255,255,255,.9);
}

body[data-design="arctic"] .gradient-modal-content { max-width: 760px; }
body[data-design="arctic"] .gradient-options {
  grid-template-columns: repeat(3, minmax(150px, 1fr));
  gap: 11px;
  padding: 22px;
}
body[data-design="arctic"] .gradient-option {
  height: 132px;
  border-width: 2px;
  border-color: rgba(86,102,119,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 8px 20px rgba(40,55,72,.08);
}
body[data-design="arctic"] .gradient-option.active {
  border-color: #354452;
  box-shadow: 0 0 0 3px rgba(53,68,82,.13), 0 12px 26px rgba(40,55,72,.14);
}

body[data-design="arctic"][data-gradient="metallic-white"] {
  --arctic-ice: #e8edf0;
  --arctic-copy: #44515e;
  --arctic-muted: #667482;
  --arctic-line: rgba(55,72,88,.19);
  --arctic-shadow: 0 2px 3px rgba(20,33,45,.05), 0 15px 36px rgba(42,58,73,.12);
  --arctic-shadow-xl: 0 24px 76px rgba(36,52,68,.2), 0 2px 8px rgba(36,52,68,.08);
  background:
    radial-gradient(900px 420px at 18% -5%, rgba(255,255,255,.98), transparent 62%),
    linear-gradient(118deg, #d5dde3 0%, #ffffff 18%, #e8edf0 38%, #c7d0d7 52%, #ffffff 70%, #dce3e8 88%, #fafcfd 100%) !important;
}

body[data-design="arctic"][data-gradient="metallic-white"] .app,
body[data-design="arctic"][data-gradient="metallic-white"] .main-content {
  background:
    radial-gradient(760px 360px at 74% 0%, rgba(255,255,255,.98), transparent 63%),
    radial-gradient(520px 300px at 12% 78%, rgba(176,197,214,.2), transparent 66%),
    linear-gradient(116deg, #d7dee4 0%, #ffffff 19%, #e9eef1 37%, #cbd3da 51%, #ffffff 69%, #dde4e9 86%, #f9fbfc 100%) !important;
  background-attachment: fixed !important;
}

body[data-design="arctic"][data-gradient="metallic-white"] .sidebar {
  background:
    linear-gradient(112deg, rgba(219,226,231,.96), rgba(255,255,255,.96) 34%, rgba(228,234,238,.94) 64%, rgba(255,255,255,.93)) !important;
  border-right-color: rgba(57,74,91,.24) !important;
  box-shadow: 16px 0 46px rgba(35,51,67,.11), inset -1px 0 0 rgba(255,255,255,.95) !important;
}

body[data-design="arctic"][data-gradient="metallic-white"] .topbar {
  background:
    linear-gradient(112deg, rgba(255,255,255,.93), rgba(218,226,232,.82) 46%, rgba(255,255,255,.94) 72%, rgba(207,217,225,.8)) !important;
  border-color: rgba(255,255,255,.92) !important;
  border-bottom-color: rgba(61,78,95,.28) !important;
  box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 rgba(95,111,126,.09), 0 14px 34px rgba(36,52,68,.12) !important;
}

body[data-design="arctic"][data-gradient="metallic-white"] :is(
  .studio-area-card, .voice-console, .provider-card, .workflow-grid > div,
  .price-card, .faq-grid > div, .final-cta, .gmail-pricing-panel,
  .pricing-highlight, .gmail-year-card, .auth-container, .tts-editor,
  .tts-settings, .tool-card, .voice-card, .history-card, .audio-card,
  .info-card, .credits-card, .sf-card, .admin-card, .client-stat-card,
  .usage-model-total-card, .usage-chart-card, .rev-chart-panel,
  .rev-top-bar, .rev-action-box, .rev-tx-section, .vn-panel,
  .tu-side-card, .modal-content, .modal-box
) {
  background:
    linear-gradient(124deg, rgba(255,255,255,.98), rgba(226,233,238,.9) 42%, rgba(255,255,255,.97) 68%, rgba(211,220,227,.88)) padding-box,
    linear-gradient(118deg, #ffffff 0%, #8998a5 23%, #fdfefe 47%, #7d8d9b 70%, #ffffff 100%) border-box !important;
  box-shadow: inset 0 1px 0 #fff, 0 15px 38px rgba(40,56,72,.13) !important;
}

body[data-design="arctic"][data-gradient="metallic-white"] .sidebar :is(.nav-section-toggle, .nav-item) {
  background:
    linear-gradient(124deg, rgba(255,255,255,.88), rgba(219,227,233,.76) 48%, rgba(255,255,255,.88)) padding-box,
    linear-gradient(118deg, #fff, #8c9aa7 30%, #f9fbfc 56%, #778795 78%, #fff) border-box !important;
}

/* Rosa metalico: acabamento perolizado branco com reflexos rose. */
body[data-design="arctic"][data-gradient="metallic-pink"] {
  --arctic-ice: #f5e9ef;
  --arctic-copy: #654957;
  --arctic-muted: #806b76;
  --arctic-line: rgba(128,66,91,.19);
  --gold: #bd4f7d !important;
  --gold-light: #f0a6c4 !important;
  --gold-dark: #7f294d !important;
  --gold-glow: rgba(189,79,125,.22) !important;
  --gold-gradient: linear-gradient(135deg, #f1a9c6 0%, #bd4f7d 50%, #862e54 100%) !important;
  --border-gold: rgba(189,79,125,.3) !important;
  --bg-primary: linear-gradient(118deg, #ead5df 0%, #ffffff 18%, #f7e9f0 37%, #d9aebf 51%, #ffffff 70%, #efdce5 86%, #fff9fc 100%) !important;
  --bg-secondary: #fffafd !important;
  --bg-tertiary: #f3e2ea !important;
  --bg-hover: rgba(189,79,125,.075) !important;
  background:
    radial-gradient(900px 420px at 18% -5%, rgba(255,255,255,.99), transparent 62%),
    linear-gradient(118deg, #e5c9d5 0%, #ffffff 18%, #f7e8ef 38%, #d7adbd 52%, #ffffff 70%, #eed9e3 88%, #fff9fc 100%) !important;
}

body[data-design="arctic"][data-gradient="metallic-pink"] .app,
body[data-design="arctic"][data-gradient="metallic-pink"] .main-content {
  background:
    radial-gradient(760px 360px at 74% 0%, rgba(255,255,255,.99), transparent 63%),
    radial-gradient(520px 300px at 12% 78%, rgba(224,151,180,.2), transparent 66%),
    linear-gradient(116deg, #ead2dc 0%, #ffffff 19%, #f9ebf1 37%, #dfbdca 51%, #ffffff 69%, #efdce5 86%, #fff9fc 100%) !important;
  background-attachment: fixed !important;
}

body[data-design="arctic"][data-gradient="metallic-pink"] .sidebar {
  background:
    linear-gradient(112deg, rgba(239,216,226,.96), rgba(255,255,255,.97) 34%, rgba(244,226,234,.95) 64%, rgba(255,250,253,.94)) !important;
  border-right-color: rgba(132,67,93,.24) !important;
  box-shadow: 16px 0 46px rgba(102,45,69,.11), inset -1px 0 0 rgba(255,255,255,.96) !important;
}

body[data-design="arctic"][data-gradient="metallic-pink"] .topbar {
  background:
    linear-gradient(112deg, rgba(255,255,255,.96), rgba(239,211,222,.84) 46%, rgba(255,255,255,.96) 72%, rgba(229,193,208,.82)) !important;
  border-color: rgba(255,255,255,.94) !important;
  border-bottom-color: rgba(137,72,98,.27) !important;
  box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 rgba(151,83,110,.09), 0 14px 34px rgba(103,49,72,.12) !important;
}

body[data-design="arctic"][data-gradient="metallic-pink"] :is(
  .studio-area-card, .voice-console, .provider-card, .workflow-grid > div,
  .price-card, .faq-grid > div, .final-cta, .gmail-pricing-panel,
  .pricing-highlight, .gmail-year-card, .auth-container, .tts-editor,
  .tts-settings, .tool-card, .voice-card, .history-card, .audio-card,
  .info-card, .credits-card, .sf-card, .admin-card, .client-stat-card,
  .usage-model-total-card, .usage-chart-card, .rev-chart-panel,
  .rev-top-bar, .rev-action-box, .rev-tx-section, .vn-panel,
  .tu-side-card, .modal-content, .modal-box
) {
  background:
    linear-gradient(124deg, rgba(255,255,255,.98), rgba(246,225,234,.91) 42%, rgba(255,255,255,.98) 68%, rgba(232,202,214,.89)) padding-box,
    linear-gradient(118deg, #ffffff 0%, #d07b9e 23%, #fff9fc 47%, #a94a70 70%, #ffffff 100%) border-box !important;
  box-shadow: inset 0 1px 0 #fff, 0 15px 38px rgba(113,52,77,.13) !important;
}

body[data-design="arctic"][data-gradient="metallic-pink"] .sidebar :is(.nav-section-toggle, .nav-item) {
  background:
    linear-gradient(124deg, rgba(255,255,255,.9), rgba(242,218,228,.78) 48%, rgba(255,255,255,.9)) padding-box,
    linear-gradient(118deg, #fff, #d284a3 30%, #fff9fc 56%, #ad5579 78%, #fff) border-box !important;
}

body[data-design="arctic"][data-gradient="metallic-pink"] ::selection {
  color: #3f1024;
  background: rgba(240,166,196,.58);
}

body[data-design="arctic"][data-gradient="metallic-pink"] :focus-visible {
  outline-color: rgba(189,79,125,.76) !important;
}

body[data-design="arctic"][data-gradient="metallic-pink"] :is(.nav-discount, .nav-discount-badge) {
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.68);
  background: linear-gradient(135deg, #f18ab3 0%, #c94f80 52%, #8e3158 100%) !important;
  box-shadow: 0 3px 10px rgba(185,65,113,.3), inset 0 1px 0 rgba(255,255,255,.42) !important;
  animation-name: metallic-pink-badge-pulse;
}

@keyframes metallic-pink-badge-pulse {
  0%, 100% {
    box-shadow: 0 3px 10px rgba(185,65,113,.3), inset 0 1px 0 rgba(255,255,255,.42);
  }
  50% {
    box-shadow: 0 3px 16px rgba(201,79,128,.5), 0 0 0 3px rgba(241,138,179,.12), inset 0 1px 0 rgba(255,255,255,.52);
  }
}

/* Modais do Video Hub: tipografia escura sobre as superficies claras. */
body[data-design="arctic"] .vh-modal-box {
  color: #17212b;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(238,243,247,.96)) !important;
  border-color: rgba(73,91,109,.22) !important;
  box-shadow: 0 28px 80px rgba(45,60,76,.22), inset 0 1px 0 #fff !important;
}

body[data-design="arctic"] .vh-modal-header {
  border-bottom-color: rgba(73,91,109,.16) !important;
  background: rgba(255,255,255,.58);
}

body[data-design="arctic"] :is(.vh-modal-title, .vh-notif-title, .vh-thumb-label) {
  color: #17212b !important;
  -webkit-text-fill-color: #17212b !important;
  text-shadow: none !important;
}

body[data-design="arctic"] :is(.vh-notif-desc, .vh-notif-date, .vh-card-date, .vh-empty) {
  color: #586776 !important;
  opacity: 1 !important;
}

body[data-design="arctic"] :is(.vh-notif-card, .vh-card) {
  color: #17212b;
  background: rgba(255,255,255,.76) !important;
  border-color: rgba(73,91,109,.17) !important;
  box-shadow: 0 8px 24px rgba(45,60,76,.07);
}

body[data-design="arctic"] :is(.vh-notif-actions, .vh-card-foot, .vh-comments-section) {
  border-color: rgba(73,91,109,.14) !important;
}

body[data-design="arctic"] :is(.vh-like-btn, .vh-comment-toggle, .vh-comment) {
  color: #4f5e6d !important;
  background: rgba(225,232,238,.78) !important;
  border-color: rgba(73,91,109,.16) !important;
}

body[data-design="arctic"] .vh-comment-input {
  color: #1d2833 !important;
  background: rgba(235,240,244,.9) !important;
  border-color: rgba(73,91,109,.2) !important;
}

body[data-design="arctic"] .vh-comment-input::placeholder {
  color: #748190 !important;
  opacity: 1;
}

body[data-design="arctic"] .vh-close {
  color: #526170 !important;
  background: rgba(224,231,237,.76) !important;
  border-color: rgba(73,91,109,.15) !important;
}

/* TOP USER: remove a mistura de painel escuro com cards claros no modo Arctic. */
body[data-design="arctic"] .tu-box {
  --tu-panel: #f8fafb;
  --tu-panel-2: #edf2f5;
  --tu-border: rgba(67,83,99,.17);
  --tu-text: #17212b;
  --tu-muted: #647382;
  color: var(--tu-text) !important;
  background: linear-gradient(145deg, #ffffff, #edf2f5) !important;
  border-color: rgba(67,83,99,.2) !important;
  box-shadow: 0 28px 84px rgba(42,57,73,.24), inset 0 1px 0 #fff !important;
}

body[data-design="arctic"] .tu-header {
  color: var(--tu-text) !important;
  background: linear-gradient(135deg, rgba(245,196,81,.14), rgba(255,255,255,.72)) !important;
}

body[data-design="arctic"] :is(
  .tu-title, .tu-side-title, .tu-comments-title, .tu-name,
  .tu-comment-text, .tu-rules-body p, .tu-winner-name
) {
  color: var(--tu-text) !important;
}

body[data-design="arctic"] :is(.tu-comment-input, .tu-sim-name, .tu-sim-text) {
  color: #1b2631 !important;
  background: #e7edf1 !important;
  border-color: rgba(67,83,99,.2) !important;
}

body[data-design="arctic"] :is(.tu-comment-input, .tu-sim-name, .tu-sim-text)::placeholder {
  color: #6d7b89 !important;
  opacity: 1;
}

body[data-design="arctic"][data-gradient="metallic-pink"] .tu-box {
  --tu-gold: #bd4f7d;
  --tu-fire: #d94f86;
  --tu-green: #bd4f7d;
  --tu-panel: #fff9fc;
  --tu-panel-2: #f5e4eb;
  --tu-border: rgba(151,72,103,.2);
  --tu-text: #281820;
  --tu-muted: #755c68;
  background: linear-gradient(145deg, #fffdfE, #f3dfe8) !important;
  border-color: rgba(189,79,125,.3) !important;
}

body[data-design="arctic"][data-gradient="metallic-pink"] .tu-header {
  background: linear-gradient(135deg, rgba(241,169,198,.34), rgba(255,255,255,.78)) !important;
}

body[data-design="arctic"][data-gradient="metallic-pink"] .tu-tab.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, #e781aa, #ad3f6c) !important;
  box-shadow: 0 6px 18px rgba(189,79,125,.24);
}

body[data-design="arctic"][data-gradient="metallic-pink"] :is(.tu-comment-send, .tu-sim-send, .tu-pay-btn) {
  color: #fff !important;
  background: linear-gradient(135deg, #df78a1, #a93d69) !important;
}

/* -------------------------------------------------------------------------- */
/* REVENUE: restore readable ink on every light surface and chart popup.       */
/* -------------------------------------------------------------------------- */

body[data-design="arctic"] #page-revenue {
  color: #18212a;
  --text-primary: #18212a !important;
  --text-secondary: #43515f !important;
  --text-muted: #647281 !important;
}

body[data-design="arctic"] #page-revenue :is(.rev-top-bar, .rev-action-box, .rev-tx-section) {
  color: #18212a;
  background: rgba(255,255,255,.7) !important;
  border: 1px solid rgba(75,92,109,.18) !important;
  box-shadow: inset 0 1px 0 #fff, 0 9px 24px rgba(45,60,76,.07);
}

body[data-design="arctic"] #page-revenue :is(.rev-view-tab, .rev-tab, .rev-plan-name) {
  color: #536271 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body[data-design="arctic"] #page-revenue :is(.rev-view-tab.active, .rev-tab.active) {
  color: #073d2c !important;
  background: rgba(16,185,129,.18) !important;
}

body[data-design="arctic"] #page-revenue :is(.rev-pill, .rev-period-tabs, .rev-view-tabs, .rev-plan) {
  color: #3f4d5b !important;
  background: rgba(232,238,242,.72) !important;
  border-color: rgba(74,91,108,.18) !important;
}

body[data-design="arctic"] #page-revenue .rev-plan:hover {
  background: rgba(16,185,129,.1) !important;
  border-color: rgba(16,145,99,.45) !important;
}

body[data-design="arctic"] #page-revenue :is(.rev-plan strong, .rev-chart-title, .rev-action-box h4, .rev-tx-section h4) {
  color: #17212a !important;
}

body[data-design="arctic"] #page-revenue :is(.rev-confirm-buyer, .rev-custom-form input, .rev-date-input) {
  color: #1d2833 !important;
  background: rgba(235,240,244,.86) !important;
  border-color: rgba(73,90,108,.22) !important;
}

body[data-design="arctic"] #page-revenue :is(.rev-confirm-buyer, .rev-custom-form input)::placeholder {
  color: #778492 !important;
  opacity: 1 !important;
}

body[data-design="arctic"] #page-revenue :is(.rev-confirm-cancel-btn, .rev-undo-btn) {
  color: #4e5d6c !important;
  background: #eef2f5 !important;
  border-color: rgba(73,90,108,.2) !important;
}

body[data-design="arctic"] #page-revenue :is(.rev-undo-label, .rev-undo-count, .rev-tx-date, .empty-state-mini) {
  color: #687684 !important;
  opacity: 1 !important;
}

body[data-design="arctic"] #rev-detail-popup .rev-detail-dialog {
  color: #17212a !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.99), rgba(230,236,240,.96)) padding-box,
    linear-gradient(120deg, #fff, #8997a4 35%, #f8fafb 65%, #768694) border-box !important;
  border: 1px solid transparent !important;
  box-shadow: 0 32px 82px rgba(12,23,34,.4), inset 0 1px 0 #fff !important;
}

body[data-design="arctic"] #rev-detail-popup :is(#rev-detail-close, #rev-detail-prev, #rev-detail-next) {
  color: #3e4d5b !important;
  background: rgba(230,236,240,.88) !important;
  border-color: rgba(71,89,106,.22) !important;
}

body[data-design="arctic"] #rev-detail-popup :is(#rev-detail-period-label, .rev-detail-stat-label),
body[data-design="arctic"] #rev-detail-popup .rev-detail-stats > div > div:first-child {
  color: #61707e !important;
  opacity: 1 !important;
}

body[data-design="arctic"] #rev-detail-popup #rev-detail-range-label {
  color: #17212a !important;
}

@media (max-width: 760px) {
  body[data-design="arctic"] .gradient-modal-content { width: calc(100% - 20px) !important; }
  body[data-design="arctic"] .gradient-options { grid-template-columns: repeat(2, minmax(118px, 1fr)); }
  body[data-design="arctic"] #rev-detail-popup .rev-detail-dialog { padding: 22px 16px !important; }
  body[data-design="arctic"] #rev-detail-popup .rev-detail-stats { grid-template-columns: 1fr !important; }
}

/* Plans: one direct checkout path plus an explicit WhatsApp alternative. */
body[data-design="arctic"] #page-plans .plans-page-wrap {
  max-width: 1180px;
  padding-top: 34px;
}

body[data-design="arctic"] #page-plans .plans-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
}

body[data-design="arctic"] #page-plans .plans-header h2 {
  order: 1;
  color: #17202a;
  letter-spacing: -.035em;
  margin-bottom: 8px;
}

body[data-design="arctic"] #page-plans .plans-header h2 .material-icons-round {
  color: #506071;
}

body[data-design="arctic"] #page-plans .plans-header > p {
  order: 2;
  color: #657180;
  line-height: 1.55;
}

body[data-design="arctic"] #page-plans .plans-header-actions {
  order: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

body[data-design="arctic"] #page-plans .plans-mp-status,
body[data-design="arctic"] #page-plans .plans-whatsapp-direct {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 12px;
  padding: 10px 15px;
  font-size: .82rem;
  font-weight: 760;
  letter-spacing: -.01em;
}

body[data-design="arctic"] #page-plans .plans-mp-status {
  color: #354352;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(231,237,242,.88));
  border: 1px solid rgba(132,145,158,.4);
  box-shadow: inset 0 1px 0 #fff, 0 6px 18px rgba(72,86,99,.08);
}

body[data-design="arctic"] #page-plans .plans-mp-status .material-icons-round {
  color: #168bcb;
  font-size: 19px;
}

body[data-design="arctic"] #page-plans .plans-whatsapp-direct {
  color: #fff;
  text-decoration: none;
  background: linear-gradient(135deg, #20c86a, #109c4c);
  border: 1px solid rgba(8,126,56,.6);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 9px 22px rgba(16,156,76,.2);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

body[data-design="arctic"] #page-plans .plans-whatsapp-direct:hover {
  transform: translateY(-2px);
  filter: saturate(1.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.36), 0 13px 28px rgba(16,156,76,.28);
}

body[data-design="arctic"] #page-plans .plans-whatsapp-direct .material-icons-round {
  font-size: 19px;
}

body[data-design="arctic"] #page-plans #plans-loading {
  color: #637080 !important;
}

body[data-design="arctic"] #page-plans .plan-card {
  color: #17202a;
  background:
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(235,240,244,.9));
  border: 1px solid rgba(128,141,154,.42);
  box-shadow: inset 0 1px 0 #fff, 0 12px 30px rgba(54,66,77,.1);
}

body[data-design="arctic"] #page-plans .plan-card::before {
  background: linear-gradient(135deg, rgba(31,148,207,.08), transparent 58%);
}

body[data-design="arctic"] #page-plans .plan-card:hover {
  border-color: rgba(80,96,113,.62);
  box-shadow: inset 0 1px 0 #fff, 0 20px 44px rgba(48,61,73,.16), 0 0 0 1px rgba(255,255,255,.8);
}

body[data-design="arctic"] #page-plans .plan-card.popular {
  border-color: rgba(45,137,191,.66);
  box-shadow: inset 0 1px 0 #fff, 0 15px 36px rgba(31,148,207,.16), 0 0 0 1px rgba(72,166,219,.12);
}

body[data-design="arctic"] #page-plans .plan-name,
body[data-design="arctic"] #page-plans .plan-price {
  color: #17202a;
}

body[data-design="arctic"] #page-plans .plan-credits-number {
  background: linear-gradient(135deg, #273849, #168bcb 66%, #7d8c9a);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

body[data-design="arctic"] #page-plans .plan-credits-unit,
body[data-design="arctic"] #page-plans .plan-price small,
body[data-design="arctic"] #page-plans .plan-features li,
body[data-design="arctic"] #page-plans .plans-footer-note {
  color: #667381;
}

body[data-design="arctic"] #page-plans .plan-divider {
  background: rgba(83,99,115,.18);
}

body[data-design="arctic"] #page-plans .plan-buy-btn {
  min-height: 46px;
  color: #fff;
  background: linear-gradient(135deg, #2f3b47, #111922);
  border: 1px solid rgba(9,15,21,.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.17), 0 8px 20px rgba(24,33,42,.17);
}

body[data-design="arctic"] #page-plans .plan-buy-btn:hover,
body[data-design="arctic"] #page-plans .plan-card.popular .plan-buy-btn:hover {
  color: #fff;
  background: linear-gradient(135deg, #168bcb, #096ea5);
  border-color: #096a9e;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 10px 25px rgba(22,139,203,.25);
}

body[data-design="arctic"] #page-plans .plan-card.popular .plan-buy-btn {
  color: #fff;
  background: linear-gradient(135deg, #168bcb, #0c78b3);
  border: 1px solid #096a9e;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 9px 23px rgba(22,139,203,.22);
}

@media (max-width: 600px) {
  body[data-design="arctic"] #page-plans .plans-page-wrap { padding: 26px 14px; }
  body[data-design="arctic"] #page-plans .plans-header-actions { width: 100%; }
  body[data-design="arctic"] #page-plans .plans-mp-status,
  body[data-design="arctic"] #page-plans .plans-whatsapp-direct { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .arctic-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
  .arctic-sonic-core, .arctic-ring, .arctic-signal i { animation: none !important; }
  .arctic-pointer-light { display: none !important; }
  body[data-design="arctic"] *, body[data-design="arctic"] *::before, body[data-design="arctic"] *::after {
    scroll-behavior: auto !important;
  }
}

/* Controle de clientes: os temas claros usam superfícies metálicas, portanto
   nunca podem herdar a tipografia branca dos layouts escuros. */
body[data-design="arctic"] #page-clientes {
  --clients-ink: #172330;
  --clients-muted: #5a6a79;
  --clients-field: rgba(242, 246, 249, .92);
  --clients-line: rgba(66, 83, 100, .25);
}

body[data-design="arctic"] #page-clientes .client-stat-card {
  color: var(--clients-ink) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(225,233,239,.88)) !important;
  border-color: var(--clients-line) !important;
  box-shadow: inset 0 1px 0 #fff, 0 10px 25px rgba(44, 59, 74, .1) !important;
}

body[data-design="arctic"] #page-clientes .client-stat-card .stat-value {
  color: var(--clients-ink) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  filter: none !important;
}

body[data-design="arctic"] #page-clientes .client-stat-card .stat-label,
body[data-design="arctic"] #page-clientes .client-stat-card .stat-estimate {
  color: var(--clients-muted) !important;
  font-weight: 700;
  opacity: 1;
}

body[data-design="arctic"] #page-clientes .bonus-stat .stat-value {
  color: #a55d00 !important;
}

body[data-design="arctic"] #page-clientes .client-search-wrapper {
  background: rgba(246, 249, 251, .94) !important;
  border-color: var(--clients-line) !important;
  box-shadow: inset 0 1px 0 #fff, 0 7px 18px rgba(44, 59, 74, .09) !important;
}

body[data-design="arctic"] #page-clientes .client-search-wrapper .material-icons-round {
  color: #526373 !important;
}

body[data-design="arctic"] #page-clientes .client-search-wrapper input {
  color: var(--clients-ink) !important;
}

body[data-design="arctic"] #page-clientes .client-search-wrapper input::placeholder {
  color: #657789 !important;
  opacity: 1;
}

body[data-design="arctic"] #page-clientes #client-sort {
  color: var(--clients-ink) !important;
  background: rgba(244, 248, 250, .96) !important;
  border-color: var(--clients-line) !important;
  box-shadow: inset 0 1px 0 #fff, 0 6px 16px rgba(44, 59, 74, .08);
}

body[data-design="arctic"] #page-clientes #client-sort option {
  color: #172330 !important;
  background: #f4f8fa !important;
}

body[data-design="arctic"] .client-modal-box {
  color: var(--clients-ink, #172330) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.99), rgba(224,232,238,.94)) !important;
  border-color: rgba(78, 97, 115, .3) !important;
  box-shadow: inset 0 1px 0 #fff, 0 28px 70px rgba(25, 39, 53, .3) !important;
}

body[data-design="arctic"] .client-modal-box .client-modal-header h3 {
  color: #172330 !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}

body[data-design="arctic"] .client-modal-box .client-form-group label {
  color: #415466 !important;
  font-weight: 800;
}

body[data-design="arctic"] .client-modal-box .client-input-wrapper {
  background: var(--clients-field, rgba(242,246,249,.92)) !important;
  border-color: var(--clients-line, rgba(66,83,100,.25)) !important;
  box-shadow: inset 0 1px 0 #fff, 0 3px 10px rgba(36, 51, 66, .12) !important;
}

body[data-design="arctic"] .client-modal-box .client-input-wrapper .material-icons-round {
  color: #607386 !important;
}

body[data-design="arctic"] .client-modal-box .client-input-wrapper input,
body[data-design="arctic"] .client-modal-box .client-input-wrapper select,
body[data-design="arctic"] .client-modal-box #indicador-display {
  color: #172330 !important;
}

body[data-design="arctic"] .client-modal-box .client-input-wrapper input::placeholder {
  color: #66798b !important;
  opacity: 1;
}

body[data-design="arctic"] .client-modal-box .client-new-credit-group {
  background: linear-gradient(135deg, rgba(233, 226, 249, .72), rgba(218, 236, 247, .66)) !important;
  border-color: rgba(121, 95, 176, .35) !important;
}

body[data-design="arctic"] .client-modal-box .client-credit-package-grid button {
  color: #273544 !important;
  background: rgba(247, 250, 252, .95) !important;
  border-color: rgba(85, 105, 124, .24) !important;
}

body[data-design="arctic"] .client-modal-box small {
  color: #596d7e !important;
  opacity: 1;
}

body[data-design="arctic"][data-gradient="metallic-pink"] #page-clientes {
  --clients-ink: #39212c;
  --clients-muted: #755564;
  --clients-field: rgba(255, 249, 252, .94);
  --clients-line: rgba(143, 72, 102, .28);
}

body[data-design="arctic"][data-gradient="metallic-pink"] .client-modal-box .client-form-group label {
  color: #6e4052 !important;
}