/* barras de rolagem discretas: invisíveis até rolar */
*{scrollbar-width:thin;scrollbar-color:transparent transparent}
.scr{scrollbar-color:rgba(130,140,155,.6) transparent}
.emt,.emg{scrollbar-width:none}.emt::-webkit-scrollbar,.emg::-webkit-scrollbar{display:none}
/* grupos do menu */
.gh{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;background:none;border-radius:12px;font:inherit;font-weight:500;color:var(--mu);cursor:pointer;text-align:left}
.gh:hover{background:var(--bg);color:var(--tx)}.gh.has{color:var(--tx)}.gh span{flex:1}.gh .cv{width:15px;height:15px;transition:transform .2s;flex:none}.gh.open .cv{transform:rotate(180deg)}
.gb{display:none;margin:2px 0 4px 21px;padding-left:8px;border-left:1px solid var(--bd);flex-direction:column;gap:2px}.gb.open{display:flex}
.gb .nav{padding:8px 10px;font-size:13.5px}.gb .nav .ic{width:16px;height:16px}
/* botão de recolher na borda */
#mn3{position:absolute;left:219px;top:78px;width:26px;height:26px;border-radius:50%;border:1px solid var(--bd);background:var(--sf);color:var(--mu);display:grid;place-items:center;padding:0;cursor:pointer;z-index:40;box-shadow:0 2px 8px rgba(0,0,0,.18);transition:left .2s,color .15s,border-color .15s}
#mn3:hover{color:var(--pr);border-color:var(--pr)}#mn3 svg{width:14px;height:14px;transition:transform .2s}
.mini #mn3{left:55px}.mini #mn3 svg{transform:rotate(180deg)}
#app{position:relative}
/* menu recolhido: só ícones, grupos viram divisórias */
.mini .gh{display:none!important}.mini .gb{display:flex!important;margin:0;padding:6px 0 0;border:0;border-top:1px solid var(--bd);margin-top:6px}.mini .gb .nav{padding:12px 0}
@media(max-width:820px){#mn3{display:none}.gb .nav{padding:11px 12px!important}}
.mini .nav span{display:none}.mini .gb .nav{font-size:0!important;justify-content:center;padding:12px 0}