/* ─────────────────────────────────────────────
   Kanban — polish refinado dos cartões de pedido
   Escopo: somente UI/CSS. Não altera HTML nem JS.
───────────────────────────────────────────── */
#kanbanWrap .kanban-card,
#homeView.active .kanban-card,
.home-view.active .kanban-card{
  position:relative !important;
  isolation:isolate !important;
  border-radius:20px !important;
  border:1px solid rgba(137,154,181,.24) !important;
  border-left:3px solid var(--kv2-color, rgba(148,163,184,.72)) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.96)) !important;
  box-shadow:
    0 1px 2px rgba(60,64,67,.07),
    0 8px 20px rgba(60,64,67,.075) !important;
  overflow:hidden !important;
  transition:
    transform .18s cubic-bezier(.2,.8,.2,1),
    box-shadow .18s cubic-bezier(.2,.8,.2,1),
    border-color .18s cubic-bezier(.2,.8,.2,1),
    filter .18s ease !important;
}
#kanbanWrap .kanban-card:hover,
#homeView.active .kanban-card:hover,
.home-view.active .kanban-card:hover{
  transform:translateY(-2px) !important;
  border-color:color-mix(in srgb,var(--kv2-color, var(--accent)) 34%, rgba(137,154,181,.28)) !important;
  box-shadow:
    0 3px 8px rgba(60,64,67,.12),
    0 18px 38px color-mix(in srgb,var(--kv2-color, var(--accent)) 13%, transparent) !important;
}
#kanbanWrap .kanban-card.dragging{
  opacity:.62 !important;
  transform:scale(.985) rotate(.2deg) !important;
  box-shadow:0 16px 38px rgba(60,64,67,.18) !important;
}

/* capa mais editorial, sem parecer bloco pesado */
#kanbanWrap .kanban-card.has-art,
#homeView.active .kanban-card.has-art,
.home-view.active .kanban-card.has-art{
  padding:0 !important;
}
#kanbanWrap .kanban-card:not(.has-art),
#homeView.active .kanban-card:not(.has-art),
.home-view.active .kanban-card:not(.has-art){
  padding:11px 12px 12px !important;
}
#kanbanWrap .kanban-card-art,
#homeView.active .kanban-card-art,
.home-view.active .kanban-card-art{
  width:100% !important;
  margin:0 !important;
  border-radius:18px 18px 0 0 !important;
  border-bottom:1px solid rgba(137,154,181,.20) !important;
  background:
    radial-gradient(circle at 50% 8%, rgba(255,255,255,.92), rgba(246,249,255,.96) 58%, rgba(239,244,252,.98)) !important;
  min-height:118px !important;
  max-height:260px !important;
  overflow:hidden !important;
}
#kanbanWrap .kanban-card-art::after,
#homeView.active .kanban-card-art::after,
.home-view.active .kanban-card-art::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:34px;
  background:linear-gradient(180deg, transparent, rgba(0,0,0,.035));
  pointer-events:none;
}
#kanbanWrap .kanban-card-art img,
#homeView.active .kanban-card-art img,
.home-view.active .kanban-card-art img{
  transform-origin:center !important;
  transition:transform .26s cubic-bezier(.2,.8,.2,1), filter .26s ease !important;
  filter:saturate(1.035) contrast(1.018) !important;
}
#kanbanWrap .kanban-card:hover .kanban-card-art img{
  transform:scale(1.018) !important;
  filter:saturate(1.06) contrast(1.025) !important;
}

/* prioridade vira chip refinado; deixa de competir com a arte */
#kanbanWrap .kanban-card.has-art .kanban-priority-strip,
#homeView.active .kanban-card.has-art .kanban-priority-strip,
.home-view.active .kanban-card.has-art .kanban-priority-strip{
  position:absolute !important;
  top:9px !important;
  left:9px !important;
  right:auto !important;
  z-index:7 !important;
  width:max-content !important;
  max-width:calc(100% - 18px) !important;
  margin:0 !important;
  min-height:24px !important;
  padding:4px 7px 4px 8px !important;
  border-radius:999px !important;
  border:1px solid color-mix(in srgb,var(--kv2-color, var(--accent)) 24%, rgba(255,255,255,.78)) !important;
  background:color-mix(in srgb,#fff 86%, var(--kv2-color, var(--accent)) 8%) !important;
  color:var(--kv2-color, var(--accent)) !important;
  box-shadow:0 6px 16px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.88) !important;
  backdrop-filter:blur(10px) saturate(1.18) !important;
}
#kanbanWrap .kanban-card:not(.has-art) .kanban-priority-strip,
#homeView.active .kanban-card:not(.has-art) .kanban-priority-strip,
.home-view.active .kanban-card:not(.has-art) .kanban-priority-strip{
  margin:-2px 0 9px !important;
  padding:5px 8px !important;
  min-height:25px !important;
  border-radius:999px !important;
  border:1px solid color-mix(in srgb,var(--kv2-color, var(--accent)) 22%, transparent) !important;
  background:color-mix(in srgb,var(--kv2-color, var(--accent)) 8%, transparent) !important;
  color:var(--kv2-color, var(--accent)) !important;
}
#kanbanWrap .kanban-priority-strip span,
#homeView.active .kanban-priority-strip span,
.home-view.active .kanban-priority-strip span{
  font-size:8px !important;
  font-weight:950 !important;
  letter-spacing:.055em !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
#kanbanWrap .kanban-priority-strip strong,
#homeView.active .kanban-priority-strip strong,
.home-view.active .kanban-priority-strip strong{
  min-width:auto !important;
  padding:2px 6px !important;
  border-radius:999px !important;
  font-size:9px !important;
  font-weight:950 !important;
  color:var(--kv2-color, var(--accent)) !important;
  background:rgba(255,255,255,.62) !important;
  border:1px solid color-mix(in srgb,var(--kv2-color, var(--accent)) 16%, transparent) !important;
}
#kanbanWrap .kanban-v2-priority-icon{
  width:16px !important;
  height:16px !important;
  font-size:8px !important;
  box-shadow:none !important;
}

/* corpo do card com mais respiro e hierarquia */
#kanbanWrap .kanban-card.has-art .kanban-card-num,
#kanbanWrap .kanban-card.has-art .kanban-card-cliente,
#kanbanWrap .kanban-card.has-art .kanban-card-prod,
#kanbanWrap .kanban-card.has-art .kanban-card-footer,
#kanbanWrap .kanban-card.has-art .kanban-op-tags,
#kanbanWrap .kanban-card.has-art .kanban-card-fin,
#kanbanWrap .kanban-card.has-art .kanban-complete-tag,
#kanbanWrap .kanban-card.has-art .kanban-card-tag.delivered-unpaid{
  margin-left:13px !important;
  margin-right:13px !important;
}
#kanbanWrap .kanban-card.has-art .kanban-card-num{
  margin-top:11px !important;
}
#kanbanWrap .kanban-card-num,
#homeView.active .kanban-card-num,
.home-view.active .kanban-card-num{
  color:#1a73e8 !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.015em !important;
  line-height:1.25 !important;
  opacity:.96 !important;
}
#kanbanWrap .kanban-card-cliente,
#homeView.active .kanban-card-cliente,
.home-view.active .kanban-card-cliente{
  margin-top:2px !important;
  color:#202124 !important;
  font-size:12.6px !important;
  line-height:1.22 !important;
  font-weight:950 !important;
  letter-spacing:-.025em !important;
}
#kanbanWrap .kanban-card-prod,
#homeView.active .kanban-card-prod,
.home-view.active .kanban-card-prod{
  margin-top:3px !important;
  color:#697386 !important;
  font-size:10.8px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
}
#kanbanWrap .kanban-card-footer,
#homeView.active .kanban-card-footer,
.home-view.active .kanban-card-footer{
  margin-top:9px !important;
  padding-top:8px !important;
  border-top:1px solid rgba(137,154,181,.16) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:7px !important;
  flex-wrap:wrap !important;
}
#kanbanWrap .kanban-card-val,
#homeView.active .kanban-card-val,
.home-view.active .kanban-card-val{
  display:inline-flex !important;
  align-items:center !important;
  min-height:24px !important;
  padding:4px 8px !important;
  border-radius:10px !important;
  font-size:12.4px !important;
  font-weight:950 !important;
  color:#1a73e8 !important;
  background:rgba(26,115,232,.075) !important;
  border:1px solid rgba(26,115,232,.14) !important;
  font-variant-numeric:tabular-nums !important;
}

/* tags menores, mais organizadas */
#kanbanWrap .kanban-card-tag,
#homeView.active .kanban-card-tag,
.home-view.active .kanban-card-tag{
  min-height:21px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  padding:3px 7px !important;
  border-radius:999px !important;
  font-size:8.3px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.045em !important;
  box-shadow:none !important;
}
#kanbanWrap .kanban-op-tags{
  margin-top:7px !important;
  gap:5px !important;
}
#kanbanWrap .kanban-card-fin,
#homeView.active .kanban-card-fin,
.home-view.active .kanban-card-fin{
  margin-top:8px !important;
  margin-bottom:12px !important;
  min-height:22px !important;
  padding:4px 8px !important;
  border-radius:999px !important;
  font-size:8.6px !important;
  font-weight:950 !important;
  letter-spacing:.055em !important;
}
#kanbanWrap .kanban-card:not(.has-art) .kanban-card-fin{
  margin-bottom:0 !important;
}

/* ações ficam mais discretas e premium */
#kanbanWrap .kanban-card-actions,
#homeView.active .kanban-card-actions,
.home-view.active .kanban-card-actions{
  top:8px !important;
  right:8px !important;
  z-index:9 !important;
  gap:5px !important;
  padding:3px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.78) !important;
  border:1px solid rgba(137,154,181,.22) !important;
  box-shadow:0 8px 18px rgba(15,23,42,.10) !important;
  backdrop-filter:blur(10px) !important;
}
#kanbanWrap .kanban-card-action{
  width:24px !important;
  height:24px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.86) !important;
  border:1px solid rgba(137,154,181,.18) !important;
  color:#64748b !important;
}
#kanbanWrap .kanban-card-action:hover{
  color:#1a73e8 !important;
  border-color:rgba(26,115,232,.24) !important;
  background:#e8f0fe !important;
}

/* estados especiais sem excesso visual */
#kanbanWrap .kanban-card.priority-critical{
  box-shadow:0 1px 2px rgba(60,64,67,.07), 0 10px 24px rgba(217,48,37,.10) !important;
}
#kanbanWrap .kanban-card.priority-blocked{
  opacity:.92 !important;
  filter:saturate(.92) !important;
  border-style:solid !important;
}
#kanbanWrap .kanban-card.is-completed{
  opacity:.72 !important;
  filter:saturate(.82) !important;
}
#kanbanWrap .kanban-card.is-completed .kanban-card-art img{
  filter:saturate(.72) contrast(.96) !important;
}

/* dark mode: mantém contraste sem forçar branco */
body[data-theme="dark"] #kanbanWrap .kanban-card,
body[data-theme="dark"] #homeView.active .kanban-card,
body[data-theme="dark"] .home-view.active .kanban-card{
  background:linear-gradient(180deg, color-mix(in srgb,var(--surface2) 92%,#fff 2%), color-mix(in srgb,var(--surface) 96%,#000 4%)) !important;
  border-color:rgba(232,234,237,.12) !important;
}
body[data-theme="dark"] #kanbanWrap .kanban-card-cliente{color:var(--text) !important;}
body[data-theme="dark"] #kanbanWrap .kanban-card-prod{color:var(--muted) !important;}
body[data-theme="dark"] #kanbanWrap .kanban-card-art{background:var(--surface2) !important;}
body[data-theme="dark"] #kanbanWrap .kanban-card.has-art .kanban-priority-strip{
  background:color-mix(in srgb,var(--surface2) 86%, var(--kv2-color, var(--accent)) 10%) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.24) !important;
}
body[data-theme="dark"] #kanbanWrap .kanban-card-actions{
  background:rgba(32,33,36,.78) !important;
  border-color:rgba(232,234,237,.14) !important;
}