/* BTE Enquiry app — theme เดียวกับ inquiry-form-v6 */
:root{--bte:#7a5c3e;--bte-dark:#5d452e;--bte-soft:#f3ede5;--line:#e3ded6;--muted:#8a857d;
  --bg:#faf8f5;--ok:#2e7d32;--err:#c62828;--warn:#ef6c00;--radius:12px}
*{box-sizing:border-box}
body{margin:0;font-family:'Segoe UI',system-ui,-apple-system,'Noto Sans Thai',sans-serif;background:var(--bg);color:#333;font-size:14px}
.topbar{background:var(--bte);color:#fff;padding:12px 20px;display:flex;align-items:center;gap:14px}
.topbar b{font-size:16px}
.topbar .sp{flex:1}
.topbar a,.topbar button{color:#fff;background:rgba(255,255,255,.15);border:0;padding:7px 14px;border-radius:8px;cursor:pointer;text-decoration:none;font-size:13px}
.wrap{max-width:1080px;margin:22px auto;padding:0 16px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:16px}
h2{margin:0 0 14px;font-size:17px}
label.fld{display:block;margin-bottom:12px}
label.fld span{display:block;font-weight:600;font-size:12.5px;margin-bottom:4px;color:#555}
input,select,textarea{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}
input:focus,select:focus,textarea:focus{outline:2px solid var(--bte-soft);border-color:var(--bte)}
.grid{display:grid;gap:4px 16px}
.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:1fr 1fr 1fr}
@media(max-width:720px){.g2,.g3{grid-template-columns:1fr}}
.btn{background:var(--bte);color:#fff;border:0;padding:10px 22px;border-radius:9px;font:inherit;font-weight:600;cursor:pointer}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn.sec{background:#fff;color:#444;border:1px solid var(--line)}
table.li{width:100%;border-collapse:collapse}
table.li th{font-size:12px;text-align:left;color:var(--muted);border-bottom:2px solid var(--line);padding:8px 10px}
table.li td{padding:9px 10px;border-bottom:1px solid var(--line)}
table.li tr:hover td{background:var(--bte-soft)}
.badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:11.5px;font-weight:600}
.b-gray{background:#eee;color:#666}.b-green{background:#e6f4e6;color:var(--ok)}
.b-amber{background:#fff3e0;color:var(--warn)}.b-red{background:#fdeaea;color:var(--err)}
.b-blue{background:#e7f0fa;color:#1565c0}
#toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#333;color:#fff;
  padding:11px 22px;border-radius:10px;opacity:0;transition:.3s;pointer-events:none;max-width:90%}
#toast.show{opacity:1}#toast.err{background:var(--err)}
.hint{font-size:12px;color:var(--muted)}