/* A navegação das empresas segue a mesma hierarquia do gerenciamento. */
:root{--menu-width:236px}
.side-nav{width:var(--menu-width);padding:32px 20px 22px;background:#fff;border-right:1px solid #dce4f0;overflow-y:auto;overflow-x:hidden}
.side-nav button,.side-nav button.brilho-botao{display:flex;align-items:center;justify-content:flex-start;gap:13px;width:100%;height:46px;min-height:46px;flex-shrink:0;padding:0 14px;border:0!important;border-radius:5px;background:transparent;color:#72809c;font-size:12px;font-weight:400;line-height:1.4;text-align:left;box-shadow:none!important}
.side-nav button svg{width:20px;height:20px;stroke-width:1.6}
.side-nav button span{white-space:nowrap}
.side-nav button:is(:hover,:focus-visible){background:#f4f6fb;color:#0c265a}
.side-nav button:focus-visible{outline:2px solid #6c96df;outline-offset:2px}
.side-nav button.nav-brand{height:60px;min-height:60px;margin:0;padding:0 8px;background:none!important;border-radius:0}
.side-nav .nav-brand img{width:178px;max-width:100%;height:auto;object-fit:contain}
.side-nav-caption{display:block;margin:44px 12px 20px;color:#9ba5b8;font-size:9px;letter-spacing:1.5px;line-height:1.5;flex-shrink:0}
.side-nav-links{display:grid;gap:7px;flex-shrink:0}
.side-nav-footer{margin-top:auto;padding:22px 10px 0;border-top:1px solid #dce4f0;flex-shrink:0}
.side-nav-profile{display:grid;gap:8px;margin-bottom:12px;overflow-wrap:anywhere}
.side-nav-profile strong{font-size:12px;font-weight:500;line-height:1.6;color:#0c265a}
.side-nav-profile small{font-size:10px;line-height:1.6;color:#72809c}
.side-nav #nav-logout{margin:0;padding:0;height:44px;min-height:44px;border:0}
.side-nav .brilho-botao::before{display:none!important}
.side-nav button.brilho-botao.brilho-ativo{color:#0c265a!important;background:#f4f6fb;border:0!important}
body:has(#home:not([hidden])) .side-nav #nav-home,
body:has(#editor:not([hidden])) .side-nav #nav-new,
body:has(#drafts-view:not([hidden])) .side-nav #nav-drafts,
body:has(#analytics:not([hidden])) .side-nav #nav-analytics,
body:has(#clients-view:not([hidden])) .side-nav #nav-clients,
body:has(#cash-view:not([hidden])) .side-nav #nav-cash,
body:has(#invoices-view:not([hidden])) .side-nav #nav-invoices{color:#0c265a!important;background:#edf2fb}
body:has(#home:not([hidden])) .side-nav #nav-home::after,
body:has(#editor:not([hidden])) .side-nav #nav-new::after,
body:has(#drafts-view:not([hidden])) .side-nav #nav-drafts::after,
body:has(#analytics:not([hidden])) .side-nav #nav-analytics::after,
body:has(#clients-view:not([hidden])) .side-nav #nav-clients::after,
body:has(#cash-view:not([hidden])) .side-nav #nav-cash::after,
body:has(#invoices-view:not([hidden])) .side-nav #nav-invoices::after{content:'';position:absolute;top:0;bottom:0;left:-20px;width:3px;background:#f21d26}
@media(min-width:761px){
 body:has(#workspace:not([hidden]))>.topbar{height:86px;min-height:86px;padding:0 40px 0 calc(var(--menu-width) + 40px);justify-content:flex-end}
 body:has(#workspace:not([hidden]))>.topbar>#brand-home{display:none}
 body:has(#workspace:not([hidden])) #workspace,body:has(#workspace:not([hidden])) #workspace:has(#home:not([hidden])){margin:24px 24px 0 calc(var(--menu-width) + 24px)}
 body:has(#workspace:not([hidden]))>.site-footer{margin:24px 24px 24px calc(var(--menu-width) + 24px)}
}
@media(min-width:761px) and (max-width:1100px){
 :root{--menu-width:220px}
 .side-nav{padding-inline:16px}
 .side-nav-links button{gap:10px;font-size:11px}
 .side-nav-links button::after{left:-16px!important}
}
@media(max-height:780px) and (min-width:761px){
 .side-nav{padding-top:20px;padding-bottom:14px}
 .side-nav-caption{margin-top:22px;margin-bottom:14px}
 .side-nav-links{gap:4px}
 .side-nav-footer{padding-top:14px}
}
@media(max-width:760px){
 .side-nav{inset:auto 0 0;width:100%;height:calc(68px + env(safe-area-inset-bottom));padding:0 8px env(safe-area-inset-bottom);flex-direction:row;overflow:visible;align-items:stretch;border-top:1px solid #dce4f0}
 .side-nav .nav-brand,.side-nav-caption,.side-nav-profile{display:none!important}
 .side-nav-links{display:flex;flex:1;min-width:0;gap:4px;overflow-x:auto;scrollbar-width:none;padding:4px 0}
 .side-nav-links::-webkit-scrollbar{display:none}
 .side-nav button,.side-nav button.brilho-botao{flex:0 0 auto;width:auto;min-width:72px;height:60px;min-height:60px;padding:7px 8px;flex-direction:column;justify-content:center;gap:7px;font-size:9px;line-height:1.2;border:0!important}
 .side-nav button svg{width:20px;height:20px}
 .side-nav-links button::after{left:0!important;right:0;top:auto!important;bottom:0;width:auto!important;height:3px}
 .side-nav-footer{display:flex;flex:0 0 auto;margin:0;padding:4px 0 4px 4px;border:0;border-left:1px solid #edf0f6}
 .side-nav #nav-logout{width:64px;min-width:64px;height:60px;padding:7px 4px}
 body:has(#workspace:not([hidden]))>.site-footer{margin-bottom:calc(88px + env(safe-area-inset-bottom))}
}