/*
  Arquivo: ag-kanban-urgency-smoke-polish.css
  Origem: public/index.html
  Bloco original: <style id="kanban-urgency-smoke-polish">
  Função: polish visual de urgência no Kanban usando atmosfera, brilho e contraste em vez de faixa lateral forte.
  Observação: extração passiva; não altera lógica JS, drag/drop, clique de cards ou integração Kanban → Histórico.
*/

/* ===== kanban-urgency-smoke-polish ===== */
/* ─────────────────────────────────────────────
   Kanban — urgência por atmosfera, não por faixa lateral
   Remove a leitura de “tarja vermelha” e troca por uma névoa/sombra suave.
   Escopo: CSS visual. Não altera HTML nem JS.
───────────────────────────────────────────── */
#kanbanWrap .kanban-card.is-urgent,
#homeView.active .kanban-card.is-urgent,
.home-view.active .kanban-card.is-urgent,
#kanbanWrap .kanban-card.priority-critical,
#homeView.active .kanban-card.priority-critical,
.home-view.active .kanban-card.priority-critical{
  border-left:1px solid rgba(217,48,37,.22) !important;
  border-color:rgba(217,48,37,.20) !important;
  background:
    radial-gradient(circle at 0% 18%, rgba(217,48,37,.105), transparent 44%),
    radial-gradient(circle at 100% 72%, rgba(249,115,22,.060), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.985), rgba(255,250,249,.96)) !important;
  box-shadow:
    0 0 0 1px rgba(217,48,37,.045),
    0 10px 26px rgba(217,48,37,.115),
    0 22px 46px rgba(249,115,22,.070),
    0 1px 2px rgba(60,64,67,.055) !important;
}
#kanbanWrap .kanban-card.is-urgent::before,
#homeView.active .kanban-card.is-urgent::before,
.home-view.active .kanban-card.is-urgent::before,
#kanbanWrap .kanban-card.priority-critical::before,
#homeView.active .kanban-card.priority-critical::before,
.home-view.active .kanban-card.priority-critical::before{
  content:"";
  position:absolute;
  inset:-18px;
  z-index:-1;
  pointer-events:none;
  border-radius:28px;
  background:
    radial-gradient(circle at 12% 24%, rgba(217,48,37,.18), transparent 42%),
    radial-gradient(circle at 74% 88%, rgba(249,115,22,.11), transparent 46%);
  filter:blur(14px);
  opacity:.78;
}
#kanbanWrap .kanban-card.is-urgent:hover,
#homeView.active .kanban-card.is-urgent:hover,
.home-view.active .kanban-card.is-urgent:hover,
#kanbanWrap .kanban-card.priority-critical:hover,
#homeView.active .kanban-card.priority-critical:hover,
.home-view.active .kanban-card.priority-critical:hover{
  border-left-color:rgba(217,48,37,.24) !important;
  border-color:rgba(217,48,37,.28) !important;
  box-shadow:
    0 0 0 1px rgba(217,48,37,.06),
    0 12px 30px rgba(217,48,37,.15),
    0 26px 54px rgba(249,115,22,.10),
    0 2px 5px rgba(60,64,67,.08) !important;
}
#kanbanWrap .kanban-card.is-urgent:hover::before,
#homeView.active .kanban-card.is-urgent:hover::before,
.home-view.active .kanban-card.is-urgent:hover::before,
#kanbanWrap .kanban-card.priority-critical:hover::before,
#homeView.active .kanban-card.priority-critical:hover::before,
.home-view.active .kanban-card.priority-critical:hover::before{
  opacity:.94;
  filter:blur(16px);
}

/* A prioridade crítica continua clara, mas sem “faixa” lateral agressiva. */
#kanbanWrap .kanban-card.is-urgent .kanban-priority-strip,
#homeView.active .kanban-card.is-urgent .kanban-priority-strip,
.home-view.active .kanban-card.is-urgent .kanban-priority-strip,
#kanbanWrap .kanban-card.priority-critical .kanban-priority-strip,
#homeView.active .kanban-card.priority-critical .kanban-priority-strip,
.home-view.active .kanban-card.priority-critical .kanban-priority-strip{
  border-color:rgba(217,48,37,.22) !important;
  background:rgba(255,255,255,.82) !important;
  color:#d93025 !important;
  box-shadow:0 8px 20px rgba(217,48,37,.12), inset 0 1px 0 rgba(255,255,255,.90) !important;
}
#kanbanWrap .kanban-card.is-urgent .kanban-priority-strip strong,
#homeView.active .kanban-card.is-urgent .kanban-priority-strip strong,
.home-view.active .kanban-card.is-urgent .kanban-priority-strip strong,
#kanbanWrap .kanban-card.priority-critical .kanban-priority-strip strong,
#homeView.active .kanban-card.priority-critical .kanban-priority-strip strong,
.home-view.active .kanban-card.priority-critical .kanban-priority-strip strong{
  color:#d93025 !important;
  background:rgba(217,48,37,.075) !important;
  border-color:rgba(217,48,37,.16) !important;
}

/* Dark mode: mantém a névoa vermelha sem estourar contraste. */
body[data-theme="dark"] #kanbanWrap .kanban-card.is-urgent,
body[data-theme="dark"] #homeView.active .kanban-card.is-urgent,
body[data-theme="dark"] .home-view.active .kanban-card.is-urgent,
body[data-theme="dark"] #kanbanWrap .kanban-card.priority-critical,
body[data-theme="dark"] #homeView.active .kanban-card.priority-critical,
body[data-theme="dark"] .home-view.active .kanban-card.priority-critical{
  border-left:1px solid rgba(242,139,130,.24) !important;
  border-color:rgba(242,139,130,.18) !important;
  background:
    radial-gradient(circle at 0% 18%, rgba(242,139,130,.14), transparent 44%),
    linear-gradient(180deg, color-mix(in srgb,var(--surface2) 92%,#f28b82 5%), color-mix(in srgb,var(--surface) 94%,#000 4%)) !important;
  box-shadow:
    0 0 0 1px rgba(242,139,130,.045),
    0 14px 34px rgba(242,139,130,.105),
    0 1px 2px rgba(0,0,0,.18) !important;
}
body[data-theme="dark"] #kanbanWrap .kanban-card.is-urgent::before,
body[data-theme="dark"] #homeView.active .kanban-card.is-urgent::before,
body[data-theme="dark"] .home-view.active .kanban-card.is-urgent::before,
body[data-theme="dark"] #kanbanWrap .kanban-card.priority-critical::before,
body[data-theme="dark"] #homeView.active .kanban-card.priority-critical::before,
body[data-theme="dark"] .home-view.active .kanban-card.priority-critical::before{
  background:radial-gradient(circle at 12% 24%, rgba(242,139,130,.18), transparent 44%);
  opacity:.68;
}