/* SLJ-28.29.0 — história, painel (pedidos + atendimento), sem calculadora, app do entregador, rádio (segure para falar), estrela no plano */

/* nossa história */
.hist .dupla{align-items:center}
.hist .sub b{color:var(--nv)}
.hist .sub+.sub{margin-top:12px}
.hist-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hist-cards>div{padding:20px;border-radius:20px;background:#fff;border:1px solid var(--bd);box-shadow:0 24px 50px -36px rgba(15,31,77,.45)}
.hist-cards span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff4cc;font-size:22px;margin-bottom:12px}
.hist-cards b{display:block;font:800 16px/1.25 Sora,Inter,sans-serif;color:var(--nv)}
.hist-cards small{display:block;margin-top:6px;color:var(--tx2);font-size:14px;line-height:1.45}

/* sem comissão (no lugar da calculadora) */
.perda{grid-template-columns:1fr 1fr!important}
.semcom{position:relative;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(160deg,#0f1f4d,#2056d8)!important;border:0!important;color:#fff}
.semcom h3{color:#fff;font-size:26px!important}
.semcom>p{color:#c9d4f2!important}
.selo-sc{display:inline-grid;place-items:center;width:84px;height:84px;margin-bottom:18px;border-radius:24px;background:var(--am);color:var(--nv);font:800 30px Sora,sans-serif}
.lista-sc{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:12px}
.lista-sc li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;line-height:1.45}
.lista-sc li:before{content:"✓";flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--am);color:var(--nv);font-weight:900;font-size:12px;margin-top:1px}

/* painel: pedidos + atendimento */
.painel-mock{margin:0 auto 34px;max-width:1040px;border-radius:24px;background:#fff;border:1px solid var(--bd);box-shadow:0 40px 90px -40px rgba(15,31,77,.5);overflow:hidden;text-align:left}
.pm-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--bd);background:#f7f9fd}
.pm-top>b{font:800 16px Sora,sans-serif;margin-right:auto}
.pm-on{color:var(--verde);font-weight:700;font-size:13.5px}
.pm-chip{padding:6px 10px;border-radius:10px;background:#fff;border:1px solid var(--bd);font-size:12.5px;font-weight:700;color:var(--tx2)}
.pm-cols{display:grid;grid-template-columns:1.1fr 1fr}
.pm-ped,.pm-chat{padding:18px 20px}
.pm-chat{border-left:1px solid var(--bd);background:#fbfcff}
.pm-cols h4{margin:0 0 12px;font:800 15px Sora,sans-serif;color:var(--nv)}
.pm-k{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.pm-k div{padding:10px 12px;border-radius:12px;background:#f4f7fd}
.pm-k small{display:block;color:var(--tx3);font-size:12px}
.pm-k b{font:800 20px Sora,sans-serif;color:var(--nv)}
.pm-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--bd)}
.pm-row>span{font-weight:800;color:var(--tx3);font-size:13px;width:40px}
.pm-row>div{flex:1;min-width:0}
.pm-row b{display:block;font-size:14px}
.pm-row small{color:var(--tx3);font-size:12.5px}
.pm-row em{font-style:normal;font-size:12px;font-weight:800;padding:4px 9px;border-radius:999px;white-space:nowrap}
.pm-row.novo em{background:#ffe9e9;color:#c62828}
.pm-row.prep em{background:#fff4cc;color:#8a6100}
.pm-row.rota em{background:#e8f0ff;color:var(--az)}
.pm-row.ok em{background:#e7f8ee;color:#137a3a}
.pm-row.novo{animation:pmPisca 2.4s ease-in-out infinite}
.pm-conv{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:14px}
.pm-conv.on{background:#e8f0ff}
.pm-av{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--nv);color:#fff;font-weight:800;font-size:13px}
.pm-conv>div{flex:1;min-width:0}
.pm-conv b{display:flex;align-items:center;gap:6px;font-size:14px;flex-wrap:wrap}
.pm-conv small{display:block;color:var(--tx3);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-conv i{font-style:normal;font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:999px}
.o-wa{background:#dcf8e6;color:#128c4a}.o-web{background:#e8f0ff;color:var(--az)}.o-ia{background:#fff4cc;color:#8a6100}
.pm-conv>em{font-style:normal;display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--verde);color:#fff;font-size:11px;font-weight:800}
.pm-msg{display:grid;gap:8px;margin-top:10px;padding:12px;border-radius:14px;background:#f1f4fb}
.pm-msg .b{max-width:85%;padding:9px 12px;border-radius:14px;font-size:13.5px;line-height:1.4}
.pm-msg .c{background:#fff;border:1px solid var(--bd);border-bottom-left-radius:4px}
.pm-msg .l{justify-self:end;background:var(--az);color:#fff;border-bottom-right-radius:4px}

/* app do entregador */
.app-ent{margin-top:14px;padding:14px;border-radius:18px;background:#0f1f4d;color:#fff}
.ae-top{display:flex;align-items:center;gap:10px}
.ae-top>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#ffc928;font-size:19px}
.ae-top>div{flex:1}
.ae-top b{display:block;font-size:14px}
.ae-top small{color:#9fb2e6;font-size:12px}
.ae-top button{border:0;padding:9px 12px;border-radius:999px;background:#e53935;color:#fff;font:800 12.5px Inter,sans-serif;box-shadow:0 0 0 0 rgba(229,57,53,.6);animation:aeRing 2s infinite;pointer-events:none}
.ae-k{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.ae-k div{padding:10px;border-radius:12px;background:rgba(255,255,255,.08)}
.ae-k small{display:block;color:#9fb2e6;font-size:11.5px}
.ae-k b{font:800 16px Sora,sans-serif}
.ae-k b.v{color:#7ee2a8}

/* rádio: segure para falar */
.dm-ptt{display:flex;align-items:center;gap:12px;margin:14px 16px 0;padding:12px 14px;border-radius:18px;background:#0f1f4d;color:#fff}
.pt-av{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#ffc928;font-size:19px;flex:none}
.pt-txt{flex:1;min-width:0}
.pt-txt b{display:block;font-size:13.5px}
.pt-st{color:#9fb2e6;font-size:12.5px}
.pt-bt{position:relative;flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#2056d8;font-size:24px;box-shadow:0 0 0 4px rgba(255,255,255,.12);transition:transform .15s,background .15s}
.pt-dedo{position:absolute;right:-6px;bottom:-14px;font-style:normal;font-size:22px;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}
.dm-cena[data-quem="moto"] .pt-bt{background:#e53935;transform:scale(.92);animation:aeRing 1s infinite}
.dm-cena[data-quem="moto"] .pt-dedo{opacity:1;transform:none}
.dm-cena[data-quem="moto"] .pt-st{color:#ff9e9b;font-weight:700}
.dm-cena[data-quem="loja"] .pt-bt{background:#16a34a}
.dm-cena[data-quem="loja"] .pt-st{color:#7ee2a8;font-weight:700}

/* estrela do plano em destaque */
.plano h3 .estrela{color:var(--am);font-size:.9em;filter:drop-shadow(0 2px 4px rgba(255,180,0,.45))}

@keyframes pmPisca{0%,100%{background:transparent}50%{background:#fff7f7}}
@keyframes aeRing{0%{box-shadow:0 0 0 0 rgba(229,57,53,.55)}100%{box-shadow:0 0 0 14px rgba(229,57,53,0)}}

@media (max-width:860px){
  .hist-cards{grid-template-columns:1fr 1fr;gap:10px}
  .hist-cards>div{padding:14px}
  .perda{grid-template-columns:1fr!important}
  .pm-cols{grid-template-columns:1fr}
  .pm-chat{border-left:0;border-top:1px solid var(--bd)}
  .pm-top .pm-chip{display:none}
  .ae-top button{display:none}
}
@media (prefers-reduced-motion:reduce){.pm-row.novo,.ae-top button,.dm-cena .pt-bt{animation:none!important}}
.hist .sub b.verm{color:#d92d20}