/* Senast uppdaterad: 2026-09-27 09:34 | Version 0.2.0 | Codex + Åberg */
@media (max-width: 899px) {
    .app-header { position: relative; align-items: flex-start; }
    .header-actions { flex-wrap: wrap; justify-content: flex-end; }
    .compact-control span, .save-state { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
    .dashboard-grid { grid-template-columns: 1fr !important; }
    .column-add { opacity: 1; }
}

@media (max-width: 560px) {
    .app-header { gap: 10px; padding-inline: 12px; }
    .brand > span:last-child { display: none; }
    .header-actions { gap: 5px; }
    .header-actions .button { padding-inline: 10px; }
    .main-content { padding-top: 15px; }
    .widget-picker__grid { grid-template-columns: 1fr; }
    .dialog__panel { padding: 17px; border-radius: 16px; }
    .welcome { padding: 13px; }
    .welcome__card { padding: 29px 20px; }
    .quicklink-grid, .bookmark-list[data-style="tiles"] { grid-template-columns: 1fr; }
    .list-item__actions { opacity: 1; }
    .login-link { display: none; }
    .admin-nav { display: none; }
    .feed-controls { grid-template-columns: 1fr; }
}

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