/* =========================================================
   MeTravel — static/css/plan-nhat-ky.css (2026-11)
   Phần RIÊNG của form /plan (templates/plan.html) khi dùng giao diện nhật ký
   chung với /abroad. Hầu hết kiểu (thẻ, tấm vé, ô nhập, nút chọn, nút chính)
   nằm ở nhat-ky-form.css; file này chỉ thêm những gì /plan cần mà /abroad không có.
   Màu chỉ lấy từ biến trong tokens.css.
   ========================================================= */
.pl-nk{max-width:880px}
.pl-nk .nk-dau{align-items:flex-end}
.pl-nuoc{padding:18px 22px;display:flex;flex-direction:column;gap:6px}
.pl-nuoc-hang{display:flex;gap:10px;align-items:center}
.pl-nuoc-hang .nk-chon{flex:1}
.pl-rong{padding:22px 24px}
.pl-loi{margin:0;padding:12px 16px;border:1.5px solid var(--mt-red);border-radius:12px;background:#fff;color:var(--mt-red);font-weight:600}
.pl-nho{margin:4px 0 0;font-size:14px;color:var(--nk-chu-phu)}
.pl-truong{display:flex;flex-direction:column;gap:10px;min-width:0}
.pl-nhom{margin:0;padding:0;border:0;min-width:0}
.pl-nhom > legend{padding:0 0 6px}
.nk-ds-ve{display:flex;flex-direction:column;gap:12px}
.pl-nk .nk-ve-than{align-items:flex-end}
.pl-nk .pl-bo{min-height:46px;padding:0 16px;font-size:14px;margin-left:auto}
.pl-nk .pl-o-dem{width:88px;text-align:center}
.pl-nk .pl-o-hep{max-width:140px}
.pl-ngan-sach-hang{display:flex;gap:10px}
.pl-ngan-sach-hang .nk-o{flex:1;min-width:0}
.pl-nk .pl-o-tien-te{width:auto;min-width:130px}
.pl-nk .nk-thanh-nut-trong{margin-top:10px}
.pl-nk .pl-nut{min-height:60px}
.pl-nk .nk-vien-thuoc{flex:0 1 auto}
.pl-nk .nk-tdc{margin-top:0}
@media (max-width:640px){
  .pl-nk .nk-form{padding:20px 16px 24px}
  .pl-nk .nk-ve-goc{width:48px}
  .pl-nk .nk-ve-than{padding:12px 12px 12px 14px}
  .pl-nk .nk-linh-vat-vo{display:none}
  /* Nút chính nằm ngay trong form (không dán đáy màn hình như /abroad: ở đó JS lo --thanh-cao cho hộp GA) */
  .pl-nk .nk-thanh-nut{position:static;padding:0;border:0;background:transparent}
  .pl-nk .nk-nut--chinh{width:100%;padding:0 18px}
}