/* Retheme sc-core.css tokens for the Kasir pages only (kasir/kasir-admin/kasir-rekap) —
   palette lifted from SEGELAS-CERITA-Investor-Deck-2026.pptx: hijau tua, krem, emas.
   Load AFTER sc-core.css/sc-mobile.css so these overrides win. */
:root{
  --semen:#FAF3E8; --semen-2:#F1E6D4; --kertas:#FFFFFF; --naik:#F1E6D4;
  --tinta:#14532D; --tinta-60:#4B6B52; --tinta-40:#8CA290;
  --enamel:#1E6B3C; --enamel-lt:#DCEAE0;
  --plat:#F5C542; --plat-2:#D9A916;
  --kursi:#1E6B3C; --kursi-lt:#DCEAE0;
  --garis:#E4DCC8;
}
body{background-image:none;background-attachment:scroll}

/* cegah geser kiri-kanan di HP: kunci lebar viewport, grid item jangan melar
   lewat kolom fr-nya cuma karena konten (gambar/teks) minta lebih */
html,body{overflow-x:hidden;max-width:100vw}
.shell,.ks-wrap,.ks-grid{min-width:0}
.ks-p,.kartu,.ks-cart-row{min-width:0}

/* sc-mobile.css hardcodes a purple/near-black "night skin" on these surfaces instead of
   using the custom properties above — override them directly so the cream/green/gold
   palette actually reaches them. */
nav, nav.atas, nav.bawah{background:var(--tinta);backdrop-filter:none}
.brief-kop{background:var(--tinta);color:var(--kertas)}
.brief-kop .eyebrow{color:var(--plat)}
.tbl-btn{background:var(--tinta);color:var(--plat)}
.tbl-btn:hover{background:var(--enamel);color:#fff}
#modal-edit{background:rgba(20,40,26,.65);backdrop-filter:blur(4px)}
#modal-edit .kotak-edit{background:var(--semen)}
input[type=password]{width:100%;font:500 13px "IBM Plex Sans",sans-serif;padding:9px 10px;
  border:1px solid var(--garis);background:var(--naik);color:var(--tinta);border-radius:10px}
input[type=password]:focus{outline:2px solid var(--plat);outline-offset:1px}