/* MotoPed 0.1.81 | Reaproveita EXATAMENTE os PNGs 3D da sidebar.
   UI compacta, acessível, com um único bloco rolável (.mp-content-scroll). */
.mp-body .mp-workspace .mp-menu-illustration,.mp-body .wb-quick-menu .mp-menu-illustration{
  display:block;width:28px;height:28px;max-width:100%;object-fit:contain;flex:none;
  background:none;box-shadow:none;border:0;filter:none;pointer-events:none;
}
.mp-body .mp-with-3d-icon,.mp-body .mp-home-card-head h2{
  display:flex;align-items:center;gap:6px;line-height:1.2;
}
.mp-body .mp-with-3d-icon .mp-menu-illustration{width:29px;height:29px}
.mp-body .mp-visually-hidden{position:absolute!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%);width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0}
/* Não criar cartões extras, não produzir scroll no body. */
html,body.mp-body{height:100%;overflow:hidden!important}
.mp-body .mp-app{max-height:100dvh;overflow:hidden}
.mp-body .mp-content-scroll{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
/* Miniaturas 3D no painel Home, visual com relevo mas sem blocos desproporcionais. */
.mp-body .mp-home-metric{min-height:60px;padding:8px 10px;gap:7px;border-radius:12px}
.mp-body .mp-home-metric-icon{width:34px;height:34px;flex:0 0 34px;background:transparent!important;box-shadow:none}
.mp-body .mp-home-metric-icon .mp-menu-illustration{width:33px;height:33px}
.mp-body .mp-home-metric-copy strong{font-size:clamp(16px,1.45vw,20px);line-height:1.2}
.mp-body .mp-home-metric-copy small{font-size:12px}
.mp-body .mp-home-compact{gap:8px}
.mp-body .mp-home-grid,.mp-body .mp-home-col{gap:8px}
.mp-body .mp-home-card{padding:10px 12px;border-radius:12px}
.mp-body .mp-home-card-head{margin-bottom:6px}
.mp-body .mp-home-card-head h2{font-size:12px}
.mp-body .mp-home-card-head h2 .mp-menu-illustration{width:26px;height:26px}
.mp-body .mp-home-shortcut-grid{gap:5px}
.mp-body .mp-home-shortcut-grid a{min-height:61px;gap:2px;padding:6px 3px;border-radius:10px;transition:transform .18s ease,background .18s ease}
.mp-body .mp-home-shortcut-grid a:nth-child(6n+1),.mp-body .mp-home-metric:nth-child(4n+1){background:linear-gradient(140deg,var(--mp-raised),rgba(255,145,64,.11))}
.mp-body .mp-home-shortcut-grid a:nth-child(6n+2),.mp-body .mp-home-metric:nth-child(4n+2){background:linear-gradient(140deg,var(--mp-raised),rgba(42,159,229,.11))}
.mp-body .mp-home-shortcut-grid a:nth-child(6n+3),.mp-body .mp-home-metric:nth-child(4n+3){background:linear-gradient(140deg,var(--mp-raised),rgba(128,99,244,.10))}
.mp-body .mp-home-shortcut-grid a:nth-child(6n+4),.mp-body .mp-home-metric:nth-child(4n+4){background:linear-gradient(140deg,var(--mp-raised),rgba(36,195,157,.11))}
.mp-body .mp-home-shortcut-grid a .mp-menu-illustration{width:30px;height:30px}
.mp-body .mp-home-shortcut-grid a:hover{transform:translateY(-1px)}
.mp-body .mp-home-company-avatar,.mp-body .mp-content-companies .mp-company-letter,.mp-body .mp-record-avatar{
  width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;
  color:inherit;background:transparent!important;border:0;box-shadow:none;
}
.mp-body .mp-home-company-avatar .mp-menu-illustration,.mp-body .mp-company-letter .mp-menu-illustration,.mp-body .mp-record-avatar .mp-menu-illustration{width:33px;height:33px}
.mp-body .mp-home-company:nth-child(3) .mp-home-company-avatar{background:none!important}
/* Botões de ação 100% por ícone, funcionalidade por title/aria-label. */
.mp-body .mp-mini-action{position:relative;display:inline-grid;place-items:center;flex:0 0 41px;width:41px;min-width:41px;min-height:41px;height:41px;padding:3px;border:0;border-radius:11px;
 background:linear-gradient(155deg,#e0f7fc,#d8eef8);box-shadow:0 3px 10px rgba(10,64,93,.11);color:var(--mp-strong);text-decoration:none;cursor:pointer;
 transition:transform .18s ease,box-shadow .18s ease}
.mp-body .mp-mini-action:where(:hover,:focus-visible){transform:translateY(-1px);box-shadow:0 5px 12px rgba(10,64,93,.17)}
.mp-body .mp-mini-action .mp-menu-illustration{width:31px;height:31px}
.mp-body .mp-mini-action-new{background:linear-gradient(145deg,#fff1e3,#ffe0ca)}
.mp-body .mp-mini-plus{position:absolute;right:-2px;top:-3px;min-width:16px;height:16px;display:grid;place-items:center;
 border-radius:50%;background:#ff7826;color:white;font-size:14px;font-weight:800;box-shadow:0 2px 7px rgba(243,106,15,.20);pointer-events:none}
.mp-body .mp-orders-icon-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:7px!important;margin:0!important;padding:0!important;flex:0 0 auto}
.mp-body .mp-content-orders .wb-orders-current .mp-sectionhead{margin-bottom:6px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.mp-body .mp-content-orders .wb-orders-current{padding:11px 13px!important;background:linear-gradient(165deg,var(--mp-raised),rgba(58,174,215,.045))}
.mp-body .mp-content-orders .wb-orders-current .mp-sectionhead h2{font-size:14px}
.mp-body .mp-content-orders .wb-orders-current .mp-table-wrap{margin-top:6px}
.mp-body .mp-content-orders .wb-orders-current .mp-table :is(th,td),.mp-body .mp-content-orders .wb-history-list .mp-table :is(th,td){padding:7px 8px!important;font-size:12px}
.mp-body .mp-content-orders .wb-orders-current .mp-table tbody tr:nth-child(2n) td{background:rgba(78,179,226,.075)}
.mp-body .mp-content-orders .wb-history-list{padding:11px 13px!important;background:linear-gradient(165deg,var(--mp-raised),rgba(132,108,225,.055))}
.mp-body .mp-content-orders .wb-history-list .mp-sectionhead{margin-bottom:6px}
.mp-body .mp-content-orders .wb-history-list .mp-sectionhead h2{font-size:14px}
.mp-body .mp-content-orders .wb-history-list .mp-table tbody tr:nth-child(2n) td{background:rgba(93,157,232,.075)}
.mp-body .mp-content-orders .wb-history-list .mp-record-search{max-width:350px;margin:0 0 8px}
.mp-body .mp-content-orders .wb-history-list .mp-record-search input[name="order_q"]{min-height:37px!important;padding-right:43px;border-radius:10px}
.mp-body .mp-content-orders .wb-history-list .mp-record-search .mp-search-icon-button{height:33px;min-height:33px;min-width:33px;width:33px}
.mp-body .mp-content-orders .mp-pages{padding:5px 7px;margin-top:8px;min-height:32px;gap:6px}
.mp-body .mp-content-orders .mp-pages :is(.mp-pages-info,.mp-page-btn){font-size:12px}
/* Steps use the same 3D PNGs as the sidebar; centered timeline with smooth fill. */
.mp-body .mp-content-orders .wb-order-dialog .wb-order-step{min-height:65px!important;gap:3px;padding:1px 2px 0!important}
.mp-body .mp-content-orders .wb-order-step .mp-menu-illustration{position:relative;z-index:3;width:30px;height:30px;max-width:100%}
.mp-body .mp-content-orders .wb-order-step::after,.mp-body .mp-content-orders .wb-order-step::before{top:14px!important;left:calc(50% + 15px)!important;width:calc(100% - 30px)!important;height:3px!important}
.mp-body .mp-content-orders .wb-order-step.is-active{color:#fa7a29}
.mp-body .mp-content-orders .wb-order-step.is-active .mp-menu-illustration{filter:drop-shadow(0 1px 3px rgba(250,122,41,.35))}
.mp-body .mp-content-orders .wb-order-step.is-complete::before{transition:transform 1.4s cubic-bezier(.18,.64,.24,1)!important}
.mp-body .mp-content-orders .mp-order-summary-card h3 .mp-menu-illustration{width:27px;height:27px}
/* New client / carriers have the same miniature icon affordance. */
.mp-body .mp-content-clients .mp-record-toolbar,.mp-body .mp-content-carriers .mp-record-toolbar{padding:9px 12px;margin-bottom:7px}
.mp-body .mp-content-clients .mp-record-toolbar .mp-sectionhead,.mp-body .mp-content-carriers .mp-record-toolbar .mp-sectionhead{margin:0!important;display:flex;align-items:center;justify-content:space-between;gap:8px}
.mp-body .mp-content-clients .mp-record-list,.mp-body .mp-content-carriers .mp-record-list{padding:10px 12px}
.mp-body .mp-content :is(.mp-content-clients,.mp-content-carriers) .mp-record-create-3d{width:41px!important;min-width:41px!important;min-height:41px!important;padding:3px!important;justify-content:center!important}
.mp-body .mp-content-clients .mp-record-create-3d,.mp-body .mp-content-carriers .mp-record-create-3d{width:41px!important;min-width:41px!important;min-height:41px!important;padding:3px!important;justify-content:center!important}
.mp-body .mp-content-clients .mp-record-search,.mp-body .mp-content-carriers .mp-record-search{display:flex;align-items:center;position:relative;max-width:420px;flex-wrap:nowrap;gap:0;margin:0 0 10px}
.mp-body .mp-content-clients .mp-record-search-input,.mp-body .mp-content-carriers .mp-record-search-input{flex:1 1 auto;min-width:0;max-width:none;display:block;margin:0}
.mp-body .mp-content-clients .mp-record-search-input input,.mp-body .mp-content-carriers .mp-record-search-input input{width:100%;max-width:none;padding:8px 43px 8px 12px;min-height:40px}
.mp-body .mp-mini-search-submit{position:absolute;top:50%;right:4px;transform:translateY(-50%);width:34px;height:34px;min-height:34px;min-width:34px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:var(--mp-accent-strong);cursor:pointer}
.mp-body .mp-mini-search-submit svg{width:19px;height:19px}
.mp-body .mp-mini-search-submit:hover{background:var(--mp-raised-hover)}
.mp-body .mp-content-companies .mp-title-row .mp-record-create.mp-company-add{position:relative;display:grid!important;place-items:center;flex:0 0 41px!important;width:41px!important;height:41px!important;min-height:41px!important;min-width:41px!important;padding:3px!important;background:linear-gradient(145deg,#fff1e3,#ffe0ca)!important;border-radius:11px}
.mp-body .mp-content-companies .mp-title-row .mp-company-add .mp-menu-illustration{width:31px;height:31px}
.mp-body .wb-quick-menu .mp-menu-illustration{width:24px;height:24px}
.mp-body .wb-profile-popup .mp-menu-illustration{width:23px;height:23px}
@media(max-width:760px){
 .mp-body .mp-home-metric{padding:7px 8px;min-height:58px}
 .mp-body .mp-home-metric-icon,.mp-body .mp-home-metric-icon .mp-menu-illustration{width:29px;height:29px;flex-basis:29px}
 .mp-body .mp-home-shortcut-grid a{min-height:59px}
 .mp-body .mp-content-orders .wb-order-step:nth-child(3n)::before,.mp-body .mp-content-orders .wb-order-step:nth-child(3n)::after{display:none!important}
 .mp-body .mp-content-orders .wb-order-dialog .wb-order-step{min-height:58px!important}
 .mp-body .mp-content-orders .wb-order-step .mp-menu-illustration{width:27px;height:27px}
 .mp-body .mp-content-orders .wb-order-step::before,.mp-body .mp-content-orders .wb-order-step::after{top:13px!important;left:calc(50% + 14px)!important;width:calc(100% - 28px)!important}
 .mp-body .mp-orders-icon-actions{display:flex!important;flex-wrap:nowrap!important;gap:6px!important}
 .mp-body .mp-content-clients .mp-record-search,.mp-body .mp-content-carriers .mp-record-search{max-width:100%}
}
@media(max-width:380px){
 .mp-body .mp-home-metric-icon,.mp-body .mp-home-metric-icon .mp-menu-illustration{width:25px;height:25px;flex-basis:25px}
 .mp-body .mp-home-metric-copy strong{font-size:15px}
 .mp-body .mp-home-shortcut-grid a .mp-menu-illustration{width:27px;height:27px}
}
@media(prefers-reduced-motion:reduce){.mp-body .mp-content-orders .wb-order-step::before{transition:none!important}}

/* Pedidos: ícones 3D discretos também nas linhas e status coloridos. */
.mp-body .mp-content-orders .mp-order-code-cell{white-space:nowrap;font-weight:700}
.mp-body .mp-content-orders .mp-order-code-cell .mp-menu-illustration{display:inline-block;width:23px;height:23px;vertical-align:middle;margin-right:6px}
.mp-body .mp-content-orders .mp-order-code-cell strong{font-size:12px}
.mp-body .mp-content-orders .mp-order-status{display:inline-flex;align-items:center;min-height:23px;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700;background:#e8eef8;color:#28679a}
.mp-body .mp-content-orders .mp-order-status-draft{background:#fff0d9;color:#9d5f15}
.mp-body .mp-content-orders .mp-order-status-ready{background:#d8f7ec;color:#037e68}
.mp-body .mp-content-orders .mp-order-status-sent{background:#deedff;color:#1761b7}
.mp-body .mp-content-orders .wb-history-orders .mp-order-code-cell a{font-weight:700}
.mp-body .mp-content-orders .wb-order-list-actions{gap:4px}
.mp-body .mp-content-orders .wb-order-list-actions .wb-icon-action{min-width:31px;min-height:31px;width:31px;height:31px;padding:5px;border-radius:9px}
@media(max-width:390px){.mp-body .mp-home-metric-icon{display:grid!important}}

/* MotoPed 0.1.82 — Catálogos: reproduz o PNG 3D original do menu lateral.
   O ícone integra o cabeçalho sem placa de fundo ou SVG achatado. */
.mp-body .mp-content-catalogs .mp-catalog-hero-symbol{
  display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;
  padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;
}
.mp-body .mp-content-catalogs .mp-catalog-hero-symbol .mp-menu-illustration{
  display:block;width:46px;height:46px;max-width:100%;object-fit:contain;
  border:0;background:none;box-shadow:none;filter:none;pointer-events:none;
}
@media(max-width:760px){
  .mp-body .mp-content-catalogs .mp-catalog-hero-symbol{flex-basis:41px;width:41px;height:41px}
  .mp-body .mp-content-catalogs .mp-catalog-hero-symbol .mp-menu-illustration{width:40px;height:40px}
}