:root { --sidebar-w: 250px; }

body { background: #f4f6f9; }
.guest-body { background: linear-gradient(160deg, #0f3d2e 0%, #1c6b4f 100%); }

/* Sidebar */
@media (min-width: 992px) {
    .sidebar { width: var(--sidebar-w); min-width: var(--sidebar-w); min-height: 100vh; position: sticky; top: 0; height: 100vh; }
    .content-area { min-width: 0; }
}
.sidebar .nav-link { color: rgba(255,255,255,.8); border-radius: .5rem; }
.sidebar .nav-link:hover { background: rgba(255,255,255,.08); color: #fff; }
.sidebar .nav-link.active { background: #1c6b4f; color: #fff; }

/* Kartu statistik */
.stat-card .stat-value { font-size: 1.75rem; font-weight: 700; line-height: 1.1; }
.stat-card .stat-icon  { font-size: 1.6rem; opacity: .35; }

/* Tabel nyaman di layar kecil */
.table-sm td, .table-sm th { vertical-align: middle; }
.nik { font-variant-numeric: tabular-nums; letter-spacing: .02em; }

/* iPhone (Safari) memperbesar layar otomatis bila huruf kolom isian < 16px. Cegah di layar kecil. */
@media (max-width: 767.98px) {
    input.form-control, select.form-select, textarea.form-control,
    .form-control-sm, .form-select-sm { font-size: 16px; }
}
/* Tombol & tautan cukup besar untuk jari */
@media (max-width: 767.98px) {
    .btn-sm { padding: .4rem .7rem; }
}