.container-dx-spotter {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

.freq-col {
  min-width: 140px;
}

.dxspots-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
}

.dxspots-table th, .dxspots-table td {
  border: 1px solid #ccc;
  padding: 0.5rem;
  text-align: left;
  font-family: monospace;
}

.dxspots-table th {
  background-color: #f2f2f2;
}

.dxspots-time {
  width: 160px;
  white-space: nowrap;
  color: #555;
}

/* Highlight nieuwe spots */
@keyframes flash-bg {
    0% {
        background-color: #ffff99;
    }

    100% {
        background-color: transparent;
    }
}

.new-spot {
  animation: flash-bg 2s ease forwards;
  border: 2px solid #cc0000 !important;
  background-color: #fff5e6;
}

.new-spot .dxspots-time {
  font-weight: bold;
  color: #cc0000;
}

.kenmerk-cell span {
  cursor: help;
  margin-right: 0.25em;
  font-size: 1.1em;
}