/* CL_RQ_VNEXT_BASE_CSS_ONLY_V1 */

:root{
  --clv1-bg-light:#eef0f2;
  --clv1-surface-light:#fbfbfa;
  --clv1-card-light:#ffffff;
  --clv1-border-light:rgba(15,23,42,.08);
  --clv1-border-light-strong:rgba(15,23,42,.12);
  --clv1-shadow-light:0 18px 42px rgba(15,23,42,.08);
  --clv1-shadow-soft-light:0 10px 24px rgba(15,23,42,.05);
  --clv1-text-light:#0f172a;
  --clv1-muted-light:#475569;
  --clv1-kicker-light:#2563eb;

  --clv1-surface-dark:linear-gradient(180deg, rgba(8,21,44,.96), rgba(6,18,39,.94));
  --clv1-card-dark:rgba(10,24,48,.78);
  --clv1-border-dark:rgba(148,163,184,.14);
  --clv1-shadow-dark:0 22px 56px rgba(0,0,0,.38);
  --clv1-text-dark:#e8eefc;
  --clv1-muted-dark:rgba(226,232,240,.72);
}

body[data-cl-rq-vnext-base="v1"]{
  min-height:100vh;
}

body[data-cl-rq-vnext-base="v1"] .cl-p1-page,
body[data-cl-rq-vnext-base="v1"] .cl-p1-shell{
  background:transparent !important;
}

body[data-cl-rq-vnext-base="v1"] .cl-p1-shell-head,
body[data-cl-rq-vnext-base="v1"] .cl-p1-presets{
  background:transparent !important;
  background-image:none !important;
}

body[data-cl-rq-vnext-base="v1"] .cl-p1-family-grid{
  gap:16px !important;
}

body[data-cl-rq-vnext-base="v1"] .cl-p1-family,
body[data-cl-rq-vnext-base="v1"] .cl-p1-hero,
body[data-cl-rq-vnext-base="v1"] .cl-p1-panel--config{
  border-radius:24px !important;
}

body[data-cl-rq-vnext-base="v1"] .cl-p1-preset-card{
  border-radius:18px !important;
}

body[data-cl-rq-vnext-base="v1"] .cl-p1-ghost,
body[data-cl-rq-vnext-base="v1"] .cl-p1-target-btn,
body[data-cl-rq-vnext-base="v1"] .cl-p1-panel--config button:not(.primary):not(.cl-p1-create-active){
  border-radius:999px !important;
}

body[data-cl-rq-vnext-base="v1"] .cl-p1-cta,
body[data-cl-rq-vnext-base="v1"] .cl-p1-create-active,
body[data-cl-rq-vnext-base="v1"] .cl-p1-hero .btn.primary,
body[data-cl-rq-vnext-base="v1"] #cl-rq-topbar-app{
  border-radius:999px !important;
}

/* LIGHT */
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"]{
  background:var(--clv1-bg-light) !important;
  color:var(--clv1-text-light) !important;
}

html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-rq-shared-header-host{
  background:#f7f7f5 !important;
}

html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-rq-shared-header-host .cl-public-header--landing{
  background:rgba(255,255,255,.96) !important;
  border:1px solid var(--clv1-border-light) !important;
  box-shadow:var(--clv1-shadow-soft-light) !important;
}

html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-rq-shared-header-host .cl-public-logo,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-rq-shared-header-host .logo{
  filter:none !important;
}

html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-hero,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-panel--config,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-family{
  background:var(--clv1-surface-light) !important;
  background-image:none !important;
  border:1px solid var(--clv1-border-light) !important;
  box-shadow:var(--clv1-shadow-light) !important;
}

html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-family{
  padding:20px !important;
}

html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-preset-card,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-panel--config [data-cl-preset-section],
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-panel--config [data-cl-p3-main-section],
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-panel--config [data-cl-p4-main-section],
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-summary-card,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-dyn-card,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-settings-head,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-side-card{
  background:var(--clv1-card-light) !important;
  background-image:none !important;
  border:1px solid var(--clv1-border-light-strong) !important;
  box-shadow:var(--clv1-shadow-soft-light) !important;
}

html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-preset-card strong,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-title,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-section-title,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-family-title,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-surface-title,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-dyn-title,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-summary-row strong,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-side-value{
  color:var(--clv1-text-light) !important;
}

html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-preset-card span,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-subtitle,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-page-lead,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-section-copy,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-surface-copy,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-create-note,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-settings-copy,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-side-label,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .muted,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .note{
  color:var(--clv1-muted-light) !important;
}

html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-eyebrow,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-dyn-kicker{
  color:var(--clv1-kicker-light) !important;
}

html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-preset-card.is-active{
  border-color:rgba(79,134,247,.42) !important;
  box-shadow:0 14px 30px rgba(79,134,247,.16) !important;
}

html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-ghost,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-target-btn,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-panel--config button:not(.primary):not(.cl-p1-create-active){
  background:#ffffff !important;
  color:var(--clv1-text-light) !important;
  border:1px solid var(--clv1-border-light-strong) !important;
}

html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-panel--config input,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-panel--config select,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-panel--config textarea,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] input,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] select,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] textarea,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] summary{
  background:#ffffff !important;
  color:var(--clv1-text-light) !important;
  border:1px solid var(--clv1-border-light-strong) !important;
}

html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-panel--config input::placeholder,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-panel--config textarea::placeholder,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] input::placeholder,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] textarea::placeholder{
  color:#64748b !important;
  opacity:1 !important;
}

html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-cta,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-create-active,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] .cl-p1-hero .btn.primary,
html[data-theme="light"] body[data-cl-rq-vnext-base="v1"] #cl-rq-topbar-app{
  background:linear-gradient(180deg,#71a7ff,#4f86f7) !important;
  color:#ffffff !important;
  box-shadow:0 12px 28px rgba(79,134,247,.24) !important;
}

/* DARK */
html[data-theme="dark"] body[data-cl-rq-vnext-base="v1"]{
  color:var(--clv1-text-dark) !important;
}

html[data-theme="dark"] body[data-cl-rq-vnext-base="v1"] .cl-rq-shared-header-host .cl-public-header--landing,
html[data-theme="dark"] body[data-cl-rq-vnext-base="v1"] .cl-p1-hero,
html[data-theme="dark"] body[data-cl-rq-vnext-base="v1"] .cl-p1-panel--config,
html[data-theme="dark"] body[data-cl-rq-vnext-base="v1"] .cl-p1-family{
  background:var(--clv1-surface-dark) !important;
  border:1px solid var(--clv1-border-dark) !important;
  box-shadow:var(--clv1-shadow-dark) !important;
}

html[data-theme="dark"] body[data-cl-rq-vnext-base="v1"] .cl-p1-preset-card,
html[data-theme="dark"] body[data-cl-rq-vnext-base="v1"] .cl-p1-panel--config [data-cl-preset-section],
html[data-theme="dark"] body[data-cl-rq-vnext-base="v1"] .cl-p1-panel--config [data-cl-p3-main-section],
html[data-theme="dark"] body[data-cl-rq-vnext-base="v1"] .cl-p1-panel--config [data-cl-p4-main-section],
html[data-theme="dark"] body[data-cl-rq-vnext-base="v1"] .cl-p1-summary-card,
html[data-theme="dark"] body[data-cl-rq-vnext-base="v1"] .cl-p1-dyn-card,
html[data-theme="dark"] body[data-cl-rq-vnext-base="v1"] .cl-p1-settings-head,
html[data-theme="dark"] body[data-cl-rq-vnext-base="v1"] .cl-p1-side-card{
  background:var(--clv1-card-dark) !important;
  border:1px solid var(--clv1-border-dark) !important;
}

html[data-theme="dark"] body[data-cl-rq-vnext-base="v1"] .cl-p1-preset-card strong,
html[data-theme="dark"] body[data-cl-rq-vnext-base="v1"] .cl-p1-title,
html[data-theme="dark"] body[data-cl-rq-vnext-base="v1"] .cl-p1-summary-row strong{
  color:var(--clv1-text-dark) !important;
}

html[data-theme="dark"] body[data-cl-rq-vnext-base="v1"] .cl-p1-preset-card span,
html[data-theme="dark"] body[data-cl-rq-vnext-base="v1"] .muted,
html[data-theme="dark"] body[data-cl-rq-vnext-base="v1"] .note{
  color:var(--clv1-muted-dark) !important;
}

html[data-theme="dark"] body[data-cl-rq-vnext-base="v1"] .cl-p1-preset-card.is-active{
  border-color:rgba(129,177,255,.36) !important;
}

/* IMPORTANT: no chart selectors here on purpose */
