.tv-event-log {
  min-width: 0;
  border: 1px solid var(--tv-border);
  border-radius: 8px;
  background: #fbfcfb;
  color: var(--tv-strong);
}
.tv-event-log > summary { padding: 12px 14px; cursor: pointer; font-weight: 650; }
.tv-event-log[open] > summary { border-bottom: 1px solid var(--tv-border); }
.tv-event-body { padding: 12px 14px; min-width: 0; }
.tv-event-controls { display: grid; grid-template-columns: 1fr 1fr minmax(12rem, 1.5fr); gap: 10px; }
.tv-event-controls label { display: grid; gap: 4px; min-width: 0; font-size: 12px; font-weight: 600; }
.tv-event-controls input, .tv-event-controls select {
  min-width: 0; width: 100%; min-height: 32px; padding: 4px 8px;
  color: inherit; font: inherit; background: white; border: 1px solid var(--tv-border); border-radius: 5px;
}
.tv-event-state, .tv-event-pages { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 10px 0; }
.tv-event-state > span, .tv-event-pages > span { margin-right: auto; font-size: 12px; }
.tv-event-status, .tv-event-table, .tv-event-pages { font-variant-numeric: tabular-nums; }
.tv-event-log [hidden] { display: none !important; }
.tv-event-table { overflow-x: auto; border: 1px solid var(--tv-border); border-radius: 6px; }
.tv-event-table table { border-collapse: collapse; width: 100%; min-width: 680px; table-layout: fixed; font-size: 12px; }
.tv-event-table th, .tv-event-table td { padding: 6px 8px; text-align: left; overflow-wrap: anywhere; }
.tv-event-table th { background: #edf2ee; }
.tv-event-table td { border-top: 1px solid var(--tv-border); }
.tv-event-table th:nth-child(3), .tv-event-table th:nth-child(4) { width: 20%; }
.tv-event-table th:nth-child(5) { width: 8%; }
.tv-event-table .tv-event-selected { background: #e3f3eb; }
.tv-event-body > .tv-note { display: block; margin: 6px 0 0; }
@media (max-width: 680px) {
  .tv-event-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tv-event-controls label:last-child { grid-column: 1 / -1; }
}

.tv-event-pager { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }
.tv-event-pager label { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; }
.tv-event-pager input { width: 5.5em; height: 29px; box-sizing: border-box; font: inherit; border: 1px solid var(--tv-border); border-radius: 4px; }
.tv-event-table table { min-width: 765px; }
.tv-event-table th:nth-child(2), .tv-event-table th:nth-child(6) { width: 16%; }
.tv-event-table th:nth-child(3), .tv-event-table th:nth-child(4) { width: 15%; }
.tv-event-log { background: white; }