/* the dialog's two cards (12 Nov 2026): the original alone, or with its map pack — the pack is the green one; none is picked */
  .qb-pick { border: 0; margin: 14px 0 0; padding: 0; min-width: 0; }
  .qb-pick legend { padding: 0; margin: 0 0 8px; font-weight: 800; font-size: 14px; }
  .qb-card { position: relative; display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 14px;
    border: 1.5px solid #cbd5e1; background: #fff; cursor: pointer; line-height: 1.4; transition: border-color .15s, box-shadow .15s; }
  .qb-card:hover { border-color: #94a3b8; }
  .qb-card input { flex: none; width: 20px; height: 20px; margin: 0; accent-color: var(--primary-deep); cursor: pointer; }
  .qb-card-t { flex: 1; min-width: 0; display: grid; gap: 2px; }
  .qb-card-t b { font-size: 15px; color: var(--text); }
  .qb-card-t small { font-size: 12.5px; color: var(--muted); }
  .qb-card-p { flex: none; font-size: 20px; font-weight: 800; color: var(--text); }
  .qb-card:has(input:checked) { border-color: var(--primary-deep); box-shadow: 0 0 0 3px rgba(14,165,233,.18); }
  .qb-card:focus-within { outline: 3px solid rgba(14,165,233,.5); outline-offset: 2px; }
  .qb-card-mp { margin-top: 16px; border: 2px solid #10b981; background: linear-gradient(180deg, #ecfdf5 0, #fff 70%);
    box-shadow: 0 0 0 4px rgba(16,185,129,.12); }
  .qb-card-mp:hover { border-color: #047857; }
  .qb-card-mp input { accent-color: #047857; }
  .qb-card-mp .qb-card-t b { color: #065f46; }
  .qb-card-mp .qb-card-p { color: #047857; }
  .qb-card-mp:has(input:checked) { border-color: #047857; box-shadow: 0 0 0 4px rgba(16,185,129,.30); }
  .qb-card-badge { position: absolute; top: -11px; left: 14px; padding: 5px 10px; border-radius: 999px;
    background: linear-gradient(90deg, #047857, #10b981); color: #fff; font: 800 10.5px/1 system-ui, sans-serif;
    letter-spacing: .04em; text-transform: uppercase; }