/* Вкладка «Топы» в Истории (prop-tops.js, PLAN_TOPS Ш4): таблица — общая .block-table, свои отметки здесь. */
.history-tops-form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .5rem 1rem; margin: 0 0 .75rem; }
.history-tops-form label { display: grid; gap: .25rem; color: var(--text-secondary); font-size: .75rem; }
.history-tops-scroll { overflow-x: auto; }

.history-tops-delay {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: .35rem 1.5rem;
  padding: .6rem .75rem; background: var(--bg-secondary);
  border: 1px solid var(--border-secondary); border-radius: var(--radius-sm);
}
.history-tops-delay[hidden] { display: none; }
.prop-tops-delay-title { flex: 1 0 100%; color: var(--text-secondary); font-size: .75rem; }
.prop-tops-delay-part { display: grid; gap: .1rem; }
.prop-tops-delay-part strong { color: var(--text-primary); font-size: 1.05rem; font-variant-numeric: tabular-nums; }

.prop-tops-row { cursor: pointer; }
.prop-tops-row:focus-visible td { outline: 2px solid var(--brand); outline-offset: -2px; }
.prop-tops-row td:first-child { box-shadow: inset 3px 0 0 var(--accent, var(--success)); }
.prop-tops-row.is-short { --accent: var(--error); }
.prop-tops-row.is-close { --accent: var(--warning); }
.prop-tops-row.is-open td { background: var(--bg-hover); }

.prop-tops-what { font-weight: 600; white-space: nowrap; }
.prop-tops-what.is-long { color: var(--success); }
.prop-tops-what.is-short { color: var(--error); }
.prop-tops-what.is-close { color: var(--warning); }
.prop-tops-sub { display: block; color: var(--text-tertiary); font-size: .6875rem; line-height: 1.1; }
.block-table td:has(.prop-tops-sub) { height: auto; padding-top: .25rem; padding-bottom: .25rem; }
.prop-tops-muted { color: var(--text-tertiary); }
.prop-tops-delay-value { color: var(--text-primary); font-weight: 600; }
.prop-tops-members { max-width: 22rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.prop-tops-badge {
  display: inline-flex; padding: .05rem .4rem; color: var(--text-secondary);
  border: 1px dashed var(--border-primary, var(--border-secondary)); border-radius: var(--radius-sm);
  font-size: .6875rem; white-space: nowrap;
}

.prop-tops-detail-row > td { padding: .5rem .75rem; background: var(--bg-secondary); white-space: normal; }
.prop-tops-detail { width: auto; border-collapse: collapse; font-size: .75rem; }
.prop-tops-detail th, .prop-tops-detail td { padding: .2rem .75rem .2rem 0; text-align: left; border-bottom: 1px solid var(--border-secondary); }
.prop-tops-detail th { color: var(--text-tertiary); font-weight: 500; }
/* Вложенная таблица внутри .block-table: её жирный первый столбец сюда не наследуется целиком. */
.block-table .prop-tops-detail td { height: auto; font-weight: 400; }
.block-table .prop-tops-detail td:first-child { font-weight: 600; }
.prop-tops-detail .numeric { text-align: right; font-variant-numeric: tabular-nums; }
.prop-tops-detail tr:last-child td { border-bottom: 0; }

/* Эталон своего счёта (только администратору). */
.prop-tops-reference { display: grid; gap: .625rem; margin-top: .75rem; padding-top: .75rem; border-top: 1px solid var(--border-secondary); }
.prop-tops-reference[hidden] { display: none; }
.prop-tops-muted-row td { opacity: .5; }
.prop-tops-miss { color: var(--error); font-weight: 600; }