/* ================================================================
   VYRITY-016C — Global theme coverage bridge
   Purpose:
   Make newer page/component families honor the canonical Vyrity
   light/dark theme selected by the subscriber.
   ================================================================ */

/*
   The theme itself is still owned by:
     includes/theme-bootstrap.cfm
     assets/js/vyrity-theme.js
     assets/css/public.css

   This file only maps page-specific fixed colors back to the canonical
   theme tokens. It intentionally does not change theme persistence.
*/

/* ---------------------------------------------------------------
   Official dynamic / guided home
   --------------------------------------------------------------- */
html[data-theme="dark"] .vgh-home{
  --vgh-ink:var(--zen-ink);
  --vgh-muted:var(--zen-muted);
  --vgh-line:var(--zen-line);
  color:var(--zen-ink);
  background:
    radial-gradient(circle at 8% 12%,rgba(87,225,234,.13),transparent 28%),
    radial-gradient(circle at 91% 12%,rgba(211,142,202,.14),transparent 28%),
    var(--zen-page-gradient);
}
html[data-theme="dark"] .vgh-member-note,
html[data-theme="dark"] .vgh-why,
html[data-theme="dark"] .vgh-public-desc,
html[data-theme="dark"] .vgh-trust,
html[data-theme="dark"] .vgh-guide-controls>span,
html[data-theme="dark"] .vgh-principles p,
html[data-theme="dark"] .vgh-section-head>p:not(.vgh-eyebrow),
html[data-theme="dark"] .vgh-edition p,
html[data-theme="dark"] .vgh-edition>span,
html[data-theme="dark"] .vgh-door-grid p{
  color:var(--zen-muted)!important;
}
html[data-theme="dark"] .vgh-next-card,
html[data-theme="dark"] .vgh-member-card,
html[data-theme="dark"] .vgh-choice-links a,
html[data-theme="dark"] .vgh-guide,
html[data-theme="dark"] .vgh-options button,
html[data-theme="dark"] .vgh-principles article,
html[data-theme="dark"] .vgh-edition,
html[data-theme="dark"] .vgh-door-grid a{
  color:var(--zen-ink)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.045))!important;
  border-color:var(--zen-line)!important;
  box-shadow:var(--zen-shadow-soft)!important;
}
html[data-theme="dark"] .vgh-member-card-profile,
html[data-theme="dark"] .vgh-edition.live{
  background:
    radial-gradient(circle at 88% 85%,rgba(221,142,203,.12),transparent 46%),
    linear-gradient(145deg,rgba(95,227,234,.10),rgba(163,132,244,.075),rgba(255,255,255,.035))!important;
}
html[data-theme="dark"] .vgh-member-progress,
html[data-theme="dark"] .vgh-editions,
html[data-theme="dark"] .vgh-platform-all{
  background:rgba(255,255,255,.018)!important;
  border-color:var(--zen-line)!important;
}
html[data-theme="dark"] .vgh-lens{
  background:rgba(255,255,255,.045)!important;
  color:var(--zen-muted-2)!important;
  border-color:var(--zen-line)!important;
}
html[data-theme="dark"] .vgh-lens.complete{
  color:#c8fbff!important;
  background:linear-gradient(135deg,rgba(80,220,231,.19),rgba(174,139,255,.18))!important;
  border-color:rgba(115,231,239,.30)!important;
}
html[data-theme="dark"] .vgh-symbol{
  background:rgba(5,22,40,.74)!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.30)!important;
}
html[data-theme="dark"] .vgh-tag{
  background:rgba(8,29,50,.90)!important;
  color:#d6e9f3!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.20)!important;
}
html[data-theme="dark"] .vgh-guide-head{
  border-color:var(--zen-line)!important;
}
html[data-theme="dark"] .vgh-dots span{
  background:rgba(255,255,255,.12)!important;
}
html[data-theme="dark"] .vgh-options button.selected{
  background:linear-gradient(145deg,rgba(71,210,222,.16),rgba(174,139,255,.13))!important;
}
html[data-theme="dark"] .vgh-result-main,
html[data-theme="dark"] .vgh-result-why{
  color:var(--zen-ink)!important;
  background:linear-gradient(145deg,rgba(78,219,229,.11),rgba(170,135,248,.09))!important;
  border-color:var(--zen-line)!important;
}
html[data-theme="dark"] .vgh-result p,
html[data-theme="dark"] .vgh-result li{
  color:var(--zen-muted)!important;
}

/* Older ZenTech home remains theme-aware through tokens, but these fixed
   surfaces need a dark bridge on deployments where this home still exists. */
html[data-theme="dark"] .zen-orbit-tag,
html[data-theme="dark"] .zen-door,
html[data-theme="dark"] .zen-story-card{
  background:rgba(9,31,53,.88)!important;
  color:var(--zen-ink)!important;
  border-color:var(--zen-line)!important;
}

/* ---------------------------------------------------------------
   Ask Vyrity — both historical 3-column and current focused layout
   --------------------------------------------------------------- */
html[data-theme="dark"] .ask-shell{
  color:var(--zen-ink)!important;
}
html[data-theme="dark"] .ask-title,
html[data-theme="dark"] .ask-conversation-title,
html[data-theme="dark"] .ask-side-title,
html[data-theme="dark"] .ask-thread strong{
  color:var(--zen-ink)!important;
}
html[data-theme="dark"] .ask-lead,
html[data-theme="dark"] .ask-empty-state,
html[data-theme="dark"] .ask-note,
html[data-theme="dark"] .ask-mic-status,
html[data-theme="dark"] .ask-empty,
html[data-theme="dark"] .ask-history-note,
html[data-theme="dark"] .ask-history-tip,
html[data-theme="dark"] .ask-thread span{
  color:var(--zen-muted)!important;
}
html[data-theme="dark"] .ask-card{
  background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.045))!important;
  border-color:var(--zen-line)!important;
  box-shadow:var(--zen-shadow-soft)!important;
}
html[data-theme="dark"] .ask-conversation-head,
html[data-theme="dark"] .ask-compose{
  background:rgba(5,22,40,.56)!important;
  border-color:var(--zen-line)!important;
}
html[data-theme="dark"] .ask-message.assistant .ask-bubble{
  background:#102f52!important;
  border-color:rgba(255,255,255,.11)!important;
  color:#e8f4fb!important;
}
html[data-theme="dark"] .ask-message.user .ask-bubble{
  background:linear-gradient(135deg,rgba(91,221,230,.24),rgba(224,143,202,.22))!important;
  border-color:rgba(116,229,237,.23)!important;
  color:#f5fbff!important;
}
html[data-theme="dark"] .ask-message-label,
html[data-theme="dark"] .ask-message-meta,
html[data-theme="dark"] .ask-evidence-label{
  color:#a9c2d2!important;
}
html[data-theme="dark"] .ask-evidence-chip{
  background:rgba(82,207,218,.11)!important;
  border-color:rgba(118,221,231,.22)!important;
  color:#c8f5f7!important;
}
html[data-theme="dark"] .ask-textarea{
  background:#071d35!important;
  color:#f1f8fc!important;
  border-color:#527088!important;
}
html[data-theme="dark"] .ask-textarea::placeholder{
  color:#91a8b9!important;
}
html[data-theme="dark"] .ask-button.secondary{
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(255,255,255,.18)!important;
  color:#eef8fd!important;
}
html[data-theme="dark"] .ask-button.secondary:hover{
  background:rgba(255,255,255,.10)!important;
}
html[data-theme="dark"] .ask-thread{
  color:#d9e9f2!important;
}
html[data-theme="dark"] .ask-thread:hover{
  background:rgba(255,255,255,.055)!important;
}
html[data-theme="dark"] .ask-thread.active{
  background:rgba(150,126,244,.14)!important;
  border-color:rgba(186,168,255,.25)!important;
}
html[data-theme="dark"] .ask-guardrail{
  background:rgba(71,193,210,.08)!important;
  color:#bfd4e0!important;
}
html[data-theme="dark"] .ask-source{
  border-color:var(--zen-line)!important;
}
html[data-theme="dark"] .ask-source strong{
  color:var(--zen-ink)!important;
}
html[data-theme="dark"] .ask-source span{
  color:var(--zen-muted)!important;
}

/* ---------------------------------------------------------------
   Discovery-first reporting hub
   --------------------------------------------------------------- */
html[data-theme="dark"] .vrh-wrap{
  color:var(--zen-ink)!important;
}
html[data-theme="dark"] .vrh-lead,
html[data-theme="dark"] .vrh-card p{
  color:var(--zen-muted)!important;
}
html[data-theme="dark"] .vrh-pill,
html[data-theme="dark"] .vrh-card{
  background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.045))!important;
  color:var(--zen-ink)!important;
  border-color:var(--zen-line)!important;
  box-shadow:var(--zen-shadow-soft)!important;
}
html[data-theme="dark"] .vrh-card h3{
  color:#f3f9fd!important;
}
html[data-theme="dark"] .vrh-card.incomplete{
  background:rgba(255,255,255,.025)!important;
  box-shadow:none!important;
  opacity:.78;
}
html[data-theme="dark"] .vrh-state.off{
  color:#8fa5b5!important;
}

/* ---------------------------------------------------------------
   Discovery-first single + living report pages
   --------------------------------------------------------------- */
html[data-theme="dark"] .vdr-page{
  color:var(--zen-ink)!important;
  background:
    radial-gradient(circle at 10% 3%,rgba(70,216,226,.09),transparent 28rem),
    radial-gradient(circle at 90% 6%,rgba(183,121,255,.10),transparent 30rem),
    var(--zen-page-gradient)!important;
}
html[data-theme="dark"] .vdr-section{
  border-color:var(--zen-line)!important;
}
html[data-theme="dark"] .vdr-section-head h2,
html[data-theme="dark"] .vdr-fit-grid h2{
  color:#f3f9fd!important;
}
html[data-theme="dark"] .vdr-section-head p,
html[data-theme="dark"] .vdr-fit-grid>div>p,
html[data-theme="dark"] .vdr-discovery-card p,
html[data-theme="dark"] .vdr-freeze-note{
  color:var(--zen-muted)!important;
}
html[data-theme="dark"] .vdr-discovery-card,
html[data-theme="dark"] .vdr-evidence-row,
html[data-theme="dark"] .vdr-fit-box,
html[data-theme="dark"] .vdr-lens-grid a{
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.04))!important;
  color:var(--zen-ink)!important;
  border-color:var(--zen-line)!important;
  box-shadow:var(--zen-shadow-soft)!important;
}
html[data-theme="dark"] .vdr-discovery-card h3,
html[data-theme="dark"] .vdr-lens-grid a{
  color:#f1f8fc!important;
}
html[data-theme="dark"] .vdr-discovery-card .vdr-anchor-row span{
  border-color:rgba(122,221,232,.22)!important;
  background:rgba(82,207,218,.09)!important;
  color:#c7f4f6!important;
}
html[data-theme="dark"] .vdr-evidence-row small,
html[data-theme="dark"] .vdr-rank,
html[data-theme="dark"] .vdr-lens-grid a small{
  color:#9fb5c4!important;
}
html[data-theme="dark"] .vdr-meter{
  background:rgba(255,255,255,.10)!important;
}
html[data-theme="dark"] .vdr-fit-choices span{
  border-color:rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.045)!important;
  color:#e8f3f8!important;
}
html[data-theme="dark"] .vdr-fit-box textarea{
  background:#071d35!important;
  color:#f1f8fc!important;
  border-color:#547086!important;
}
html[data-theme="dark"] .vdr-lens-grid a span{
  color:#72e5eb!important;
}

/* ---------------------------------------------------------------
   Existing assessment questionnaire / result surfaces
   These pages have their own strong component CSS. Limit the bridge
   to the obvious fixed light containers and inputs.
   --------------------------------------------------------------- */
html[data-theme="dark"] body.mif-assessment-runtime{
  background:var(--zen-page-gradient)!important;
  color:var(--zen-ink)!important;
}
html[data-theme="dark"] body.mif-assessment-runtime .assessment-shell,
html[data-theme="dark"] body.mif-assessment-runtime .result-shell{
  color:var(--zen-ink)!important;
}
html[data-theme="dark"] body.mif-assessment-runtime input,
html[data-theme="dark"] body.mif-assessment-runtime textarea,
html[data-theme="dark"] body.mif-assessment-runtime select{
  background:#071d35!important;
  color:#eff8fd!important;
  border-color:#4f6e85!important;
}

html[data-theme="dark"] body.mif-result-runtime{
  background:var(--zen-page-gradient)!important;
  color:var(--zen-ink)!important;
}

/* ---------------------------------------------------------------
   General safety net for semantic theme-token components
   --------------------------------------------------------------- */
html[data-theme="dark"] .vyrity-settings-section,
html[data-theme="dark"] .vyrity-voice-card{
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.04))!important;
}

/* Native controls should visually belong to the active theme. */
html[data-theme="dark"]{
  color-scheme:dark;
}
html[data-theme="light"]{
  color-scheme:light;
}


/* ---------------------------------------------------------------
   VYRITY-016C1 — Ask Vyrity dark conversation contrast correction
   The conversation stream itself was still hard-coded white.
   --------------------------------------------------------------- */
html[data-theme="dark"] .ask-stream{
  background:#0b253d!important;
  color:#edf7fb!important;
}
html[data-theme="dark"] .ask-empty-state{
  color:#d5e6ef!important;
  font-weight:560;
}
html[data-theme="dark"] .ask-empty-state strong,
html[data-theme="dark"] .ask-empty-state b{
  color:#ffffff!important;
}
html[data-theme="dark"] .ask-label{
  color:#b9d1df!important;
}
html[data-theme="dark"] .ask-compose{
  background:#091f35!important;
}
html[data-theme="dark"] .ask-conversation-head{
  background:#0a2238!important;
}
html[data-theme="dark"] .ask-conversation{
  background:#0b253d!important;
}
html[data-theme="dark"] .ask-source-actions{
  border-color:rgba(255,255,255,.13)!important;
}
html[data-theme="dark"] .ask-history-tip{
  border-color:rgba(255,255,255,.13)!important;
}