/* ============================================================
   Shell base do layout.
   Estilos de componentes (sidebar, topbar, cards) foram movidos
   para assets/css/components/* e assets/css/app.css.
   Mantido aqui apenas o necessário para o shell e telas de auth.
   ============================================================ */

html, body {
    margin: 0;
    padding: 0;
    font-family: var(--app-font, 'Open Sans', sans-serif);
    font-size: 14px;
    background: var(--app-bg, #f8fafc);
    color: var(--app-text, #111827);
}

/* Conteúdo principal — deslocado pela sidebar fixa */
.main-content {
    flex: 1 1 auto;
    min-height: 100vh;
    background: var(--app-bg, #f8fafc);
    margin-left: var(--app-sidebar-width, 240px);
    width: calc(100% - var(--app-sidebar-width, 240px));
    transition: margin-left 0.25s ease;
    display: flex;
    flex-direction: column;
}

.content-area {
    padding: 28px 32px;
    flex: 1 1 auto;
}

/* Telas pré-autenticação: oculta sidebar/topbar (paridade com login standalone do legado) */
body.auth-layout .sidebar,
body.auth-layout .main-header {
    display: none !important;
}

body.auth-layout .main-content {
    margin-left: 0;
    width: 100%;
}

body.auth-layout .content-area {
    padding: 0;
}