/* ============================================
   Form "Đặt xe theo link Google Maps" (app/New/index.php)
   Chỉ dùng design token có sẵn trong css/style.css — không hardcode màu
   ============================================ */

.gmap-form .field{margin-bottom:18px}
.gmap-form .radio-group,
.gmap-form .checkbox-group{display:flex;gap:22px;flex-wrap:wrap;align-items:center}
.gmap-form .radio-group label,
.gmap-form .checkbox-group label{
  display:inline-flex;align-items:center;gap:8px;
  font-weight:500;font-size:.92rem;color:var(--ink);
  width:auto;margin:0;
}
.gmap-form input[type=radio],
.gmap-form input[type=checkbox]{accent-color:var(--amber);width:16px;height:16px}
.gmap-form textarea.app-select{resize:vertical;font-family:var(--font-body)}
#scheduled_field{display:none}

/* ===== Hộp thông báo — sắc độ lấy từ amber/buoy trong bảng màu chung ===== */
.form-alert{
  border-radius:var(--radius);padding:14px 18px;margin-bottom:22px;
  font-size:.92rem;line-height:1.6;
}
.form-alert ul{margin:6px 0 0 20px}
.form-alert.error{background:rgba(232,88,58,.1);color:var(--buoy);border:1px solid rgba(232,88,58,.25)}
.form-alert.success{background:rgba(242,169,59,.14);color:var(--navy-deep);border:1px solid rgba(242,169,59,.35)}
.form-alert.warning{background:rgba(242,169,59,.2);color:var(--ink);border:1px solid rgba(242,169,59,.4)}

.result-total{font-family:var(--font-mono);font-weight:700;color:var(--buoy);margin:18px 0}
.result-note{color:var(--steel);font-size:.85rem;margin-bottom:40px}