:root{--side:392px}
.sidebar.menu-ilhas{display:flex;flex-direction:row;gap:12px;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--grafite);width:var(--side);padding:0;transition:none}
.menu-rail{flex:0 0 72px;display:flex;flex-direction:column;gap:8px;padding:16px 8px;border:1px solid #ffffff70;border-radius:28px;background:linear-gradient(160deg,var(--verde),var(--verde-esc));box-shadow:inset 0 1px 0 #ffffff50,var(--sombra);overflow-y:auto;scrollbar-width:thin}
.menu-rail button{width:54px;min-height:52px;flex-shrink:0;border:1px solid transparent;border-radius:17px;background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center}
.menu-rail button svg{width:24px;height:24px}.menu-rail button:hover{background:#ffffff20}.menu-rail button[aria-pressed=true]{background:#f3faf1;color:var(--verde);border-color:#fff}
.menu-context{min-width:0;flex:1;display:flex;flex-direction:column;border:1px solid #ffffffbd;border-radius:28px;background:#f8fcf4ed;box-shadow:inset 0 1px 0 #fff,var(--sombra);overflow:hidden}
.menu-ilhas .side-logo{padding:24px 18px 12px;min-height:90px;color:var(--verde)}.menu-ilhas .side-logo .lw{color:var(--verde)}.menu-ilhas .side-logo small{color:var(--grafite)}.menu-ilhas .side-toggle{color:var(--verde);background:#e0ebdf;border-color:#cbdccd}
.menu-search{margin:0 14px 12px;padding:13px 12px;min-height:46px;width:calc(100% - 28px);border:1px solid #c4d7c9;border-radius:16px;background:#fff;color:var(--grafite);font:inherit;box-sizing:border-box}
.menu-context-title{margin:0;padding:8px 20px 12px;font-size:1.3rem;line-height:1.3;color:var(--verde);overflow-wrap:anywhere}
.menu-ilhas .side-nav{display:flex;flex-direction:column;min-height:0;flex:1;overflow-y:auto;padding:0 12px 12px;scrollbar-color:#789b88 transparent}.menu-ilhas .nav-section,.menu-ilhas .nav-sep{display:none}.menu-layout-hidden,.menu-ilhas .nav-i.menu-filtered{display:none!important}
.menu-ilhas .nav-i{flex-shrink:0;color:var(--grafite);font-size:.95rem;min-height:48px}.menu-ilhas .nav-i:hover{background:#deebe1}.menu-ilhas .nav-i.active{color:var(--verde);background:#e0ebe2;border-color:#c8ddce;box-shadow:inset 3px 0 0 var(--verde)}.menu-ilhas .nav-i.active svg{color:var(--verde)}.menu-ilhas .nav-i.soon{color:#586e60}.menu-ilhas .soon-tag{color:#52695a;background:#e6ede5;border-color:#c9d9ce}
.menu-ilhas .side-user{color:var(--grafite);background:#e7efe7;border-color:#d0dfd2;margin-bottom:8px}.menu-ilhas .side-user .av{background:var(--verde);color:white}.menu-ilhas .sair{color:var(--verde)}.menu-pin{margin:0;padding:15px;border:0;border-top:1px solid #d7e2d8;background:#f0f6ee;color:var(--grafite);font:inherit;cursor:pointer;text-align:left;min-height:50px}.menu-pin{display:flex;align-items:center;gap:12px;position:relative}.menu-pin::before{content:'';flex:0 0 46px;width:46px;height:26px;border-radius:999px;background:#7b8d7d}.menu-pin::after{content:'';position:absolute;left:18px;top:50%;width:20px;height:20px;border-radius:50%;background:#fff;transform:translateY(-50%);transition:left .15s ease}.menu-pin[aria-pressed=true]::before{background:var(--verde)}.menu-pin[aria-pressed=true]::after{left:38px}.menu-pin:focus-visible{outline:3px solid var(--verde);outline-offset:-4px}@media(prefers-reduced-motion:reduce){.menu-pin::after{transition:none}}.menu-empty{padding:16px;color:var(--cinza)}
.menu-ilhas :focus-visible{outline-color:var(--verde)}.menu-rail :focus-visible{outline-color:#fff}
@supports(backdrop-filter:blur(1px)){.menu-context{background:#f8fcf4d9;backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%)}}
@media(min-width:901px){body.menu-compact{--side:72px}.menu-unpinned .menu-context{position:absolute;left:84px;top:0;bottom:0;width:308px;visibility:hidden;pointer-events:none}.menu-unpinned.menu-context-open .menu-context,.menu-unpinned:focus-within .menu-context{visibility:visible;pointer-events:auto}.menu-ilhas.menu-unpinned .nav-label,.menu-ilhas.menu-unpinned .nav-i>span,.menu-ilhas.menu-unpinned .side-user .nm{position:static;width:auto;height:auto;overflow:visible;clip-path:none}.menu-ilhas.menu-unpinned .side-logo{flex-direction:row;padding:24px 18px 12px}.menu-ilhas.menu-unpinned .side-logo .lw{width:158px;height:auto}.menu-ilhas.menu-unpinned .side-logo small{display:block}.menu-ilhas.menu-unpinned .side-user{flex-direction:row;padding:12px}.menu-ilhas.menu-unpinned .nav-i{justify-content:flex-start;padding:10px 12px}}
@media(max-width:900px){.sidebar.menu-ilhas{width:auto;gap:8px;visibility:hidden;transform:translateX(calc(-100% - 24px));z-index:50}.sidebar.menu-ilhas.open{visibility:visible;transform:none}.menu-rail{flex-basis:58px;padding:60px 4px 12px;border-radius:23px}.menu-rail button{width:48px;min-height:48px}.menu-context{border-radius:23px}.menu-ilhas .side-logo{padding:22px 14px 10px;min-height:92px}.menu-ilhas .side-logo .lw{max-width:130px}.menu-ilhas .side-x{z-index:2;top:12px;right:12px;background:var(--verde);color:#fff}.menu-ilhas .side-user{padding:9px;font-size:.8rem}.menu-context-title{font-size:1.1rem;padding-left:16px}.menu-ilhas .nav-i{font-size:.88rem;padding:10px 8px}.menu-pin{display:none}.menu-search{font-size:16px}.menu-ilhas .side-toggle{display:none}body.menu-open #fab-reporte{z-index:1!important}}
@media(prefers-reduced-transparency:reduce){.menu-context{background:#f8fcf4;backdrop-filter:none;-webkit-backdrop-filter:none}}
/* #2962: guias de árvore (mesmo desenho do painel). Centro do ícone do pai: 12px de padding + 19/2 = 21,5px; o item tem margin-bottom:3px, coberto por bottom:-3px. */
.menu-ilhas .nav-i[data-arvore]{--arv-cor:color-mix(in srgb,var(--verde) 38%,transparent);--arv-sobe:0px;position:relative;padding-left:42px}
.menu-ilhas .nav-i[data-primeiro]{--arv-sobe:10px}
.menu-ilhas .nav-i[data-arvore]::before,.menu-ilhas .nav-i[data-arvore]::after{content:'';position:absolute;left:21px;pointer-events:none}
.menu-ilhas .nav-i[data-arvore]::before{top:calc(-1*var(--arv-sobe));bottom:-3px;width:1px;background:var(--arv-cor)}
.menu-ilhas .nav-i[data-arvore]::after{top:50%;width:14px;height:1px;background:var(--arv-cor)}
.menu-ilhas .nav-i[data-arvore=ultimo]::before{bottom:auto;width:14px;height:calc(50% + var(--arv-sobe));background:none;border-left:1px solid var(--arv-cor);border-bottom:1px solid var(--arv-cor);border-bottom-left-radius:8px;box-sizing:border-box}
.menu-ilhas .nav-i[data-arvore=ultimo]::after{display:none}
@media(max-width:900px){.menu-ilhas .nav-i[data-arvore]{padding-left:38px}.menu-ilhas .nav-i[data-arvore]::before,.menu-ilhas .nav-i[data-arvore]::after{left:17px}}
