/* assets/css/global/layout.css */
/* Reset b¨¢sico */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-family-primary);
    font-size: 16px;
    line-height: 1.5;
    color: var(--text-primary);
    background-color: var(--bg-secondary);
    overflow-x: hidden;
}

/* Layout Principal */
.app-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
}

.app-main {
    display: flex;
    flex: 1;
    height: calc(100vh - 60px); /* Altura total menos AppBar */
    overflow: hidden;
}

.content-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: margin-left var(--transition-normal);
}

.content-area {
    flex: 1;
    overflow: auto;
    padding: var(--spacing-md);
    background-color: var(--bg-secondary);
}

/* Evitar duplicação do dashboard */
.content-area > .dashboard-container + .dashboard-container,
[class$="-container"] + .dashboard-container {
    display: none !important;
}

/* Quando há abas, esconder dashboard na área principal */
.tab-container:has(.tab[data-tab-id="dashboard"]) ~ .dashboard-container {
    display: none !important;
}