/*
  Iron Digital MI — Admin Theme
  Strips generic AI-generated visual patterns and applies the Iron
  Digital brand identity. Loaded on all internal admin/tool pages.

  Rules: dark zinc base, brand blue accents, no animated gradients,
  no bounce effects, no grain overlays, clean utilitarian typography.
*/

/* ── 1. Kill atmospheric radial-gradient body backgrounds ───────── */
body { background-image: none !important; }

/* ── 2. Animated gradient text → solid accessible brand blue ─────── */
@keyframes gradientFlow { 0%, 50%, 100% { background-position: 0 } }
.gradient-text,
.gradient-glow {
  background: none !important;
  animation: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #1f87c5 !important;
  color: #1f87c5 !important;
}

/* ── 3. Gradient buttons → solid Iron Digital blue ───────────────── */
.btn-gradient,
.btn-grad {
  background: #0076B6 !important;
  background-image: none !important;
  background-size: auto !important;
  animation: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.btn-gradient:hover,
.btn-grad:hover {
  background: #005a8e !important;
  filter: none !important;
}

/* ── 4. Kill fixed noise/grain overlays ─────────────────────────── */
.noise-bg,
.grain-overlay { display: none !important; }

/* ── 5. Remove spring/bounce hover — simple border transition only ── */
.hover-spring,
.spring-card {
  transition: border-color 0.15s ease, opacity 0.15s ease !important;
}
.hover-spring:hover,
.spring-card:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* ── 6. Flatten all asymmetric border-radius to 4px ─────────────── */
.asymmetric-left,
.asymmetric-right,
.asymmetric-radius-left,
.asymmetric-radius-right,
.asym-radius-1,
.asym-radius-2,
.asym-radius-3 {
  border-radius: 4px !important;
}

/* ── 7. Rainbow accordion borders → single brand blue ───────────── */
[class*="accordion-"] { border-left-color: #1f87c5 !important; }
[class*="accordion-"]:hover {
  border-left-color: #0076B6 !important;
  box-shadow: none !important;
}

/* ── 8. Flow connector gradient line → solid brand blue ─────────── */
.flow-connector::after { background: #0076B6 !important; }

/* ── 9. Text contrast — zinc-500 (#71717a) fails 4.5:1 on #09090b ── */
[class*="text-zinc-500"] { color: #a1a1aa !important; }

/* ── 10. Cap oversized admin headings ────────────────────────────── */
/* text-7xl (4.5rem) and text-5xl are hero sizes, not admin tool sizes */
.text-7xl { font-size: 2rem !important; line-height: 1.2 !important; }
.text-5xl { font-size: 1.875rem !important; line-height: 1.25 !important; }

/* ── 11. Selection highlight → brand blue ───────────────────────── */
::selection { background-color: #0076B6 !important; color: #fff !important; }

/* ── 12. Scrollbar → light palette (matches iron-theme.css pages) ── */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: #F2EBE1 !important; }
::-webkit-scrollbar-thumb { background: #c8b8a8 !important; border-radius: 3px; }

/* ── 13. Cyan text → oxblood (cyan reads poorly on light palette) ─── */
[class*="text-cyan-"] { color: #800020 !important; }
[class*="border-cyan-"] { border-color: #e4c0c8 !important; }
[class*="bg-cyan-"] { background-color: rgba(128,0,32,0.06) !important; }
