/* 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 ชั้น + ขอบแสง */
.card{border-color:var(--ui-rim);box-shadow:var(--ui-sh-2)}
/* กล่องย่อย/ปุ่มรอง: นูนนิดเดียว */
.chip{box-shadow:var(--ui-sh-1)}
/* ชี้แล้วลอยขึ้น (เฉพาะเครื่องที่มีเมาส์) */
.card{transition:transform .16s ease,box-shadow .2s,border-color .2s}
@media (hover:hover){.card:hover{box-shadow:var(--ui-sh-3);border-color:var(--ui-rim2)}}
/* โฟกัสคีย์บอร์ด/ปืนยิงให้เห็นชัด */
button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--ui-acc);outline-offset:2px}
/* ตัวเลขเรียงตรงคอลัมน์ */
body{font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){.card{transition:none!important}}
/* พิมพ์ป้าย/เอกสาร: ไม่เอาเงา */
@media print{*{box-shadow:none!important}}