/* =========================== LAYOUT DA EMPRESA (ISOLADO) =========================== */ /* Tudo da empresa começa aqui. Só funciona quando o tiver class="empresa-layout" */ body.empresa-layout { margin: 0; min-height: 100vh; background-color: #f5f5f5; font-family: "Poppins", sans-serif; } /* Wrapper principal: sidebar + conteúdo lado a lado */ body.empresa-layout .empresa-layout-wrapper { display: flex; min-height: 100vh; } /* SIDEBAR LATERAL */ body.empresa-layout .empresa-sidebar { width: 250px; background: #111827; color: #fff; display: flex; flex-direction: column; padding: 20px; } body.empresa-layout .empresa-brand { font-size: 18px; font-weight: 600; margin-bottom: 25px; display: flex; align-items: center; gap: 8px; } body.empresa-layout .empresa-brand i { font-size: 22px; } body.empresa-layout .empresa-nav { margin-bottom: 20px; } body.empresa-layout .empresa-nav .nav-link { color: #ccc; display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 6px; margin-bottom: 5px; font-size: 14px; transition: 0.2s; } body.empresa-layout .empresa-nav .nav-link:hover, body.empresa-layout .empresa-nav .nav-link.active { background: #1f2937; color: #fff; text-decoration: none; } body.empresa-layout .empresa-sidebar-footer { margin-top: auto; border-top: 1px solid rgba(255, 255, 255, 0.15); padding-top: 15px; font-size: 14px; } body.empresa-layout .empresa-sidebar-footer .user-info { margin-bottom: 8px; } /* CONTEÚDO PRINCIPAL */ body.empresa-layout .empresa-content-area { flex: 1; background: #f9fafb; } body.empresa-layout .empresa-content-inner { padding: 24px; } /* Botão padrão */ .btn-imagine { background-color: #6c079e; color: #fff; border: none; transition: 0.2s; } .btn-imagine:hover { background-color: #54067d; color: #fff; } /* RESPONSIVO EMPRESA */ @media (max-width: 768px) { body.empresa-layout .empresa-layout-wrapper { flex-direction: column; } body.empresa-layout .empresa-sidebar { width: 100%; flex-direction: row; align-items: center; padding: 10px; } body.empresa-layout .empresa-nav { display: flex; flex: 1; gap: 10px; } body.empresa-layout .empresa-sidebar-footer { margin-top: 0; margin-left: 10px; border-top: none; border-left: 1px solid rgba(255, 255, 255, 0.15); padding-left: 10px; } }