/* happyERP AI Studio (super.happyerp.la) — ແບຣນ «ປ້າຍລະຫັດໄລຟ໌» ແບບຍັບຍັ້ງ ຄືແອັບ ERP (3/10/2026)
   ຊັ້ນທັບ ໂຫຼດຫຼັງ CSS ທຸກໄຟລ໌ຂອງໜ້າ · ໂລກ «ໂຕະຕັດຕໍ່» ແລະ ຮູບແບບໜ້າເດີມ ບໍ່ແຕະ (ວຽກໄວມາກ່ອນ):
   ຫົວຂໍ້ h1/h2 = Noto Serif Lao 900 · ມຸມສາກ ຜ່ານ --r-s/--r-m/--r-l (ມຸມຕົວເລກ ເມັດ ວົງ ຍັງຄືເກົ່າ) · ປຸ່ມຫຼັກ = ໝຶກເທິງເຈ້ຍແດງ · ວົງໂຟກັສໝຶກ
   ບໍ່ເອົາ: ຮາວ · ປ້າຍຫ້ອຍ · ປຸ່ມຮູບປ້າຍ · ແຖບສີ · ເງົາ. ຕົວແປແບຣນ = ຄ່າດຽວກັບ erp/assets/tokens.css (ສຳເນົາ tokens ຂອງໜ້ານີ້ເປັນຮຸ່ນເກົ່າ ⇒ ປະກາດຢູ່ນີ້) */
@font-face { font-family: 'Noto Serif Lao'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('fonts/NotoSerifLao-var-lao.woff2') format('woff2'); unicode-range: U+0E81-0EDF, U+200C-200D, U+25CC; }
@font-face { font-family: 'Noto Serif Lao'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('fonts/NotoSerifLao-var-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+2013-2014, U+2018-201D, U+20AD; }
:root {
  --ink: #141414; --paper-r: #ff5468; --paper-y: #ffd83d; --paper-g: #3fd98a; --paper-b: #62b4ff; --paper-w: #ffffff;
  --font-head: "Noto Serif Lao", "Noto Sans Lao", "Noto Sans", sans-serif;
  --r-s: 0; --r-m: 0; --r-l: 0;
}
h1, h2 { font-family: var(--font-head); font-weight: 900; }
.brand-name b { color: var(--live-text, var(--live)); }

/* ປຸ່ມຫຼັກ: ໝຶກເທິງເຈ້ຍແດງ (ຂາວເທິງ --live #ff3b5c = 3.48:1 ຕົກ AA) · ghost/danger ທັບພື້ນເອງ (ຄວາມສະເພາະສູງກວ່າ) */
.btn { background: var(--paper-r); color: var(--ink); border-radius: 0; }
.btn:hover { background: color-mix(in srgb, var(--paper-r) 88%, #000); }
.btn.small, .btn.tiny { border-radius: 0; }

/* ວົງໂຟກັສ = ໝຶກ (ຕາມໂໝດ) */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline: 3px solid var(--text); outline-offset: 2px; }
.vp-it:focus-visible { outline: 3px solid var(--text); }

/* ສິ່ງທີ່ເລືອກຢູ່ = ໝຶກ (ແດງສະຫງວນໃຫ້ການກະທຳຫຼັກ) */
.seg button.on, .pager button.on, .vp-tabs button.on, .hp-modes [data-hm].on, #dzTplCats .chip.on, .tabs button[aria-selected="true"] { background: var(--text); border-color: var(--text); color: var(--ground-deep); }
/* ປຸ່ມຫຼັກ · ປ້າຍນັບ · ຟອງແຊັດຂອງຕົນ = ໝຶກເທິງເຈ້ຍແດງ (ເຄີຍຂາວເທິງ --live = 3.48:1) */
.ask-act .ok, .bub.me, .vp-it.on::after, .ref-thumbs button, .pkg-hot, .char-acts button:last-child:hover, .t-live figcaption { background: var(--paper-r); border-color: var(--paper-r); color: var(--ink); }
/* ໜ້າເຂົ້າລະບົບ (login.html — ກົດໃນ <style> ຂອງໜ້າ ⇒ ໄຟລ໌ນີ້ໂຫຼດກ່ອນ </head>) */
.btn:not(.ghost):not(.danger) { background: var(--paper-r); color: var(--ink); }
.btn:not(.ghost):not(.danger):hover:not(:disabled) { background: color-mix(in srgb, var(--paper-r) 88%, #000); }