/* PedidoPop 2.3.6 — card operacional compacto e legível. */
.pp-order-state-form{margin:0;min-width:0}
.pp-order-state-form .pp-order-state-action{width:100%}
.pp-order-card-v21{
  --order-accent:#e51c23;
  --order-soft:#fff1f2;
  --order-ink:#101828;
  --order-muted:#667085;
  display:grid;
  gap:12px;
  padding:16px;
  border:1px solid #e7ebf1;
  border-radius:24px;
  background:#fff;
  box-shadow:0 14px 36px rgba(15,23,42,.08);
  overflow:hidden;
  transition:opacity .22s ease,transform .22s ease,box-shadow .22s ease;
}
.pp-order-card-v21[data-status="recebido"]{--order-accent:#ea580c;--order-soft:#fff3e8}
.pp-order-card-v21[data-status="preparo"]{--order-accent:#d97706;--order-soft:#fff8df}
.pp-order-card-v21[data-status="saiu_entrega"]{--order-accent:#2563eb;--order-soft:#eaf3ff}
.pp-order-card-v21[data-status="pronto_retirada"]{--order-accent:#7c3aed;--order-soft:#f3edff}
.pp-order-card-v21[data-status="finalizado"]{--order-accent:#16a34a;--order-soft:#eafaf0}
.pp-order-card-v21[data-status="cancelado"]{--order-accent:#dc2626;--order-soft:#fff0f1}
.pp-order-card-v21 img.emoji{width:1em;height:1em;margin:0 .15em 0 0;vertical-align:-.12em}
.pp-order-card-v21__header{display:grid;gap:9px;padding-bottom:12px;border-bottom:1px solid #edf0f4}
.pp-order-card-v21__header-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pp-order-card-v21__code{display:inline-flex;align-items:center;max-width:65%;min-height:25px;padding:4px 9px;border-radius:999px;background:#ecfdf3;color:#15803d;font-size:11px;line-height:1;font-weight:950;letter-spacing:.025em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-order-card-v21__header-meta time{color:#7b8494;font-size:11px;font-weight:800;text-align:right}
.pp-order-card-v21__header-main{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.pp-order-card-v21__identity{min-width:0;display:grid;gap:4px}
.pp-order-card-v21__identity h3{margin:0;color:var(--order-ink);font-size:20px;line-height:1.12;font-weight:950;letter-spacing:-.035em;overflow-wrap:anywhere}
.pp-order-card-v21__identity p{margin:0;color:var(--order-muted);font-size:12px;font-weight:750}
.pp-order-card-v21__total{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border:1px solid #e6eaf0;border-radius:999px;background:#f8fafc;color:var(--order-ink);font-size:15px;font-weight:950;white-space:nowrap}
.pp-order-card-v21__eyebrow,.pp-order-card-v21__section-label{font-size:10.5px;line-height:1.2;font-weight:900;letter-spacing:.075em;text-transform:uppercase;color:#7b8494}
.pp-order-card-v21__fulfillment{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid #cfe0fb;border-radius:17px;background:#f1f7ff;color:#1e3a8a}
.pp-order-card-v21__fulfillment--pickup{border-color:#eadcff;background:#f7f2ff;color:#6d28d9}
.pp-order-card-v21__fulfillment>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#fff;font-size:20px;line-height:1;box-shadow:0 5px 14px rgba(15,23,42,.06)}
.pp-order-card-v21__fulfillment div{display:grid;gap:2px;min-width:0}
.pp-order-card-v21__fulfillment small{font-size:9.5px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;opacity:.72}
.pp-order-card-v21__fulfillment strong{font-size:14px;font-weight:950}
.pp-order-card-v21__fulfillment em{font-size:11px;line-height:1.25;font-style:normal;font-weight:850;text-align:right}
.pp-order-card-v21__summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pp-order-card-v21__summary span{display:flex;align-items:center;min-width:0;min-height:34px;padding:7px 10px;border:1px solid #e8ecf2;border-radius:13px;background:#fbfcfd;color:#536071;font-size:11.5px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-order-card-v21__progress{padding:12px 10px;border:1px solid #edf0f4;border-radius:18px;background:#fafbfc}
.pp-order-timeline--card{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.pp-order-timeline--card::before{content:"";position:absolute;left:10%;right:10%;top:16px;height:3px;border-radius:999px;background:#e5e7eb}
.pp-order-timeline--card .pp-order-timeline__step{position:relative;z-index:1;display:grid;justify-items:center;gap:6px;text-align:center;color:#98a1ae;font-size:9.5px;font-weight:850;line-height:1.15}
.pp-order-timeline--card .pp-order-timeline__step i{display:grid;place-items:center;width:34px;height:34px;border:2px solid #d8dde5;border-radius:50%;background:#fff;font-style:normal;font-size:15px;box-shadow:0 3px 10px rgba(15,23,42,.06);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.pp-order-timeline--card .pp-order-timeline__step.is-active{color:var(--order-ink)}
.pp-order-timeline--card .pp-order-timeline__step.is-active i{border-color:var(--order-accent);background:var(--order-soft)}
.pp-order-timeline--card .pp-order-timeline__step.is-current i{box-shadow:0 0 0 5px color-mix(in srgb,var(--order-accent) 13%,transparent)}
.pp-order-card-v21__state-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.pp-order-card-v21__state,.pp-order-card-v21__next{display:grid;align-content:start;gap:6px;padding:12px;border:1px solid #e8ecf2;border-radius:16px;background:#fff}
.pp-order-card-v21__state{border-color:color-mix(in srgb,var(--order-accent) 24%,#e8ecf2);background:linear-gradient(180deg,var(--order-soft),#fff)}
.pp-order-card-v21__status-line{display:flex;align-items:center;gap:7px}
.pp-order-card-v21__status-line i{font-style:normal;font-size:15px}
.pp-order-card-v21__status-line strong,.pp-order-card-v21__next strong{color:var(--order-ink);font-size:14px;line-height:1.2;font-weight:950}
.pp-order-card-v21__state p,.pp-order-card-v21__next p{margin:0;color:var(--order-muted);font-size:11.5px;line-height:1.4;font-weight:700}
.pp-order-card-v21__actions{display:grid;gap:8px}
.pp-order-card-v21__action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pp-order-card-v21__action{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:44px;padding:9px 11px;border:0;border-radius:14px;background:var(--order-accent);color:#fff;font:inherit;font-size:12.5px;font-weight:950;cursor:pointer;box-shadow:0 9px 20px color-mix(in srgb,var(--order-accent) 20%,transparent);transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}
.pp-order-card-v21__action:hover{transform:translateY(-1px)}
.pp-order-card-v21__action--cancel_order{border:1px solid #fecdd3;background:#fff;color:#c81e2b;box-shadow:none}
.pp-order-card-v21__action--reopen_order,.pp-order-card-v21__action--correct_status{border:1px solid #dce2ea;background:#fff;color:#475569;box-shadow:none}
.pp-order-card-v21__closed{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:42px;padding:9px 12px;border-radius:14px;background:var(--order-soft);color:var(--order-accent);font-size:12.5px;font-weight:950}
.pp-order-card-v21__footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-top:11px;border-top:1px solid #edf0f4}
.pp-order-card-v21__utility{display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px;border:1px solid #e0e5ec;border-radius:12px;background:#fff;color:#253044;text-decoration:none;font-size:11.5px;font-weight:900;text-align:center}
.pp-order-card-v21__utility--whatsapp{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}
.pp-order-card-v21__driver{display:grid;gap:8px;padding:12px;border:1px solid #e8ecf2;border-radius:16px;background:#f8fafc}
.pp-order-card-v21__driver .pp-driver-assign-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:0}
.pp-order-card-v21__driver select{min-width:0;min-height:40px;padding:8px 10px;border:1px solid #dce2ea;border-radius:12px;background:#fff}
.pp-order-card-v21__driver .pp-mini-btn{min-height:40px;border-radius:12px}
.pp-order-state-form--correction{grid-column:1/-1;padding-top:7px;margin-top:2px;border-top:1px dashed #d9dee7}
.pp-order-state-action:disabled{cursor:wait;opacity:.62;transform:none;box-shadow:none}
.pp-order-action-spinner{width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ppOrderActionSpin .72s linear infinite}
.pp-order-card-v21.is-order-entering{opacity:0;transform:translateY(10px) scale(.992)}
.pp-order-card-v21.is-order-entering.is-order-entered{opacity:1;transform:translateY(0) scale(1);transition-delay:calc(var(--pp-order-enter-index,0) * 34ms)}
.pp-order-card-v21.is-status-updating{opacity:.68;transform:scale(.992);pointer-events:none}
.pp-order-card-v21.is-status-leaving{opacity:0;transform:translateY(-10px) scale(.982);pointer-events:none}
.pp-order-card-v21.is-status-updating .pp-order-timeline__step.is-current i{transform:scale(1.1)}
.pp-order-card-v21.is-order-entering.is-order-entered .pp-order-timeline__step.is-current i{animation:ppOrderTimelineArrive .42s ease-out both;animation-delay:calc(80ms + var(--pp-order-enter-index,0) * 34ms)}
.pp-order-card-v21.pp-hidden-by-filter{display:none}
@keyframes ppOrderActionSpin{to{transform:rotate(360deg)}}
@keyframes ppOrderTimelineArrive{0%{transform:scale(.78);box-shadow:0 0 0 0 color-mix(in srgb,var(--order-accent) 0%,transparent)}70%{transform:scale(1.1);box-shadow:0 0 0 8px color-mix(in srgb,var(--order-accent) 10%,transparent)}100%{transform:scale(1);box-shadow:0 0 0 5px color-mix(in srgb,var(--order-accent) 13%,transparent)}}
@media(max-width:640px){
  .pp-order-card-v21{gap:10px;padding:13px;border-radius:20px}
  .pp-order-card-v21__identity h3{font-size:17px}
  .pp-order-card-v21__header-meta time{font-size:10px}
  .pp-order-card-v21__total{font-size:13px;padding:7px 9px}
  .pp-order-card-v21__fulfillment{grid-template-columns:38px minmax(0,1fr);padding:10px}
  .pp-order-card-v21__fulfillment>span{width:38px;height:38px}
  .pp-order-card-v21__fulfillment em{grid-column:2;text-align:left}
  .pp-order-card-v21__summary{grid-template-columns:1fr 1fr}
  .pp-order-card-v21__state-grid{grid-template-columns:1fr}
  .pp-order-card-v21__action-grid{grid-template-columns:1fr}
  .pp-order-card-v21__footer{grid-template-columns:1fr 1fr}
  .pp-order-card-v21__footer>:last-child:nth-child(3){grid-column:1/-1}
  .pp-order-card-v21__driver .pp-driver-assign-form{grid-template-columns:1fr}
}
@media(max-width:390px){
  .pp-order-card-v21__header-main{align-items:flex-start}
  .pp-order-card-v21__summary{grid-template-columns:1fr}
  .pp-order-timeline--card{gap:2px}
  .pp-order-timeline--card .pp-order-timeline__step{font-size:8.5px}
  .pp-order-timeline--card .pp-order-timeline__step i{width:31px;height:31px;font-size:13px}
  .pp-order-timeline--card::before{top:14px}
}
@media(prefers-reduced-motion:reduce){
  .pp-order-action-spinner{animation:none}
  .pp-order-card-v21,.pp-order-card-v21 .pp-order-timeline__step i{transition:none;animation:none}
  .pp-order-card-v21.is-order-entering{opacity:1;transform:none}
}