@media (max-width: 1180px) {
    .dashboard-raster { grid-template-columns: 210px minmax(390px, 1fr) 285px; }
    .editor-raster { grid-template-columns: 210px minmax(440px, 1fr) 290px; overflow-x: auto; }
    .editor-raster.zonder-linkernavigatie { grid-template-columns: minmax(440px, 1fr) 290px; }
    .editor-raster.zonder-inspector { grid-template-columns: 210px minmax(440px, 1fr); }
    .editor-raster.zonder-linkernavigatie.zonder-inspector { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 900px) {
    .account > span, .appbalk nav { display: none; }
    .mobiel-beheer { display: block; }
    .login-pagina { grid-template-columns: 1fr; }
    .login-merk { min-height: 260px; justify-content: flex-end; padding: 32px 24px; }
    .login-merk h1 { font-size: 30px; }
    .login-formulier { padding: 44px 0; }
    .dashboard-raster, .editor-raster { display: block; overflow: auto; }
    .project-navigatie, .document-navigatie { max-height: 220px; border-bottom: 1px solid var(--lijn); }
    .editor-raster .detailpaneel { min-height: 280px; }
    .document-overzicht, .werkblad { min-height: 60vh; padding: 14px; }
    .dashboard-acties, .detailpaneel { position: static; width: 100%; box-shadow: none; }
    .lint { max-width: 100vw; min-height: 80px; overflow-x: auto; }
    .lint-groep { min-width: 145px; }
    .editor-bediening { gap: 6px; padding-left: 8px; }
    .statusbalk { gap: 8px; overflow-x: auto; white-space: nowrap; }
    .beheer-statistieken { grid-template-columns: repeat(2, 1fr); }
    .huisstijl { grid-template-columns: 1fr; }
    .beheer-pagina { padding: 12px; }
    .beheer-pagina > header { align-items: flex-start; gap: 8px; }
    .beheer-tweeluik, .beheer-gebruikerbalk { grid-template-columns: 1fr; }
    .beheer-formulier { grid-template-columns: 1fr; }
    .beheer-sectie > header { align-items: flex-start; flex-direction: column; }
    .beheer-tabbladen { max-width: calc(100vw - 24px); }
    .systeemregel { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
    .login-merk { min-height: 220px; }
    .login-merk p { font-size: 15px; }
    .document-overzicht table { min-width: 720px; }
    .editor-documenttitel strong { max-width: 38vw; }
    .editor-indeling-acties fluent-button.icoon-knop { width: 30px; min-width: 30px; height: 30px; }
    .virtueel-raster-inhoud { min-width: 960px; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; }
}