/* =========================================================
   TABLES — Tabla base, .tbl-pub, columnas, filas
   ========================================================= */

/* ── TABLA ── */
.tbl-wrap {
  background: var(--surface);
  border: 0.5px solid var(--border);
  border-radius: var(--radius-lg);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  transition: background 0.25s, border-color 0.25s;
}
table { width: 100%; border-collapse: collapse; font-size: 13px; min-width: 700px; }
th {
  padding: 9px 12px;
  text-align: left;
  font-size: 11px;
  font-weight: 600;
  color: var(--muted);
  border-bottom: 0.5px solid var(--border);
  background: var(--surface2);
  white-space: nowrap;
}
td {
  padding: 9px 12px;
  border-bottom: 0.5px solid var(--border);
  vertical-align: middle;
  white-space: nowrap;
  color: var(--text);
  transition: background 0.1s;
}
tr:last-child td { border-bottom: none; }
tr:hover td { background: var(--bg); }
html.dark tr:hover td { background: var(--surface2); }
.sku { font-family: monospace; font-size: 11px; color: var(--muted); }
.prod-name { font-weight: 500; font-size: 13px; white-space: normal; color: var(--text); }
.prod-note { font-size: 11px; color: var(--muted); margin-top: 2px; white-space: normal; }

/* ── TABLA PUBLICACIONES ── */
.tbl-pub td { vertical-align: top; padding: 10px 10px; }
.row-con-nota { background: transparent; }
html.dark .row-con-nota { background: transparent; }

/* ── Tabla publicaciones: columnas ── */
.tbl-pub col.col-mlid    { width: 130px; }
.tbl-pub col.col-sku     { width: 110px; }
.tbl-pub col.col-prod    { width: auto; }
.tbl-pub col.col-notas   { width: 90px; }
.tbl-pub col.col-estado  { width: 150px; }
.tbl-pub col.col-calidad { width: 140px; }
.tbl-pub col.col-accion  { width: 160px; }