.mobile-menu-toggle,.mobile-navigation,.mobile-navigation-backdrop{display:none}
.desktop-header-actions{display:flex;align-items:center;gap:10px}
.admin-submenu{display:contents}
.admin-submenu>summary{display:block;padding:7px 9px 3px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;list-style:none;pointer-events:none}
.admin-submenu>summary::-webkit-details-marker{display:none}
.admin-submenu>div{display:contents}
.nav>a.active{background:#214a38;color:#fff}
.desktop-navigation>a{padding-left:6px;padding-right:6px}

@media(max-width:900px){
  header{overflow:visible}
  header .top{min-height:56px;padding:8px 14px;gap:8px;flex-wrap:nowrap}
  .desktop-navigation,.desktop-header-actions,.desktop-user{display:none!important}
  .header-actions{margin-left:auto;gap:7px;min-width:0}
  .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:0;border-radius:8px;background:#214a38;color:#fff;font-size:24px;line-height:1;cursor:pointer}
  .brand{min-width:0}
  .brand span{overflow:hidden;text-overflow:ellipsis}
  .notification-menu>summary{height:42px}
  .notification-dropdown{position:fixed;left:12px;right:12px;top:62px;width:auto;max-width:none}
  .mobile-navigation-backdrop{display:block;position:fixed;inset:0;z-index:3900;background:rgba(15,23,42,.42)}
  .mobile-navigation-backdrop[hidden]{display:none}
  .mobile-navigation{display:flex;position:fixed;z-index:4000;top:0;right:0;bottom:0;width:min(360px,90vw);padding:14px;background:#fff;color:var(--ink);box-shadow:-16px 0 36px rgba(15,23,42,.28);transform:translateX(105%);transition:transform .18s ease;flex-direction:column;gap:12px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
  .mobile-navigation.open{transform:translateX(0)}
  .mobile-navigation-heading{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 10px;border-bottom:1px solid var(--line);font-size:18px}
  .mobile-navigation-heading button{width:40px;height:40px;border:0;border-radius:8px;background:#eef2f4;color:var(--ink);font-size:26px;cursor:pointer}
  .mobile-navigation-links{display:grid;gap:3px}
  .mobile-navigation-links>a,.mobile-create-menu a,.mobile-navigation-footer button{display:block;width:100%;padding:11px 12px;border:0;border-radius:8px;background:transparent;color:#173b2d;text-align:left;font:inherit;font-weight:700}
  .mobile-navigation-links>a.active,.mobile-navigation-links>a:hover,.mobile-create-menu a:hover{background:#eaf6ef;color:#14532d}
  .mobile-navigation .admin-menu{display:block;border-top:1px solid var(--line);margin-top:4px;padding-top:4px}
  .mobile-navigation .admin-menu>summary,.mobile-create-menu>summary{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:8px;color:#173b2d;font-weight:800;list-style:none;cursor:pointer}
  .mobile-navigation .admin-menu>summary::-webkit-details-marker,.mobile-create-menu>summary::-webkit-details-marker,.mobile-navigation .admin-submenu>summary::-webkit-details-marker{display:none}
  .mobile-navigation .admin-menu>summary span{transition:transform .15s ease}
  .mobile-navigation .admin-menu.active>summary{background:#eaf6ef;color:#14532d}
  .mobile-navigation .admin-menu[open]>summary span{transform:rotate(180deg)}
  .mobile-navigation .admin-menu-dropdown{position:static;width:auto;padding:3px 0 3px 8px;border:0;border-radius:0;background:transparent;box-shadow:none;white-space:normal}
  .mobile-navigation .admin-submenu{display:block;margin:3px 0}
  .mobile-navigation .admin-submenu>summary{display:flex;padding:9px 11px;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;list-style:none;pointer-events:auto;cursor:pointer}
  .mobile-navigation .admin-submenu>summary::after{content:'▾';margin-left:auto;transition:transform .15s ease}
  .mobile-navigation .admin-submenu:not([open])>summary::after{transform:rotate(-90deg)}
  .mobile-navigation .admin-submenu>div{display:grid;padding-left:8px}
  .mobile-navigation .admin-menu-dropdown .admin-submenu a{padding:10px 11px;color:#173b2d;border-radius:8px}
  .mobile-navigation .admin-menu-dropdown .admin-submenu a.active{background:#eaf6ef;color:#14532d}
  .mobile-create-menu{border:1px solid #b9d8c5;border-radius:9px;background:#f5fbf7}
  .mobile-create-menu>div{display:grid;padding:0 6px 7px}
  .mobile-navigation-footer{display:grid;gap:5px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
  .mobile-navigation-footer .bug-report-button{color:#075985}
  .mobile-user-name{display:block;padding:10px 12px;color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-navigation-footer form{margin:0}
  .mobile-navigation-footer form button{color:#b42318;cursor:pointer}
  body.mobile-navigation-open{overflow:hidden}
}

@media(max-width:390px){
  .mobile-navigation{width:92vw}
  .brand{font-size:16px}
  .brand-logo{width:23px;height:23px}
}