/* ═══════════════════════════════════════════════════
   MAIN LAYOUT + CONTENT AREA — ImportControl
   ═══════════════════════════════════════════════════ */

.app-layout { display: flex; min-height: 100vh; }

.main-content {
    flex: 1;
    margin-left: var(--sidebar-width);
    min-height: 100vh;
    background: var(--surface-page);
}

.content-area {
    padding: var(--content-padding);
}

@media (max-width: 768px) {
    .main-content { margin-left: 0; }
    .content-area { padding: var(--content-padding-mobile); }
}