/* ==========================================================================
   Eduman 6.0 theme override for Education ERP
   Loaded AFTER the compiled Tailwind css. Unlayered rules beat @layer
   utilities in the CSS cascade, so no !important needed.
   ========================================================================== */

:root {
  --edm-indigo: #2e3192;
  --edm-indigo-deep: #26266e;
  --edm-indigo-line: rgba(255,255,255,.15);
  --edm-teal: #00b09b;
  --edm-teal-d: #019f8b;
  --edm-orange: #f06048;
  --edm-orange-d: #d94a33;
  --edm-blue: #1d7ffd;
  --edm-blue-d: #0b5fc0;
  --edm-navy: #044ba5;
  --edm-navy-d: #033574;
  --edm-content-bg: #eef1fb;
  --edm-content-bg2: #dfe5fa;
}

/* ---------------- 1. Sidebar (Eduman indigo gradient) ---------------- */
aside {
  background: linear-gradient(180deg, var(--edm-indigo) 0%, var(--edm-indigo-deep) 100%);
}
aside .bg-\[\#262665\] { background: transparent; }
aside .border-\[\#3d3d8c\],
aside .border-\[\#23234d\] {
  border-color: var(--edm-indigo-line);
}
/* search input */
aside .bg-\[\#1f1f5c\] {
  background: rgba(255, 255, 255, .14);
  border-color: var(--edm-indigo-line);
}
/* sidebar footer/version strip stays subtle */
aside > div:last-child { border-color: var(--edm-indigo-line); }

/* ---------------- 2. Content background ---------------- */
.min-h-screen.bg-gray-50 { background: var(--edm-content-bg); }

/* ---------------- 3. Dashboard stat cards -> Eduman solid gradient cards
   Grid: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4"            */
.sm\:grid-cols-2.lg\:grid-cols-4 > div {
  color: #fff;
  border: none;
  box-shadow: 0 6px 18px rgba(30, 32, 120, .12);
}
.sm\:grid-cols-2.lg\:grid-cols-4 > div:nth-child(1) {
  background: linear-gradient(135deg, var(--edm-teal), var(--edm-teal-d));
}
.sm\:grid-cols-2.lg\:grid-cols-4 > div:nth-child(2) {
  background: linear-gradient(135deg, var(--edm-orange), var(--edm-orange-d));
}
.sm\:grid-cols-2.lg\:grid-cols-4 > div:nth-child(3) {
  background: linear-gradient(135deg, var(--edm-blue), var(--edm-blue-d));
}
.sm\:grid-cols-2.lg\:grid-cols-4 > div:nth-child(4) {
  background: linear-gradient(135deg, var(--edm-navy), var(--edm-navy-d));
}
/* all text inside stat cards -> white (label span, value p, trend p, h3..) */
.sm\:grid-cols-2.lg\:grid-cols-4 > div :is(p, span, h3, .text-gray-500, .text-gray-400, .text-slate-500, .text-slate-600, .text-slate-700, .text-slate-900, .text-gray-600, .text-gray-900) {
  color: #fff;
}
/* pastel icon tiles -> glass tiles */
.sm\:grid-cols-2.lg\:grid-cols-4 .bg-blue-50,
.sm\:grid-cols-2.lg\:grid-cols-4 .bg-green-50,
.sm\:grid-cols-2.lg\:grid-cols-4 .bg-amber-50,
.sm\:grid-cols-2.lg\:grid-cols-4 .bg-purple-50 {
  background: rgba(255, 255, 255, .20);
}
.sm\:grid-cols-2.lg\:grid-cols-4 .text-blue-600,
.sm\:grid-cols-2.lg\:grid-cols-4 .text-green-600,
.sm\:grid-cols-2.lg\:grid-cols-4 .text-amber-600,
.sm\:grid-cols-2.lg\:grid-cols-4 .text-purple-600 {
  color: #fff;
}

/* ---------------- 4. Login page -> Eduman light theme ---------------- */
.h-screen.bg-\[\#171b46\] {
  background: linear-gradient(135deg, var(--edm-content-bg), var(--edm-content-bg2));
  color: #25255e;
}
/* top border on login header */
.h-screen.bg-\[\#171b46\] header { border-color: rgba(46, 49, 146, .14); }
/* institute name in login header */
.h-screen.bg-\[\#171b46\] header span { color: var(--edm-indigo); }
/* language select */
.h-screen.bg-\[\#171b46\] header select.bg-\[\#262665\] {
  background: var(--edm-indigo);
  color: #fff;
}

/* left promo card: white card */
.h-screen.bg-\[\#171b46\] main .bg-\[\#101336\] {
  background: #fff;
  border-color: rgba(46, 49, 146, .12);
  box-shadow: 0 20px 50px rgba(38, 38, 110, .12);
}
/* red rounded bar -> Eduman indigo bar */
.h-screen.bg-\[\#171b46\] main .bg-\[\#e11d48\] {
  background: linear-gradient(135deg, var(--edm-indigo), var(--edm-indigo-deep));
}
/* promo bottom link color */
.h-screen.bg-\[\#171b46\] main .bg-\[\#101336\] a { color: var(--edm-indigo); }

/* right login card: white card */
.h-screen.bg-\[\#171b46\] main .bg-\[\#2b2f7a\] {
  background: #fff;
  border-color: rgba(46, 49, 146, .12);
  box-shadow: 0 20px 50px rgba(38, 38, 110, .12);
}
/* login heading + labels */
.h-screen.bg-\[\#171b46\] main .bg-\[\#2b2f7a\] h1 { color: var(--edm-indigo); }
.h-screen.bg-\[\#171b46\] main .bg-\[\#2b2f7a\] label.text-indigo-100 { color: #5656a8; }
/* icon tint next to inputs */
.h-screen.bg-\[\#171b46\] main .bg-\[\#2b2f7a\] .text-indigo-400 { color: var(--edm-indigo); }
/* ping-ring animation tint around lock icon */
.h-screen.bg-\[\#171b46\] main .bg-\[\#2b2f7a\] .border-indigo-300\/40,
.h-screen.bg-\[\#171b46\] main .bg-\[\#2b2f7a\] .border-indigo-300\/50 {
  border-color: rgba(46, 49, 146, .35);
}
/* login button gradient -> indigo */
.h-screen.bg-\[\#171b46\] main .bg-\[\#2b2f7a\] .from-\[\#3c43c4\] {
  background: linear-gradient(90deg, var(--edm-indigo), var(--edm-indigo-deep));
}
/* "Reset Now" pill + social icon buttons */
.h-screen.bg-\[\#171b46\] main .bg-\[\#2b2f7a\] button { cursor: pointer; }
/* forgot-password link color */
.h-screen.bg-\[\#171b46\] main .bg-\[\#2b2f7a\] a { color: var(--edm-indigo); }
/* bottom circular footer bar of promo (site url strip) */
.h-screen.bg-\[\#171b46\] main .bg-\[\#101336\] .text-indigo-200\/80 { color: var(--edm-indigo); }
/* feature labels on promo card stay readable on white */
.h-screen.bg-\[\#171b46\] main .bg-\[\#101336\] .text-white\/80 { color: #3d3d88; }
.h-screen.bg-\[\#171b46\] main .bg-\[\#101336\] .text-white { color: #3d3d88; }
/* top indigo bar of promo card keeps white text */
.h-screen.bg-\[\#171b46\] main .bg-\[\#101336\] .bg-\[\#e11d48\] .text-white { color: #fff; }
.h-screen.bg-\[\#171b46\] main .bg-\[\#101336\] .bg-\[\#12163a\] {
  background: var(--edm-indigo);
  border-color: rgba(46, 49, 146, .4);
}
.h-screen.bg-\[\#171b46\] main .bg-\[\#101336\] .bg-\[\#12163a\] svg { color: #fff; }
.h-screen.bg-\[\#171b46\] main .bg-\[\#101336\] .drop-shadow { color: var(--edm-indigo); }

/* ---------------- 5. Forgot-password page (same indigo treatment) ------ */
.min-h-screen.bg-gradient-to-br.from-\[\#1a1c5b\] {
  background: linear-gradient(135deg, var(--edm-content-bg), var(--edm-content-bg2));
}
.min-h-screen.bg-gradient-to-br.from-\[\#1a1c5b\] .bg-\[\#2b2e73\]\/60 {
  background: #fff;
  border-color: rgba(46, 49, 146, .12);
}
.min-h-screen.bg-gradient-to-br.from-\[\#1a1c5b\] h1 { color: var(--edm-indigo); }
.min-h-screen.bg-gradient-to-br.from-\[\#1a1c5b\] .text-\[\#a9b0e8\] { color: #5656a8; }
.min-h-screen.bg-gradient-to-br.from-\[\#1a1c5b\] .from-\[\#3c43c4\] {
  background: linear-gradient(90deg, var(--edm-indigo), var(--edm-indigo-deep));
}

/* ---------------- 6. Primary accent buttons across app  ---------------- */
/* Menu active state already uses teal #1de9b6 like Eduman — keep it. */