/* Aqua OT v1.16.9 — mobile responsive refinement */
@media (max-width:760px){
html{-webkit-text-size-adjust:100%}body{font-size:14px;overflow-x:hidden}
header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 10px;min-height:auto;padding:7px 10px 6px;box-shadow:0 2px 12px rgba(16,62,88,.08)}
.brand{gap:6px;font-size:0;min-width:0}.brand img{width:44px;height:40px}.brand span{display:none}
.who{margin:0;text-align:right;justify-self:end;max-width:190px;font-size:12px;line-height:1.25}.who small{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
nav{grid-column:1/-1;display:flex;flex-wrap:nowrap;gap:5px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:4px 0 2px;scrollbar-width:none}nav::-webkit-scrollbar{display:none}
nav a{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#f3f8fb;border:1px solid #dbe8ef;font-size:12px;line-height:1;white-space:nowrap}nav a.active{background:#dff2fb;border-color:#b7ddec}
main{padding:9px 8px 34px}footer{padding:14px 8px 20px;font-size:11px}.flash{padding:9px 10px;margin:5px 0;border-radius:8px;font-size:13px}
.hero{padding:16px 15px;border-radius:14px;margin-bottom:10px}.hero h1{font-size:21px;line-height:1.3;margin-bottom:4px}.hero p{font-size:12px;line-height:1.45}.hero .btn{margin-top:10px;width:100%;text-align:center}
.page-title{margin:4px 0 9px;gap:7px}.page-title h1{font-size:23px;line-height:1.25}.page-title p{font-size:12px}.page-title>.badge{align-self:flex-start}
.panel{padding:13px 12px;margin:9px 0;border-radius:13px;box-shadow:0 4px 15px rgba(30,80,105,.045)}.panel h2{font-size:18px;margin-bottom:10px}.panel-head{align-items:center;gap:8px}.panel-head h2{margin:0}
.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpi{padding:12px 11px;border-radius:11px;border-left-width:4px;min-width:0}.kpi span{font-size:11px;line-height:1.3}.kpi b{font-size:25px;line-height:1.15}
.quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.quick-card{padding:13px 12px;border-radius:12px;min-height:88px;justify-content:center;box-shadow:none}.quick-card b{font-size:17px;line-height:1.3}.quick-card span{font-size:11px;line-height:1.35}.quick-card:last-child:nth-child(odd){grid-column:1/-1;min-height:76px}
.cards.four,.cards.six{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-grid{gap:10px}.transport-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}.transport-summary span{padding:9px;font-size:12px}
.detail-grid,.detail-grid-six{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px}.detail-grid>div{padding:10px 9px;border-radius:9px;min-width:0}.detail-grid small{font-size:10px}.detail-grid b{font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.approval-grid{grid-template-columns:1fr;gap:8px}.approval-card{min-height:auto;padding:11px;border-radius:9px}.signature-preview{height:70px}
.form-grid{grid-template-columns:1fr!important;gap:5px}.master-status{padding:9px 10px;margin:6px 0 9px;font-size:12px}label{margin:5px 0}input,select,textarea{font-size:16px;padding:10px;min-height:44px}textarea{min-height:80px}.checks{gap:8px 14px;padding:10px}.check{font-size:13px}
.action-bar{gap:7px;margin:8px 0}.btn{min-height:42px;padding:9px 12px;border-radius:8px;font-size:13px;text-align:center}.action-bar .btn{flex:1 1 auto}.sticky-actions{gap:7px;padding:8px;bottom:6px;border-radius:10px}.sticky-actions .btn{flex:1 1 auto}
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border-radius:8px}.table-wrap table{min-width:680px;width:100%}.table-wrap th,.table-wrap td{padding:7px 8px;font-size:12px;line-height:1.35}.table-wrap th{white-space:nowrap}.table-wrap td{max-width:220px}.table-wrap td a{font-weight:700}.table-wrap::after{content:'เลื่อนตารางซ้าย–ขวาเพื่อดูข้อมูลทั้งหมด';display:block;color:#7890a0;font-size:10px;padding:5px 2px 0}.ot-entry-table{min-width:1180px}
.filters,.date-filter{align-items:stretch;gap:7px}.filters{padding:10px}.filters label,.date-filter label{min-width:0;width:100%}.date-filter input{min-width:0}
.link-code{padding:14px 10px}.link-code b{font-size:25px;letter-spacing:3px;overflow-wrap:anywhere}code{font-size:11px;overflow-wrap:anywhere;word-break:break-all}
.login-wrap{min-height:76vh}.login{width:100%;padding:24px 18px;margin:0 4px}.login img{width:82px}.login h1{font-size:21px;line-height:1.35}
}
@media (max-width:390px){.kpis,.quick,.cards.four,.cards.six,.detail-grid,.detail-grid-six{grid-template-columns:1fr 1fr!important}.quick-card b{font-size:15px}.quick-card{padding:11px 10px;min-height:82px}.kpi b{font-size:22px}.page-title h1{font-size:21px}}