/* ========================================================================
   generators.css — Palette + polish overrides for the legacy generator
   pages. We keep the original layout, animations and SVGs from the
   inline <style> block; this file only retunes colors to match the new
   sci-fi palette and patches a few things that conflict with the new
   shared chrome (nav, body background, container top offset).
   ======================================================================== */

/* ---------- Palette retune (legacy var aliases) ---------- */
.incident-container,
.report-container,
.generator-container,
.drug-container,
.impound-container,
.general-container {
    /* Override the legacy CSS custom properties so every rule that uses
       them inherits the new palette without us touching their selectors. */
    --primary-cyan: #5cf3ff;
    --primary-cyan-dark: #38bdf8;
    --primary-orange: #8b5cf6;          /* was orange — now violet */
    --primary-orange-light: #ff4ecd;    /* was orange-light — now magenta */

    --bg-dark: transparent;             /* let site background show through */
    --bg-card: rgba(15, 18, 28, 0.55);
    --bg-card-hover: rgba(20, 24, 36, 0.75);
    --bg-input: rgba(8, 12, 22, 0.7);

    --glass-bg: rgba(15, 18, 28, 0.55);
    --glass-border: rgba(92, 243, 255, 0.18);
    --glass-shadow: 0 25px 60px -20px rgba(0, 0, 0, 0.55);

    --text-primary: #f4f6fb;
    --text-secondary: #b6bdcd;
    --text-muted: #8892a8;
}

/* The legacy stylesheet sets `body { background: var(--bg-dark); }` to a
   solid #0a0a0f. The new site already paints its own gradient background
   on <body>, so neutralize the legacy override. */
body {
    background: transparent !important;
}

/* The legacy fixed decorative layers (animated-bg / grid-overlay /
   particles) are stripped from the markup by generator-shell.php anyway,
   but defend against any orphans. */
.animated-bg,
.grid-overlay,
.particles {
    display: none !important;
}

/* The legacy in-page .navbar is stripped from markup. Hide any leftover
   reference so the legacy CSS doesn't reserve space. */
.navbar { display: none !important; }

/* The original container offset assumed a fixed legacy nav (margin-top: 100px).
   The new shared nav uses a different height and its own spacing, so reset. */
.incident-container,
.report-container,
.generator-container,
.drug-container,
.impound-container,
.general-container {
    margin-top: 1.5rem !important;
    margin-bottom: 4rem !important;
}

/* ---------- Optional micro-polish ---------- */

/* Heading gradient — cyan -> violet (legacy was cyan -> orange; the var
   override above already does this, but keep an explicit fallback). */
.incident-container h2,
.report-container h2,
.generator-container h2 {
    background: linear-gradient(135deg, #5cf3ff, #8b5cf6) !important;
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Active-tab underline gradient */
.tab-btn.active::after {
    background: linear-gradient(90deg, #5cf3ff, #8b5cf6) !important;
}

/* Top accent bar on the main container */
.incident-container::before,
.report-container::before,
.generator-container::before {
    background: linear-gradient(90deg, #5cf3ff, #8b5cf6, #ff4ecd, #5cf3ff) !important;
    background-size: 300% 100% !important;
}
