/* Administration, 08/10/2026: folding section list on narrow screens and a follow-the-screen "unsaved changes" bar.
   Loaded after admin-workspace.css and uses the same selector prefix. */
:root body#royal-blue-app.royal-blue-interface #content .admin-nav-list {display:contents}
:root body#royal-blue-app.royal-blue-interface #content .admin-nav-toggle {display:none}

@media(max-width:1050px) {
  :root body#royal-blue-app.royal-blue-interface #content .admin-nav-toggle {
    display:inline-flex;align-items:center;gap:6px;justify-self:start;min-height:44px;margin-top:8px;padding:8px 14px;
    border:1px solid #cfe0fb;border-radius:10px;background:#f3f8ff;color:#185adb;font:inherit;font-size:13px;font-weight:600;cursor:pointer;
  }
  :root body#royal-blue-app.royal-blue-interface #content .admin-nav-toggle:focus-visible {outline:3px solid #aac8ff;outline-offset:2px}
  :root body#royal-blue-app.royal-blue-interface #content .admin-nav-toggle[aria-expanded=true] svg {transform:rotate(180deg)}
  :root body#royal-blue-app.royal-blue-interface #content .admin-navigation[data-collapsed=true] .admin-nav-list {display:none}
  :root body#royal-blue-app.royal-blue-interface #content .admin-navigation[data-collapsed=true] .admin-nav-heading {border-bottom:0;padding-bottom:4px}
}

:root body#royal-blue-app.royal-blue-interface #content .admin-dirty-bar {
  position:sticky;bottom:14px;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:16px 0 0;padding:8px 10px 8px 16px;background:#fff8e8;border:1px solid #f0d9a4;border-radius:12px;
  box-shadow:0 8px 24px #1d4a8a26;color:#6b4a12;font-size:13px;
}
:root body#royal-blue-app.royal-blue-interface #content .admin-dirty-bar span {display:flex;align-items:center;font-weight:600}
:root body#royal-blue-app.royal-blue-interface #content .admin-dirty-bar i {display:inline-block;width:9px;height:9px;margin-right:9px;border-radius:50%;background:#e59a1a;box-shadow:0 0 0 3px #fbe7bd}
:root body#royal-blue-app.royal-blue-interface #content .admin-dirty-bar .btn {min-height:40px}