/* Mikoru - custom kecil. Selebihnya pakai Tailwind. */
.sidebar-link { display:flex; align-items:center; gap:.65rem; padding:.6rem .9rem; border-radius:.65rem; color:#334155; font-size:.9rem; }
.sidebar-link:hover { background:#f1f5f9; }
.sidebar-link.aktif { background:#0f172a; color:#fff; }
.kartu { background:#fff; border:1px solid #e2e8f0; border-radius:1rem; }
.tabel th { font-size:.72rem; text-transform:uppercase; letter-spacing:.04em; color:#64748b; text-align:left; padding:.6rem .8rem; background:#f8fafc; }
.tabel td { padding:.65rem .8rem; font-size:.875rem; border-top:1px solid #e2e8f0; }
.badge { display:inline-flex; align-items:center; padding:.15rem .6rem; border-radius:999px; font-size:.72rem; font-weight:600; }
.btn-ikon { display:inline-flex; align-items:center; justify-content:center; width:2rem; height:2rem; border-radius:.6rem; border:1px solid #e2e8f0; background:#fff; font-size:.8rem; line-height:1; cursor:pointer; }
.btn-ikon:hover { background:#f8fafc; }
.btn-ikon.primer { background:#0f172a; color:#fff; border-color:#0f172a; }
.btn-ikon.primer:hover { background:#1e293b; }
.th-urut { font:inherit; color:inherit; background:none; border:none; padding:0; cursor:pointer; text-transform:uppercase; }
.th-urut:hover { color:#0f172a; }
/* Layar sentuh: target sentuh minimal ~40px (pedoman Apple 44 / Material 48, dikompromi agar tidak raksasa) */
@media (pointer:coarse) {
  .btn-ikon { width:2.5rem; height:2.5rem; font-size:.9rem; }
}
@media print {
  aside { display:none !important; }
  main { max-width:none !important; }
}