/* ZUPLIX Mail v12.4 — barra lateral responsiva */
.workspace-shell{height:100vh;height:100dvh;min-height:0;overflow:hidden}
.workspace-sidebar{box-sizing:border-box!important;height:100vh!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important;overflow:hidden!important;grid-template-rows:auto auto minmax(0,min(46dvh,430px)) auto minmax(64px,1fr) auto!important;gap:8px!important;padding-top:12px!important;padding-bottom:10px!important}
.workspace-sidebar>header,.workspace-sidebar>.compose-main,.workspace-sidebar>.sidebar-section-title,.workspace-sidebar>.sidebar-footer{min-width:0;flex:0 0 auto}
.primary-nav,.secondary-nav{width:100%;min-width:0;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}
.primary-nav{align-self:stretch;max-height:min(46dvh,430px);padding-right:2px}
.secondary-nav{align-self:stretch;padding-right:2px}
.primary-nav::-webkit-scrollbar,.secondary-nav::-webkit-scrollbar,.sidebar-footer::-webkit-scrollbar,.zuplix-backup-subfolders::-webkit-scrollbar{width:7px}
.primary-nav::-webkit-scrollbar-thumb,.secondary-nav::-webkit-scrollbar-thumb,.sidebar-footer::-webkit-scrollbar-thumb,.zuplix-backup-subfolders::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:rgba(255,255,255,.3);background-clip:padding-box}
.primary-nav::-webkit-scrollbar-track,.secondary-nav::-webkit-scrollbar-track,.sidebar-footer::-webkit-scrollbar-track,.zuplix-backup-subfolders::-webkit-scrollbar-track{background:transparent}
.nav-item{min-width:0;min-height:34px!important;height:34px;flex:0 0 auto;padding-right:9px!important;padding-left:9px!important}
.nav-item>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zuplix-backup-subfolders{min-height:0;max-height:clamp(72px,17dvh,170px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable}
.sidebar-section-title{min-height:28px}
.sidebar-footer{min-height:0;max-height:min(230px,31dvh);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;padding-top:6px!important}
.sidebar-footer>button{min-height:32px!important}
.account-mini{min-width:0;margin-top:4px!important}
@media(max-height:820px) and (min-width:981px){.workspace-sidebar{grid-template-rows:auto auto minmax(0,min(43dvh,355px)) auto minmax(56px,1fr) auto!important;gap:6px!important;padding-top:9px!important;padding-bottom:7px!important}.compose-main{min-height:42px!important}.primary-nav{max-height:min(43dvh,355px)}.nav-item{min-height:30px!important;height:30px;font-size:.66rem!important}.nav-item.sub{min-height:29px!important;height:29px}.sidebar-footer{max-height:min(190px,27dvh)}.sidebar-footer>button{min-height:29px!important}.mailbox-quota{gap:4px!important;margin-top:1px!important;margin-bottom:4px!important;padding:7px!important}.quota-values,.mailbox-quota>small{display:none!important}.account-mini{grid-template-columns:30px minmax(0,1fr) 28px!important;gap:6px!important;padding:6px!important}.account-mini>span{width:30px!important;height:30px!important}.account-mini button{width:28px!important;height:28px!important}.zuplix-backup-subfolders{max-height:clamp(58px,13dvh,118px)}}
@media(max-height:680px) and (min-width:981px){.workspace-sidebar{grid-template-rows:auto auto minmax(0,225px) auto minmax(48px,1fr) auto!important}.sidebar-brand-header{min-height:30px!important}.sidebar-corner-mascot{display:none!important}.compose-main{min-height:38px!important}.primary-nav{max-height:225px}.nav-item,.nav-item.sub{min-height:28px!important;height:28px}.mailbox-quota{display:none!important}.sidebar-footer{max-height:115px}.zuplix-backup-subfolders{max-height:70px}}
@media(max-width:980px){.workspace-sidebar{height:100vh!important;height:100dvh!important;max-height:100dvh!important;padding-top:max(10px,env(safe-area-inset-top))!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important;grid-template-rows:auto auto minmax(0,min(43dvh,350px)) auto minmax(60px,1fr) auto!important}.primary-nav{max-height:min(43dvh,350px)}.sidebar-footer{max-height:min(220px,29dvh)}}
@media(max-width:480px){.workspace-sidebar{width:min(90vw,300px)!important;max-width:min(90vw,300px)!important}.primary-nav,.secondary-nav,.sidebar-footer,.zuplix-backup-subfolders{scrollbar-gutter:auto}.nav-item{font-size:.69rem!important}}