/*
  Arquivo: ag-kanban-urgente-visual.css
  Origem: public/index.html
  Bloco original: <style id="kanban-urgente-visual-patch">
  Função: sinalização visual de urgência nos cards/listas do Kanban.
  Observação: extração passiva; não altera lógica JS, clique de cards ou integração Kanban → Histórico.
*/

/* ===== kanban-urgente-visual-patch ===== */
/* Kanban — sinalização visual para pedidos urgentes
   A lógica continua usando o campo `p.urgente`; este patch apenas melhora a leitura visual. */
#kanbanWrap .kanban-card.is-urgent{
  position: relative;
  border-color: rgba(239, 68, 68, .42) !important;
  box-shadow:
    0 1px 2px rgba(127, 29, 29, .08),
    0 8px 22px rgba(239, 68, 68, .14) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.94)),
    linear-gradient(135deg, rgba(239,68,68,.12), rgba(248,113,113,.04)) !important;
}
body:not([data-theme="light"]) #kanbanWrap .kanban-card.is-urgent{
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, #ef4444 4%), var(--surface)),
    linear-gradient(135deg, rgba(239,68,68,.18), rgba(127,29,29,.04)) !important;
  box-shadow:
    0 1px 2px rgba(0,0,0,.28),
    0 8px 22px rgba(239, 68, 68, .16) !important;
}
#kanbanWrap .kanban-card.is-urgent::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  border-radius:12px 0 0 12px;
  background:linear-gradient(180deg,#ef4444,#fb7185,#f97316);
  pointer-events:none;
}
#kanbanWrap .kanban-card.is-urgent.has-art::after,
#kanbanWrap .kanban-card.is-urgent:not(.has-art)::after{
  content:"⚡ URGENTE";
  position:absolute;
  top:8px;
  right:8px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:4px 8px;
  border-radius:999px;
  background:linear-gradient(135deg,#ef4444,#f97316);
  color:#fff;
  font-size:9px;
  line-height:1;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
  box-shadow:0 6px 14px rgba(239,68,68,.24);
}
#kanbanWrap .kanban-card.is-urgent .kanban-card-art{
  border-bottom-color: rgba(239,68,68,.25) !important;
}
#kanbanWrap .kanban-card.is-urgent .kanban-card-art img{
  filter:saturate(1.05) contrast(1.03);
}
#kanbanWrap .kanban-card.is-urgent .kanban-card-num{
  color:#dc2626 !important;
  padding-left:4px;
}
#kanbanWrap .kanban-card.is-urgent .kanban-card-cliente{
  color:color-mix(in srgb, var(--text) 86%, #dc2626 14%);
}
#kanbanWrap .kanban-card.is-urgent .kanban-card-tag.urgente{
  background:rgba(239,68,68,.12) !important;
  border:1px solid rgba(239,68,68,.32) !important;
  color:#dc2626 !important;
  box-shadow:0 2px 8px rgba(239,68,68,.10);
}
#kanbanWrap .kanban-card.is-urgent:hover{
  transform:translateY(-1px);
  border-color: rgba(220, 38, 38, .58) !important;
  box-shadow:
    0 2px 4px rgba(127, 29, 29, .10),
    0 12px 28px rgba(239, 68, 68, .18) !important;
}