/* MC2 DELIVERY — PADRONIZAÇÃO GLOBAL / FASE 2 */

/* =========================================
   ESTRUTURA PRINCIPAL DO SITE
========================================= */

html,
body {

    margin: 0;

    padding: 0;

    min-height: 100%;

}


/* =========================================
   BODY
========================================= */

body {

    min-height: 100vh;

    background: var(--mc2-bg-alt, #FAFAFA);

    color: var(--mc2-text, #111827);

    display: flex;

    flex-direction: column;

}


/* =========================================
   APP
========================================= */

.app-layout {

    display: flex;

    flex-direction: row;

    flex: 1;

    width: 100%;

    min-height: 0;

    box-sizing: border-box;

}


/* =========================================
   SIDEBAR
========================================= */

.sidebar {

    width: 250px;

    min-height: 100%;

    background: var(--mc2-surface, #FFFFFF);

    border-right: 1px solid var(--mc2-border-strong, #D1D5DB);

    padding: 20px;

    flex-shrink: 0;

    box-sizing: border-box;

}


/* =========================================
   CONTEÚDO PRINCIPAL
========================================= */

.content-area {

    flex: 1;

    width: 100%;

    min-width: 0;

    box-sizing: border-box;

    padding: 0px;

}


/* =========================================
   CONTEÚDO PÚBLICO
========================================= */

.site-content {

    width: 100%;

    box-sizing: border-box;

    padding-top: 40px;

    padding-bottom: 60px;

}