/* Con Dao Fast Ferry Booking v1.0.0 */
.cdfb { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.card { background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:16px; box-shadow:0 2px 10px rgba(0,0,0,.04); }
.grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px; }
.col { display:flex; flex-direction:column; align-items:flex-start; }
.col-inline { align-items:center; justify-content:flex-start; gap:8px; flex-direction:row; }
.col-2 { grid-column: span 2 / span 2; }
.lbl { font-weight:600; margin-bottom:6px; }
.ctrl { width:100%; border:1px solid #d1d5db; border-radius:10px; padding:10px 12px; font-size:14px; }
.ctrl:focus { outline: 2px solid #2563eb22; border-color:#2563eb; }
.hint { font-size:12px; color:#6b7280; margin-top:6px; }
.btn { background:#0ea5e9; color:#fff; border:none; border-radius:12px; padding:12px 16px; font-weight:700; cursor:pointer; }
.btn:disabled { opacity:.5; cursor:not-allowed; }
.msg { margin-top:10px; font-weight:600; }
.summary { border:1px dashed #d1d5db; border-radius:12px; padding:10px 12px; width:100%; background:#f9fafb; }
.pax-list { display:flex; flex-direction:column; gap:16px; width:100%; }
.pax-box { border:1px solid #e5e7eb; border-radius:12px; padding:12px; }
.cd-seat-row { margin-top:8px; }
.row-price { margin-top:6px; font-size:14px; color:#111827; }

@media (max-width: 640px){
  .grid { grid-template-columns: 1fr; }
  .col-2 { grid-column: span 1 / span 1; }
  .col-inline { flex-direction:row; }
}

.note{color:#374151;font-size:13px;}