/* School Management System - theme layer on top of Tailwind */
:root { --lama-sky:#C3EBFA; --lama-purple:#CFCEFF; --lama-yellow:#FAE26C; }

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }

/* thin scrollbars */
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; }
*::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

.card { background:#fff; border-radius:1rem; box-shadow:0 1px 2px rgba(0,0,0,.04); }
.sidebar-link { display:flex; align-items:center; gap:.75rem; padding:.5rem .75rem; border-radius:.6rem; font-weight:500; color:#334155; }
.sidebar-link:hover { background:#EDF9FD; }
.sidebar-link.active { background:#C3EBFA; color:#0f172a; font-weight:600; }

.data-table thead th { position:sticky; top:0; background:#F7FAFC; font-weight:600; color:#475569; font-size:.75rem; text-transform:uppercase; letter-spacing:.04em; }
.data-table td, .data-table th { padding:.75rem 1rem; text-align:left; }
.data-table tbody tr { border-top:1px solid #f1f5f9; }
.data-table tbody tr:hover { background:#EDF9FD; }

.btn { display:inline-flex; align-items:center; gap:.4rem; padding:.5rem .9rem; border-radius:.6rem; font-weight:600; font-size:.875rem; transition:.15s; }
.btn-primary { background:var(--lama-sky); color:#0f172a; }
.btn-primary:hover { filter:brightness(.97); }
.btn-purple { background:var(--lama-purple); color:#0f172a; }
.btn-danger { background:#fee2e2; color:#b91c1c; }
.btn-ghost { background:#f1f5f9; color:#334155; }

.field { width:100%; border:1px solid #e2e8f0; border-radius:.6rem; padding:.55rem .75rem; font-size:.875rem; outline:none; }
.field:focus { border-color:var(--lama-sky); box-shadow:0 0 0 3px rgba(195,235,250,.4); }
.label { display:block; font-weight:500; font-size:.8125rem; color:#475569; margin-bottom:.25rem; }

@media print {
  .no-print, .sidebar, .navbar { display:none !important; }
  body { background:#fff; }
  .print-area { box-shadow:none !important; border:0 !important; }
}