/* Montar rota (gerente) */
.mr { display: grid; gap: 10px; padding: 14px; border-radius: 20px; background: #fff; border: 1.5px solid var(--linha); }
.mr-cab b { display: block; font: 700 16px var(--f-titulo); }
.mr-cab span { font-size: 12.5px; color: var(--tinta-2); }
.mr-lista { display: grid; gap: 6px; max-height: 260px; overflow-y: auto; }
.mr-ped { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 4px 10px; align-items: center; padding: 10px; border-radius: 14px; border: 1.5px solid var(--linha); background: #fff; text-align: left; transition: border-color .15s, background .15s; }
.mr-ped:hover { border-color: var(--linha-forte); }
.mr-ped.sel { border-color: var(--brasa); background: color-mix(in srgb, var(--brasa) 4%, transparent); }
.mr-ped.reservado { opacity: .6; }
.mr-ck { grid-row: span 2; width: 30px; height: 30px; border-radius: 50%; border: 2px solid var(--linha-forte); display: grid; place-items: center; font: 700 14px var(--f-titulo); color: #fff; transition: all .2s var(--sair); }
.mr-ped.sel .mr-ck { background: var(--brasa); border-color: var(--brasa); transform: scale(1.06); }
.mr-info { display: grid; min-width: 0; }
.mr-info b { font-size: 14.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mr-info small { font-size: 12px; color: var(--tinta-2); }
.mr-ped .prazo { justify-self: start; }
.mr-rota { display: grid; gap: 10px; padding-top: 10px; border-top: 1px dashed var(--linha-forte); animation: entra .25s var(--sair); }
.mr-resumo { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.mr-resumo b { font: 700 16px var(--f-titulo); }
.mr-resumo span { font-size: 13px; color: var(--tinta-2); }
.mr-resumo .link { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 700; color: var(--brasa); }
.mr-resumo .link .ic { width: 15px; height: 15px; }
.mr-rot { font-size: 12.5px; font-weight: 700; color: var(--tinta-2); }
.mr-motos { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 6px; }
.mr-motos button { display: grid; justify-items: center; gap: 3px; padding: 10px 6px; border-radius: 14px; border: 1.5px solid var(--linha); background: #fff; font-weight: 700; font-size: 14px; }
.mr-motos button .av { width: 34px; height: 34px; background: color-mix(in srgb, var(--tinta) 8%, transparent); color: var(--tinta); font-size: 14px; }
.mr-motos button small { font-size: 11px; font-weight: 600; color: var(--tinta-2); text-align: center; }
.mr-motos button[aria-pressed="true"] { border-color: var(--tinta); background: var(--tinta); color: #fff; }
.mr-motos button[aria-pressed="true"] .av { background: var(--brasa); color: #fff; }
.mr-motos button[aria-pressed="true"] small { color: rgba(255, 255, 255, .75); }
.mr-pe { display: grid; grid-template-columns: auto 1fr; gap: 8px; }
.ent-lista { overflow-x: hidden; min-width: 0; }
.ent-gerente { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) !important; }
.mr, .mr-rota, .mr-motos { min-width: 0; }
.mr-motos { grid-template-columns: repeat(auto-fill, minmax(88px, 1fr)); }

/* pagamento dos motoboys */
.pg-cab { display: flex; align-items: baseline; justify-content: space-between; margin-top: 8px; }
.pg-cab h4 { margin: 0; }
.pg-cab b { font: 700 18px var(--f-titulo); }
.pg-regra { margin: -4px 0 4px; font-size: 12px; color: var(--tinta-2); }
.pg-moto { border-radius: 14px; }
.pg-moto.aberto { background: color-mix(in srgb, var(--tinta) 4%, transparent); }
.pg-moto .ent-moto { width: 100%; text-align: left; grid-template-columns: 34px 1fr auto auto; }
.pg-valor { font: 700 15px var(--f-titulo); }
.pg-lista { list-style: none; margin: 0; padding: 0 10px 10px 54px; display: grid; gap: 6px; max-height: 220px; overflow-y: auto; }
.pg-lista li { display: grid; grid-template-columns: 44px 1fr auto; gap: 8px; align-items: baseline; font-size: 13px; padding-bottom: 6px; border-bottom: 1px dashed var(--linha); }
.pg-lista li > span:first-child { color: var(--tinta-2); font-variant-numeric: tabular-nums; }
.pg-lista small { margin-left: 6px; color: var(--tinta-2); }
