/*
 * Дополнения к дизайн-системе, которых нет в макете, но которые нужны живой
 * панели. Сама система — `tokens.css` и `components.css` (копии из `design/`):
 * их правим в `design/` и копируем, а здесь только своё.
 */

.alert--ok { border-color: var(--ok-line); background: var(--ok-bg); color: #bdf0d6; }
.alert--ok .icon { color: var(--ok); }

.row-actions { display: flex; flex-wrap: wrap; gap: var(--sp-2); margin: var(--sp-3) 0; }

/* Моноширинный блок: команды curl, журнал загрузок, логин и пароль нового человека. */
.code {
  margin: 0;
  padding: var(--sp-4);
  background: var(--surface-sunken);
  border: var(--bw) solid var(--line-ctrl);
  border-radius: var(--r-sm);
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 1.55;
  color: var(--text-2);
  white-space: pre-wrap;
  word-break: break-all;
  overflow: auto;
  max-height: 340px;
}
.card > .code.log {
  max-height: calc(100dvh - 260px);
  min-height: 320px;
  border: 0;
  border-radius: var(--r-lg);
  background: transparent;
}

details.fold.card { border-top: var(--border); }

/* Строки, отфильтрованные сегментом «Ошибки / Вручную». */
.lrow[hidden], .pos[hidden] { display: none; }

/* Заглушка позиции без ссылок — бывает, если правили список руками. */
.pos__empty { padding: var(--sp-3) var(--sp-5); color: var(--text-3); font-size: var(--fs-sm); }

/* Окно браузера для входа на площадки: экран сервера 1280×800, вписанный в окно. */
.modal.modal--browser { width: min(1320px, 96vw); max-width: none; max-height: 96dvh; }
.browser-frame {
  position: relative;
  aspect-ratio: 1280 / 800;
  max-height: calc(96dvh - 200px);
  margin: 0 var(--sp-5);
  border: var(--border);
  border-radius: var(--r-md);
  overflow: hidden;
  background: #000;
}
.browser-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.browser-frame__wait {
  position: absolute; inset: 0; display: grid; place-items: center;
  color: var(--text-3); font-size: var(--fs-sm); pointer-events: none;
}

/* Поле «впечатать в окно»: кликнул в поле на странице входа — вставил сюда — Enter. */
.browser-type { display: flex; gap: var(--sp-2); margin-right: auto; flex: 1; max-width: 520px; }
.browser-type .input-group { flex: 1; }

.save-progress { margin-bottom: var(--sp-5); }
.save-progress .meter { margin-top: var(--sp-3); }

.install-steps { margin: 0 0 var(--sp-3); padding-left: 1.2em; color: var(--text-2); font-size: var(--fs-sm); line-height: 1.6; }
.changelog__ver .link-btn { margin-left: var(--sp-3); }