/* Организации, найденные по ИНН (DaData), — окно «Запросить счёт» на карточке товара и оплата по счёту на оформлении.
   29.10.2026, слова владельца: «то, что даст DaData, то и показываем»: название как есть («ИП Иванов», «ООО Ромашка»), КПП и адрес
   мелко. Одна организация — выбрана сама, несколько (головная и филиалы) — выбор. Выбранная белая с зелёной отметкой, остальные
   серые — как переключатели доставки и плитки оплаты (payment.css). Образец — /design/#forms «Организация по ИНН». */

.org-matches{display:grid; gap:var(--s2); margin-top:var(--s2); max-height:300px; overflow-y:auto}      /* у крупных банков десятки филиалов */
.org-matches[hidden]{display:none}

.org-match{position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:var(--s3); align-items:start;
  padding:var(--s3) var(--s4); background:var(--surface-3); border-radius:var(--radius-md); color:var(--ink); cursor:pointer;
  transition:background .15s ease}
.org-match:hover{background:color-mix(in srgb, var(--surface-3) 88%, var(--muted))}
.org-match:has(.org-match__input:checked){background:var(--surface)}
.org-match:has(.org-match__input:focus-visible){outline:2px solid var(--ink); outline-offset:2px}
.org-match__input{position:absolute; opacity:0; width:1px; height:1px; margin:0; pointer-events:none}

.org-match__body{display:grid; gap:2px; min-width:0}
.org-match__name{font:600 14px/1.35 var(--font-sans); overflow-wrap:anywhere}
.org-match__meta{font-size:12px; line-height:1.4; color:var(--ink-2); overflow-wrap:anywhere}

.org-match__mark{width:20px; height:20px; border-radius:50%; background:var(--surface); position:relative; transition:background .15s ease}
.org-match__mark::after{content:""; position:absolute; left:7px; top:3px; width:5px; height:10px; border:solid var(--surface);
  border-width:0 2px 2px 0; transform:rotate(45deg); opacity:0; transition:opacity .15s ease}
.org-match:has(.org-match__input:checked) .org-match__mark{background:var(--stock-in)}
.org-match:has(.org-match__input:checked) .org-match__mark::after{opacity:1}

/* В белом окне счёта выбранная — светло-серая (белая слилась бы с окном) */
.ivm .org-match:has(.org-match__input:checked){background:var(--surface-2)}

/* Ничего не нашли / ИНН не бывает */
.org-note{margin:0; font-size:13px; line-height:1.45; color:var(--ink-2)}
.org-note.is-bad{color:var(--badge-red-fg)}