/* MotoPed v0.1.55 — correção estritamente visual da sidebar aprovada. */
/* A fatia laranja é estreita e curva PARA O LADO DE FORA do botão. */
.mp-sidebar .mp-sidebar-links .mp-nav::before {
  border-radius:0 7px 7px 0!important;
}
/* Logo e duas linhas formam um bloco centralizado no rodapé; as linhas são
   centradas verticalmente em relação ao centro geométrico da logo. */
.mp-sidebar .mp-motoped-brand{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  padding:14px 0 3px!important;
  box-sizing:border-box!important;
}
.mp-sidebar .mp-motoped-brand img{
  position:static!important;
  flex:0 0 50px!important;
  align-self:center!important;
  width:50px!important;
  max-width:50px!important;
  height:42px!important;
  max-height:42px!important;
  object-fit:contain!important;
  filter:none!important;
  opacity:1!important;
}
.mp-sidebar .mp-motoped-brand .mp-motoped-text{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  align-self:center!important;
  flex:0 0 auto!important;
  min-width:0!important;
  gap:1px!important;
  margin:0!important;
  padding:0!important;
  line-height:1.25!important;
}
.mp-sidebar .mp-motoped-brand .mp-motoped-text strong,
.mp-sidebar .mp-motoped-brand .mp-motoped-text span{
  position:static!important;
  display:block!important;
  align-self:auto!important;
  justify-self:auto!important;
  grid-area:auto!important;
  margin:0!important;
  padding:0!important;
  line-height:1.25!important;
  font-weight:500!important;
}
.mp-sidebar .mp-motoped-brand .mp-motoped-text span{font-weight:400!important;}
@media(min-width:981px){
  html[data-mp-sidebar="collapsed"] .mp-sidebar .mp-motoped-brand .mp-motoped-text,
  body.mp-sidebar-collapsed .mp-sidebar .mp-motoped-brand .mp-motoped-text {display:none!important;}
  html[data-mp-sidebar="collapsed"] .mp-sidebar .mp-motoped-brand img,
  body.mp-sidebar-collapsed .mp-sidebar .mp-motoped-brand img {
    flex-basis:43px!important;width:43px!important;max-width:43px!important;
    height:39px!important;max-height:39px!important;
  }
}
/* Dialog de controle da cópia offline (sem alterar demais formulários do MotoPed). */
.mp-offline-dialog{width:min(500px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;border:0;border-radius:18px;padding:22px;background:var(--mp-surface);color:var(--mp-ink);box-shadow:0 25px 70px rgba(0,15,35,.3);font:inherit}
.mp-offline-dialog::backdrop{background:rgba(5,15,32,.6);backdrop-filter:blur(4px)}
.mp-offline-dialog .mp-offline-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mp-offline-dialog h2{font-size:18px;margin:0;color:var(--mp-strong);font-weight:600}
.mp-offline-dialog .mp-offline-header button{border:0;border-radius:9px;background:var(--mp-raised);color:var(--mp-ink);font-size:22px;width:37px;height:37px}
.mp-offline-dialog p{font-size:12px;line-height:1.6;margin:10px 0;color:var(--mp-muted)}
.mp-offline-dialog label{display:flex;flex-direction:column;gap:5px;font-size:12px;margin-top:12px}
.mp-offline-dialog input{border:0;background:var(--mp-raised);padding:12px;border-radius:11px;font-size:13px;color:var(--mp-ink)}
.mp-offline-dialog .mp-offline-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:16px}
.mp-offline-dialog .mp-offline-meta{padding:12px;background:var(--mp-raised);border-radius:11px;color:var(--mp-ink)}
.mp-offline-dialog .mp-offline-status[data-error="1"]{color:#b53f35}
.mp-offline-dialog .mp-offline-status{font-weight:500;color:var(--mp-ink)}