/* GuardManage tenant navigation owner: canonical SVG icon spacing and phone/tablet header behavior. */
.gm-tenant-nav button::before{content:none!important;display:none!important}
.gm-tenant-nav button{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;padding-left:11px!important;overflow:hidden!important}
/* Role navigation marks unavailable modules with the native hidden attribute. Keep it authoritative even though nav buttons use display:flex!important. */
.gm-tenant-nav button[hidden]{display:none!important}
.gm-nav-icon{width:19px;height:19px;flex:0 0 19px;display:inline-grid;place-items:center;color:#9aa6b5;line-height:0;pointer-events:none}
.gm-nav-icon svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.gm-nav-label{display:block;min-width:0;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.gm-tenant-nav button.active .gm-nav-icon{color:var(--tenant-primary,#2563EB)}
.gm-tenant-nav button:focus-visible{outline:2px solid color-mix(in srgb,var(--tenant-primary,#2563EB) 72%,#fff);outline-offset:2px}

@media (max-width:1024px){
  .gm-tenant-sidebar{overflow:hidden!important}
  .gm-brand-box{display:grid!important;grid-template-columns:108px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;min-width:0!important}
  .gm-brand-box img{width:108px!important;max-width:108px!important;height:52px!important;max-height:52px!important;object-fit:contain!important;object-position:left center!important;margin:0!important}
  .gm-brand-name{min-width:0!important;max-width:100%!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .gm-tenant-nav{display:flex!important;flex-direction:row!important;gap:7px!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 1px 6px!important;scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .gm-tenant-nav button{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;max-width:220px!important;min-height:44px!important;padding:9px 13px!important;border-radius:11px!important;scroll-snap-align:start!important;box-shadow:none!important;white-space:nowrap!important}
  .gm-tenant-nav button.active{background:color-mix(in srgb,var(--tenant-primary,#2563EB) 17%,rgba(255,255,255,.06))!important;box-shadow:none!important}
  .gm-tenant-nav button.active::after{content:""!important;position:absolute!important;left:10px!important;right:10px!important;top:auto!important;bottom:0!important;width:auto!important;height:3px!important;border-radius:3px 3px 0 0!important;background:var(--tenant-primary,#2563EB)!important;box-shadow:none!important}
  .gm-sidebar-foot{display:none!important}
}

@media (max-width:600px){
  .gm-brand-box{grid-template-columns:82px minmax(0,1fr)!important;gap:10px!important;padding-bottom:10px!important}
  .gm-brand-box img{width:82px!important;max-width:82px!important;height:48px!important;max-height:48px!important}
  .gm-brand-name{font-size:13.5px!important}
  .gm-tenant-nav{gap:6px!important;padding-bottom:5px!important}
  .gm-tenant-nav button{max-width:190px!important;min-height:42px!important;padding:8px 11px!important;font-size:12.5px!important;gap:7px!important}
  .gm-nav-icon,.gm-nav-icon svg{width:18px;height:18px}.gm-nav-icon{flex-basis:18px}
  .gm-tenant-shell .tenant-header{align-items:flex-start!important;flex-direction:column!important;padding:13px 14px!important;gap:9px!important}
  .gm-tenant-shell .tenant-header>div:first-child{width:100%!important;min-width:0!important}
  .tenant-header .brand{display:block!important;width:100%!important;max-width:100%!important;font-size:clamp(20px,6vw,27px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .tenant-header .company{display:block!important;width:100%!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .gm-tenant-shell .tenant-header .toolbar{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;overflow:visible!important}
  .gm-tenant-shell .tenant-header .toolbar>span{min-width:0!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .gm-tenant-shell .tenant-header .toolbar>.btn{justify-self:end!important;white-space:nowrap!important}
}

@media (max-width:430px){
  .gm-brand-box{grid-template-columns:72px minmax(0,1fr)!important}
  .gm-brand-box img{width:72px!important;max-width:72px!important;height:44px!important;max-height:44px!important}
  .gm-brand-name{font-size:13px!important}
  .gm-tenant-nav button{max-width:174px!important;min-height:40px!important;padding:8px 10px!important;font-size:12px!important}
  .gm-nav-icon,.gm-nav-icon svg{width:17px;height:17px}.gm-nav-icon{flex-basis:17px}
}