/* ---------- Tabla (listado.html) ---------- */
.table-flat{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--surface);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--border);
}

.table-flat thead th{
  background: var(--surface-2);
  color: var(--muted);
  font-weight: 800;
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  border-bottom: 1px solid var(--border);
  padding: 14px 16px;
}

.table-flat tbody td{
  padding: 14px 16px;
  border-bottom: 1px solid var(--border);
  vertical-align: middle;
  color: var(--text);
}

.table-flat tbody tr:last-child td{ border-bottom: 0; }
.table-flat .badge.bg-dark{
  background: #111827 !important;
  font-weight: 500;
  border-radius: 999px;
  padding: .25rem .5rem;
}
.clickable-row{ cursor: pointer; transition: background-color .15s ease, box-shadow .15s ease; }
.clickable-row:hover{ background-color: #F9FAFB !important; }

/* Iconos en la primera columna más alineados */
.table-flat td:first-child i{ vertical-align: middle; }


/* ---------- Helpers responsivos ---------- */
@media (max-width: 768px){
  .form-filtros{ grid-template-columns: 1fr; }
  .table-flat thead{ display: none; } /* opcional para mobile */
  .table-flat tr{ display: grid; grid-template-columns: 1fr 1fr; padding: .25rem .5rem; }
  .table-flat td{ border: 0; padding: .35rem .4rem; }
}


.tabla-ac td.actions-cell,
.tabla-ac th.actions-cell{
  width: 1%;
  white-space: nowrap;
}

.tabla-ac th.estado-col,
.tabla-ac td.estado-col{
  width: 110px;
  white-space: nowrap;
}