/*
  Arquivo: ag-kanban-column-soft-colors.css
  Origem: public/index.html
  Blocos originais:
    - <style id="kanban-card-list-color-soft-gradient">
    - <style id="kanban-list-card-soft-gradient-corrected">
    - <style id="kanban-list-column-color-visible-fix">
  Função: aplicar degradês e cores suaves nas colunas/listas do Kanban.
  Observação: extração passiva; não altera lógica JS, drag/drop, clique de cards ou integração Kanban → Histórico.
*/

/* ===== kanban-card-list-color-soft-gradient ===== */
/* Cards com leve blur/degradê baseado na cor de cada lista */
#kanbanWrap .kanban-col{ --klist-soft-color: var(--accent); }
#kanbanWrap .kanban-col[data-status="novos"]{ --klist-soft-color:#1a73e8; }
#kanbanWrap .kanban-col[data-status="arte"]{ --klist-soft-color:#7c3aed; }
#kanbanWrap .kanban-col[data-status="aprovacao"]{ --klist-soft-color:#f59e0b; }
#kanbanWrap .kanban-col[data-status="envio"]{ --klist-soft-color:#0891b2; }
#kanbanWrap .kanban-col[data-status="producao"]{ --klist-soft-color:#16a34a; }
#kanbanWrap .kanban-col[data-status="expedicao"]{ --klist-soft-color:#ea580c; }
#kanbanWrap .kanban-col[data-status="entregue"]{ --klist-soft-color:#64748b; }
#kanbanWrap .kanban-col[data-status="pagamento"]{ --klist-soft-color:#db2777; }

#kanbanWrap .kanban-col .kanban-card{
  background:
    radial-gradient(130% 92% at 0% 0%, color-mix(in srgb,var(--klist-soft-color) 10%, transparent) 0%, transparent 58%),
    linear-gradient(180deg, color-mix(in srgb,var(--klist-soft-color) 4%, #ffffff) 0%, #ffffff 62%, color-mix(in srgb,var(--klist-soft-color) 3%, #ffffff) 100%) !important;
  border-color: color-mix(in srgb,var(--klist-soft-color) 12%, var(--border2)) !important;
  box-shadow:
    0 1px 2px rgba(60,64,67,.10),
    0 4px 12px rgba(60,64,67,.06),
    0 10px 24px color-mix(in srgb,var(--klist-soft-color) 7%, transparent) !important;
  backdrop-filter: blur(6px) saturate(1.02);
}

#kanbanWrap .kanban-col .kanban-card:hover{
  background:
    radial-gradient(135% 96% at 0% 0%, color-mix(in srgb,var(--klist-soft-color) 14%, transparent) 0%, transparent 60%),
    linear-gradient(180deg, color-mix(in srgb,var(--klist-soft-color) 6%, #ffffff) 0%, #ffffff 62%, color-mix(in srgb,var(--klist-soft-color) 4%, #ffffff) 100%) !important;
  box-shadow:
    0 2px 5px rgba(60,64,67,.12),
    0 12px 26px rgba(60,64,67,.11),
    0 14px 30px color-mix(in srgb,var(--klist-soft-color) 10%, transparent) !important;
}

/* Mantém a leitura do strip de prioridade por cima do degradê */
#kanbanWrap .kanban-col .kanban-priority-strip{
  backdrop-filter: blur(5px) saturate(1.02);
}

/* ===== kanban-list-card-soft-gradient-corrected ===== */
/* Correção: o degradê suave deve ficar no CARD DA LISTA (coluna), não no cartão do pedido */
#kanbanWrap .kanban-col{
  --klist-soft-color: var(--accent);
  background:
    radial-gradient(140% 100% at 0% 0%, color-mix(in srgb,var(--klist-soft-color) 10%, transparent) 0%, transparent 55%),
    linear-gradient(180deg, color-mix(in srgb,var(--klist-soft-color) 5%, #ffffff) 0%, color-mix(in srgb,var(--klist-soft-color) 3%, #f8fbff) 34%, color-mix(in srgb,var(--klist-soft-color) 2%, #ffffff) 100%) !important;
  border:1px solid color-mix(in srgb,var(--klist-soft-color) 15%, var(--border2)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.52),
    0 8px 22px color-mix(in srgb,var(--klist-soft-color) 10%, transparent),
    0 2px 8px rgba(60,64,67,.05) !important;
  backdrop-filter: blur(8px) saturate(1.02);
}
#kanbanWrap .kanban-col[data-status="novos"]{ --klist-soft-color:#1a73e8; }
#kanbanWrap .kanban-col[data-status="arte"]{ --klist-soft-color:#7c3aed; }
#kanbanWrap .kanban-col[data-status="aprovacao"]{ --klist-soft-color:#f59e0b; }
#kanbanWrap .kanban-col[data-status="envio"]{ --klist-soft-color:#0891b2; }
#kanbanWrap .kanban-col[data-status="producao"]{ --klist-soft-color:#16a34a; }
#kanbanWrap .kanban-col[data-status="expedicao"]{ --klist-soft-color:#ea580c; }
#kanbanWrap .kanban-col[data-status="entregue"]{ --klist-soft-color:#64748b; }
#kanbanWrap .kanban-col[data-status="pagamento"]{ --klist-soft-color:#db2777; }

/* Reverte o degradê aplicado no cartão do pedido e mantém o visual de prioridade já existente */
#kanbanWrap .kanban-col .kanban-card{
  background:linear-gradient(90deg,var(--kv2-bg,transparent),transparent 34px),var(--surface) !important;
  border-color: color-mix(in srgb,var(--kv2-color,var(--border2)) 10%, var(--border2)) !important;
  box-shadow:0 1px 2px rgba(60,64,67,.10),0 4px 12px rgba(60,64,67,.07) !important;
  backdrop-filter:none !important;
}
#kanbanWrap .kanban-col .kanban-card:hover{
  background:linear-gradient(90deg,var(--kv2-bg,transparent),transparent 34px),var(--surface) !important;
  box-shadow:0 12px 28px color-mix(in srgb,var(--kv2-color,var(--accent)) 12%,transparent),var(--shadow-md) !important;
}

/* ===== kanban-list-column-color-visible-fix ===== */
/* Correção forte: aplicar cor visível no card da lista/coluna com especificidade alta */
#homeView.active .kanban-col,
.home-view.active .kanban-col,
#kanbanWrap .kanban-col{
  --klist-soft-color: var(--accent);
  background:
    radial-gradient(145% 110% at 0% 0%, color-mix(in srgb,var(--klist-soft-color) 18%, transparent) 0%, transparent 56%),
    linear-gradient(180deg, color-mix(in srgb,var(--klist-soft-color) 12%, #ffffff) 0%, color-mix(in srgb,var(--klist-soft-color) 8%, #f8fbff) 34%, color-mix(in srgb,var(--klist-soft-color) 6%, #ffffff) 100%) !important;
  border:1px solid color-mix(in srgb,var(--klist-soft-color) 20%, var(--border2)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.56),
    0 10px 26px color-mix(in srgb,var(--klist-soft-color) 11%, transparent),
    0 2px 8px rgba(60,64,67,.05) !important;
}
#homeView.active .kanban-col[data-status="novos"],
.home-view.active .kanban-col[data-status="novos"],
#kanbanWrap .kanban-col[data-status="novos"]{ --klist-soft-color:#1a73e8; }
#homeView.active .kanban-col[data-status="arte"],
.home-view.active .kanban-col[data-status="arte"],
#kanbanWrap .kanban-col[data-status="arte"]{ --klist-soft-color:#7c3aed; }
#homeView.active .kanban-col[data-status="aprovacao"],
.home-view.active .kanban-col[data-status="aprovacao"],
#kanbanWrap .kanban-col[data-status="aprovacao"]{ --klist-soft-color:#f59e0b; }
#homeView.active .kanban-col[data-status="envio"],
.home-view.active .kanban-col[data-status="envio"],
#kanbanWrap .kanban-col[data-status="envio"]{ --klist-soft-color:#0891b2; }
#homeView.active .kanban-col[data-status="producao"],
.home-view.active .kanban-col[data-status="producao"],
#kanbanWrap .kanban-col[data-status="producao"]{ --klist-soft-color:#16a34a; }
#homeView.active .kanban-col[data-status="expedicao"],
.home-view.active .kanban-col[data-status="expedicao"],
#kanbanWrap .kanban-col[data-status="expedicao"]{ --klist-soft-color:#ea580c; }
#homeView.active .kanban-col[data-status="entregue"],
.home-view.active .kanban-col[data-status="entregue"],
#kanbanWrap .kanban-col[data-status="entregue"]{ --klist-soft-color:#64748b; }
#homeView.active .kanban-col[data-status="pagamento"],
.home-view.active .kanban-col[data-status="pagamento"],
#kanbanWrap .kanban-col[data-status="pagamento"]{ --klist-soft-color:#db2777; }

/* Deixa o conteúdo interno transparente para a cor da coluna aparecer melhor */
#homeView.active .kanban-col-header,
.home-view.active .kanban-col-header,
#kanbanWrap .kanban-col-header,
#homeView.active .kanban-col-scroll,
.home-view.active .kanban-col-scroll,
#kanbanWrap .kanban-col-scroll{
  background:transparent !important;
}