/* Hitam sebagai aksen utama, permukaan terang untuk keterbacaan. */
:root,body{--bg:#f3f3f4;--card:#fff;--ink:#202023;--mut:#57575e;--line:#d7d7dc;--navy:#111112;--blue:#171718;--blue-d:#000;--blue-l:#eaeaec;--green:#333336;--green-l:#ececef;--red:#202023;--red-l:#ececef;--amber:#45454a;--amber-l:#ececef}
body,.main{background:var(--bg);color:var(--ink)}
.topbar{background:#fafafa!important;border-color:var(--line)}
.card,.record-card,.mobile-search,.mobile-menu>a{background:#fff;border-color:var(--line)}
.btn.primary,.btn.danger,.lg-btn{background:#171718!important;border-color:#171718;color:#fff;box-shadow:none}
.btn.primary:hover,.btn.danger:hover,.lg-btn:hover{background:#000!important}
.sidebar{background:#111112}.sidebar nav a.active{background:#333336;box-shadow:none}
.mobile-hero,.lg-hero{background:#171718!important;color:#fff;box-shadow:none}
.mobile-hero>span,.lg-hero p,.lg-brand span,.lg-eyebrow,.lg-feats,.lg-hero h2 em{color:#e3e3e7}
.mobile-hero>a{background:#303033;border-color:#75757d;color:#fff;box-shadow:none}
.mobile-menu>a>i{background:#ececef;color:#242426}.mobile-menu span,.mut,.lg-note,.lg-sub{color:#57575e}
.mobile-role,.attention-item{background:#ececef;border-color:#d7d7dc;color:#242426}.attention-item>b{background:#171718;color:#fff}
input,select,textarea{background:#fff;color:#202023;border-color:#96969f}
input::placeholder,textarea::placeholder{color:#64646d;opacity:1}
.lg-main,.lg{background:#f3f3f4}.lg-hero::before,.lg-hero::after{display:none}
.lg-card input[type=text],.lg-card input[type=password]{background:#fff;border-color:#96969f;color:#202023}
:focus-visible{outline-color:#57575e!important}
@media(max-width:600px){
 body{background:#f0f0f2}.main{background:#f0f0f2}
 .mobile-hero{background:#171718!important}.mobile-menu>a,.mobile-search,.card,.record-card{background:#fff;border-color:#d7d7dc}
 .mobile-menu strong,.mobile-brand strong{color:#202023}.mobile-brand span{color:#57575e}
 .btn:not(.primary):not(.danger){background:#fff;color:#242426;border-color:#b4b4bd}
}

/* Keterangan tambahan */
.storage-note:not(.writer-warning), .stock-explanation, .kbd-hint, #lokasi-note, #nota-tip, .simple-help { display: none !important; }