/* Release 2.2: één rustig verticaal menu op desktop en mobiel. */
.portal-household .topbar.has-mobile-menu{position:sticky!important;z-index:2000!important;top:0;overflow:visible}
.portal-household .topbar.has-mobile-menu .shell{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) 40px 46px;align-items:center;gap:8px}
.portal-household .nav-toggle{display:grid!important;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(183,139,43,.3);border-radius:14px;background:linear-gradient(145deg,rgba(201,155,55,.23),rgba(125,88,20,.1));box-shadow:none}
.portal-household .nav-toggle>span{display:grid;gap:5px}
.portal-household .nav-toggle i{display:block;width:21px;height:2px;border-radius:99px;background:#9a7228;transition:transform .2s ease,opacity .2s ease}
.portal-household .nav-toggle[aria-expanded="true"] i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.portal-household .nav-toggle[aria-expanded="true"] i:nth-child(2){opacity:0}
.portal-household .nav-toggle[aria-expanded="true"] i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.portal-household .topbar.has-mobile-menu .r22-navigation{position:absolute!important;z-index:2001!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;display:none!important;width:min(360px,calc(100vw - 24px))!important;max-height:min(78vh,680px);box-sizing:border-box;padding:10px!important;overflow-x:hidden!important;overflow-y:auto!important;border:1px solid rgba(159,117,31,.22);border-radius:18px;background:#fffaf0!important;box-shadow:0 24px 70px rgba(55,40,11,.25);backdrop-filter:none!important;isolation:isolate}
.portal-household .topbar.has-mobile-menu .r22-navigation.is-open{display:block!important}
.r22-nav-list,.r22-submenu{margin:0;padding:0;list-style:none}
.r22-nav-list{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:2px!important;width:100%;min-width:0}
.r22-nav-list>li{display:block;width:100%;min-width:0}
.r22-nav-row{display:flex!important;align-items:center!important;justify-content:space-between;gap:9px;width:100%!important;min-width:0;min-height:50px;box-sizing:border-box;padding:0 14px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#342e22!important;font:inherit;font-size:.88rem!important;font-weight:740!important;line-height:1.2;text-align:left;text-decoration:none!important;white-space:normal!important;box-shadow:none!important;cursor:pointer;transition:background .18s ease,color .18s ease}
.r22-nav-row:hover,.r22-nav-row.active,.r22-nav-group.active>.r22-nav-row{transform:none!important;background:linear-gradient(120deg,rgba(184,137,41,.16),rgba(226,199,128,.14))!important;color:#795717!important}
.r22-nav-row:focus-visible,.r22-submenu a:focus-visible{outline:3px solid rgba(164,117,27,.32);outline-offset:2px}
.r22-nav-row svg{width:15px;height:15px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
.r22-nav-group>.r22-nav-row[aria-expanded="true"] svg{transform:rotate(90deg)}
.r22-submenu[hidden]{display:none!important}
.r22-submenu{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:2px;margin:0 8px 7px;padding:3px 0 3px 12px;border-left:2px solid rgba(181,139,52,.26)}
.r22-submenu li{display:block;width:100%;min-width:0}
.r22-submenu a{display:flex!important;align-items:center;min-width:0;min-height:44px;box-sizing:border-box;padding:0 12px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#655c4c!important;font-size:.8rem!important;font-weight:650!important;text-decoration:none!important;white-space:normal!important;overflow-wrap:anywhere}
.r22-submenu a:hover,.r22-submenu a.active{transform:none!important;background:rgba(181,139,52,.12)!important;color:#795717!important}
.r22-nav-settings{margin-top:3px;padding-top:3px;border-top:1px solid rgba(112,80,18,.11)}
.r22-nav-separator{display:block!important;width:auto!important;min-height:1px!important;height:1px!important;margin:7px 10px!important;background:rgba(112,80,18,.16)}
.r22-nav-switch{color:#755c2c!important}
.r22-nav-logout{margin:0!important;border:0!important;border-radius:11px!important;color:#a3403c!important}
@media(max-width:800px){
  .portal-household .topbar.has-mobile-menu .shell{grid-template-columns:minmax(0,1fr) 40px 46px!important;padding-top:11px;padding-bottom:11px}
  .portal-household .topbar.has-mobile-menu .brand{min-width:0;overflow:hidden;font-size:1.08rem!important;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
  .portal-household .topbar.has-mobile-menu .r22-navigation{right:0!important;left:0!important;width:auto!important;max-height:min(76vh,640px)}
}