/*
 * Layout stub — holds only #app container sizing for Phase 1.
 * Full layout (sidebar, header, page grid) copied verbatim from semtixmarketing in plan 01-11
 * along with the SPA shell. Do not expand this file beyond root containers.
 * Mirrored-in-spirit from semtixmarketing/public/css/layout.css @ b364d7f on 2026-04-18.
 */

#app {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--background);
    color: var(--text);
}

.container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 var(--space-lg);
}

.page {
    padding: var(--space-xl) 0;
}