/* V75.185 — cards do quadro de pedidos: tempo, etiquetas e botão da próxima etapa no card fechado; abas no celular. */

/* ---------- card ---------- */
.order-card.oc185{position:relative}
.oc185 .order-summary-main{gap:4px;width:100%}
.oc185 .oc-linha1{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;width:100%}
.oc185 .oc-linha1>strong{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-width:0}
.oc-tempo{flex:none;font-size:11px;font-weight:800;line-height:1.2;padding:3px 8px;border-radius:999px;white-space:nowrap}
.oc-tempo.t-ok{background:#e5f5ea;color:#1d7a41}
.oc-tempo.t-at{background:#fff1d6;color:#9a6200}
.oc-tempo.t-late{background:#ffe3e3;color:#b42318}
.oc-tempo.t-fim{background:#f1f2f4;color:#6b7280}
.oc-pronto{color:#2e7d4f;font-weight:700}
.oc-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px;width:100%}
.oc-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;line-height:1.25;padding:3px 7px;border-radius:7px;background:#f2f4f7;color:#3b4552;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.oc-tag i{font-size:10px}
.oc-tag.t-ret{background:#efe8ff;color:#5b34b0}
.oc-tag.t-pago{background:#e5f5ea;color:#1d7a41}
.oc-tag.t-din{background:#fff4dc;color:#8a5a00}
.oc-tag.t-espera{background:#eef2f6;color:#5b6573;border:1px dashed #a9b3bf}
.oc-tag.t-recusado{background:#ffe3e3;color:#b42318}

/* no quadro o card fechado tem o total embaixo e o botão da próxima etapa à direita */
.oc-quadro .order-summary{flex-direction:column;align-items:stretch;gap:8px;padding:11px 12px 12px}
.oc-quadro .order-summary-side{justify-content:flex-start;max-width:none!important;min-height:34px}
.oc-quadro .order-summary-side>b{font-size:15px}
.oc-quadro .order-chevron{display:none}
.oc-quadro .order-summary-main small{white-space:normal}
.oc-rapido{position:absolute;right:12px;bottom:12px;min-height:34px;max-width:58%;padding:7px 12px;border:0;border-radius:9px;font-weight:800;font-size:12px;line-height:1.15;cursor:pointer;background:#f0b43a;color:#1f2933;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.oc-rapido:hover{filter:brightness(.96)}
.oc-rapido:focus-visible{outline:2px solid #1f2933;outline-offset:2px}
.oc-rapido:disabled{cursor:not-allowed}
.oc-rapido.r-pronto{background:#1f6feb;color:#fff}
.oc-rapido.r-enviar{background:#2e9e57;color:#fff}
.oc-rapido.r-entregue{background:#7a4fd0;color:#fff}
.oc-rapido.r-alerta{background:#c62828;color:#fff}
.oc-rapido.r-off{background:#e4e7eb;color:#6b7280}
/* o botão rápido some quando o card está aberto (no detalhe já há os botões completos) */
.order-card.expanded .oc-rapido,#pedido-detalhe-overlay .oc-rapido{display:none}

/* Pix/cartão ainda não pago: card apagado e listrado */
.oc-espera .order-summary{background:repeating-linear-gradient(135deg,#fff,#fff 8px,#f7f8fa 8px,#f7f8fa 16px)}
.oc-espera.oc-quadro .order-summary-main,.oc-espera.oc-quadro .order-summary-side{opacity:.75}
/* código travado: borda vermelha */
.oc-travado.oc-quadro{box-shadow:0 0 0 2px #c62828}

/* ---------- abas do quadro (só no celular) ---------- */
.kds-abas{display:none}
.order-date-chip{display:none}
@media(max-width:640px){
  .kds-abas{display:flex;gap:4px;position:sticky;top:0;z-index:5;margin:-4px -4px 10px;padding:6px 4px;background:var(--card,#fff)}
  .kds-aba{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;min-height:40px;padding:6px 2px;border:0;border-radius:10px;background:#f2f3f5;color:#4b5563;font-weight:800;font-size:12px;white-space:nowrap;cursor:pointer}
  .kds-aba i{font-style:normal;min-width:18px;padding:1px 5px;border-radius:999px;background:#fff;color:#1f2933;font-size:11px}
  .kds-aba.on{background:#f0b43a;color:#1f2933}
  .kds-aba.alerta i{background:#c62828;color:#fff}
  .kds-board[data-aba]>.kds-column{display:none}
  .kds-board[data-aba="pendentes"]>.kds-pendentes,.kds-board[data-aba="preparo"]>.kds-preparo,.kds-board[data-aba="prontos"]>.kds-prontos,.kds-board[data-aba="rota"]>.kds-rota{display:block}
  .kds-board[data-aba]>.kds-column>header{display:none}
  .kds-board[data-aba]>.kds-column{background:transparent;border:0;padding:0;min-height:0}
  /* filtro de data: vira o botão "Hoje ▾" ao lado da busca */
  .order-search-row{display:flex;gap:8px;align-items:stretch}
  .order-search-row .order-search{flex:1;min-width:0;margin:0}
  .order-date-chip{display:inline-flex;align-items:center;gap:6px;flex:none;padding:0 12px;border:1px solid var(--line,#e5e7eb);border-radius:12px;background:#fff;font-weight:800;font-size:13px;color:#1f2933;cursor:pointer}
  .order-date-chip .fa-chevron-down{font-size:10px}
  .order-date-filter{display:none!important}
  .order-date-filter.aberto{display:flex!important}
}

/* o admin-style antigo transforma o resumo em grade de 2 colunas no celular: no card novo é uma coluna só */
.kds-column .order-card.oc-quadro .order-summary{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px}
.kds-column .order-card.oc-quadro .order-summary-main,.kds-column .order-card.oc-quadro .order-summary-side{width:100%}
.kds-column .order-card.oc-quadro .oc-linha1>strong{display:flex!important;font-size:14px}
.kds-column .order-card.oc-quadro .order-summary-side{justify-content:flex-start!important}
/* no detalhe (janela) o topo também fica em uma coluna: número + tempo, etiquetas, total + situação */
#pedido-detalhe-overlay .order-card.oc185 .order-summary{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px}
#pedido-detalhe-overlay .order-card.oc185 .order-summary-main,#pedido-detalhe-overlay .order-card.oc185 .order-summary-side{width:100%;max-width:none}
#pedido-detalhe-overlay .order-card.oc185 .order-summary-side{justify-content:space-between!important}
#pedido-detalhe-overlay .order-card.oc185 .oc-linha1>strong{display:flex!important}
#pedido-detalhe-overlay .order-card.oc185 .order-chevron{display:none}
/* V75.188 — pedido de entrega ainda sem entregador (só para lojas com entregador próprio) */
.oc-tag.ent-sem-tag{background:#fff1d6;color:#9a6200;border:1px dashed #e0b25a}
#pedido-detalhe-overlay .ent-atribuir{margin-top:8px;width:100%}