/* LIQUIDA FÁCIL v5.0: menu superior. Só apresentação; não altera cálculos nem licenças. */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700;800&display=swap');
html,body{overflow-x:clip!important}
.app-shell,body.nav-collapsed .app-shell{width:100%!important;display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:0!important;min-height:100vh!important}
.sidebar,body.nav-collapsed .sidebar{z-index:200!important;position:sticky!important;top:0!important;left:auto!important;height:auto!important;min-height:0!important;width:100%!important;max-width:none!important;padding:9px clamp(16px,3vw,50px) 8px!important;background:var(--ui-panel)!important;border:0!important;border-bottom:1px solid var(--ui-border)!important;border-radius:0!important;box-shadow:0 5px 25px rgba(20,54,100,.05)!important;display:grid!important;grid-template-columns:minmax(185px,1fr) auto minmax(255px,auto)!important;grid-template-areas:"brand links quota" "nav nav nav"!important;align-items:center!important;gap:5px 14px!important;overflow:visible!important}
.sidebar::before{display:none!important}
.brand-lockup,body.nav-collapsed .brand-lockup{grid-area:brand!important;justify-content:flex-start!important;align-items:center!important;min-width:0!important;padding:0!important;margin:0!important;gap:9px!important}
.brand-lockup>div:nth-child(2),body.nav-collapsed .brand-lockup>div:nth-child(2){display:block!important;min-width:0!important}
.brand-mark.brand-mark-image{width:42px!important;height:42px!important;min-width:42px!important}
.brand-name{font:800 14px/1.2 Sora,Inter,sans-serif!important;letter-spacing:-.045em!important;white-space:nowrap!important}
.brand-sub{font-size:9px!important;letter-spacing:0!important;text-transform:none!important;line-height:1.3!important}
.lf-sidebar-links,body.nav-collapsed .lf-sidebar-links{grid-area:links!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:4px!important;justify-content:center!important;border:0!important;margin:0!important;padding:0!important;min-width:0!important}
.lf-sidebar-links a{font-size:11px!important;padding:8px 9px!important;border-radius:10px!important;white-space:nowrap!important;gap:6px!important}
.lf-sidebar-links a span{font-size:15px!important;width:17px!important}
.sidebar-quota,body.nav-collapsed .sidebar-quota{grid-area:quota!important;display:flex!important;align-items:center!important;gap:9px!important;justify-self:end!important;width:auto!important;min-width:0!important;max-width:100%!important;background:var(--ui-surface)!important;border:1px solid var(--ui-border)!important;border-radius:13px!important;padding:6px 7px 6px 12px!important;margin:0!important;color:var(--ui-text)!important}
.sidebar-quota .quota-kicker,.sidebar-quota .quota-track{display:none!important}
.sidebar-quota #planStatus{font-size:11px!important;font-weight:800!important;white-space:nowrap!important}
.sidebar-quota #usageStatus{font-size:9px!important;margin:0!important;line-height:1.3!important;color:var(--ui-muted)!important;max-width:170px!important}
.sidebar-quota button#openPlans{width:auto!important;flex-shrink:0!important;margin:0!important;padding:9px 11px!important;border-radius:9px!important;font-weight:700!important;font-size:10px!important;white-space:nowrap!important;color:var(--ui-primary)!important}
.account-strip,.sidebar-foot{display:none!important}
.lf-nav-toggle{display:none}
.tabs,body.nav-collapsed .tabs{grid-area:nav!important;display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr))!important;gap:5px!important;align-items:stretch!important;flex:initial!important;min-height:0!important;margin:0!important;padding:6px 0 0!important;overflow:visible!important}
.tabs .nav-group,.tabs .nav-kicker{display:none!important}
.tabs button,body.nav-collapsed .tabs button{min-width:0!important;max-width:none!important;width:100%!important;min-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:8px 5px!important;margin:0!important;border:1px solid transparent!important;background:transparent!important;border-radius:10px!important;color:var(--ui-muted)!important;overflow:hidden!important;transform:none!important;text-align:center!important}
.tabs button:hover{background:var(--ui-surface)!important;color:var(--ui-primary)!important}
.tabs button.active{background:var(--ui-accent-bg)!important;color:var(--ui-primary)!important;border-color:rgba(37,99,235,.16)!important;box-shadow:none!important}
.tabs button .nav-icon{width:18px!important;height:18px!important;min-width:18px!important;padding:0!important;margin:0!important;color:inherit!important}
.tabs button .nav-icon svg{width:17px!important;height:17px!important}
.tabs .nav-copy,body.nav-collapsed .nav-copy{display:block!important;min-width:0!important;overflow:visible!important}
.tabs .nav-copy strong{font-size:10.5px!important;font-weight:700!important;letter-spacing:-.01em!important;white-space:normal!important;line-height:1.22!important;overflow:visible!important;text-overflow:clip!important;display:block!important}
.tabs .nav-copy small{display:none!important}
.main-content,body.nav-collapsed .main-content{min-width:0!important;width:100%!important;min-height:calc(100vh - 120px)!important;overflow:visible!important}
.main-content .wrap{width:min(1320px,calc(100% - 52px))!important}
#uiSidebarToggle{display:none!important}
.top{padding-top:17px!important;margin-bottom:13px!important}
.ui-toolbar{gap:8px!important}
/* Desktop compacto: duas filas horizontais em vez de um menu lateral com rolagem */
@media (max-width:1190px){
 .sidebar,body.nav-collapsed .sidebar{grid-template-columns:1fr auto!important;grid-template-areas:"brand quota" "links links" "nav nav"!important;gap:4px 12px!important}
 .lf-sidebar-links{justify-content:flex-start!important}
 .tabs,body.nav-collapsed .tabs{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important}
 .tabs button{min-height:36px!important}
}
/* Compactação do cabeçalho para notebooks */
@media (min-width:850px) and (max-width:1190px){
 .sidebar{padding-top:8px!important;padding-bottom:6px!important}
 .lf-sidebar-links a{padding:4px 7px!important}
 .tabs button{padding:5px 7px!important}
 .tabs .nav-copy strong{font-size:10px!important}
}
/* Celular: um botão de ferramentas expande TODAS as funções em grade, sem deslocamento lateral */
@media (max-width:849px){
 .sidebar,body.nav-collapsed .sidebar{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand quota" "toggle toggle" "nav nav" "links links"!important;gap:7px 8px!important;padding:10px 14px!important;position:sticky!important;top:0!important;height:auto!important;min-height:0!important}
 .brand-name{font-size:12px!important}.brand-sub{font-size:8px!important}
 .brand-mark.brand-mark-image{width:35px!important;height:35px!important;min-width:35px!important}
 .sidebar-quota,body.nav-collapsed .sidebar-quota{padding:5px!important;gap:4px!important}
 .sidebar-quota #usageStatus{display:none!important}
 .sidebar-quota #planStatus{font-size:10px!important}
 .sidebar-quota button#openPlans{padding:7px 9px!important;font-size:10px!important}
 .lf-nav-toggle{grid-area:toggle;display:flex!important;align-items:center;justify-content:space-between;width:100%;padding:10px 13px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:10px;font:700 12px Inter,sans-serif;color:var(--ui-text);cursor:pointer}
 .lf-nav-toggle .lf-chevron{transition:transform .18s}
 .lf-top-navigation.lf-nav-open .lf-chevron{transform:rotate(180deg)}
 .tabs,body.nav-collapsed .tabs{display:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;padding:0!important;max-height:none!important;overflow:visible!important}
 .lf-top-navigation.lf-nav-open .tabs{display:grid!important}
 .tabs button{justify-content:flex-start!important;padding:10px 9px!important;min-height:43px!important}
 .tabs .nav-copy strong{font-size:11px!important;text-align:left}
 .lf-sidebar-links,body.nav-collapsed .lf-sidebar-links{display:none!important;flex-wrap:wrap!important;justify-content:flex-start!important}
 .lf-top-navigation.lf-nav-open .lf-sidebar-links{display:flex!important}
 .main-content .wrap{width:calc(100% - 28px)!important}
 .top{padding-top:15px!important}
}
@media (max-width:400px){
 .sidebar,body.nav-collapsed .sidebar{padding:8px 9px!important;gap:6px 4px!important}
 .brand-name{font-size:11px!important}.brand-sub{max-width:145px!important}
 .sidebar-quota #planStatus{font-size:9px!important}
 .sidebar-quota button#openPlans{font-size:9px!important;padding:7px!important}
 .tabs .nav-copy strong{font-size:10px!important}
}
