/* PTTV UI v1 (แอป) — สร้างจาก hub/build_pttv_ui_apps.py · ห้ามแก้มือ แก้ที่สคริปต์แล้วรันใหม่ */
:root{
  --ui-rim:rgba(255,255,255,.08);--ui-rim2:rgba(255,255,255,.16);
  --ui-sh-1:0 1px 0 rgba(255,255,255,.05) inset,0 1px 2px rgba(0,0,0,.35);
  --ui-sh-2:0 1px 0 rgba(255,255,255,.06) inset,0 2px 4px rgba(0,0,0,.28),0 12px 26px -12px rgba(0,0,0,.62);
  --ui-sh-3:0 1px 0 rgba(255,255,255,.08) inset,0 4px 10px rgba(0,0,0,.28),0 26px 50px -18px rgba(0,0,0,.72);
  --ui-acc:var(--acc,#ffb020);
}
[data-theme="light"]{
  --ui-rim:rgba(20,40,90,.1);--ui-rim2:rgba(20,40,90,.18);
  --ui-sh-1:0 1px 2px rgba(20,40,90,.08);
  --ui-sh-2:0 1px 2px rgba(20,40,90,.06),0 10px 24px -14px rgba(20,40,90,.24);
  --ui-sh-3:0 2px 6px rgba(20,40,90,.07),0 24px 44px -20px rgba(20,40,90,.32);
}
/* กล่องย่อย/ปุ่มรอง: นูนนิดเดียว */
.chip{box-shadow:var(--ui-sh-1)}
/* กดแล้วยุบ = รู้ว่ากดติด */
.chip:active{transform:scale(.97)}
.chip{-webkit-tap-highlight-color:transparent}
/* โฟกัสคีย์บอร์ด/ปืนยิงให้เห็นชัด */
button:focus-visible,a:focus-visible,[role=button]:focus-visible,.chip:focus-visible{outline:2px solid var(--ui-acc);outline-offset:2px}
/* ตัวเลขเรียงตรงคอลัมน์ */
body{font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){.chip:active{transform:none}}
/* พิมพ์ป้าย/เอกสาร: ไม่เอาเงา */
@media print{*{box-shadow:none!important}}