/* MotoPed 0.1.56: acesso direto à cópia protegida sem sair do aplicativo. */
.wb-pwa-offline:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.wb-pwa-offline > span{flex:1 1 350px;font-weight:500;line-height:1.55}
.wb-pwa-offline .wb-offline-access-cta{flex:0 0 auto;min-height:39px;padding:9px 15px;border-radius:11px;font-size:12px;background:#e97824;color:#fff;white-space:nowrap}
.mp-offline-access-dialog{width:min(600px,calc(100vw - 24px));max-height:min(90dvh,800px);overflow:auto;padding:22px;border:0;border-radius:20px;background:var(--mp-surface,#fff);color:var(--mp-ink,#102847);box-shadow:0 25px 70px rgba(6,24,40,.32);font:inherit}
.mp-offline-access-dialog::backdrop{background:rgba(5,17,35,.64);backdrop-filter:blur(5px)}
.mp-offline-access-content{display:grid;gap:10px;margin-top:12px}
.mp-offline-access-content p{font-size:12px;line-height:1.6;margin:2px 0}
.mp-offline-access-content label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--mp-ink,#102847)}
.mp-offline-access-content input,.mp-offline-access-content select{width:100%;min-height:44px;border:0;border-radius:11px;background:var(--mp-input-bg,#eef4f8);color:var(--mp-ink,#102847);padding:10px 12px;font:inherit;font-size:13px}
.mp-offline-access-content .mp-offline-meta{background:var(--mp-field-bg,#e7f0f6);padding:12px;border-radius:11px;overflow-wrap:anywhere}
.mp-offline-access-content .mp-offline-access-unlock{justify-self:start;min-height:42px}
.mp-offline-access-content .mp-offline-status[data-error="1"]{color:#ba412d}
.mp-offline-access-content [data-mp-offline-panel]{display:grid;gap:12px}
.mp-offline-access-content [data-mp-offline-panel][hidden]{display:none!important}
.mp-offline-access-content .mp-offline-results{max-height:min(42dvh,340px);overflow:auto;background:var(--mp-field-bg,#f0f5f8);border-radius:11px}
.mp-offline-access-content .mp-offline-row{padding:12px;display:grid;gap:4px;border-bottom:1px solid rgba(100,130,155,.16);overflow-wrap:anywhere}
.mp-offline-access-content .mp-offline-row strong{font-size:13px;font-weight:600}
.mp-offline-access-content .mp-offline-row small{font-size:12px;color:var(--mp-muted,#61788c)}
.mp-offline-access-content .mp-offline-note,.mp-offline-access-content .mp-offline-empty{font-size:12px;display:block;padding:10px}
@media(max-width:600px){.mp-offline-access-dialog{padding:15px}.wb-pwa-offline .wb-offline-access-cta{width:100%;justify-content:center}}