body { background: #f5f6f8; }

/* Zona de arrastre */
.dropzone {
  border: 2px dashed #9db4d9;
  border-radius: .75rem;
  padding: 2rem 1rem;
  text-align: center;
  cursor: pointer;
  background: #fbfcfe;
  transition: background .15s, border-color .15s;
}
.dropzone:hover, .dropzone.dragover { background: #eef4ff; border-color: #0d6efd; }

/* Tarjeta de hoja en la vista previa */
.sheet-card {
  border: 1px solid #e3e6ea;
  border-radius: .5rem;
  padding: .75rem 1rem;
  margin-bottom: 1rem;
  background: #fff;
}
.sheet-card.cargando { opacity: .5; pointer-events: none; }
.preview-table { max-height: 320px; }
.preview-table th, .preview-table td { white-space: nowrap; font-size: .8rem; }

/* Tabla de registros */
.data-table { max-height: calc(100vh - 290px); }
.data-table thead th { position: sticky; top: 0; z-index: 2; background: #f8f9fa; }
.data-table thead tr.filter-row th { top: 33px; z-index: 1; padding: .2rem; }
.data-table td, .data-table th { white-space: nowrap; max-width: 320px; overflow: hidden; text-overflow: ellipsis; font-size: .85rem; }
.filter-row input { min-width: 110px; font-size: .75rem; }