/* PTTV UI v1 (แอป) — สร้างจาก hub/build_pttv_ui_apps.py · ห้ามแก้มือ แก้ที่สคริปต์แล้วรันใหม่ */
:root{
  --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);
  --ui-acc:var(--acc,#ffb020);
}
/* มิติ: การ์ดหลักลอยด้วยเงา 3 ชั้น + ขอบแสง */
.result{border-color:var(--ui-rim);box-shadow:var(--ui-sh-2)}
/* กล่องย่อย/ปุ่มรอง: นูนนิดเดียว */
.tab{box-shadow:var(--ui-sh-1)}
/* กดแล้วยุบ = รู้ว่ากดติด */
.tab:active{transform:scale(.97)}
.tab{-webkit-tap-highlight-color:transparent}
/* โฟกัสคีย์บอร์ด/ปืนยิงให้เห็นชัด */
button:focus-visible,a:focus-visible,[role=button]:focus-visible,.tab:focus-visible{outline:2px solid var(--ui-acc);outline-offset:2px}
/* ตัวเลขเรียงตรงคอลัมน์ */
body{font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){.tab:active{transform:none}}
/* พิมพ์ป้าย/เอกสาร: ไม่เอาเงา */
@media print{*{box-shadow:none!important}}