/* Partial: _responsive.css.j2 — Responsive breakpoints */

@media (max-width: 768px) {
    .header {
        flex-direction: column;
        align-items: flex-start;
    }

    .toolbar {
        flex-direction: column;
        align-items: flex-start;
    }

    .toolbar-actions {
        margin-left: 0;
        width: 100%;
        justify-content: space-between;
    }

    .split-layout {
        flex-direction: column !important;
    }

    .file-viewer-panel {
        width: 100% !important;
        max-width: 100% !important;
        border-left: none !important;
        border-top: 1px solid #e9ecef;
    }
}
