/* WB Representações 0.1.39 — correções isoladas da sidebar.
   As duas imagens WB servem aos temas claro/escuro; somente UMA deve ser visível.
   A regra anterior .mp-brand picture { display:block } fazia ambas aparecerem. */
.mp-sidebar-head{min-height:73px;margin:0 4px 8px}
.mp-brand{width:128px;max-width:76%;min-width:0;display:flex;align-items:center;justify-content:center}
.mp-brand>picture.mp-logo-light{display:block;width:100%;min-width:0}
.mp-brand>picture.mp-logo-dark{display:none;width:100%;min-width:0}
[data-mp-theme="dark"] .mp-brand>picture.mp-logo-light{display:none}
[data-mp-theme="dark"] .mp-brand>picture.mp-logo-dark{display:block}
.mp-brand .mp-brand-logo{width:100%;height:76px;max-height:76px;object-fit:contain}

/* Reserva todo o espaço disponível entre a navegação e o perfil à chancela.
   Em altura reduzida, os links rolam verticalmente, sem encobrir o perfil. */
.mp-sidebar-links{flex:0 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}
.mp-motoped-brand{flex:1 1 80px;min-height:55px;margin:0;padding:6px 8px;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none}
.mp-motoped-brand img{display:block;width:min(66%,122px);max-width:122px;max-height:100%;height:auto;object-fit:contain;filter:grayscale(1) contrast(.78);opacity:.23;box-shadow:none;transform:none}
[data-mp-theme="dark"] .mp-motoped-brand img{filter:grayscale(1) brightness(2.1) contrast(.72);opacity:.35}
.mp-sidebar-bottom{margin-top:0;flex:0 0 auto}

@media(max-width:760px){
  .mp-sidebar-head{min-height:68px;margin-bottom:8px}
  .mp-brand{width:122px;max-width:76%}
  .mp-brand .mp-brand-logo{height:70px;max-height:70px}
  .mp-motoped-brand{flex:1 1 70px;min-height:48px;padding:4px 7px}
  .mp-motoped-brand img{width:min(64%,110px);max-width:110px;max-height:100%}
}
@media(max-height:650px){
  .mp-sidebar-head{min-height:58px;margin-bottom:5px}
  .mp-brand .mp-brand-logo{height:58px;max-height:58px}
  .mp-motoped-brand{flex:1 1 47px;min-height:38px;padding:3px 6px}
  .mp-motoped-brand img{width:min(58%,98px);max-width:98px;max-height:100%}
}

/* No notebook mais baixo, reduzir o espaço vertical sem esconder Lixeira. */
@media(max-height:790px){
  .mp-sidebar-links{gap:2px}
  .mp-sidebar-links .mp-nav{min-height:39px;padding-top:8px;padding-bottom:8px}
}
