/* VWRMS — ธีมสีฟ้าพาสเทล (เรียบ เป็นทางการ) · แก้สีทั้งระบบได้ที่ตัวแปรด้านล่างนี้ที่เดียว */
:root{
  --vw-mint:#D9F1F1; --vw-aqua:#B6E3E9; --vw-sky:#D1EAF5; --vw-mist:#C3DDE0;
  --vw-teal:#A5CEDB; --vw-steel:#95C8D7; --vw-powder:#AACCE2; --vw-periwinkle:#789CCE;
  --vw-ink:#27415c;          /* ตัวอักษรหลัก */
  --vw-muted:#5f7790;        /* ตัวอักษรรอง */
  --vw-accent:#4a76ab;       /* ปุ่ม/ลิงก์ (ตัดกับตัวอักษรขาวได้ชัด) */
  --vw-accent-dark:#3d6392;
  --vw-bg:#f2f8fc; --vw-line:#d6e6f1;

  --bs-body-font-family:'Sarabun',sans-serif;
  --bs-body-color:var(--vw-ink); --bs-body-bg:var(--vw-bg);
  --bs-secondary-color:var(--vw-muted); --bs-border-color:var(--vw-line);
  --bs-primary:var(--vw-accent); --bs-primary-rgb:74,118,171;
  --bs-link-color:var(--vw-accent); --bs-link-color-rgb:74,118,171;
  --bs-link-hover-color:var(--vw-accent-dark); --bs-link-hover-color-rgb:61,99,146;
  --bs-border-radius:.6rem; --bs-border-radius-lg:.9rem;
}
body{font-family:'Sarabun',sans-serif;background:var(--vw-bg);color:var(--vw-ink)}
.text-muted,.form-text{color:var(--vw-muted)!important}
.stat{font-size:1.6rem;font-weight:600;color:var(--vw-ink)}
.big{font-size:1.9rem;font-weight:700}

/* ---------- แถบเมนู ---------- */
.navbar,.navbar.navbar-dark{background:linear-gradient(90deg,var(--vw-aqua),var(--vw-powder))!important;
  border-bottom:1px solid var(--vw-steel);box-shadow:0 2px 8px rgba(120,156,206,.18);
  --bs-navbar-color:var(--vw-ink);--bs-navbar-hover-color:#16304a;--bs-navbar-active-color:#16304a;
  --bs-navbar-brand-color:#16304a;--bs-navbar-brand-hover-color:#16304a;
  --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%2327415c' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar .navbar-brand{font-weight:600;color:#16304a}
.navbar .navbar-brand small{color:var(--vw-ink)!important;opacity:.8!important}
.navbar .nav-link{color:var(--vw-ink);border-radius:.5rem;padding:.4rem .6rem!important;margin:0 .05rem;white-space:nowrap;font-size:.95rem}
@media (min-width:992px){.navbar .navbar-nav{flex-wrap:wrap;row-gap:.15rem}.navbar .navbar-brand{margin-right:1rem}}
.navbar .nav-link:hover{background:rgba(255,255,255,.45)}
.navbar .nav-link.active{background:rgba(255,255,255,.8);color:#16304a;box-shadow:0 1px 3px rgba(39,65,92,.12)}
.navbar .navbar-text{color:var(--vw-ink)}
.navbar .btn{white-space:nowrap}
.navbar .navbar-toggler{border-color:rgba(39,65,92,.35)}
.navbar .btn-outline-light{color:var(--vw-ink);border-color:rgba(39,65,92,.4);background:rgba(255,255,255,.35)}
.navbar .btn-outline-light:hover{background:#fff;color:#16304a;border-color:#fff}

/* ---------- การ์ด/ตาราง ---------- */
.card{border:1px solid var(--vw-line);border-radius:.9rem;box-shadow:0 2px 10px rgba(120,156,206,.10);background:#fff}
.card h5,.card h6{color:#1f3a57;font-weight:600}
.table{--bs-table-bg:transparent;--bs-table-hover-bg:rgba(209,234,245,.45);--bs-table-border-color:var(--vw-line);color:var(--vw-ink)}
.table>thead>tr>th,.table thead th{background:var(--vw-sky);color:#1f3a57;border-bottom:1px solid var(--vw-steel);font-weight:600}
.table-light{--bs-table-bg:var(--vw-mint);--bs-table-color:var(--vw-ink)}
.table-responsive{border-radius:.5rem}
hr{border-color:var(--vw-line);opacity:1}

/* ---------- ปุ่ม ---------- */
.btn{border-radius:.55rem;font-weight:500}
.btn-primary{--bs-btn-bg:var(--vw-accent);--bs-btn-border-color:var(--vw-accent);--bs-btn-hover-bg:var(--vw-accent-dark);--bs-btn-hover-border-color:var(--vw-accent-dark);
  --bs-btn-active-bg:#34567f;--bs-btn-active-border-color:#34567f;--bs-btn-disabled-bg:var(--vw-powder);--bs-btn-disabled-border-color:var(--vw-powder)}
.btn-outline-primary{--bs-btn-color:var(--vw-accent);--bs-btn-border-color:var(--vw-accent);--bs-btn-hover-bg:var(--vw-accent);--bs-btn-hover-border-color:var(--vw-accent);
  --bs-btn-active-bg:var(--vw-accent-dark);--bs-btn-active-border-color:var(--vw-accent-dark)}
.btn-outline-secondary{--bs-btn-color:var(--vw-muted);--bs-btn-border-color:#b8cbdb;--bs-btn-hover-bg:var(--vw-sky);--bs-btn-hover-color:var(--vw-ink);--bs-btn-hover-border-color:var(--vw-steel)}
.btn-success{--bs-btn-bg:#3f9a7b;--bs-btn-border-color:#3f9a7b;--bs-btn-hover-bg:#348268;--bs-btn-hover-border-color:#348268}
.text-primary{color:var(--vw-accent)!important}
.bg-primary,.text-bg-primary{background-color:var(--vw-accent)!important}

/* ---------- ฟอร์ม ---------- */
.form-control,.form-select{border-color:#c3d8e7;background-color:#fbfdff;color:var(--vw-ink)}
.form-control:focus,.form-select:focus{border-color:var(--vw-periwinkle);box-shadow:0 0 0 .22rem rgba(149,200,215,.45);background:#fff}
.form-label{font-weight:500;color:#33506d}
.form-check-input:checked{background-color:var(--vw-accent);border-color:var(--vw-accent)}
.modal-content{border:0;border-radius:1rem;box-shadow:0 10px 30px rgba(39,65,92,.2)}
.modal-header,.modal-footer{border-color:var(--vw-line)}

/* ---------- แจ้งเตือน/ป้ายสถานะ (คงความหมายของสีไว้ แต่ปรับให้นุ่มลง) ---------- */
.alert{border-radius:.7rem;border-width:1px}
.alert-info{background:var(--vw-sky);border-color:var(--vw-powder);color:#1f3a57}
.alert-success{background:#e1f4ec;border-color:#b5e0cf;color:#1d5a44}
.alert-warning{background:#fdf3dc;border-color:#f1d9a0;color:#6b4a0a}
.alert-danger{background:#fbe5e5;border-color:#efb9b9;color:#7a2323}
.badge{font-weight:500;border-radius:.45rem}
.pagination{--bs-pagination-color:var(--vw-accent);--bs-pagination-active-bg:var(--vw-accent);--bs-pagination-active-border-color:var(--vw-accent)}
.nav-tabs .nav-link.active,.nav-pills .nav-link.active{background:var(--vw-sky);color:#1f3a57}

footer{color:var(--vw-muted)!important}

/* ---------- หน้าเข้าสู่ระบบ ---------- */
body.vw-auth{min-height:100vh;background:linear-gradient(160deg,var(--vw-mint) 0%,var(--vw-aqua) 45%,var(--vw-powder) 100%)}
body.vw-auth .card{border:1px solid rgba(255,255,255,.7);border-radius:1.1rem;box-shadow:0 12px 32px rgba(120,156,206,.28);background:rgba(255,255,255,.92)}

/* ---------- หน้า QR สาธารณะ (m.php) ---------- */
.bar{height:10px;background:linear-gradient(90deg,var(--vw-steel),var(--vw-periwinkle));border-radius:5px}

@media print{.navbar,footer{display:none!important}body{background:#fff}.card{box-shadow:none}}