/* История в правой колонке: размеры панели и строк утверждённого макета. */
.radio-history {
	padding: 14px 16px 12px;
	border: 1px solid var(--radio-border);
	border-radius: var(--radio-radius);
	background: var(--radio-panel);
}
.radio-history__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.radio-history__heading { margin: 0; font-size: 18px; font-weight: 600; }
.radio-history__all { flex: none; color: var(--radio-accent-light); font-size: 11px; text-decoration: none; }
.radio-history__all:hover { color: var(--radio-text); }
.radio-history__all:focus-visible { outline: 2px solid var(--radio-accent); outline-offset: 2px; }
.radio-history .radio-history__list { display: block; margin: 0; padding: 0; overflow: visible; }
.radio-history .radio-history-item {
	display: grid;
	grid-template-columns: 34px 32px minmax(0, 1fr) max-content;
	align-items: center;
	gap: 4px;
	padding: 5px 0;
}
.radio-history .radio-history-item__time { grid-row: 1; grid-column: 1; font-size: 11px; }
.radio-history .radio-history-item__cover-wrap { grid-row: 1; grid-column: 2; width: 32px; height: 32px; }
.radio-history .radio-history-item__cover { display: block; border-radius: 5px; }
.radio-history .radio-history-item__meta { grid-row: 1; grid-column: 3; }
.radio-history .radio-history-item__title { font-size: 12px; font-weight: 500; }
.radio-history .radio-history-item__artist { color: var(--radio-text-subtle); font-size: 10.5px; }
.radio-history .radio-history-item__preview { border-radius: 5px; background: var(--radio-cover-button-shade); }
.radio-history .radio-history-item__preview::before { border-width: 5px 0 5px 8px; }
.radio-history .radio-history-item__preview[aria-pressed="true"]::before { width: 8px; height: 8px; border: 0; }
.radio-history .radio-history-item__fav,
.radio-history .radio-history-item__vote,
.radio-history .radio-history-item__trophy { border: 0; color: var(--radio-muted); }
.radio-history .radio-history-item__fav[aria-pressed="true"],
.radio-history .radio-history-item__vote[aria-pressed="true"] { color: var(--radio-accent); }
.radio-history .radio-history-item__fav.is-error { outline: 1px solid var(--radio-error); }
.radio-history__status { margin: 8px 0 0; color: var(--radio-muted); font-size: 12px; }
.radio-history__status:empty { display: none; }