/* ===== Responsive base para app ===== */
@media (max-width: 991.98px){
  .app-content { padding-bottom: 60px; }
}

/* Toolbar horizontal que se adapta a dos columnas y luego a una */
.resp-toolbar {
  display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: .75rem;
}
.resp-toolbar .toolbar-left { flex: 1 1 320px; max-width: 640px; }
.resp-toolbar .toolbar-right { display:flex; flex-wrap: wrap; gap: .5rem; justify-content: flex-end; }
.resp-toolbar .toolbar-right .form-control,
.resp-toolbar .toolbar-right .form-select { min-width: 140px; }

@media (max-width: 767.98px){
  .resp-toolbar { gap: .75rem; }
  .resp-toolbar .toolbar-left { flex: 1 1 100%; max-width: 100%; }
  .resp-toolbar .toolbar-right { justify-content: stretch; }
  .resp-toolbar .toolbar-right > * { flex: 1 1 calc(50% - .5rem); }
  .resp-toolbar .toolbar-right > .btn { flex: 1 1 100%; }
}

/* Tablas: ajusta celdas largas en móvil */
.table code { white-space: pre-wrap; word-break: break-word; }

/* Tabulator responsive: estilos del bloque colapsado */
.tabulator-responsive-collapse {
  background: #f8f9fa;
  padding: .5rem .75rem;
  border-radius: .5rem;
  font-size: .9rem;
}
.tabulator-responsive-collapse .rc-row {
  display: flex; gap: .5rem; padding: .15rem 0; align-items: baseline;
}
.tabulator-responsive-collapse .rc-key {
  min-width: 92px; color: #6c757d;
}