/* Menu lateral (arquivo separado do Tailwind: NÃO é gerado pelo tailwindcss, edite à mão) */
/* Menu lateral: largura, modo recolhido (só ícones) e submenus */
:root{--side-w:18rem;--side-mini:4.5rem}
.side{width:var(--side-w);transition:width .2s,transform .2s}
.side nav{overflow-x:hidden}
@media (min-width:1024px){
  .side-pad{padding-left:var(--side-w);transition:padding-left .2s}
  html.side-mini .side-pad{padding-left:var(--side-mini)}
  html.side-mini .side:not(:hover){width:var(--side-mini)}
  html.side-mini .side:not(:hover) .side-txt,
  html.side-mini .side:not(:hover) .side-sub{display:none}
  html.side-mini .side:not(:hover) .side-top{padding-left:1.125rem;padding-right:1.125rem}
  html.side-mini .side:hover{box-shadow:0 10px 30px rgba(0,0,0,.35)}
}
@media print{.side-pad{padding-left:0!important}}
.side-group>summary{list-style:none}
.side-group>summary::-webkit-details-marker{display:none}
.side-group .side-chev{transition:transform .15s}
.side-group[open] .side-chev{transform:rotate(90deg)}
.side-sub{margin:.125rem 0 .25rem 1.4rem;padding-left:.5rem;border-left:1px solid #334155;display:flex;flex-direction:column;gap:.125rem}
.side-sub a{padding-top:.375rem;padding-bottom:.375rem}