/* light.css — MEPTask LIGHT theme (7/29/2026).
   Light gray bg + black text; BLUE/RED accents; GREEN/AMBER highlights.
   Overrides the dark Tailwind utility classes + the global #mepnav. */

html{background:#eef1f5;font-size:17px;}
body{background:#eef1f5 !important;color:#111827;font-weight:600;}
/* keep tiny pixel-based sizes readable too */
.text-\[9px\].text-\[9px\]{font-size:10.5px !important;}
.text-\[10px\].text-\[10px\]{font-size:11.5px !important;}
.text-\[11px\].text-\[11px\]{font-size:12.5px !important;}
.text-\[12px\].text-\[12px\]{font-size:13.5px !important;}
.text-\[13px\].text-\[13px\]{font-size:14.5px !important;}
.text-\[15px\].text-\[15px\]{font-size:16px !important;}

/* ---- global nav (7/30: dark bars framing the light content — Tim's pick) ---- */
#mepnav{background:#0b1322 !important;border-bottom:1px solid #1f2c44 !important;
  overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
#mepnav::-webkit-scrollbar{display:none;}
#mepnav a{flex:none;white-space:nowrap;}
#mepnav img{flex:none;}
#mepnav a{background:#1e293b !important;color:#cbd5e1 !important;}
#mepnav a[style*="22d3ee"]{background:#dc2626 !important;color:#fff !important;}
#mepnav a[style*="f59e0b"], #mepnav a.on{background:#2563eb !important;color:#fff !important;}
#mepnav img{height:26px;background:#fff;border-radius:6px;padding:3px 6px;box-sizing:content-box;display:block;}

/* ---- scrollbars: visible + grabbable everywhere (some pages styled them thin/white) ---- */
::-webkit-scrollbar{width:12px;height:12px;}
::-webkit-scrollbar-track{background:#e8ecf1;}
::-webkit-scrollbar-thumb{background:#b9c4d0;border-radius:6px;border:2px solid #e8ecf1;}
::-webkit-scrollbar-thumb:hover{background:#94a3b8;}
html{scrollbar-width:auto;scrollbar-color:#b9c4d0 #e8ecf1;}

/* ---- utility overrides ---- */
.bg-slate-950.bg-slate-950{background-color:#eef1f5 !important;}
.bg-slate-950\/40.bg-slate-950\/40{background-color:#eef1f5 !important;}
.bg-slate-950\/50.bg-slate-950\/50{background-color:#eef1f5 !important;}
.bg-slate-950\/60.bg-slate-950\/60{background-color:#eef1f5 !important;}
.bg-slate-950\/80.bg-slate-950\/80{background-color:#eef1f5 !important;}
.bg-slate-900.bg-slate-900{background-color:#ffffff !important;}
.bg-slate-900\/40.bg-slate-900\/40{background-color:#ffffff !important;}
.bg-slate-900\/60.bg-slate-900\/60{background-color:#ffffff !important;}
.bg-\[\#0b1426\].bg-\[\#0b1426\]{background-color:#ffffff !important;}
.bg-slate-800.bg-slate-800{background-color:#f4f6f9 !important;}
.bg-slate-800\/40.bg-slate-800\/40{background-color:#f4f6f9 !important;}
.bg-slate-800\/60.bg-slate-800\/60{background-color:#f4f6f9 !important;}
.bg-slate-700.bg-slate-700{background-color:#e8ecf1 !important;}
.hover\:bg-slate-900.hover\:bg-slate-900:hover{background-color:#f0f3f7 !important;}
.hover\:bg-slate-900\/40.hover\:bg-slate-900\/40:hover{background-color:#f0f3f7 !important;}
.hover\:bg-slate-900\/60.hover\:bg-slate-900\/60:hover{background-color:#f0f3f7 !important;}
.hover\:bg-slate-800.hover\:bg-slate-800:hover{background-color:#f0f3f7 !important;}
.hover\:bg-slate-800\/40.hover\:bg-slate-800\/40:hover{background-color:#f0f3f7 !important;}
.hover\:bg-slate-800\/50.hover\:bg-slate-800\/50:hover{background-color:#f0f3f7 !important;}
.hover\:bg-slate-800\/60.hover\:bg-slate-800\/60:hover{background-color:#f0f3f7 !important;}
.hover\:bg-slate-700.hover\:bg-slate-700:hover{background-color:#e8ecf1 !important;}
.hover\:bg-slate-700\/50.hover\:bg-slate-700\/50:hover{background-color:#e8ecf1 !important;}
.hover\:bg-slate-600.hover\:bg-slate-600:hover{background-color:#e8ecf1 !important;}
.focus\:bg-slate-700\/50.focus\:bg-slate-700\/50:focus{background-color:#f4f6f9 !important;}
.hover\:bg-slate-100.hover\:bg-slate-100:hover{background-color:#e8ecf1 !important;}
.bg-black\/60.bg-black\/60{background-color:rgba(15,23,42,.45) !important;}
.bg-black\/70.bg-black\/70{background-color:rgba(15,23,42,.5) !important;}
.border-slate-700.border-slate-700{border-color:#dfe5ec !important;}
.border-\[\#141f36\].border-\[\#141f36\]{border-color:#dfe5ec !important;}
.border-\[\#1f2c44\].border-\[\#1f2c44\]{border-color:#dfe5ec !important;}
.border-slate-800.border-slate-800{border-color:#e7ebf1 !important;}
.border-slate-800\/60.border-slate-800\/60{border-color:#e7ebf1 !important;}
.border-slate-800\/70.border-slate-800\/70{border-color:#e7ebf1 !important;}
.border-slate-900.border-slate-900{border-color:#e7ebf1 !important;}
.border-slate-600.border-slate-600{border-color:#c9d3de !important;}
.divide-slate-800 > :not([hidden]) ~ :not([hidden]){border-color:#e7ebf1 !important;}
.hover\:border-slate-500.hover\:border-slate-500:hover{border-color:#aebbc9 !important;}
.hover\:border-slate-600.hover\:border-slate-600:hover{border-color:#aebbc9 !important;}
.hover\:border-slate-700.hover\:border-slate-700:hover{border-color:#aebbc9 !important;}
.focus\:border-slate-500.focus\:border-slate-500:focus{border-color:#2563eb !important;}
.focus\:border-slate-600.focus\:border-slate-600:focus{border-color:#2563eb !important;}
.text-white.text-white{color:#111827 !important;}
.text-slate-100.text-slate-100{color:#111827 !important;}
.text-slate-200.text-slate-200{color:#1f2937 !important;}
.text-slate-300.text-slate-300{color:#1f2937 !important;}
.text-slate-400.text-slate-400{color:#475569 !important;font-weight:500 !important;}
.text-slate-500.text-slate-500{color:#64748b !important;font-weight:500 !important;}
.text-gray-400.text-gray-400{color:#64748b !important;font-weight:500 !important;}
.hover\:text-white.hover\:text-white:hover{color:#000000 !important;}
.hover\:text-slate-200.hover\:text-slate-200:hover{color:#000000 !important;}
.hover\:text-slate-300.hover\:text-slate-300:hover{color:#000000 !important;}
.placeholder-slate-500::placeholder{color:#94a3b8 !important;}
.placeholder-slate-600::placeholder{color:#94a3b8 !important;}
.text-amber-50.text-amber-50{color:#92400e !important;}
.text-amber-100.text-amber-100{color:#92400e !important;}
.text-amber-100\/70.text-amber-100\/70{color:#92400e !important;}
.text-amber-100\/90.text-amber-100\/90{color:#92400e !important;}
.text-amber-200.text-amber-200{color:#92400e !important;}
.text-amber-200\/80.text-amber-200\/80{color:#92400e !important;}
.text-amber-300.text-amber-300{color:#b45309 !important;}
.text-amber-300\/90.text-amber-300\/90{color:#b45309 !important;}
.text-amber-400.text-amber-400{color:#b45309 !important;}
.text-amber-400\/80.text-amber-400\/80{color:#b45309 !important;}
.text-yellow-200.text-yellow-200{color:#b45309 !important;}
.text-yellow-300.text-yellow-300{color:#b45309 !important;}
.text-yellow-400.text-yellow-400{color:#b45309 !important;}
.bg-amber-950\/30.bg-amber-950\/30{background-color:#fdf0d3 !important;}
.bg-amber-950\/40.bg-amber-950\/40{background-color:#fdf0d3 !important;}
.bg-amber-500\/5.bg-amber-500\/5{background-color:#fdf0d3 !important;}
.bg-amber-500\/10.bg-amber-500\/10{background-color:#fdf0d3 !important;}
.bg-amber-500\/20.bg-amber-500\/20{background-color:#fdf0d3 !important;}
.hover\:bg-amber-500\/5.hover\:bg-amber-500\/5:hover{background-color:#fdf0d3 !important;}
.hover\:bg-amber-500\/10.hover\:bg-amber-500\/10:hover{background-color:#fdf0d3 !important;}
.border-amber-500\/30.border-amber-500\/30{border-color:#ecc75e !important;}
.border-amber-500\/40.border-amber-500\/40{border-color:#ecc75e !important;}
.border-amber-500\/50.border-amber-500\/50{border-color:#ecc75e !important;}
.border-amber-500\/70.border-amber-500\/70{border-color:#ecc75e !important;}
.border-amber-700\/50.border-amber-700\/50{border-color:#ecc75e !important;}
.border-amber-700\/60.border-amber-700\/60{border-color:#ecc75e !important;}
.border-amber-800\/60.border-amber-800\/60{border-color:#ecc75e !important;}
.border-yellow-700\/40.border-yellow-700\/40{border-color:#ecc75e !important;}
.bg-amber-500.bg-amber-500{background-color:#2563eb !important;color:#ffffff !important;}
.bg-amber-700.bg-amber-700{background-color:#1e40af !important;color:#ffffff !important;}
.hover\:bg-amber-400.hover\:bg-amber-400:hover{background-color:#1d4ed8 !important;color:#ffffff !important;}
.accent-amber-500.accent-amber-500{accent-color:#2563eb !important;}
.focus\:ring-amber-400.focus\:ring-amber-400:focus{--tw-ring-color:#2563eb !important;}
.border-amber-500.border-amber-500{border-color:#2563eb !important;}
.hover\:border-amber-500.hover\:border-amber-500:hover{border-color:#2563eb !important;}
.hover\:text-amber-200.hover\:text-amber-200:hover{color:#1d4ed8 !important;}
.hover\:text-amber-300.hover\:text-amber-300:hover{color:#1d4ed8 !important;}
.text-emerald-200.text-emerald-200{color:#065f46 !important;}
.text-emerald-300.text-emerald-300{color:#047857 !important;}
.text-emerald-400.text-emerald-400{color:#047857 !important;}
.text-emerald-400\/80.text-emerald-400\/80{color:#047857 !important;}
.bg-emerald-950\/40.bg-emerald-950\/40{background-color:#d9f2e5 !important;}
.bg-emerald-950\/50.bg-emerald-950\/50{background-color:#d9f2e5 !important;}
.bg-emerald-950\/60.bg-emerald-950\/60{background-color:#d9f2e5 !important;}
.bg-emerald-500\/5.bg-emerald-500\/5{background-color:#d9f2e5 !important;}
.bg-emerald-500\/10.bg-emerald-500\/10{background-color:#d9f2e5 !important;}
.hover\:bg-emerald-900\/60.hover\:bg-emerald-900\/60:hover{background-color:#d9f2e5 !important;}
.border-emerald-500\/40.border-emerald-500\/40{border-color:#8fd9b2 !important;}
.border-emerald-700\/30.border-emerald-700\/30{border-color:#8fd9b2 !important;}
.border-emerald-700\/40.border-emerald-700\/40{border-color:#8fd9b2 !important;}
.border-emerald-700\/50.border-emerald-700\/50{border-color:#8fd9b2 !important;}
.border-emerald-700\/60.border-emerald-700\/60{border-color:#8fd9b2 !important;}
.border-emerald-800.border-emerald-800{border-color:#8fd9b2 !important;}
.bg-emerald-400\/70.bg-emerald-400\/70{background-color:#059669 !important;}
.focus\:ring-emerald-400.focus\:ring-emerald-400:focus{--tw-ring-color:#059669 !important;}
.text-red-200.text-red-200{color:#b91c1c !important;}
.text-red-300.text-red-300{color:#b91c1c !important;}
.text-rose-200.text-rose-200{color:#b91c1c !important;}
.text-rose-300.text-rose-300{color:#b91c1c !important;}
.text-red-400.text-red-400{color:#dc2626 !important;}
.hover\:text-red-300.hover\:text-red-300:hover{color:#dc2626 !important;}
.hover\:text-red-400.hover\:text-red-400:hover{color:#dc2626 !important;}
.bg-red-950\/40.bg-red-950\/40{background-color:#fee2e2 !important;}
.bg-red-950\/50.bg-red-950\/50{background-color:#fee2e2 !important;}
.bg-red-500\/10.bg-red-500\/10{background-color:#fee2e2 !important;}
.bg-rose-950\/40.bg-rose-950\/40{background-color:#fee2e2 !important;}
.bg-rose-500\/10.bg-rose-500\/10{background-color:#fee2e2 !important;}
.border-red-800.border-red-800{border-color:#fca5a5 !important;}
.border-red-900.border-red-900{border-color:#fca5a5 !important;}
.hover\:border-red-900.hover\:border-red-900:hover{border-color:#fca5a5 !important;}
.border-red-500\/40.border-red-500\/40{border-color:#fca5a5 !important;}
.border-rose-800.border-rose-800{border-color:#fca5a5 !important;}
.border-rose-500\/40.border-rose-500\/40{border-color:#fca5a5 !important;}
.text-sky-300.text-sky-300{color:#1d4ed8 !important;}
.text-cyan-300\/80.text-cyan-300\/80{color:#1d4ed8 !important;}
.text-blue-300.text-blue-300{color:#1d4ed8 !important;}
.text-sky-400.text-sky-400{color:#2563eb !important;}
.text-blue-400.text-blue-400{color:#2563eb !important;}
.hover\:text-sky-200.hover\:text-sky-200:hover{color:#1e40af !important;}
.hover\:text-sky-300.hover\:text-sky-300:hover{color:#1e40af !important;}
.bg-sky-500\/20.bg-sky-500\/20{background-color:#dbeafe !important;}
.bg-sky-950\/40.bg-sky-950\/40{background-color:#dbeafe !important;}
.border-sky-700\/60.border-sky-700\/60{border-color:#93c5fd !important;}
.bg-sky-600.bg-sky-600{background-color:#2563eb !important;color:#ffffff !important;}
.bg-sky-500.bg-sky-500{background-color:#2563eb !important;color:#ffffff !important;}
.hover\:bg-sky-500.hover\:bg-sky-500:hover{background-color:#1d4ed8 !important;color:#ffffff !important;}
.text-orange-300.text-orange-300{color:#c2410c !important;}
.bg-orange-500\/15.bg-orange-500\/15{background-color:#ffedd5 !important;}
.bg-amber-500\/15.bg-amber-500\/15{background-color:#fdf0d3 !important;}
.hover\:bg-amber-500\/15.hover\:bg-amber-500\/15:hover{background-color:#fdf0d3 !important;}
.bg-amber-900\/30.bg-amber-900\/30{background-color:#fdf0d3 !important;}
.bg-amber-950\/20.bg-amber-950\/20{background-color:#fdf0d3 !important;}
.bg-emerald-500\/15.bg-emerald-500\/15{background-color:#d9f2e5 !important;}
.bg-emerald-500\/20.bg-emerald-500\/20{background-color:#d9f2e5 !important;}
.bg-emerald-500\/25.bg-emerald-500\/25{background-color:#d9f2e5 !important;}
.bg-emerald-900\/50.bg-emerald-900\/50{background-color:#d9f2e5 !important;}
.bg-emerald-950\/30.bg-emerald-950\/30{background-color:#d9f2e5 !important;}
.bg-red-500\/20.bg-red-500\/20{background-color:#fee2e2 !important;}
.bg-red-950\/60.bg-red-950\/60{background-color:#fee2e2 !important;}
.bg-rose-500\/15.bg-rose-500\/15{background-color:#fee2e2 !important;}
.bg-sky-500\/15.bg-sky-500\/15{background-color:#dbeafe !important;}
.bg-sky-900.bg-sky-900{background-color:#dbeafe !important;}
.text-sky-200.text-sky-200{color:#1e40af !important;}
.border-sky-800.border-sky-800{border-color:#93c5fd !important;}
.bg-purple-900.bg-purple-900{background-color:#ede9fe !important;}
.text-purple-200.text-purple-200{color:#6d28d9 !important;}
.bg-emerald-900.bg-emerald-900{background-color:#d9f2e5 !important;}
.border-amber-700.border-amber-700{border-color:#ecc75e !important;}
.border-amber-800.border-amber-800{border-color:#ecc75e !important;}
.border-emerald-700.border-emerald-700{border-color:#8fd9b2 !important;}
.bg-teal-900.bg-teal-900{background-color:#ccfbf1 !important;}
.text-teal-200.text-teal-200{color:#0f766e !important;}
.bg-slate-700\/40.bg-slate-700\/40{background-color:#e8ecf1 !important;}
.bg-slate-900\/50.bg-slate-900\/50{background-color:#ffffff !important;}
.bg-slate-900\/70.bg-slate-900\/70{background-color:#ffffff !important;}

/* ---- keep white text white on solid colored buttons/badges ---- */
.bg-red-600 .text-white, .bg-red-600.text-white.text-white{color:#fff !important;}
.bg-red-700 .text-white, .bg-red-700.text-white.text-white{color:#fff !important;}
.bg-emerald-500 .text-white, .bg-emerald-500.text-white.text-white{color:#fff !important;}
.bg-emerald-600 .text-white, .bg-emerald-600.text-white.text-white{color:#fff !important;}
.hover\:bg-emerald-500:hover .text-white, .hover\:bg-emerald-500.text-white.text-white:hover{color:#fff !important;}
.bg-sky-600 .text-white, .bg-sky-600.text-white.text-white{color:#fff !important;}
.bg-sky-500 .text-white, .bg-sky-500.text-white.text-white{color:#fff !important;}
.bg-black .text-white, .bg-black.text-white.text-white{color:#fff !important;}
.bg-amber-500 .text-white, .bg-amber-500.text-white.text-white{color:#fff !important;}
.bg-amber-700 .text-white, .bg-amber-700.text-white.text-white{color:#fff !important;}
.hover\:bg-amber-400:hover .text-white, .hover\:bg-amber-400.text-white.text-white:hover{color:#fff !important;}