/* JDServer-Webs v6.1 — modules/compare-compact/compare-compact.css
   - Tabla compacta estilo Live para comparativa entre estaciones
   - Centrado de valores y formato limpio Apple-like
*/

#compare-compact {
  margin: 20px 0 32px;
}

.cc-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-1);
  overflow: hidden;
  font: 0.95rem/1.4 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Cabecera */
.cc-table thead {
  background: var(--surface);
  color: var(--muted);
}

.cc-table thead th {
  text-align: center;                  /* centramos cabeceras */
  padding: 8px 10px;
  border-bottom: 1px solid var(--border);
  white-space: nowrap;
  font-weight: 700;
}

.cc-table thead th:first-child {
  text-align: left;                    /* primera columna: estación */
}

/* Filas */
.cc-table tbody tr:nth-child(even) {
  background: rgba(0,0,0,.03);
}

@media (prefers-color-scheme: dark) {
  .cc-table tbody tr:nth-child(even) {
    background: rgba(255,255,255,.04);
  }
}

.cc-table tbody td {
  padding: 7px 10px;
  border-bottom: 1px solid var(--border);
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;                  /* centramos todos los valores */
}

.cc-table tbody td:first-child {
  text-align: left;                    /* excepto la columna estación */
  font-weight: 600;
  color: var(--text);
}

/* Última fila sin borde */
.cc-table tbody tr:last-child td {
  border-bottom: none;
}

/* Tooltip de tiempos o fechas */
.cc-table .muted {
  color: var(--muted);
  font-size: 0.85em;
}

/* Responsive — scroll horizontal en pantallas estrechas */
@media (max-width: 720px) {
  #compare-compact {
    overflow-x: auto;
  }
  .cc-table {
    min-width: 720px;
  }
}