/* ── FastFlowTrack — Modals ────────────────────────────────────────────────── */

.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.65);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 700;
  padding: 16px;
}

.modal {
  background: var(--bg2);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border3);
  width: 100%;
  max-width: 640px;
  max-height: 92vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.modal-hdr {
  padding: 16px 20px 12px;
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  background: var(--bg2);
  z-index: 1;
}
.modal-title { font-family: var(--mono); font-size: 16.9px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; }
.modal-x     { width: 24px; height: 24px; border-radius: 4px; border: 1px solid var(--border); background: var(--bg3); display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--muted); font-size: 19.5px; }
.modal-x:hover { background: var(--bg4); color: var(--text); }

.modal-body  { padding: 16px 20px; flex: 1; }
.modal-foot  { padding: 10px 20px; border-top: 1px solid var(--border); display: flex; justify-content: flex-end; gap: 7px; position: sticky; bottom: 0; background: var(--bg2); }