/* ============================================================================
   EVE — Enterprise Bands & Evidence-Grade Refinements  (enterprise-bands.css)
   ----------------------------------------------------------------------------
   Shared re-skin layer for PUBLIC marketing pages. Load AFTER the page's base
   bundle (styles.css / eve-microsite.css / page inline) so these overrides win
   by source order (no !important arms race).

   What it does:
     1. SECTION BANDS — dark stays the page default; opt-in light/slate bands let
        a single dark page carry light "trust/evidence" sections. A band class
        re-scopes the existing CSS tokens locally, so token-based markup flips
        with ZERO per-element edits. (Public pages stay dark-default: the
        dark-pin / FOUC machinery is untouched.)
     2. KILLS THE CYBERPUNK SIGNALS — retires the cyan brand accent and softens
        the accent "glow" shadow to restrained enterprise elevation.
     3. DE-GLASS BUTTONS — removes the frosted ghost-button blur.
     4. VERDICT BADGES + ENTERPRISE MODULE CARD — reusable primitives.
     5. RESPECTS prefers-reduced-motion.

   Token names mirror BOTH the public bundle (--bg/--heading/--text/--accent…)
   and the shadcn-style semantic layer (--background/--foreground/--card…) so a
   band works whichever bundle the page uses.
   ============================================================================ */

/* ── 1. GLOBAL SIGNAL CLEANUP (source-order overrides on :root) ───────────── */
:root {
  /* Retire cyan as a brand color — anything using it renders as the steel-blue
     primary instead. (Literal #22d3ee/#38bdf8 in page files is fixed in-page.) */
  --accent-cy: #4f8ef7;
  --cyan:      #4f8ef7;
  /* Soften the accent-ring "glow" to a neutral enterprise elevation. */
  --shadow-glow: 0 1px 2px rgba(5, 10, 22, .18), 0 18px 44px -20px rgba(5, 10, 22, .55);
}

/* ── 2. BAND SYSTEM ───────────────────────────────────────────────────────
   .band is a no-op marker (keeps existing section padding/layout intact).
   The modifier re-scopes surface + text + accent + status tokens locally and
   paints the band background. Add e.g. class="band band--light" to a <section>. */
.band { position: relative; }

.band--dark {
  --bg:#0b0f17; --bg-card:#151d2e; --bg-raised:#1b2433; --bg-panel:#0a0e17;
  --border:#28344f; --border-dim:#1b2536;
  --text:#c2d0e2; --text-dim:#8497af; --heading:#eef3fb;
  --accent:#4f8ef7; --accent2:#a78bfa; --accent-soft:rgba(79,142,247,.10);
  --red:#f87171; --green:#34d399; --gold:#fbbf24;
  --red-dim:rgba(248,113,113,.10); --green-dim:rgba(52,211,153,.10); --gold-dim:rgba(251,191,36,.10);
  /* semantic mirror */
  --background:#0b0f17; --foreground:#f4f6fa; --card:#151d2e; --card-foreground:#f4f6fa;
  --muted-foreground:#a7b0c0; --primary:#4a90e2;
  background:#0b0f17; color:#c2d0e2;
}

.band--slate {
  --bg:#0f1626; --bg-card:#141c30; --bg-raised:#1a2540; --bg-panel:#0c1220;
  --border:#26324c; --border-dim:#1a2338;
  --text:#cdd7e6; --text-dim:#8b97ad; --heading:#eef3fb;
  --accent:#5b9ee8; --accent2:#a78bfa; --accent-soft:rgba(91,158,232,.10);
  --red:#f87171; --green:#34d399; --gold:#fbbf24;
  --background:#0f1626; --foreground:#eef3fb; --card:#141c30; --card-foreground:#eef3fb;
  --muted-foreground:#8b97ad; --primary:#5b9ee8;
  background:#0f1626; color:#cdd7e6;
}

.band--light {
  --bg:#f3f5f7; --bg-card:#ffffff; --bg-raised:#eef2f7; --bg-panel:#e9edf3;
  --border:#d7dee7; --border-dim:#e5eaf0;
  --text:#334155; --text-dim:#5b6472; --heading:#0f1729;
  --accent:#1d4ed8; --accent2:#6d28d9; --accent-soft:rgba(29,78,216,.07);
  --cyan:#1d4ed8;  /* any "cyan" eyebrow/badge stays AA-dark on white */
  --ring:rgba(29,78,216,.35);
  --red:#b42318; --green:#047857; --gold:#92400e;
  --red-dim:rgba(180,35,24,.08); --green-dim:rgba(4,120,87,.10); --gold-dim:rgba(146,64,14,.10);
  --shadow-sm:0 1px 2px rgba(16,24,40,.05);
  --shadow-md:0 2px 6px rgba(16,24,40,.05), 0 12px 28px -12px rgba(16,24,40,.14);
  --shadow-glow:0 1px 2px rgba(16,24,40,.05), 0 12px 28px -14px rgba(16,24,40,.16);
  /* semantic mirror */
  --background:#f3f5f7; --foreground:#111827; --card:#ffffff; --card-foreground:#1f2937;
  --muted-foreground:#5b6472; --primary:#1d4ed8;
  background:#f3f5f7; color:#334155;
}

/* Link hover inside a light band should stay in the darker-blue family */
.band--light a { color:#1d4ed8; }
.band--light a:hover { color:#1e40af; }

/* Give bands honest vertical rhythm even when a section had none */
.band { padding-top: clamp(64px, 8vw, 104px); padding-bottom: clamp(64px, 8vw, 104px); }

/* ── 3. BUTTON REFINEMENTS (enterprise, not consumer) ─────────────────────
   Remove the frosted-glass ghost blur; keep solid primary + clean outline. */
.btn-ghost { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
.band--light .btn-ghost {
  background: transparent; border-color: var(--border); color: var(--heading);
}
.band--light .btn-ghost:hover { border-color: #9aa8bd; background: rgba(15,23,41,.03); color:#0f1729; }
.band--light .btn-primary { background: var(--accent); border-color: var(--accent); color:#fff; }
.band--light .btn-primary:hover { background:#1e40af; border-color:#1e40af; }

/* ── 4a. VERDICT BADGE — ALLOW / MODIFY / BLOCK / SIGNED (the only place status
       colors are allowed to appear as brand furniture) ─────────────────────── */
.verdict {
  display:inline-flex; align-items:center; gap:6px;
  padding:3px 11px; border-radius:6px;
  font:600 .75rem/1 var(--sans); letter-spacing:.02em;
  border:1px solid transparent;
}
.verdict::before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }
.verdict--allow  { color:var(--green); background:var(--green-dim); border-color:color-mix(in srgb, var(--green) 30%, transparent); }
.verdict--modify { color:var(--gold);  background:var(--gold-dim);  border-color:color-mix(in srgb, var(--gold) 30%, transparent); }
.verdict--block  { color:var(--red);   background:var(--red-dim);   border-color:color-mix(in srgb, var(--red) 30%, transparent); }
.verdict--signed { color:var(--accent2); background:color-mix(in srgb, var(--accent2) 12%, transparent); border-color:color-mix(in srgb, var(--accent2) 30%, transparent); }

/* ── 4b. ENTERPRISE MODULE CARD — eyebrow · title · value · proof · link ────── */
.eg-card {
  background:var(--bg-card); border:1px solid var(--border); border-radius:12px;
  padding:28px 26px; box-shadow:var(--shadow-sm);
  transition:border-color .15s, box-shadow .15s;
}
.eg-card:hover { border-color:color-mix(in srgb, var(--accent) 45%, var(--border)); box-shadow:var(--shadow-md); }
.eg-card .eg-eyebrow { font:600 .6875rem/1 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--text-dim); margin-bottom:12px; }
.eg-card .eg-title { font:600 1.15rem/1.3 var(--sans); color:var(--heading); margin-bottom:8px; }
.eg-card .eg-value { font-size:.95rem; color:var(--text-dim); line-height:1.6; margin-bottom:14px; }
.eg-card .eg-proof { font:500 .8125rem/1.5 var(--sans); color:var(--text); padding-top:12px; border-top:1px solid var(--border-dim); }
.eg-card .eg-link { display:inline-block; margin-top:14px; font-weight:600; font-size:.875rem; color:var(--accent); }
.eg-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; }
@media (max-width:900px){ .eg-grid { grid-template-columns:repeat(2, 1fr); } }
@media (max-width:600px){ .eg-grid { grid-template-columns:1fr; } }

/* ── 4c. CLEAN 4-STEP FLOW (procurement-friendly "how it works") ───────────── */
.eg-flow { display:grid; grid-template-columns:repeat(4, 1fr); gap:14px; margin-top:40px; }
.eg-step { background:var(--bg-card); border:1px solid var(--border); border-radius:10px; padding:22px 20px; position:relative; }
.eg-step .eg-step-n { font:700 .75rem/1 var(--mono); color:var(--accent); letter-spacing:.1em; }
.eg-step .eg-step-t { font:600 1rem/1.35 var(--sans); color:var(--heading); margin:10px 0 6px; }
.eg-step .eg-step-d { font-size:.85rem; color:var(--text-dim); line-height:1.55; }
@media (max-width:820px){ .eg-flow { grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .eg-flow { grid-template-columns:1fr; } }

/* ── 4d. LEGACY CARD PATTERNS INSIDE LIGHT BANDS ──────────────────────────
   Several public sections hardcode `background:var(--bg)` on cards (pain-card,
   etc.). In a light band --bg IS the section canvas, so cards would go flat.
   Lift them to the white card surface with a hairline + whisper elevation, and
   soften decorative accent glows that read as neon on white. */
.band--light .pain-card,
.band--light .usecase-card,
.band--light .mod-card,
.band--light .intel-card,
.band--light .gov-panel {
  background: var(--bg-card) !important;   /* #fff — separates from #f3f5f7 canvas */
  box-shadow: var(--shadow-sm);
}
.band--light .pain-grid,
.band--light .usecase-grid { background: var(--border); }   /* hairline grid between cells */
/* Neutralize accent "glow" decorations on light so sections stay calm */
.band--light .mod-card::before,
.band--light .usecase-card::before { opacity: .35; }

/* Code / console / evidence-terminal surfaces stay DARK inside a light band
   (same precedent as design-tokens.css pinning code surfaces dark in light
   theme). Re-scope the tokens back to dark values INSIDE the artifact so its
   children resolve to light-on-dark and stay legible — a dark signed-record
   artifact on a white trust section is exactly the intended look. */
.band--light .proof-terminal,
.band--light .cert-json,
.band--light .code-block,
.band--light pre[class*="terminal"],
.band--light pre[class*="cmd"] {
  --text:#c2d0e2; --text-dim:#8497af; --heading:#eef3fb;
  --accent:#5b9ee8; --accent2:#a78bfa; --border:#28344f; --border-dim:#1b2536;
  --bg-panel:#0a0e17; --bg-raised:#11192a;
  color:#c2d0e2;
}

/* ── 5. MOTION DISCIPLINE ─────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }
}