/* =========================================================
   RESPONSIVE UNIVERSAL - COMAI
   ========================================================= */

/* Reset para móvil */
@media (max-width: 768px) {
  .app-wrapper {
    display: block !important;
    width: 100% !important;
    overflow-x: hidden !important;
  }
  
  /* Sidebar oculto por defecto */
  .sidebar {
    position: fixed !important;
    top: 0 !important;
    left: -280px !important;
    width: 280px !important;
    height: 100% !important;
    background: #0a0a0a !important;
    z-index: 2000 !important;
    transition: left 0.3s ease !important;
    display: block !important;
  }
  
  .sidebar.open {
    left: 0 !important;
    box-shadow: 2px 0 10px rgba(0,0,0,0.5) !important;
  }
  
  /* Botón para abrir sidebar - SIEMPRE visible */
  .open-sidebar-btn {
    display: flex !important;
    position: fixed !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 2001 !important;
    width: 44px !important;
    height: 44px !important;
    background: #00ff88 !important;
    border: none !important;
    border-radius: 50% !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;
  }
  
  /* Panel principal ocupa todo */
  .main-panel {
    width: 100% !important;
    margin-left: 0 !important;
    padding-top: 60px !important;
  }
  
  /* Header ajustado */
  .main-header {
    padding-left: 60px !important;
  }
  
  /* Ocultar cosas que molestan */
  .active-model-badge, .weather-location {
    display: none !important;
  }
  
  /* Mensajes más anchos */
  .message {
    max-width: 90% !important;
  }
}

@media (min-width: 769px) {
  .open-sidebar-btn {
    display: none !important;
  }
  
  .sidebar {
    position: relative !important;
    left: 0 !important;
  }
}