.app-shell{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.app-corpo{z-index:0;flex:1;min-height:0;display:flex;position:relative}.app-sidebar{background:var(--color-sidebar-bg);width:248px;height:100vh;padding:var(--space-4) var(--space-3) var(--space-3);flex-direction:column;flex-shrink:0;align-self:flex-start;transition:width .2s,padding .2s;display:flex;position:sticky;top:0}.app-sidebar-recolhida{width:64px;padding-left:var(--space-2);padding-right:var(--space-2)}.app-sidebar-marca{min-height:28px;padding:0 var(--space-2);margin-bottom:var(--space-4);white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;display:flex;overflow:hidden}.app-sidebar-marca svg{flex-shrink:0}.app-sidebar-marca-nome{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--color-sidebar-text);font-size:20px;font-weight:600}.app-sidebar-marca-nome span{color:var(--color-accent-300)}.app-sidebar-marca-bloco{flex-direction:column;min-width:0;display:flex}.app-sidebar-marca-frase{color:#9b9797;white-space:nowrap;font-size:12px}.app-sidebar-recolhida .app-sidebar-marca{justify-content:center;padding:0}.app-sidebar-recolhida .app-sidebar-marca-nome{display:none}.app-sidebar-marca-sigla{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--color-sidebar-text);font-size:20px;font-weight:700}.app-sidebar-marca-sigla span{color:var(--color-accent-300)}.app-sidebar-recolher-btn{z-index:3;border:1px solid var(--color-divider);background:var(--color-surface);width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;padding:0;transition:left .2s,box-shadow .14s,background-color .14s,color .14s;display:flex;position:fixed;top:30px;left:248px;transform:translate(-50%,-50%)}.app-shell-sidebar-recolhida .app-sidebar-recolher-btn{left:64px}.app-sidebar-recolher-btn:hover{background:color-mix(in srgb, var(--color-text) 6%, var(--color-surface));color:var(--color-text);box-shadow:var(--shadow-md)}.app-sidebar-recolher-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app-sidebar-nav{flex-direction:column;flex:1;gap:3px;min-height:0;display:flex;overflow:hidden auto}.app-sidebar-icone{flex-shrink:0;justify-content:center;align-items:center;width:18px;display:flex}.app-sidebar-rotulo{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-sidebar-recolhida .app-sidebar-rotulo,.app-sidebar-recolhida .app-sidebar-chevron{display:none}.app-sidebar-item{border-radius:var(--radius-md);color:color-mix(in srgb, var(--color-sidebar-text) 86%, transparent);cursor:pointer;text-decoration:none;display:block}.app-sidebar-nivel-1{padding:8px var(--space-2);font-size:14px;font-weight:400;line-height:20px}.app-sidebar-nivel-2{padding:6px var(--space-2) 6px calc(var(--space-2) + 28px);font-size:13.5px;font-weight:400;line-height:19px}.app-sidebar-nivel-3{padding:5px var(--space-2) 5px calc(var(--space-2) + 40px);font-size:13px;font-weight:400;line-height:18px}.app-sidebar-nivel-4{padding:5px var(--space-2) 5px calc(var(--space-2) + 52px);font-size:12.5px;font-weight:400;line-height:18px}.app-sidebar-item:hover{background:color-mix(in srgb, var(--color-bg) 8%, transparent);color:var(--color-sidebar-text)}.app-sidebar-item-ativo,.app-sidebar-item-ativo:hover{background:var(--color-accent);color:#fff;font-weight:600}.app-sidebar-item-grupo{align-items:center;gap:10px;display:flex}.app-sidebar-recolhida .app-sidebar-item-grupo{justify-content:center}.app-sidebar-grupo-container{flex-direction:column;display:flex}.app-sidebar-grupo-toggle{justify-content:space-between;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);width:100%;color:color-mix(in srgb, var(--color-sidebar-text) 86%, transparent);cursor:pointer;background:0 0;border:none;font-family:inherit;display:flex}.app-sidebar-grupo-toggle-conteudo{align-items:center;gap:10px;min-width:0;display:flex}.app-sidebar-recolhida .app-sidebar-grupo-toggle{justify-content:center}.app-sidebar-grupo-toggle:hover{background:color-mix(in srgb, var(--color-bg) 8%, transparent);color:var(--color-sidebar-text)}.app-sidebar-grupo-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.app-sidebar-grupo-toggle-ancestral-ativo{color:var(--color-sidebar-text)}.app-sidebar-chevron{color:color-mix(in srgb, var(--color-sidebar-text-muted) 80%, transparent);flex-shrink:0;transition:transform .18s}.app-sidebar-chevron-aberto{transform:rotate(90deg)}.app-sidebar-submenu{grid-template-rows:0fr;transition:grid-template-rows .18s;display:grid}.app-sidebar-submenu-aberto{grid-template-rows:1fr}.app-sidebar-submenu-inner{flex-direction:column;gap:1px;min-height:0;display:flex;overflow:hidden}.app-sidebar-recolhida .app-sidebar-submenu{display:none}.app-conteudo{flex-direction:column;flex:1;min-width:0;display:flex}.app-rodape{gap:var(--space-2);padding-top:var(--space-3);margin-top:var(--space-2);border-top:1px solid color-mix(in srgb, var(--color-sidebar-text) 18%, transparent);flex-direction:column;flex-shrink:0;display:flex}.app-rodape-ancora{position:relative}.app-rodape-logo-cliente{object-fit:contain;border-radius:var(--radius-md);background:#fff;align-self:flex-start;max-width:100%;max-height:32px;padding:4px 6px}.app-rodape-empresa{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;min-height:36px;padding:6px var(--space-2);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-sidebar-text) 12%, transparent);color:var(--color-sidebar-text);font:inherit;text-align:left;border:none;font-size:13.5px;font-weight:600;display:flex}.app-rodape-empresa-seletor{cursor:pointer}.app-rodape-empresa-seletor:hover{background:color-mix(in srgb, var(--color-sidebar-text) 20%, transparent)}.app-rodape-empresa-nome{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-sidebar-recolhida .app-rodape-empresa{justify-content:center;padding:6px 0}.app-rodape-sigla{letter-spacing:.04em;font-size:12px}.app-rodape-usuario{width:100%;padding:2px var(--space-2);border-radius:var(--radius-md);color:var(--color-sidebar-text-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;font-size:12.5px;display:flex}.app-rodape-usuario:hover{color:var(--color-sidebar-text)}.app-rodape-usuario:focus-visible,.app-rodape-empresa-seletor:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app-rodape-usuario-nome{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-sidebar-recolhida .app-rodape-usuario{justify-content:center;padding:2px 0}.app-rodape-usuario-circulo{background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:11.5px;font-weight:700;display:flex}.app-rodape-menu{bottom:calc(100% + var(--space-2));z-index:50;width:230px;padding:var(--space-2);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-divider);box-shadow:var(--shadow-lg);color:var(--color-text);flex-direction:column;display:flex;position:absolute;left:0}.app-rodape-menu-titulo{padding:var(--space-1) var(--space-2) 2px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-size:11px}.app-rodape-menu-cabecalho{padding:var(--space-2) var(--space-2) var(--space-3);margin-bottom:var(--space-1);border-bottom:1px solid var(--color-divider);flex-direction:column;gap:2px;font-size:13px;display:flex}.app-rodape-menu-cabecalho .text-muted{font-size:12px}.app-rodape-tema{margin:var(--space-1) 0;border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-text) 6%, transparent);gap:2px;padding:3px;display:flex}.app-rodape-tema-opcao{border-radius:calc(var(--radius-md) - 2px);font:inherit;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:6px 0;font-size:12px}.app-rodape-tema-opcao:hover{color:var(--color-text)}.app-rodape-tema-opcao-ativa,.app-rodape-tema-opcao-ativa:hover{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm);font-weight:600}.app-rodape-menu-item{width:100%;padding:var(--space-2);border-radius:var(--radius-md);font:inherit;text-align:left;color:var(--color-text);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:13px;display:flex}.app-rodape-menu-item:hover{background:color-mix(in srgb, var(--color-text) 6%, transparent)}.app-rodape-menu-item-ativo{color:var(--color-accent);font-weight:600}.app-rodape-menu-item-sair:hover{background:color-mix(in srgb, var(--color-desfavoravel) 10%, transparent);color:var(--color-desfavoravel)}.app-main{flex:1;padding:28px 32px 40px;position:relative;overflow:auto}.app-shell-fundo-cliente{z-index:0;opacity:.15;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.app-conteudo{z-index:1;position:relative}.app-sidebar{z-index:2}.app-celular-barra,.app-celular-fundo{display:none}@media (width<=768px){.app-celular-barra{z-index:4;height:52px;padding:0 var(--space-3);background:var(--color-sidebar-bg);align-items:center;gap:10px;display:flex;position:sticky;top:0}.app-corpo{z-index:auto}.app-celular-botao{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-sidebar-text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:-6px;display:flex}.app-celular-botao:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app-celular-barra .app-sidebar-marca-nome{font-size:17px}.app-sidebar,.app-sidebar-recolhida{z-index:20;width:min(300px,85vw);height:100dvh;padding:var(--space-4) var(--space-3) var(--space-3);transition:transform .22s;position:fixed;top:0;left:0;transform:translate(0)}.app-sidebar-recolhida{transform:translate(-100%)}.app-celular-fundo{z-index:19;background:#00000073;display:block;position:fixed;inset:0}.app-sidebar-recolher-btn{display:none}.app-main{padding:var(--space-3)}}