/* Волна удобств №2 (12.10): свежесть, быстрые действия слота, состояния проб, план словами. Токены панели. */

/* Состояние слота без свежего замера — серое, не зелёное и не красное */
.large-state.unknown { color: var(--color-fg-dim); border-color: var(--color-border-strong); background: transparent; }
.ux2-fresh { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin: -6px 0 14px; font-size: 12px; color: var(--color-fg-dim); }
.ux2-fresh b { font-weight: 600; color: var(--color-fg-muted); }
.ux2-fresh.is-stale b { color: var(--color-warn, #e3b341); }

/* Быстрые действия слота: один ряд над вкладками, снятие в стороне */
.ux2-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 16px; }
.ux2-actions .secondary, .ux2-actions .primary { min-height: 36px; padding: 7px 13px; font-size: 12px; }
.ux2-actions .ux2-spacer { flex: 1 1 auto; }
.ux2-actions .btn-danger { margin-left: auto; }
@media (max-width: 720px) {
  .ux2-actions { gap: 6px; }
  .ux2-actions .secondary, .ux2-actions .primary { flex: 1 1 calc(50% - 6px); min-height: 42px; }
  .ux2-actions .ux2-spacer { display: none; }
  .ux2-actions .btn-danger { flex-basis: 100%; margin-left: 0; }
}

/* Пробы в матрице: четыре состояния, не два */
.slot-cell.stale { border-style: dashed; color: var(--color-fg-dim); }
.slot-cell.never { border-color: transparent; color: var(--color-fg-dim); }
.ux2-probe-age { display: block; margin-top: 2px; color: var(--color-fg-dim); font-size: 10.5px; }
.ux2-old { color: var(--color-fg-dim); }
.ux2-legend { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0 0 12px; font-size: 11.5px; color: var(--color-fg-dim); }
.ux2-legend span::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; border: 1px solid currentColor; vertical-align: 0; }
.ux2-legend .l-up::before { background: #72d7ad; border-color: #72d7ad; }
.ux2-legend .l-down::before { background: var(--color-danger); border-color: var(--color-danger); }
.ux2-legend .l-stale::before { border-style: dashed; }

/* План задания словами: было → стало */
.ux2-plan div { line-height: 1.5; font-size: 12px; }
.ux2-plan span { color: var(--color-fg-dim); margin-right: 4px; }
.ux2-plan s { color: var(--color-fg-dim); text-decoration-color: var(--color-danger); }
.ux2-plan b { font-weight: 600; font-family: var(--font-mono); font-size: 11.5px; }
.ux2-agent { color: var(--color-fg-dim); }
.ux2-rollback { border-color: var(--color-warn, #e3b341) !important; color: var(--color-warn, #e3b341) !important; background: transparent !important; }

/* Тревоги: сначала «Открыть», потом закрытие, удаление в стороне */
.ux2-alert-actions .primary.mini { justify-content: center; }
.ux2-alert-actions .btn-danger { margin-left: auto; }
.ux2-hint { font-size: 12px; line-height: 1.45; color: var(--color-fg-muted); max-width: 44ch; }