/* Repository picker (#3795, Figma 1:10100): the ds/overlays modal (440 wide)
 * with the onboarding identity row and list label (.ob-identity,
 * .ob-list-label). The access box is 1:10118: one bordered card, rows of
 * padding 14 with a 16px radio, the current row tinted (1:10125) holding the
 * picker. Deviations, for AA: sublines and notes take --fg-muted at 11px
 * (Figma's #6e7781 at 10px), the radio and picker border --control-on.
 * The radios are drawn, not inputs: switching between "All" and "Only
 * select" is GitHub's, so the other row offers that link instead. ---- */
.ui-modal#repo-picker-modal .ui-modal-body { gap: var(--space-5); }
.rp-access { display: flex; flex-direction: column; gap: var(--space-2); }
.rp-options { margin: 0; padding: 0; list-style: none; border: 1px solid var(--border-strong); border-radius: var(--radius); background: var(--surface); overflow: hidden; }
.rp-option { display: flex; align-items: flex-start; gap: var(--space-3); padding: 14px; }
.rp-option + .rp-option { border-top: 1px solid var(--border); }
.rp-option.is-selected { background: var(--select-tint); }
.rp-radio { flex: none; box-sizing: border-box; width: 16px; height: 16px; margin-top: 1px; border: 1px solid var(--border-strong); border-radius: 50%; }
.is-selected .rp-radio { border-color: var(--control-on); background: radial-gradient(circle, var(--control-on) 3px, transparent 3.5px); }
.rp-option-text { display: flex; flex: 1; flex-direction: column; gap: 2px; min-width: 0; }
.rp-option-title { margin: 0; font: 700 12px/18px var(--font-mono); color: var(--fg-strong); }
.rp-option-sub, .rp-note { margin: 0; font: 400 11px/1.5 var(--font-mono); color: var(--fg-muted); }
.rp-github { align-self: flex-start; margin-top: var(--space-1); font: 600 11px var(--font-mono); }

/* 1:10132: the button ("Add on GitHub", a link: #3976), then the selected repositories under a rule. */
.rp-picker { display: flex; flex-direction: column; gap: var(--space-2); margin-top: var(--space-2); }
.rp-select {
  display: inline-flex; align-items: center; gap: var(--space-2); align-self: flex-start; min-width: 188px; padding: 6px 12px;
  border: 1px solid color-mix(in srgb, var(--control-on) 40%, transparent); border-radius: var(--radius-sm); background: var(--surface);
  font: 700 11px var(--font-mono); color: var(--fg-strong); text-decoration: none; cursor: pointer;
}
.rp-select span { flex: 1; text-align: left; }
.rp-selected { margin: 0; padding: var(--space-2) 0 0; border-top: 1px solid var(--border); list-style: none; }
.rp-repo { display: flex; align-items: center; gap: var(--space-2); min-height: 32px; color: var(--live-text); }
.rp-repo-name { flex: 1; min-width: 0; font: 700 11px var(--font-mono); color: var(--fg-strong); overflow-wrap: anywhere; }
/* 1:10143: a bare 9px cross; the button keeps a 24px target. */
.rp-remove.btn-icon { flex: none; width: 24px; height: 24px; min-width: 0; min-height: 0; padding: 0; border: 0; background: none; color: var(--fg-muted); }
.rp-remove.btn-icon:hover:not(:disabled) { background: var(--surface-sunken); color: var(--fg-strong); }
.rp-remove:disabled { cursor: progress; opacity: 0.6; }
.rp-error { margin: 0; }