/* Gaya bersama semua halaman (melengkapi Tailwind) */
:root { color-scheme: light; }
html.dark { color-scheme: dark; }
body { font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif; }
.tabular { font-variant-numeric: tabular-nums; }
.status-transition { transition: background-color .6s ease, color .6s ease; }
h1, h2, h3 { text-wrap: balance; }
:focus-visible { outline: 3px solid #0ea5e9; outline-offset: 2px; }
input[type="color"] { -webkit-appearance: none; border: none; padding: 0; background: transparent; }
input[type="color"]::-webkit-color-swatch-wrapper { padding: 0; }
input[type="color"]::-webkit-color-swatch { border: 1px solid rgba(0,0,0,.2); border-radius: .5rem; }
.field { width: 100%; padding: .55rem .75rem; border-radius: .6rem; background: rgb(241 245 249); outline: none; }
html.dark .field { background: rgb(30 41 59); }
.field:focus { box-shadow: 0 0 0 2px #0ea5e9; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; } }
[hidden] { display: none !important; }