/* Cross-theme visibility and contrast fixes for newer Pleiades surfaces. */

/* Keep interactive cards visible in Vault 108 when the normal interface is active.
   Scenic Mode still intentionally hides the main interface via vault-108-backgrounds.css. */
html[data-display-style="vault-108"] body:not(.vault-scenic-mode) :is(
  .brand-hub-card,
  .home-resource-card,
  .hub-tool-grid a,
  .portal-tile,
  .finder-card,
  .vehicle-panel,
  .results,
  .library-panel,
  .paint-card,
  .queue-card,
  .library-stats>div,
  .record-choice
){opacity:1;visibility:visible;filter:none}

html[data-display-style="vault-108"] body:not(.vault-scenic-mode) :is(
  .brand-hub-card,
  .home-resource-card,
  .finder-card,
  .vehicle-panel,
  .results,
  .library-panel,
  .paint-card,
  .queue-card,
  .library-stats>div
){background-color:rgba(5,18,13,.93);border-color:#587d62;color:#f4f1cf;box-shadow:inset 0 0 0 1px rgba(102,255,154,.08),0 15px 34px rgba(0,0,0,.5)}

html[data-display-style="vault-108"] body:not(.vault-scenic-mode) :is(.hub-tool-grid a,.record-choice,.copy-code){background:#0b2118;color:#f7e596;border-color:#65c980}
html[data-display-style="vault-108"] body:not(.vault-scenic-mode) :is(.library-copy,.micro,.availability,.paint-meta,.swatch-note,.queue-card small,.library-stats span,.brand-sub){color:#d3dcc6}
html[data-display-style="vault-108"] body:not(.vault-scenic-mode) :is(.finder-card input,.finder-card select){background:#03100b;color:#f4f1cf;border-color:#5e8369}
html[data-display-style="vault-108"] body:not(.vault-scenic-mode) :is(.finder-card input,.finder-card select)::placeholder{color:#aebdab}
html[data-display-style="vault-108"] body:not(.vault-scenic-mode) .paint-code-row code{color:#69ffa0}

/* Neon Grid uses light text, so paint-specific white surfaces need a dark theme surface. */
html[data-display-style="neon-grid"] :is(
  .finder-card,
  .vehicle-panel,
  .results,
  .library-panel,
  .paint-card,
  .queue-card,
  .library-stats>div,
  .record-choices
){background-color:var(--display-surface,#0b1015)!important;background-image:var(--display-surface-image)!important;color:var(--text,#f8fbfc)!important;border-color:var(--line,#71818c)!important;box-shadow:var(--display-panel-shadow)!important}
html[data-display-style="neon-grid"] :is(.paint-card h3,.vehicle-panel h2,.results h2,.library-panel h2,.finder-card strong,.finder-card label){color:var(--text,#f8fbfc)!important}
html[data-display-style="neon-grid"] :is(.lead,.micro,.availability,.paint-meta,.library-copy,.swatch-note,.queue-card small,.library-stats span,.vehicle-facts span,.brand-sub){color:var(--muted,#cbd5da)!important}
html[data-display-style="neon-grid"] :is(.finder-card input,.finder-card select){background:var(--display-field,#030609)!important;color:var(--text,#f8fbfc)!important;border-color:var(--display-field-line,#82939f)!important}
html[data-display-style="neon-grid"] :is(.finder-card input,.finder-card select)::placeholder{color:var(--display-placeholder-text,#b8c4ca)!important;opacity:1}
html[data-display-style="neon-grid"] .finder-card select option{background:var(--display-field,#030609);color:var(--text,#f8fbfc)}
html[data-display-style="neon-grid"] :is(.mode,.copy-code,.record-choice){background:var(--display-action,#111c23)!important;color:var(--display-action-text,#f4fdff)!important;border-color:var(--display-action-line,#00dff7)!important}
html[data-display-style="neon-grid"] .mode.active{background:var(--accent,#ffd51c)!important;color:var(--display-accent-ink,#151200)!important}
html[data-display-style="neon-grid"] .paint-code-row code{color:var(--accent2,#00e5ff)!important}
html[data-display-style="neon-grid"] :is(.status,.notice,.coverage-badge,.count-badge,.local-badge,.hero-points span,.vehicle-facts span){border-color:var(--display-soft-line,#536875)!important}

/* Ensure links/cards added by Home enhancements don't vanish from alternate-theme stacking contexts. */
html[data-display-style]:not([data-display-style="standard"]) :is(.brand-workspace,.home-resource-card,.hub-tool-grid,.hub-tool-grid a){position:relative;z-index:1}
