/* ============================================================
   portal-themes.css — Per-Portal Sidebar Accent Theming
   EdChimp — Phase 2 B-06

   Each portal already carries a role-* body class. This file
   adds distinct sidebar accent colours by overriding CSS custom
   properties scoped to each body class.

   To use: add <link rel="stylesheet" href="portal-themes.css"/>
   after shared.css on any page that should have portal-specific
   theming (or add it to shared.css imports globally).

   All 6 portals defined below.
   ============================================================ */

/* ─────────────────────────────────────────────────────────────
   EPA GLOBAL — Deep navy → cyan (default, same as current)
───────────────────────────────────────────────────────────── */
body.role-epa {
  --sidebar-grad-top:    #080d1a;
  --sidebar-grad-bottom: rgba(38, 194, 234, 0.95);
  --portal-accent:       #26c2ea;
  --portal-accent-dark:  #1a9bbf;
}

body.role-epa .nav-item.active {
  background: var(--portal-accent);
}
body.role-epa .nav-item.active:hover {
  background: var(--portal-accent-dark);
}
body.role-epa .sidebar-logo-mark {
  background: var(--portal-accent);
}
body.role-epa .btn-logout {
  background: var(--portal-accent);
}
body.role-epa .btn-logout:hover {
  background: var(--portal-accent-dark);
}

/* ─────────────────────────────────────────────────────────────
   RECRUITMENT PARTNER — Deep slate → teal/green
───────────────────────────────────────────────────────────── */
body.role-rp {
  --sidebar-grad-top:    #0a1512;
  --sidebar-grad-bottom: rgba(16, 163, 127, 0.95);
  --portal-accent:       #10a37f;
  --portal-accent-dark:  #0d8a6b;
}

body.role-rp .nav-item.active {
  background: var(--portal-accent);
}
body.role-rp .nav-item.active:hover {
  background: var(--portal-accent-dark);
}
body.role-rp .sidebar-logo-mark {
  background: var(--portal-accent);
}
body.role-rp .btn-logout {
  background: var(--portal-accent);
}
body.role-rp .btn-logout:hover {
  background: var(--portal-accent-dark);
}
body.role-rp .role-badge {
  background: rgba(16, 163, 127, 0.2);
  color: #5eead4;
}

/* ─────────────────────────────────────────────────────────────
   ACADEMIC PARTNER — Deep indigo → violet/purple
───────────────────────────────────────────────────────────── */
body.role-ap {
  --sidebar-grad-top:    #0d0a1e;
  --sidebar-grad-bottom: rgba(124, 58, 237, 0.92);
  --portal-accent:       #7c3aed;
  --portal-accent-dark:  #6d28d9;
}

body.role-ap .nav-item.active {
  background: var(--portal-accent);
}
body.role-ap .nav-item.active:hover {
  background: var(--portal-accent-dark);
}
body.role-ap .sidebar-logo-mark {
  background: var(--portal-accent);
}
body.role-ap .btn-logout {
  background: var(--portal-accent);
}
body.role-ap .btn-logout:hover {
  background: var(--portal-accent-dark);
}
body.role-ap .role-badge {
  background: rgba(124, 58, 237, 0.2);
  color: #c4b5fd;
}

/* ─────────────────────────────────────────────────────────────
   STUDENT — Deep charcoal → warm azure/blue
───────────────────────────────────────────────────────────── */
body.role-student {
  --sidebar-grad-top:    #090e1f;
  --sidebar-grad-bottom: rgba(37, 99, 235, 0.92);
  --portal-accent:       #2563eb;
  --portal-accent-dark:  #1d4ed8;
}

body.role-student .nav-item.active {
  background: var(--portal-accent);
}
body.role-student .nav-item.active:hover {
  background: var(--portal-accent-dark);
}
body.role-student .sidebar-logo-mark {
  background: var(--portal-accent);
}
body.role-student .btn-logout {
  background: var(--portal-accent);
}
body.role-student .btn-logout:hover {
  background: var(--portal-accent-dark);
}
body.role-student .role-badge {
  background: rgba(37, 99, 235, 0.2);
  color: #93c5fd;
}

/* ─────────────────────────────────────────────────────────────
   UNIVERSITY — Deep burgundy → rose/crimson
───────────────────────────────────────────────────────────── */
body.role-university {
  --sidebar-grad-top:    #1a0a0e;
  --sidebar-grad-bottom: rgba(225, 29, 72, 0.90);
  --portal-accent:       #e11d48;
  --portal-accent-dark:  #be123c;
}

body.role-university .nav-item.active {
  background: var(--portal-accent);
}
body.role-university .nav-item.active:hover {
  background: var(--portal-accent-dark);
}
body.role-university .sidebar-logo-mark {
  background: var(--portal-accent);
}
body.role-university .btn-logout {
  background: var(--portal-accent);
}
body.role-university .btn-logout:hover {
  background: var(--portal-accent-dark);
}
body.role-university .role-badge {
  background: rgba(225, 29, 72, 0.2);
  color: #fda4af;
}

/* ─────────────────────────────────────────────────────────────
   SOLO COUNSELOR — Deep olive → amber/warm orange
───────────────────────────────────────────────────────────── */
body.role-solo {
  --sidebar-grad-top:    #130f04;
  --sidebar-grad-bottom: rgba(217, 119, 6, 0.92);
  --portal-accent:       #d97706;
  --portal-accent-dark:  #b45309;
}

body.role-solo .nav-item.active {
  background: var(--portal-accent);
}
body.role-solo .nav-item.active:hover {
  background: var(--portal-accent-dark);
}
body.role-solo .sidebar-logo-mark {
  background: var(--portal-accent);
}
body.role-solo .btn-logout {
  background: var(--portal-accent);
}
body.role-solo .btn-logout:hover {
  background: var(--portal-accent-dark);
}
body.role-solo .role-badge {
  background: rgba(217, 119, 6, 0.2);
  color: #fcd34d;
}

/* ─────────────────────────────────────────────────────────────
   BRANCH MANAGER — Deeper emerald (RP sub-role, scoped view)
───────────────────────────────────────────────────────────── */
body.role-branch-manager {
  --sidebar-grad-top:    #061510;
  --sidebar-grad-bottom: rgba(5, 150, 105, 0.97);
  --portal-accent:       #059669;
  --portal-accent-dark:  #047857;
}

body.role-branch-manager .nav-item.active          { background: var(--portal-accent); }
body.role-branch-manager .nav-item.active:hover    { background: var(--portal-accent-dark); }
body.role-branch-manager .sidebar-logo-mark        { background: var(--portal-accent); }
body.role-branch-manager .btn-logout               { background: var(--portal-accent); }
body.role-branch-manager .btn-logout:hover         { background: var(--portal-accent-dark); }
body.role-branch-manager .role-badge {
  background: rgba(5, 150, 105, 0.2);
  color: #6ee7b7;
}

/* ─────────────────────────────────────────────────────────────
   UNIVERSITY ADMISSIONS OFFICER — Same burgundy as University
───────────────────────────────────────────────────────────── */
body.role-uni-admissions {
  --sidebar-grad-top:    #1a0a0e;
  --sidebar-grad-bottom: rgba(225, 29, 72, 0.90);
  --portal-accent:       #e11d48;
  --portal-accent-dark:  #be123c;
}

body.role-uni-admissions .nav-item.active          { background: var(--portal-accent); }
body.role-uni-admissions .nav-item.active:hover    { background: var(--portal-accent-dark); }
body.role-uni-admissions .sidebar-logo-mark        { background: var(--portal-accent); }
body.role-uni-admissions .btn-logout               { background: var(--portal-accent); }
body.role-uni-admissions .btn-logout:hover         { background: var(--portal-accent-dark); }
body.role-uni-admissions .role-badge {
  background: rgba(225, 29, 72, 0.2);
  color: #fda4af;
}

/* ─────────────────────────────────────────────────────────────
   UNIVERSITY FINANCE OFFICER — Deep navy → amber/gold
   Distinct from admissions so Finance and Admissions staff
   can immediately recognise their own portal context.
───────────────────────────────────────────────────────────── */
body.role-uni-finance {
  --sidebar-grad-top:    #14100a;
  --sidebar-grad-bottom: rgba(180, 83, 9, 0.95);
  --portal-accent:       #b45309;
  --portal-accent-dark:  #92400e;
}

body.role-uni-finance .nav-item.active          { background: var(--portal-accent); }
body.role-uni-finance .nav-item.active:hover    { background: var(--portal-accent-dark); }
body.role-uni-finance .sidebar-logo-mark        { background: var(--portal-accent); }
body.role-uni-finance .btn-logout               { background: var(--portal-accent); }
body.role-uni-finance .btn-logout:hover         { background: var(--portal-accent-dark); }
body.role-uni-finance .role-badge {
  background: rgba(180, 83, 9, 0.2);
  color: #fcd34d;
}