/* ── Responsive ── */ @media (max-width: 960px) { #left-panel, .left-panel { transform: translateX(-100%) !important; } .right-panel:not(:first-of-type), .right-panel ~ .right-panel { margin-left: 0 !important; } #header.header, .header { left: 0 !important; } /* Botón toggle visible en pantallas pequeñas */ .tb-toggle { display: block !important; } /* Sidebar oculto por defecto en móviles */ .sidebar { transform: translateX(-100%) !important; } .sidebar.open { transform: translateX(0) !important; } /* Ajustar el main content cuando el sidebar está oculto */ .main { margin-left: 0 !important; } } @media (max-width: 600px) { .content { padding: 16px !important; } .login-card { padding: 1.75rem 1.25rem; } .user-area .name { display: none; } }