.archive-filters {
  grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr));
}
.archive-filters input,
.archive-filters select {
  min-height: 44px;
  height: auto;
  padding: 10px 32px 10px 12px;
  font: 16px/1.45 system-ui, sans-serif;
}
.archive-filters input::placeholder { color: #a8becf; opacity: 1; }
.archive-filters label > small,
.archive-filters output { font: 13px/1.5 system-ui, sans-serif; letter-spacing: .04em; color: #a8becf; }
.union-filter-bar button { font-size: 12px; min-height: 44px; }
.union-filter-bar button b { font-size: 12px; }

.player-note > summary { flex-wrap: wrap; align-items: flex-start; }
.player-note > summary > .note-title { flex: 1 1 180px; min-width: 0; overflow-wrap: anywhere; line-height: 1.6; }
.player-note .note-badges { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; margin-left: auto; }
.player-note .note-badges > .badge {
  position: static; flex: 0 0 auto; margin: 0; transform: none;
  font-size: 12px; line-height: 1.5; white-space: nowrap;
}
.player-note.is-important { border-color: #a88742; background: #302714; }
.player-note.is-important > summary,
.player-note.is-important[open] > summary { color: #ffe2a2; background: #302714; }
.player-note.is-important .player-note-body > div { background: #211e16; }
.player-note.is-archived { border-color: #73658c; background: #272238; }
.player-note.is-archived > summary,
.player-note.is-archived[open] > summary { color: #ded2f4; background: #272238; }
.player-note.is-archived .player-note-body > div { background: #201c2d; }
.player-note.is-important.is-archived { border-left: 4px solid #d2af60; }
.player-note .note-badges > .note-archived-badge { background: #39304d; color: #e1d3f5; border-color: #8a76a8; }
.notebook-grid > .player-note[hidden],
[data-union-id][hidden] {
  display: none;
}
.notebook-filter-empty,
.planned-filter-empty {
  color: #9fb8ca;
}
@media (max-width: 720px) {
  .archive-filters { grid-template-columns: minmax(0, 1fr); }
}