/* Add organization (#3492): the modal of Figma 01 `1:7193` (440 wide, the
 * ds/overlays shell) and 04 `1:10154`'s celebration. Step content reuses the
 * onboarding parts (#3489): .ob-identity, .ob-list-label, .ob-option.
 * Deviations, for AA: the ADDED badge and the helper line take --fg-muted
 * (Figma's #9ca3af at 9 / 12px is 2.5:1); the added card's subline too. ---- */
.ui-modal[data-add-org] .ui-modal-body { gap: var(--space-5); }
.add-org-list { display: flex; flex-direction: column; }
.add-org-options { display: flex; flex-direction: column; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.add-org-added .ob-option-title { color: var(--fg-secondary); }
.add-org-added .badge { flex: none; padding: 3px var(--space-2); border: 1px solid var(--border-strong); border-radius: var(--radius-sm); font: 700 9px var(--font-mono); text-transform: uppercase; }
.add-org-note { margin: 0; font: 400 12px/1.6 var(--font-sans); color: var(--fg-muted); }
.add-org-note strong { font-weight: 600; color: var(--fg-secondary); }

/* 04 `1:10154`: no heading block; the art, the title and the org line centered (no motif card: #3492). */
.ui-modal[data-add-org="done"] .ui-modal-head { display: none; }
.ui-modal[data-add-org="done"] .ui-modal-body { padding-top: var(--space-7); }
.add-org-done { display: flex; flex-direction: column; align-items: center; gap: var(--space-2); text-align: center; }
.add-org-done-art { display: flex; justify-content: center; width: 176px; height: 84px; margin-bottom: var(--space-3); }
.add-org-done-title { margin: 0; font: 700 20px var(--font-mono); color: var(--fg-strong); }
.add-org-done-org { margin: 0; font: 400 11px/1.6 var(--font-mono); color: var(--fg-muted); overflow-wrap: anywhere; }

/* The picker (#3506): a card is a label around a hidden radio. Picked: 1:7210
 * (the .is-selected look); not picked: an empty ring, as 1:10120. */
.add-org-pick { cursor: pointer; }
.add-org-pick:has(:checked) { border-color: var(--control-on); background: var(--select-tint); --fg-muted: var(--fg-secondary); }
.add-org-pick:has(:checked) .ob-option-tile { background: var(--success-bg); color: var(--live-text); }
.add-org-pick:has(:checked) .ob-option-sub { color: var(--live-text); }
.add-org-pick:not(:has(:checked)) .ob-option-radio { border-color: var(--border-strong); background: none; }
.add-org-pick:has(:focus-visible) { outline: 2px solid var(--focus); outline-offset: 2px; }