@import url("https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,700&display=swap");
:root{font-family:'Sarabun',sans-serif;color:#193048;background:#f5f7fb;font-size:18px}*{box-sizing:border-box}body{margin:0}a{color:#135999;text-decoration:none}.nav{background:white;border-bottom:1px solid #e1e7ee;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px max(12px,calc((100vw - 1100px)/2))}.brand a{font-size:1.4rem;font-weight:800;color:#123b65}.brand small{display:block;letter-spacing:1px;color:#66788d;font-size:.55rem}.nav-actions{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.lang{display:inline}.lang select{font-size:13px;min-height:40px;max-width:112px}.container{max-width:1100px;margin:auto;padding:18px 12px 60px}h1{font-size:clamp(1.6rem,5.8vw,2.5rem);line-height:1.35}h2{font-size:1.32rem}h3{font-size:1.03rem}.hero,.panel,.job-card,.service,.card{background:#fff;border:1px solid #e2e9f0;border-radius:16px;padding:18px;margin-bottom:14px}.hero{text-align:center;padding:28px 15px;background:linear-gradient(135deg,#eef5ff,#fff)}.subtitle{font-size:1.14rem;font-weight:700}.warning{font-size:.72rem;color:#ba1f31;font-weight:600}.muted,small{color:#65768a}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.btn,button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:0;background:#125ca6;color:#fff;padding:12px 14px;min-height:50px;font:inherit;font-size:.94rem;font-weight:700;cursor:pointer;text-align:center}.btn.blue{background:#125ca6}.btn.green{background:#168466}.btn.ghost,button.ghost{background:#eef2f7;color:#254e73}.btn.red{background:#a92337}.btn.tiny{padding:7px 9px;font-size:.72rem;min-height:40px}.btn.block,button.block{width:100%}input,select,textarea{width:100%;min-height:54px;border:1px solid #bccbd9;border-radius:10px;padding:11px 12px;font-size:1rem;font-family:inherit;background:white}textarea{min-height:95px}label{display:block;font-size:.9rem;font-weight:650;margin:12px 0 5px}.service{text-align:center;min-height:92px;display:flex;align-items:center;justify-content:center;font-weight:700;background:#f4f8fc}.section{margin-top:25px}.job-card{box-shadow:0 1px 3px #dde3ee}.pill{display:inline-block;border-radius:50px;padding:4px 9px;background:#eaf0f7;font-size:.7rem;color:#264965}.ok{background:#e1f7eb;color:#12613d}.danger{background:#ffebed;color:#a92337}.countdown{font-weight:800;font-size:2rem;font-variant-numeric:tabular-nums;color:#124f8c}.flash{background:#dff9eb;padding:12px;border-radius:10px}.flash.error{background:#ffe0e0}.form-row{margin:10px 0}.stack{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.stack>*{flex:1}table{width:100%;border-collapse:collapse;font-size:.8rem}td,th{padding:8px;border-bottom:1px solid #dce3eb;text-align:left;word-break:break-word}.scroll{overflow:auto}footer{text-align:center;padding:22px 12px;border-top:1px solid #dce4ed;background:white;font-size:.72rem}.check{display:flex;align-items:center;gap:10px;margin:8px 0}.check input{width:22px;height:22px;min-height:22px}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.metrics .card{text-align:center}.metrics strong{display:block;font-size:1.6rem}@media(min-width:700px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics{grid-template-columns:repeat(4,1fr)}.nav-actions{gap:10px}.brand a{font-size:1.6rem}}

/* Consistent Sarabun typography across mobile navigation, controls, and dashboard */
html,body,button,input,select,textarea,table{font-family:'Sarabun',sans-serif;}