/* auth.css — จอด่านเข้าระบบ + แถบผู้ใช้ (สีจากตัวแปรใน index.html · ตัวอักษรใหญ่ อ่านง่าย) */
body.locked > *:not(#gate):not(script):not(.sl-bg) { display: none !important; }
.gate { position: fixed; inset: 0; background: #eef4fb; z-index: 1000; overflow-y: auto; display: flex; justify-content: center; align-items: flex-start; padding: 24px 14px; }
.gate[hidden] { display: none; }
.gate-in { background: #fff; border-radius: 16px; box-shadow: 0 6px 24px rgba(10, 61, 122, .12); max-width: 640px; width: 100%; padding: 22px 24px; font-size: 1.05rem; line-height: 1.7; color: #12263f; }
.gate-in h2 { color: #0a3d7a; font-size: 1.35rem; margin: 14px 0 6px; }
.g-head { display: flex; gap: 14px; align-items: center; border-bottom: 1px solid #d7e3f2; padding-bottom: 12px; }
.g-head img { height: 64px; }
.g-t1 { font-size: 1.4rem; font-weight: 700; color: #0a3d7a; }
.g-t2 { color: #52667f; font-size: .98rem; }
.g-btn { margin: 14px 0; min-height: 44px; }
.g-note { font-size: .95rem; color: #3a4f68; background: #f4f9ff; border: 1px solid #d7e3f2; border-radius: 10px; padding: 10px 12px; }
.g-warn { color: #a3271b; background: #fdecea; border-radius: 10px; padding: 9px 12px; }
.g-box { background: #f4f9ff; border: 1px solid #d7e3f2; border-radius: 12px; padding: 4px 16px; }
.g-box li { margin: 5px 0; }
.g-chk { display: flex; gap: 10px; align-items: flex-start; margin: 14px 0; font-weight: 600; cursor: pointer; }
.g-chk input { width: 22px; height: 22px; margin-top: 4px; }
.g-row { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; }
.g-form label { display: block; margin: 10px 0; font-weight: 600; }
.g-form input { display: block; width: 100%; box-sizing: border-box; margin-top: 4px; padding: 10px 12px; font-size: 1.05rem; font-family: inherit; border: 1px solid #b9cbe2; border-radius: 9px; }
.g-help { margin-top: 12px; font-size: .97rem; }
.g-help summary { cursor: pointer; color: #0b57a8; font-weight: 600; }
.gate a { color: #0b57a8; }
.userbar { margin-left: auto; display: flex; gap: 10px; align-items: center; color: #fff; font-size: .95rem; text-align: right; line-height: 1.3; }
.userbar small { opacity: .9; }
.userbar .btn.ghost { background: rgba(255, 255, 255, .15); color: #fff; border-color: rgba(255, 255, 255, .5); }
@media (max-width: 640px) { .userbar small { display: none; } .g-head img { height: 48px; } .gate-in { padding: 16px; } }
/* ตารางผู้ใช้ (หน้าผู้ดูแล) */
.adm-tbl { width: 100%; border-collapse: collapse; font-size: .95rem; }
.adm-tbl th, .adm-tbl td { border: 1px solid #d7e3f2; padding: 6px 8px; text-align: left; vertical-align: top; }
.adm-tbl th { background: #eaf2fc; }
.st-wait { color: #8a4b00; font-weight: 700; } .st-ok { color: #157a41; font-weight: 700; } .st-off { color: #a3271b; font-weight: 700; }

/* สไลด์แนะนำ (slides.js) */
.sl-bg{position:fixed;inset:0;z-index:1100;background:rgba(10,30,60,.55);display:flex;align-items:center;justify-content:center;padding:14px}
.sl{background:#fff;border-radius:18px;max-width:780px;width:100%;max-height:96vh;overflow:auto;padding:18px 22px;box-shadow:0 10px 40px rgba(0,0,0,.3);color:#12263f}
.sl-top{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #d7e3f2;padding-bottom:10px}
.sl-snd{background:#0a3d7a;color:#fff;border:0;border-radius:10px;padding:9px 14px;font-size:1.05rem;font-weight:700;cursor:pointer;font-family:inherit}
.sl-auto{font-size:1rem;display:flex;gap:6px;align-items:center;white-space:nowrap}.sl-auto input{width:auto!important;margin:0}.sl-play{background:#157a41}.sl-play[hidden]{display:none}.sl-n{margin-left:auto;color:#52667f}
.sl-body{padding:12px 4px}.sl-ic{font-size:3rem;line-height:1}.sl-body h2{color:#0a3d7a;font-size:1.6rem;margin:8px 0 10px}
.sl-body li{font-size:1.2rem;line-height:1.7;margin:6px 0}.sl-warn{color:#8a4b00;background:#fff4e0;border-radius:10px;padding:8px 12px}
.sl-dots{display:flex;gap:6px;justify-content:center;margin:6px 0}.sl-dots span{width:10px;height:10px;border-radius:50%;background:#c9d8ec}.sl-dots span.on{background:#1565c0}
.sl-nav{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:8px}.sl-nav .btn{font-size:1.05rem}
@media (max-width:640px){.sl-body h2{font-size:1.3rem}.sl-body li{font-size:1.05rem}}

/* รายงานสรุป (app.js printReport) — ฟอนต์ฝังกับระบบ · พิมพ์เฉพาะรายงาน */
@font-face{font-family:'TH Sarabun New Rpt';src:url('/fonts/THSarabunNew.woff2') format('woff2');font-weight:400}
@font-face{font-family:'TH Sarabun New Rpt';src:url('/fonts/THSarabunNew-Bold.woff2') format('woff2');font-weight:700}
.rpt{font-family:'TH Sarabun New Rpt',sans-serif;color:#000;background:#fff;font-size:16pt;line-height:1.25;padding:10px}
.rpt-head{display:flex;gap:14px;align-items:center;border-bottom:2px solid #0a3d7a;padding-bottom:6px}.rpt-head img{height:70px}
.rpt-org{font-size:20pt;font-weight:700}.rpt h1{font-size:20pt;text-align:center;margin:10px 0 4px}.rpt-f{text-align:center;margin:0 0 8px;font-size:14pt}
.rpt-sum{width:100%;border-collapse:collapse;margin:6px 0 10px}.rpt-sum td{border:1px solid #9bb3d1;padding:4px 8px;font-size:13pt;text-align:center}.rpt-sum b{display:block;font-size:17pt}
.rpt-tbl{width:100%;border-collapse:collapse;font-size:12.5pt}.rpt-tbl th,.rpt-tbl td{border:1px solid #666;padding:3px 5px;text-align:center;vertical-align:top}
.rpt-tbl th{background:#e6eef8!important;color:#000!important;font-weight:700;position:static}.rpt-tbl .l{text-align:left}.rpt-tbl .r{text-align:right;white-space:nowrap}.rpt-tbl thead{display:table-header-group}.rpt-tbl tr{page-break-inside:avoid}
.rpt-note,.rpt-src,.rpt-by{font-size:11pt;margin:6px 0 0}
@media print{
  @page{size:A4 landscape;margin:12mm}
  body.printing>*:not(#rptArea){display:none!important}
  body.printing #rptArea{display:block!important}
  html,body.printing{background:#fff!important}
}
@media screen{body.printing #rptArea{position:fixed;inset:0;z-index:2000;overflow:auto}}