:root{--side:#0f172a;--side-2:#1b2438;--side-fg:#e8edf5;--side-muted:#9aa8bd;--side-line:#243049}.dark{--side:#0e1526}html[data-moldura]{--moldura-w:0px;--moldura-base:calc(60px + env(safe-area-inset-bottom))}@media (min-width:768px){html[data-moldura]{--moldura-w:72px;--moldura-base:0px}}@media (min-width:1280px){html[data-moldura]{--moldura-w:252px}html[data-moldura][data-menu=recolhido]{--moldura-w:72px}}html[data-moldura] body{padding-left:var(--moldura-w);padding-bottom:var(--moldura-base)}html[data-moldura]:not([data-moldura-pronta]) body>header,html[data-moldura]:not([data-moldura-pronta]) body>footer{display:none}html[data-moldura]:not([data-moldura-pronta]) main#conteudo{margin-top:4rem}html[data-moldura]:not([data-moldura-pronta]) body:before{content:"";width:var(--moldura-w);background:var(--side);position:fixed;inset:0 auto 0 0}html[data-moldura]:not([data-moldura-pronta]) body:after{content:"";height:var(--moldura-base);background:var(--side);position:fixed;inset:auto 0 0}html[data-moldura] [data-fixa-base]{left:var(--moldura-w);bottom:var(--moldura-base)}html[data-moldura] [data-trilho-paineis]{left:var(--moldura-w);bottom:calc(max(1rem, env(safe-area-inset-bottom)) + var(--moldura-base))}.menu-lateral{z-index:40;width:var(--moldura-w);background:var(--side);color:var(--side-fg);border-right:1px solid var(--side-line);flex-direction:column;display:none;position:fixed;inset:0 auto 0 0}@media (min-width:768px){.menu-lateral{display:flex}}.menu-gaveta{background:var(--side);color:var(--side-fg)}.menu-topo{flex:none;justify-content:space-between;align-items:center;gap:8px;height:64px;padding:0 12px 0 18px;display:flex}.menu-recolher{width:32px;height:32px;color:var(--side-muted);border-radius:8px;flex:none;place-items:center;display:grid}.menu-recolher:hover{background:var(--side-2);color:var(--side-fg)}.menu-recolher svg{width:18px;height:18px}.menu-ao-recolhido{display:none}.menu-nav{scrollbar-width:thin;scrollbar-color:var(--side-line) transparent;flex-direction:column;flex:1;gap:12px;min-height:0;padding:2px 12px 8px;display:flex;overflow-y:auto}.menu-grupo{flex-direction:column;gap:1px;display:flex}.menu-grupo-titulo{color:var(--side-muted);letter-spacing:.05em;text-transform:uppercase;padding:0 10px 4px;font-size:11px;font-weight:700}.menu-item{color:#cdd6e4;white-space:nowrap;border-radius:8px;flex:none;align-items:center;gap:11px;height:34px;padding:0 10px;font-size:13.5px;font-weight:600;display:flex}.menu-item svg{width:18px;height:18px;color:var(--side-muted);flex:none}.menu-item:hover,.menu-item[data-ativo]{background:var(--side-2);color:#fff}.menu-item[data-ativo] svg{color:var(--color-brand-400)}.menu-item:focus-visible,.menu-conta:focus-visible,.menu-recolher:focus-visible,.menu-barra a:focus-visible,.menu-barra button:focus-visible{outline:2px solid var(--color-brand-400);outline-offset:-2px}.menu-selo{color:#0f172a;background:#e8edf5;border-radius:5px;flex:none;padding:0 4px;font-size:10px;font-weight:800;line-height:16px}.menu-pe{border-top:1px solid var(--side-line);flex:none;padding:8px 12px 10px}.menu-conta{width:100%;color:var(--side-fg);border-radius:8px;align-items:center;gap:10px;padding:6px 8px 6px 6px;display:flex}.menu-conta:hover{background:var(--side-2)}@media (min-width:768px) and (max-width:1279.98px){.menu-lateral .menu-rotulo,.menu-lateral .menu-recolher{display:none}.menu-lateral .menu-topo{justify-content:center;padding:0}.menu-lateral .menu-nav{gap:0}.menu-lateral .menu-grupo+.menu-grupo{border-top:1px solid var(--side-line);margin-top:9px;padding-top:9px}.menu-lateral .menu-item{justify-content:center;padding:0}.menu-lateral .menu-conta{justify-content:center;padding:6px 0}}@media (min-width:1280px){html[data-menu=recolhido] .menu-lateral .menu-rotulo{display:none}html[data-menu=recolhido] .menu-lateral .menu-topo{flex-direction:column;justify-content:center;gap:6px;height:96px;padding:0}html[data-menu=recolhido] .menu-lateral .menu-nav{gap:0}html[data-menu=recolhido] .menu-lateral .menu-grupo+.menu-grupo{border-top:1px solid var(--side-line);margin-top:9px;padding-top:9px}html[data-menu=recolhido] .menu-lateral .menu-item{justify-content:center;padding:0}html[data-menu=recolhido] .menu-lateral .menu-conta{justify-content:center;padding:6px 0}html[data-menu=recolhido] .menu-ao-aberto{display:none}html[data-menu=recolhido] .menu-ao-recolhido{display:block}html:not([data-menu=recolhido]) .menu-dica{display:none}}@media (hover:none){.menu-lateral .menu-item{height:42px}.menu-gaveta .menu-item{height:44px}}.menu-barra{z-index:40;height:var(--moldura-base);border-top:1px solid var(--side-line);background:var(--side);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0}@media (min-width:768px){.menu-barra{display:none}}.menu-barra a,.menu-barra button{min-width:0;color:var(--side-muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:600;display:flex}.menu-barra svg{width:21px;height:21px}.menu-barra a[data-ativo]{color:#fff}.menu-barra a[data-ativo] svg{color:var(--color-brand-400)}
