lab: responsive sidebar toggle en todas las páginas del módulo lab

assets/css/styles.css

@@ -991,6 +991,54 @@ body {
     }
 }
 
+/* =================================
+   LAB SIDEBAR TOGGLE (mobile)
+   ================================= */
+
+/* El botón hamburguesa solo es visible en mobile/tablet */
+.lab-sidebar-toggle {
+    display: none !important;
+    flex-shrink: 0;
+    margin-right: 8px;
+}
+
+/* content-header cuando tiene el toggle: evitar desbordamiento del título */
+.content-header.has-sidebar-toggle {
+    gap: 8px;
+    flex-wrap: nowrap;
+}
+.content-header.has-sidebar-toggle > div:nth-child(2) {
+    min-width: 0;
+    flex: 1;
+}
+.content-header.has-sidebar-toggle h1 {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
+    font-size: clamp(.9rem, 2.5vw, 1.4rem);
+}
+
+@media (max-width: 991.98px) {
+    .lab-sidebar-toggle { display: inline-flex !important; }
+    .content-header.has-sidebar-toggle { padding: 10px 12px; }
+    /* Evitar que el body haga scroll horizontal cuando el sidebar está abierto */
+    body.sidebar-open { overflow: hidden; }
+    /* Contenedores con padding excesivo en móvil */
+    .container-fluid { padding-left: 10px !important; padding-right: 10px !important; }
+}
+
+@media (max-width: 575.98px) {
+    /* Cards de lab en 2 columnas en móvil pequeño */
+    .col-md-3, .col-xl-3, .col-lg-3 { flex: 0 0 50%; max-width: 50%; }
+    /* Tablas lab: texto más pequeño */
+    .table th, .table td { font-size: .78rem; padding: 7px 8px; }
+    /* Header sub-info en móvil */
+    .content-header small { font-size: .7rem; }
+    /* Botón Nuevo en header: ocultar texto, solo icono */
+    .content-header .btn-primary .me-1 ~ * { display: none; }
+}
+
 /* =================================
    CHAT STYLES 
    ================================= */