/*
  AV LÜ™ Evidence in Action dark shell v1.0.0
  Route-only presentation layer. The existing dark case-study board is preserved.
  © 2026 AVLU. All rights reserved.
*/

html[data-theme="dark"]:has(body.route-evidence-in-action) {
  background: #030a17 !important;
}

html[data-theme="dark"] body.route-evidence-in-action {
  --case-shell-ink: #f5f8ff;
  --case-shell-muted: #aab9d5;
  --case-shell-blue: #4f9cff;
  --case-shell-blue-bright: #8bbcff;
  --case-shell-navy: #061326;
  --case-shell-deep: #030a17;
  position: relative;
  overflow-x: clip;
  color: var(--case-shell-ink);
  background: var(--case-shell-deep) !important;
}

html[data-theme="dark"] body.route-evidence-in-action::before {
  content: "";
  position: fixed;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 16%, rgba(79, 156, 255, 0.1) 0 1px, transparent 1.5px),
    radial-gradient(circle at 74% 62%, rgba(139, 188, 255, 0.08) 0 1px, transparent 1.4px),
    radial-gradient(circle at 42% 86%, rgba(79, 156, 255, 0.07) 0 1px, transparent 1.3px);
  background-size: 138px 154px, 196px 184px, 224px 206px;
  opacity: 0.54;
}

html[data-theme="dark"] body.route-evidence-in-action main {
  position: relative;
  isolation: isolate;
  color: var(--case-shell-ink);
  background: transparent !important;
}

/* The shared header is the first part of the legacy paper shell to replace. */
html[data-theme="dark"] body.route-evidence-in-action .v13-header {
  position: relative;
  z-index: 5;
  border-bottom: 1px solid rgba(125, 166, 232, 0.22) !important;
  background: rgba(3, 10, 23, 0.9) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24);
  color: var(--case-shell-ink) !important;
  backdrop-filter: blur(14px);
}

html[data-theme="dark"] body.route-evidence-in-action .v13-header::after {
  background: repeating-linear-gradient(90deg, rgba(110, 167, 255, 0.7) 0 22px, transparent 22px 28px) !important;
  opacity: 0.2;
}

html[data-theme="dark"] body.route-evidence-in-action .v13-brand {
  color: #f4f7ff !important;
  text-shadow: 0 0 20px rgba(90, 148, 255, 0.28);
}

html[data-theme="dark"] body.route-evidence-in-action .v13-brand::before {
  background: var(--case-shell-blue) !important;
  box-shadow: 0 0 12px rgba(79, 156, 255, 0.8);
}

html[data-theme="dark"] body.route-evidence-in-action .v13-nav a,
html[data-theme="dark"] body.route-evidence-in-action .v13-login {
  color: rgba(221, 231, 250, 0.74) !important;
}

html[data-theme="dark"] body.route-evidence-in-action .v13-nav a:hover,
html[data-theme="dark"] body.route-evidence-in-action .v13-nav a:focus-visible,
html[data-theme="dark"] body.route-evidence-in-action .v13-nav a[aria-current="page"],
html[data-theme="dark"] body.route-evidence-in-action .v13-login:hover {
  color: var(--case-shell-blue-bright) !important;
  background: rgba(20, 47, 86, 0.68) !important;
}

html[data-theme="dark"] body.route-evidence-in-action .v13-nav a::after {
  background: var(--case-shell-blue) !important;
  box-shadow: 0 0 10px rgba(79, 156, 255, 0.72);
}

html[data-theme="dark"] body.route-evidence-in-action .v13-menu {
  border-color: rgba(126, 169, 237, 0.5) !important;
  background: rgba(7, 23, 47, 0.82) !important;
  color: var(--case-shell-ink) !important;
}

/* Deep technical canvas around the preserved dark case-study board. */
html[data-theme="dark"] body.route-evidence-in-action .case-walkthrough-hero {
  position: relative;
  overflow: hidden;
  border-bottom-color: rgba(125, 166, 232, 0.2) !important;
  color: var(--case-shell-ink) !important;
  background:
    radial-gradient(circle at 84% 12%, rgba(47, 131, 255, 0.16), transparent 28%),
    linear-gradient(rgba(255, 255, 255, 0.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px),
    linear-gradient(180deg, rgba(7, 19, 38, 0.98), rgba(3, 10, 23, 0.98)) !important;
  background-size: auto, 28px 28px, 28px 28px, auto;
}

html[data-theme="dark"] body.route-evidence-in-action .case-walkthrough-hero::after {
  background:
    repeating-linear-gradient(90deg, rgba(110, 167, 255, 0.07) 0 1px, transparent 1px 44px),
    repeating-linear-gradient(0deg, rgba(110, 167, 255, 0.05) 0 1px, transparent 1px 44px) !important;
  opacity: 0.68;
}

html[data-theme="dark"] body.route-evidence-in-action .case-walkthrough-hero h1 {
  color: #f7f9ff !important;
  text-shadow: 0 4px 34px rgba(0, 0, 0, 0.32);
}

html[data-theme="dark"] body.route-evidence-in-action .case-walkthrough-hero .v13-page-hero__lead {
  color: var(--case-shell-muted) !important;
}

html[data-theme="dark"] body.route-evidence-in-action .v13-eyebrow,
html[data-theme="dark"] body.route-evidence-in-action .case-trust-row span::before,
html[data-theme="dark"] body.route-evidence-in-action .ref-section-title .ref-eyebrow {
  color: var(--case-shell-blue-bright) !important;
}

html[data-theme="dark"] body.route-evidence-in-action .case-trust-row span {
  color: #d9e8ff !important;
}

html[data-theme="dark"] body.route-evidence-in-action .case-trust-row span::before {
  background: rgba(47, 131, 255, 0.2) !important;
}

html[data-theme="dark"] body.route-evidence-in-action .v13-actions .v13-btn--primary,
html[data-theme="dark"] body.route-evidence-in-action .case-status-key .v13-btn--primary {
  border-color: var(--case-shell-blue) !important;
  background: #2469d8 !important;
  box-shadow: 0 0 0 1px rgba(139, 188, 255, 0.2), 0 12px 32px rgba(10, 67, 158, 0.34);
  color: #fff !important;
}

html[data-theme="dark"] body.route-evidence-in-action .v13-actions .v13-btn--secondary,
html[data-theme="dark"] body.route-evidence-in-action .case-cta-actions .v13-btn--secondary {
  border-color: rgba(92, 159, 255, 0.55) !important;
  background: rgba(7, 25, 53, 0.68) !important;
  color: #d9e8ff !important;
}

html[data-theme="dark"] body.route-evidence-in-action .v13-actions .v13-btn--secondary:hover,
html[data-theme="dark"] body.route-evidence-in-action .v13-actions .v13-btn--secondary:focus-visible,
html[data-theme="dark"] body.route-evidence-in-action .case-cta-actions .v13-btn--secondary:hover,
html[data-theme="dark"] body.route-evidence-in-action .case-cta-actions .v13-btn--secondary:focus-visible {
  border-color: var(--case-shell-blue-bright) !important;
  background: rgba(20, 57, 112, 0.78) !important;
  color: #fff !important;
}

/* All outer sections use the same near-black canvas and technical separators. */
html[data-theme="dark"] body.route-evidence-in-action :is(.ref-section, .case-quote-standard, .case-file-standard) {
  border-color: rgba(125, 166, 232, 0.18) !important;
  color: var(--case-shell-ink) !important;
  background:
    linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.022) 1px, transparent 1px),
    rgba(3, 10, 23, 0.92) !important;
  background-size: 28px 28px, 28px 28px, auto;
}

html[data-theme="dark"] body.route-evidence-in-action :is(.ref-section--soft, .case-quote-standard) {
  background:
    radial-gradient(circle at 82% 12%, rgba(47, 131, 255, 0.1), transparent 30%),
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    rgba(5, 18, 38, 0.94) !important;
  background-size: auto, 28px 28px, 28px 28px, auto;
}

html[data-theme="dark"] body.route-evidence-in-action :is(.ref-section-title h2, .case-walkthrough h3, .case-quote-file strong, .case-template-file strong, .case-status-key strong, .case-method-grid h3, .case-boundary-card h2) {
  color: #f5f8ff !important;
}

html[data-theme="dark"] body.route-evidence-in-action :is(.ref-section-title > p:not(.ref-eyebrow), .case-record-id, .case-walkthrough__summary > p:not(.case-record-id), .case-method-grid p, .case-boundary-card li) {
  color: var(--case-shell-muted) !important;
}

/* Translucent supporting panels; the pre-existing case-proof-board is untouched. */
html[data-theme="dark"] body.route-evidence-in-action :is(.case-quote-file, .case-template-file, .case-status-key, .case-walkthrough, .case-method-grid article, .case-boundary-card) {
  border-color: rgba(92, 159, 255, 0.34) !important;
  color: var(--case-shell-ink) !important;
  background: rgba(7, 25, 53, 0.68) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.24) !important;
}

html[data-theme="dark"] body.route-evidence-in-action :is(.case-quote-file__head, .case-template-file__head) {
  border-bottom-color: rgba(119, 158, 216, 0.2) !important;
}

html[data-theme="dark"] body.route-evidence-in-action :is(.case-quote-file__head > div > span, .case-template-file__head > div > span, .case-file-label, .case-status-key > div b) {
  color: var(--case-shell-blue-bright) !important;
}

html[data-theme="dark"] body.route-evidence-in-action :is(.case-basis-pill, .case-template-file__head > span) {
  border: 1px solid rgba(110, 167, 255, 0.42);
  color: #cfe2ff !important;
  background: rgba(47, 131, 255, 0.2) !important;
}

html[data-theme="dark"] body.route-evidence-in-action .case-quote-file__grid > div + div,
html[data-theme="dark"] body.route-evidence-in-action .case-walkthrough > div + div,
html[data-theme="dark"] body.route-evidence-in-action .case-template-file__grid > div:nth-child(odd),
html[data-theme="dark"] body.route-evidence-in-action .case-status-key > div {
  border-color: rgba(119, 158, 216, 0.2) !important;
}

html[data-theme="dark"] body.route-evidence-in-action :is(.case-quote-inputs > div, .case-quote-equation, .case-quote-proof, .case-walkthrough__math, .case-walkthrough__proof, .case-template-file__grid > div) {
  border-color: rgba(119, 158, 216, 0.2) !important;
  background: rgba(4, 16, 34, 0.42) !important;
}

html[data-theme="dark"] body.route-evidence-in-action :is(.case-quote-inputs span, .case-quote-inputs small, .case-quote-proof li, .case-template-file__grid > div p, .case-status-key > div p, .case-walkthrough__math span, .case-walkthrough__proof li) {
  color: var(--case-shell-muted) !important;
}

html[data-theme="dark"] body.route-evidence-in-action :is(.case-quote-inputs strong, .case-quote-equation strong, .case-walkthrough__math strong) {
  color: #f5f8ff !important;
}

html[data-theme="dark"] body.route-evidence-in-action :is(.case-quote-inputs .is-variance, .case-quote-proof__boundary, .case-template-file__gate) {
  border-color: rgba(219, 169, 76, 0.32) !important;
  color: #f4d28e !important;
  background: rgba(127, 78, 5, 0.2) !important;
}

html[data-theme="dark"] body.route-evidence-in-action .case-status-key {
  padding: 24px;
}

html[data-theme="dark"] body.route-evidence-in-action :is(.case-boundary-card--yes, .case-boundary-card--no) {
  background: linear-gradient(145deg, rgba(9, 35, 73, 0.84), rgba(4, 17, 37, 0.8)) !important;
}

html[data-theme="dark"] body.route-evidence-in-action .case-boundary-card--no {
  border-color: rgba(255, 129, 144, 0.42) !important;
}

html[data-theme="dark"] body.route-evidence-in-action .case-method-grid article > span {
  color: #fff !important;
  background: #2469d8 !important;
  box-shadow: 0 0 0 4px rgba(47, 131, 255, 0.14);
}

html[data-theme="dark"] body.route-evidence-in-action .case-walkthrough__summary a,
html[data-theme="dark"] body.route-evidence-in-action .case-quote-equation__after strong {
  color: var(--case-shell-blue-bright) !important;
}

html[data-theme="dark"] body.route-evidence-in-action .case-decision--stop {
  color: #ffc0c7 !important;
  background: rgba(180, 45, 61, 0.24) !important;
}

html[data-theme="dark"] body.route-evidence-in-action .case-decision--watch {
  color: #f4d28e !important;
  background: rgba(127, 78, 5, 0.24) !important;
}

html[data-theme="dark"] body.route-evidence-in-action .case-decision--test {
  color: #a9f0d0 !important;
  background: rgba(31, 125, 88, 0.24) !important;
}

html[data-theme="dark"] body.route-evidence-in-action .case-cta-actions .v13-btn:not(.v13-btn--secondary) {
  border-color: var(--case-shell-blue) !important;
  background: #2469d8 !important;
  color: #fff !important;
}

html[data-theme="dark"] body.route-evidence-in-action .v13-footer {
  border-top-color: rgba(125, 166, 232, 0.2) !important;
  color: #c8d8ef !important;
  background: rgba(3, 10, 23, 0.94) !important;
}

html[data-theme="dark"] body.route-evidence-in-action .v13-footer::before {
  background: linear-gradient(90deg, #173d77, #4f9cff 62%, #a84d35) !important;
}

html[data-theme="dark"] body.route-evidence-in-action .v13-footer :is(h3, .v13-brand) {
  color: #f5f8ff !important;
}

html[data-theme="dark"] body.route-evidence-in-action .v13-footer p,
html[data-theme="dark"] body.route-evidence-in-action .v13-footer__bottom {
  color: #9eafd0 !important;
}

html[data-theme="dark"] body.route-evidence-in-action .v13-footer a {
  color: #b9d2f5 !important;
}

html[data-theme="dark"] body.route-evidence-in-action .v13-footer a:hover,
html[data-theme="dark"] body.route-evidence-in-action .v13-footer a:focus-visible {
  color: var(--case-shell-blue-bright) !important;
}

html[data-theme="dark"] body.route-evidence-in-action .ref-subscribe {
  border-color: rgba(92, 159, 255, 0.36) !important;
  background: rgba(7, 25, 53, 0.66) !important;
}

html[data-theme="dark"] body.route-evidence-in-action .ref-subscribe input {
  color: #f5f8ff !important;
  background: transparent !important;
}

html[data-theme="dark"] body.route-evidence-in-action .ref-subscribe input::placeholder {
  color: #9eafd0 !important;
}

html[data-theme="dark"] body.route-evidence-in-action .ref-subscribe button {
  color: #fff !important;
  background: #2469d8 !important;
}

/* Generated route plate and section navigator use the same dark shell. */
html[data-theme="dark"] body.route-evidence-in-action .avlu-route-plate {
  color: #f5f8ff !important;
  border-color: rgba(92, 159, 255, 0.52) !important;
  background: rgba(5, 18, 38, 0.9) !important;
  box-shadow: 0 3px 0 #2469d8, 0 12px 25px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] body.route-evidence-in-action .avlu-route-plate__copy strong {
  color: #f5f8ff !important;
}

html[data-theme="dark"] body.route-evidence-in-action .avlu-route-plate__copy small {
  color: rgba(221, 231, 250, 0.65) !important;
}

html[data-theme="dark"] body.route-evidence-in-action .avlu-route-plate__index {
  color: #fff !important;
  background: #173d77 !important;
}

html[data-theme="dark"] body.route-evidence-in-action .avlu-section-index {
  color: var(--case-shell-blue-bright) !important;
}

html[data-theme="dark"] body.route-evidence-in-action .avlu-section-nav {
  border-color: rgba(92, 159, 255, 0.36) !important;
  background: rgba(5, 18, 38, 0.9) !important;
  box-shadow: 0 3px 0 rgba(47, 131, 255, 0.36), 0 16px 30px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] body.route-evidence-in-action .avlu-section-nav a {
  color: #aab9d5 !important;
}

html[data-theme="dark"] body.route-evidence-in-action .avlu-section-nav a:hover,
html[data-theme="dark"] body.route-evidence-in-action .avlu-section-nav a:focus-visible {
  color: #f5f8ff !important;
  border-color: rgba(92, 159, 255, 0.5) !important;
  background: rgba(20, 57, 112, 0.62) !important;
}

html[data-theme="dark"] body.route-evidence-in-action .avlu-section-nav a[aria-current="true"] {
  color: #fff !important;
  border-color: #2469d8 !important;
  background: #173d77 !important;
  box-shadow: 0 2px 0 #030a17 !important;
}

html[data-theme="dark"] body.route-evidence-in-action .case-proof-board > * {
  border-color: rgba(92, 159, 255, 0.34) !important;
  background: rgba(7, 25, 53, 0.68) !important;
  color: var(--case-shell-ink) !important;
}

@media (max-width: 700px) {
  html[data-theme="dark"] body.route-evidence-in-action :is(.case-quote-file__grid, .case-template-layout) {
    background: transparent !important;
  }
}