/* Las tablas anchas conservan la legibilidad y desplazan dentro de su sección. */
#main-content { min-width: 0; }
.sig-tabla-viewport { width: 100%; max-width: 100%; min-width: 0; overflow-x: auto; }
.sig-tabla-scroll { scrollbar-width: auto; scrollbar-color: #64748b #e2e8f0; }
.sig-tabla-scroll::-webkit-scrollbar { height: 12px; }
.sig-tabla-scroll::-webkit-scrollbar-track { background: #e2e8f0; border-radius: 8px; }
.sig-tabla-scroll::-webkit-scrollbar-thumb { background: #64748b; border: 2px solid #e2e8f0; border-radius: 8px; }
.sig-tabla-controles { box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 20px; width: 100%; max-width: 100%; min-width: 0; margin: 10px 0 6px; padding: 8px 12px; border: 1px solid #bfdbfe; border-radius: 8px; background: #eff6ff; color: #1e3a8a; }
.sig-tabla-controles[hidden] { display: none !important; }
.sig-tabla-aviso { font-size: .83rem; line-height: 1.45; flex: 1 1 240px; }
.sig-tabla-navegacion { display: flex; align-items: center; gap: 10px; flex: 1 1 220px; max-width: 440px; min-width: 0; }
.sig-tabla-boton { appearance: none; border: 1px solid #93c5fd; background: #fff; color: #1e40af; border-radius: 6px; min-width: 40px; height: 36px; padding: 0 10px; cursor: pointer; font-size: 1.15rem; line-height: 1; }
.sig-tabla-boton:hover:not(:disabled) { background: #dbeafe; }
.sig-tabla-boton:disabled { opacity: .4; cursor: default; }
.sig-tabla-boton:focus-visible, .sig-tabla-barra:focus-visible { outline: 3px solid #2563eb; outline-offset: 2px; }
/* Mayor especificidad para coexistir con los estilos range de Materialize. */
.sig-tabla-navegacion input.sig-tabla-barra { appearance: auto; -webkit-appearance: auto; accent-color: #2563eb; position: static; box-sizing: border-box; flex: 1; width: 100%; min-width: 0; height: 24px; margin: 0; padding: 0; border: 0; background: transparent; cursor: ew-resize; }
.sig-tabla-mas-derecha { border-right-color: #60a5fa !important; }
.sig-tabla-mas-izquierda { border-left-color: #60a5fa !important; }
@media (max-width: 600px) {
  .sig-tabla-controles { padding: 8px; }
  .sig-tabla-navegacion { max-width: none; }
}
@media print {
  .sig-tabla-controles { display: none !important; }
  .sig-tabla-viewport { overflow: visible; }
}