/* Minimal custom styles without Tailwind build step */
:root{ 
    --bg:#f6f7fb; 
    --surface:#d1e3e5; 
    --sidebar:#01526d; 
    --text:#0a0f1a; 
    --muted:#3f4a5a; 
    --border:#d7dee8; 
    --primary:#2563eb; 
    --primary-strong:#1e3a8a; 
    --indigo-soft:#e8eefc; }

/* Card helpers used in dashboard */
.card{ border:1px solid var(--border); background:var(--surface); padding:1rem; border-radius:.5rem; box-shadow:0 2px 8px rgba(15,23,42,.05); }
.card-title{ font-size:.875rem; color:#334155; margin-bottom:.25rem; }
.card-value{ font-size:1.5rem; line-height:2rem; font-weight:700; color:var(--text); }
.card-trend{ font-size:.75rem; margin-top:.25rem; }

/* Active nav state */
.nav-link.active{ background-color:var(--indigo-soft); color:#0f172a; border:1px solid #c8d3f5; font-weight:600; }

/* Smooth transitions for subtle UI feedback */
*{ transition: background-color .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease; }

/* Brighter focus ring for inputs/buttons enhanced via JS */
.focus\:ring-indigo-500:focus{ box-shadow:0 0 0 3px rgba(37,99,235,.35); }

/* Force overall light backgrounds */
body{ background-color:var(--bg); color:var(--text); }

/* Light surfaces */
header, footer{ background-color:var(--surface); border-color:var(--border); }
aside{ background-color:var(--sidebar); border-color:#c9d3ea; }

/* Drawer */
#drawer aside{ background:var(--surface); border-color:var(--border); }

/* Global text/link contrast */
a{ color:var(--primary); }
a:hover{ color:var(--primary-strong); }
small, .text-xs, .text-sm + p, p.text-sm, .card-title{ color:#334155; }

/* Tables: better legibility */
table thead{ background:#f3f4f6; color:#1f2937; }
table tbody tr:nth-child(even){ background:#fafafa; }
table tbody tr:hover{ background:#eef2ff; }
th, td{ border-color:var(--border); }

/* Buttons in tables */
.btn-table{ color:#0b1324; }
.btn-table:hover{ border-color:#94a3b8; background:#f1f5f9; }



/* Login */
.cc-bg-login{ background-color:var(--sidebar); }

aside a 

aside a:active{ color:var(--surface); }
aside a:focus{ color:var(--surface); }
aside a:visited{ color:var(--surface); }
aside a:link{ color:var(--surface); }
aside a:hover{ color:var(--surface); }
aside a:active{ color:var(--surface); }
aside a:focus{ color:var(--surface); }
aside a:visited{ color:var(--surface); }
aside a:link{ color:var(--surface); }