.mobile-menu{display:none;position:relative}.mobile-menu summary{list-style:none;cursor:pointer;border:1px solid #c9d8e7;background:#fff;color:#173451;border-radius:9px;padding:8px 11px;font-weight:800;font-size:13px;user-select:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu[open] summary{background:#f4f9ff;border-color:#9dbfe1}.mobile-menu-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(280px,calc(100vw - 28px));background:#fff;border:1px solid #d6e1ec;border-radius:13px;padding:8px;box-shadow:0 18px 45px rgba(18,53,89,.18);z-index:80}.mobile-menu-panel a{display:block;padding:11px 12px;border-radius:8px;color:#273c56;font-weight:700}.mobile-menu-panel a:hover{background:#f4f9ff;color:#0b63ce}.mobile-menu-divider{height:1px;background:#e5edf5;margin:6px 4px}

/* Checkbox/radio controls are normalized in experience.css. Keep this file menu-specific. */
label:has(input[type="checkbox"]){display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;gap:10px!important;flex-wrap:nowrap!important;width:100%;text-align:left;cursor:pointer}
label:has(input[type="checkbox"])>input[type="checkbox"]{order:-1}
label:has(input[type="checkbox"])>span,label:has(input[type="checkbox"])>strong{min-width:0}
.inline:has(input[type="checkbox"]){align-items:flex-start!important;justify-content:flex-start!important;flex-wrap:nowrap!important}

@media(max-width:850px){.mobile-menu{display:block}.nav-actions{margin-left:auto}.nav-admin{display:none!important}}@media(max-width:600px){.mobile-menu summary{padding:7px 9px}.mobile-menu-panel{right:-4px}}