/* MotoPed 0.1.42 — marca do produto e versão única exibida em sidebar/login/sobre. */
.mp-sidebar-head.mp-sidebar-head-compact{min-height:13px!important;height:13px!important;flex:0 0 13px;margin:0 0 11px!important;padding:0!important}
.mp-motoped-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:92px!important;flex:1 1 92px;padding:6px 5px 12px;overflow:hidden}
.mp-motoped-brand img{display:block;flex:0 1 auto;width:min(50%,82px)!important;max-width:82px!important;max-height:min(62px,100%)!important;object-fit:contain}
.mp-motoped-brand strong{color:var(--mp-strong);font-size:13px;font-weight:650;line-height:1.25;flex-shrink:0}
.mp-motoped-brand span{color:var(--mp-muted);font-size:12px;line-height:1.2;flex-shrink:0}
[data-mp-theme="dark"] .mp-motoped-brand strong{color:var(--mp-ink)}
@media(max-height:670px){.mp-sidebar-head.mp-sidebar-head-compact{min-height:8px!important;height:8px!important;flex-basis:8px;margin-bottom:5px!important}.mp-motoped-brand{min-height:63px!important;flex-basis:65px;padding:3px 3px 7px}.mp-motoped-brand img{max-height:38px!important;max-width:64px!important}.mp-motoped-brand strong{font-size:12px}.mp-motoped-brand span{font-size:12px}}
@media(max-width:760px){.mp-sidebar-head.mp-sidebar-head-compact{min-height:19px!important;height:19px!important;flex-basis:19px;margin-bottom:7px!important}.mp-menu-close{z-index:2}.mp-motoped-brand{min-height:80px!important;flex-basis:82px}}
/* Login WB menor; identificação do aplicativo em chancela sutil no rodapé. */
.mp-login-card .mp-login-brand{max-width:160px!important;margin:0 auto 13px!important}
.mp-login-card{padding-top:25px;padding-bottom:20px}
.mp-login-title.mp-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.mp-login-form{gap:13px}
.mp-login-motoped{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;margin-top:18px;color:var(--mp-muted);text-align:center}
.mp-login-motoped img{width:57px;height:45px;object-fit:contain;filter:grayscale(1) contrast(.70);opacity:.33}
[data-mp-theme="dark"] .mp-login-motoped img{filter:grayscale(1) brightness(2) contrast(.75);opacity:.43}
.mp-login-motoped strong{font-size:13px;color:var(--mp-ink);font-weight:650}
.mp-login-motoped span{font-size:12px;color:var(--mp-muted)}
/* Crop com 8 alças e formato circular ou quadrado. */
.wb-crop-style{display:flex;align-items:center;gap:6px;background:var(--mp-raised);padding:4px;border-radius:12px}
.wb-crop-style button{font:inherit;font-size:12px;min-height:34px;padding:7px 14px;border:0;border-radius:9px;background:transparent;color:var(--mp-muted);cursor:pointer}
.wb-crop-style button.wb-crop-style-active{background:var(--mp-surface);color:var(--mp-strong);box-shadow:var(--mp-card-shadow)}
.wb-crop-frame.wb-crop-circle{border-radius:50%}
.wb-crop-frame.wb-crop-circle .wb-crop-lines{border-radius:50%;clip-path:circle(50%)}
.wb-crop-n{top:-5px;left:calc(50% - 5px);cursor:ns-resize}.wb-crop-s{bottom:-5px;left:calc(50% - 5px);cursor:ns-resize}
.wb-crop-e{right:-5px;top:calc(50% - 5px);cursor:ew-resize}.wb-crop-w{left:-5px;top:calc(50% - 5px);cursor:ew-resize}
.wb-crop-frame.wb-crop-circle .wb-crop-handle{border-radius:50%}
/* Estilo uniforme no popup de perfil e janela Sobre. */
.wb-profile-popup button[data-mp-about-open]{display:flex;align-items:center;gap:8px;width:100%;text-align:left;font:inherit;font-size:12px;color:var(--mp-ink);border:0;border-radius:9px;padding:9px;background:transparent;cursor:pointer}
.wb-profile-popup button[data-mp-about-open]:hover{background:var(--mp-raised-hover)}
.wb-profile-popup button[data-mp-about-open] .mp-icon{width:16px;height:16px}
.mp-about-dialog{box-sizing:border-box;border:0;border-radius:20px;padding:21px;width:min(420px,calc(100vw - 28px));max-height:85dvh;overflow:auto;color:var(--mp-ink);background:var(--mp-surface);box-shadow:0 22px 75px rgba(0,0,0,.21)}
.mp-about-dialog::backdrop{background:rgba(7,20,31,.48);backdrop-filter:blur(3px)}
.mp-about-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mp-about-head h2{font-size:17px;color:var(--mp-strong);margin:0}
.mp-about-head button{width:34px;height:34px;border:0;border-radius:9px;color:var(--mp-ink);background:var(--mp-raised);font-size:21px;cursor:pointer}
.mp-about-mark{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;margin:8px 0 14px}
.mp-about-mark img{width:82px;height:65px;object-fit:contain}
.mp-about-mark strong{font-size:20px;color:var(--mp-strong)}
.mp-about-mark span,.mp-about-company,.mp-about-note{font-size:12px;color:var(--mp-muted)}
.mp-about-dialog p{font-size:13px;line-height:1.65;margin:0 0 10px}
.mp-about-dialog .mp-about-note{font-size:12px}
.mp-about-actions{display:flex;justify-content:flex-end;margin-top:14px}
/* Sobrepõe a regra legada mais tardia de login.css, sem alterar outros logos. */
.mp-login-body .mp-login-card .mp-login-brand{max-width:160px!important;margin-bottom:13px!important}

/* v0.1.44 — SPORTIVE não exige selecionar colunas */
.wb-sportive-mode .wb-catalog-mapping,.wb-sportive-mode .wb-catalog-visual{display:none!important}
.wb-sportive-mode .wb-catalog-submit .mp-hint{max-width:65ch}

.wb-sportive-variation{display:block;font-size:12px;line-height:1.4;color:var(--mp-muted,#6b7280);margin-top:3px;overflow-wrap:anywhere}

/* v0.1.103 — login: marca MotoPed única e versão discreta. */
.mp-login-body .mp-login-card .mp-login-brand.mp-login-brand-motoped{width:114px!important;max-width:114px!important;margin:0 auto 18px!important;display:flex!important;align-items:center;justify-content:center}
.mp-login-body .mp-login-card .mp-login-brand.mp-login-brand-motoped img{display:block!important;width:114px!important;height:81px!important;max-width:100%!important;object-fit:contain!important;filter:none!important;opacity:1!important}
.mp-login-body .mp-login-card .mp-login-version{margin-top:20px;text-align:center;font-size:12px;line-height:1.4;color:var(--mp-muted)}

/* v0.1.104 — somente identificação textual sob a marca existente no login. */
.mp-login-body .mp-login-card .mp-login-brand.mp-login-brand-motoped{margin-bottom:5px!important}
.mp-login-body .mp-login-card .mp-login-app-name{text-align:center;color:var(--mp-strong);font-size:20px;line-height:1.25;font-weight:650;margin:0 0 20px}