/* ===== Central de pedidos (G-MDS-A). Prefixo pd-. Tokens --mds-*. ===== */
.pd-conts { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.pd-chip { display: inline-flex; align-items: baseline; gap: 8px; padding: 8px 14px; border: 1px solid var(--mds-borda); border-radius: 999px; background: var(--mds-superficie); color: var(--mds-texto); font: inherit; cursor: pointer; }
.pd-chip b { font-size: 18px; line-height: 1; }
.pd-chip span { font-size: 13px; color: var(--mds-apoio); }
.pd-chip:hover { border-color: var(--mds-primaria); }
.pd-chip[aria-pressed="true"] { background: var(--mds-primaria); border-color: var(--mds-primaria); color: var(--mds-sobre-cor); }
.pd-chip[aria-pressed="true"] span { color: color-mix(in srgb, var(--mds-sobre-cor) 85%, transparent); }
.pd-chip-erro b { color: var(--mds-erro); }
.pd-chip-erro[aria-pressed="true"] b { color: var(--mds-sobre-cor); }

.pd-cartao { padding: 14px 16px; margin-bottom: 14px; }
.pd-filtros { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; align-items: end; margin-bottom: 8px; }
.pd-filtros .mds-campo { margin: 0; }
.pd-limpa { justify-self: start; padding-bottom: 8px; background: none; border: 0; cursor: pointer; font: inherit; }
.pd-topo-lista { display: flex; justify-content: space-between; align-items: center; padding: 6px 2px 8px; border-bottom: 1px solid var(--mds-borda); }
.pd-vivo-dica { display: inline-flex; align-items: center; gap: 6px; }
.pd-ponto { width: 8px; height: 8px; border-radius: 50%; background: var(--mds-ok); animation: pd-pulso 1.6s ease-in-out infinite; }
@keyframes pd-pulso { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .35; transform: scale(.7); } }

/* linha da lista */
.pd-lin { display: grid; grid-template-columns: 34px 120px minmax(150px, 1.1fr) minmax(220px, 1.6fr) 36px 110px; gap: 12px; align-items: center; padding: 10px 6px; border-bottom: 1px solid var(--mds-borda); color: var(--mds-texto); text-decoration: none; }
.pd-lin:hover { background: var(--mds-fundo); }
.pd-lin:last-child { border-bottom: 0; }
.pd-lin b { display: block; font-weight: 600; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pd-lin small { display: block; font-size: 12px; color: var(--mds-apoio); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pd-canal { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: var(--mds-info-suave); color: var(--mds-info); }
.pd-canal-whatsapp { background: var(--mds-ok-suave); color: var(--mds-ok); }
.pd-canal-web { background: var(--mds-fundo); color: var(--mds-apoio); }
.pd-num, .pd-qm { min-width: 0; }
.pd-andar { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.pd-agora { font-style: normal; font-size: 12px; color: var(--mds-apoio); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pd-st-pendencia .pd-agora { color: var(--mds-erro); }
.pd-resp { display: flex; justify-content: center; }
.pd-st { display: flex; justify-content: flex-end; }
.pd-av { width: 28px; height: 28px; font-size: 11px; }

/* barra de 6 etapas */
.pd-bar { display: grid; grid-template-columns: repeat(6, 1fr); gap: 3px; }
.pd-seg { height: 7px; border-radius: 4px; background: var(--mds-borda); overflow: hidden; display: block; }
.pd-seg i { display: block; height: 100%; width: 0; border-radius: 4px; transition: width .8s ease; }
.pd-seg-ok i { background: var(--mds-ok); }
.pd-seg-vivo i { background: var(--mds-acento); animation: pd-anda 1.4s ease-in-out infinite; }
.pd-seg-erro i { background: var(--mds-erro); }
@keyframes pd-anda { 0%, 100% { opacity: 1; } 50% { opacity: .55; } }
.pd-mais { padding: 10px 0 2px; text-align: center; }

/* detalhe */
.pd-barra-cx { padding: 18px 18px 14px; }
.pd-passos { display: flex; align-items: center; gap: 0; }
.pd-passo { display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 64px; }
.pd-passo-bola { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--mds-fundo); border: 2px solid var(--mds-borda); color: var(--mds-apoio); font-size: 13px; font-weight: 600; }
.pd-passo-rot { font-size: 12px; color: var(--mds-apoio); text-align: center; }
.pd-passo-ok .pd-passo-bola { background: var(--mds-ok); border-color: var(--mds-ok); color: var(--mds-sobre-cor); }
.pd-passo-ok .pd-passo-rot { color: var(--mds-texto); }
.pd-passo-vivo .pd-passo-bola { border-color: var(--mds-acento); color: var(--mds-primaria); background: var(--mds-acento-suave); animation: pd-anda 1.4s ease-in-out infinite; }
.pd-passo-vivo .pd-passo-rot { color: var(--mds-primaria); font-weight: 600; }
.pd-passo-erro .pd-passo-bola { background: var(--mds-erro); border-color: var(--mds-erro); color: var(--mds-sobre-cor); }
.pd-passo-erro .pd-passo-rot { color: var(--mds-erro); font-weight: 600; }
.pd-passo-lig { flex: 1; height: 2px; background: var(--mds-borda); margin-bottom: 22px; min-width: 8px; }
.pd-passo-lig-ok { background: var(--mds-ok); }
.pd-agorabl { margin: 14px 0 0; padding-top: 12px; border-top: 1px solid var(--mds-borda); display: flex; align-items: center; gap: 8px; font-size: 14px; }
.pd-agorabl-ok { color: var(--mds-ok); }
.pd-agorabl-erro { color: var(--mds-erro); }
.pd-gira { display: inline-block; width: 12px; height: 12px; border: 2px solid var(--mds-borda); border-top-color: var(--mds-acento); border-radius: 50%; animation: pd-gira .8s linear infinite; flex: none; }
@keyframes pd-gira { to { transform: rotate(360deg); } }

.pd-grade { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 14px; align-items: start; }
.pd-col { min-width: 0; }
.pd-h { margin: 0 0 10px; font-size: 15px; display: flex; align-items: center; gap: 8px; }
.pd-h small { color: var(--mds-apoio); font-weight: 400; font-size: 12px; }
.pd-rot { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: var(--mds-apoio); }

/* mensagem original */
.pd-mail { border: 1px solid var(--mds-borda); border-radius: var(--mds-raio); overflow: hidden; background: var(--mds-superficie); }
.pd-mail-cab { padding: 10px 12px; background: var(--mds-fundo); display: grid; gap: 4px; font-size: 13px; }
.pd-mail-cab div { display: grid; grid-template-columns: 70px minmax(0, 1fr); gap: 8px; }
.pd-mail-cab span { color: var(--mds-apoio); }
.pd-mail-cab b { font-weight: 500; overflow-wrap: anywhere; }
.pd-mail-corpo { padding: 12px; white-space: pre-wrap; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.pd-anexo { display: inline-flex; align-items: center; gap: 6px; margin: 0 12px 12px; padding: 6px 10px; border: 1px solid var(--mds-borda); border-radius: 8px; font-size: 13px; background: var(--mds-fundo); }
.pd-zap { background: var(--mds-superficie-2); border-radius: var(--mds-raio); padding: 10px; display: flex; flex-direction: column; gap: 6px; }
.pd-zap-cab { padding: 2px 4px 6px; }
.pd-zap-cab b { display: block; font-size: 14px; }
.pd-zap-cab small { color: var(--mds-apoio); font-size: 12px; }
.pd-zap-b { align-self: flex-start; max-width: 88%; background: var(--mds-superficie); border-radius: 4px 12px 12px 12px; padding: 7px 10px 4px; box-shadow: var(--mds-sombra); }
.pd-zap-b p { margin: 0; font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; }
.pd-zap-b .pd-anexo { margin: 0; }
.pd-zap-b small { display: block; text-align: right; font-size: 11px; color: var(--mds-apoio); }
.pd-web dl { margin: 0; display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 6px 10px; font-size: 14px; }
.pd-web dt { color: var(--mds-apoio); }
.pd-web dd { margin: 0; overflow-wrap: anywhere; }
.pd-web-txt { white-space: pre-wrap; }

/* o que o agente entendeu */
.pd-ent-top { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; margin-bottom: 12px; }
.pd-ent-top b { font-size: 14px; overflow-wrap: anywhere; }
.pd-conf-ok { color: var(--mds-ok); }
.pd-conf-aviso { color: var(--mds-aviso); }
.pd-conf-erro { color: var(--mds-erro); }
.pd-campos { width: 100%; border-collapse: collapse; font-size: 13px; }
.pd-campos th { text-align: left; font-weight: 500; color: var(--mds-apoio); padding: 4px 6px; border-bottom: 1px solid var(--mds-borda); }
.pd-campos td { padding: 6px; border-bottom: 1px solid var(--mds-borda); vertical-align: middle; overflow-wrap: anywhere; }
.pd-mini { display: inline-block; width: 44px; height: 6px; border-radius: 3px; background: var(--mds-borda); vertical-align: middle; overflow: hidden; margin-right: 4px; }
.pd-mini i { display: block; height: 100%; background: var(--mds-acento); }

/* linha do tempo */
.pd-tl { display: flex; flex-direction: column; gap: 6px; }
.pd-et { border: 1px solid var(--mds-borda); border-radius: 8px; background: var(--mds-superficie); }
.pd-et-sum { display: flex; align-items: center; gap: 8px; padding: 8px 10px; cursor: pointer; list-style: none; font-size: 14px; }
.pd-et-sum::-webkit-details-marker { display: none; }
.pd-et-sum small { margin-left: auto; color: var(--mds-apoio); font-size: 12px; text-align: right; }
.pd-et-ic { width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; flex: none; background: var(--mds-fundo); }
.pd-et-ok .pd-et-ic { background: var(--mds-ok-suave); color: var(--mds-ok); }
.pd-et-erro { border-color: var(--mds-erro); }
.pd-et-erro .pd-et-ic { background: var(--mds-erro-suave); color: var(--mds-erro); }
.pd-et-vivo { border-color: var(--mds-acento); }
.pd-et-espera { opacity: .6; }
.pd-et-espera .pd-et-sum { cursor: default; }
.pd-log { list-style: none; margin: 0; padding: 4px 10px 10px 38px; display: grid; gap: 4px; }
.pd-log li { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 8px; font-size: 13px; }
.pd-log time { color: var(--mds-apoio); font-variant-numeric: tabular-nums; }
.pd-log small { display: block; color: var(--mds-apoio); font-size: 12px; }
.pd-l-erro span { color: var(--mds-erro); }
.pd-l-erro small { color: var(--mds-erro); }
.pd-l-vivo span { color: var(--mds-primaria); }
.pd-pend { margin-top: 10px; }

.pd-acoes-bt { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.pd-acoes .mds-sub { margin: 0; }
.pd-hist { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; font-size: 13px; }
.pd-hist time { display: block; color: var(--mds-apoio); font-size: 12px; }

/* formulários */
.pd-form { display: grid; gap: 12px; }
.pd-form-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.pd-form textarea { width: 100%; box-sizing: border-box; font: inherit; padding: 8px 10px; border: 1px solid var(--mds-borda); border-radius: 8px; resize: vertical; }
.pd-form select, .pd-filtros select { width: 100%; }
.pd-chk { display: flex; align-items: center; gap: 8px; font-size: 14px; }
.pd-atalho { display: inline-flex; align-items: center; gap: 6px; }

@media (max-width: 960px) {
  .pd-grade { grid-template-columns: minmax(0, 1fr); }
  .pd-lin { grid-template-columns: 34px minmax(0, 1fr) 100px; grid-template-areas: "c qm st" "c num st" "andar andar andar"; row-gap: 6px; }
  .pd-lin .pd-canal { grid-area: c; }
  .pd-lin .pd-qm { grid-area: qm; }
  .pd-lin .pd-num { grid-area: num; display: flex; gap: 8px; align-items: baseline; }
  .pd-lin .pd-num b { display: inline; }
  .pd-lin .pd-num small { display: inline; }
  .pd-lin .pd-st { grid-area: st; }
  .pd-lin .pd-andar { grid-area: andar; }
  .pd-lin .pd-resp { display: none; }
}
@media (max-width: 560px) {
  .pd-passo { min-width: 0; }
  .pd-passo-rot { font-size: 10px; }
  .pd-passo-bola { width: 24px; height: 24px; font-size: 11px; }
  .pd-passo-lig { margin-bottom: 18px; min-width: 2px; }
  .pd-form-2 { grid-template-columns: 1fr; }
  .pd-log li { grid-template-columns: 56px minmax(0, 1fr); }
  .pd-et-sum { flex-wrap: wrap; }
  .pd-et-sum small { margin-left: 28px; width: 100%; text-align: left; }
  .pd-campos th:nth-child(3), .pd-campos td:nth-child(3) { white-space: nowrap; }
  .pd-mail-cab div { grid-template-columns: 56px minmax(0, 1fr); }
  .pd-chip { padding: 6px 10px; }
}
@media (prefers-reduced-motion: reduce) { .pd-ponto, .pd-seg-vivo i, .pd-passo-vivo .pd-passo-bola, .pd-gira { animation: none; } }