/* Реквизиты на карточке компании: знак доверия клиенту, а не то,
   что читают первым, — поэтому тише роли и вида деятельности,
   строкой ниже (identity.css). Вынесено отдельно по длине файла.

   Статус и номера — двумя строками, каждая начинается своим значком:
   значок держит взгляд при беглом просмотре лучше, чем голый текст.
   Блок целиком — кнопка: нажатие копирует реквизиты в буфер
   (ui/identity.js), поэтому у него есть свой отклик на нажатие. */
.identity__requisites {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sp-1);
  width: 100%;
  margin-top: var(--sp-2);
  padding: var(--sp-1);
  margin-left: calc(var(--sp-1) * -1);
  background: none;
  border: none;
  border-radius: var(--r-sm);
  font: inherit;
  font-size: var(--fs-xs);
  color: var(--text-faint);
  line-height: 1.5;
  text-align: left;
  cursor: pointer;
  transition: background var(--fast) var(--ease);
}

.identity__requisites:active { background: var(--surface-2); }

@media (hover: hover) {
  .identity__requisites:hover { background: var(--surface-2); }
}

.identity__req-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--sp-1);
}

.identity__req-row .icon {
  flex: none;
  width: var(--fs-sm);
  height: var(--fs-sm);
}

/* Значок и его число — одна пара, тесно; между парами (ИНН и ОГРНИП
   рядом в одной строке) зазор шире, чтобы они не читались одним
   числом, — но это зазор между парами, не между значком и его же
   числом. */
.identity__req-pair {
  display: flex;
  align-items: center;
  gap: var(--sp-1);
}

.identity__req-pair + .identity__req-pair { margin-left: var(--sp-3); }

.identity__req-num {
  font-family: var(--font-mono);
}