body { background:#222; color:#fff; font-family:Arial }
.tablink { background:#444; color:#fff; border:none; padding:6px 10px; margin:2px; cursor:pointer }
.tablink:hover { background:#666 }
table { border-collapse:collapse; width:max-content; min-width:100% }
th, td { border:1px solid #555; padding:6px 8px; vertical-align:top }
th { background:#333; text-align:center; vertical-align:middle; height:2.8em }
.table-wrap { overflow-x:auto; max-width:100% }

.container-block {
    padding:2px 0;
    margin:0;
}

.container-header {
    font-weight:600;
}

.toggle-btn {
    margin-left:6px;
    font-size:10px;
    padding:2px 6px;
    background:#444;
    color:#eee;
    border:none;
    border-radius:4px;
}

.container-details {
    margin-top:4px;
    padding:4px 6px;
    background:#2a2a2a;
    border-left:2px solid #666;
}

.hidden { display:none }
img { vertical-align:middle; margin-right:2px }

.header-bar {
  display:flex;
  align-items:center;
  gap:16px;
}


.filters select {
  background:#333;
  color:#fff;
  border:1px solid #555;
  margin-left:4px;
}

.scroll-hint {
  font-size: 16px;
  color: #aaa;
  margin: 4px 0 8px 2px;
  user-select: none;
}