.kanban-board {
  display: flex;
  gap: 0.75rem;
  overflow-x: auto;
  padding-bottom: 1rem;
  min-height: calc(100vh - 180px);
  align-items: flex-start;
}

.kanban-col {
  flex: 0 0 260px;
  background: #111b21;
  border: 1px solid #2a3942;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 160px);
}

.kanban-col-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0.85rem;
  border-bottom: 1px solid #2a3942;
  font-size: 0.8rem;
  font-weight: 600;
  color: #e9edef;
}

.kanban-count {
  background: #2a3942;
  color: #8696a0;
  font-size: 0.72rem;
  padding: 0.15rem 0.45rem;
  border-radius: 999px;
}

.kanban-col-body {
  padding: 0.5rem;
  overflow-y: auto;
  flex: 1;
  min-height: 120px;
}

.kanban-col-body.drag-over {
  background: rgba(0, 168, 132, 0.08);
  outline: 2px dashed #00a884;
  outline-offset: -4px;
  border-radius: 0 0 12px 12px;
}

.kanban-card {
  background: #1f2c34;
  border: 1px solid #2a3942;
  border-radius: 10px;
  padding: 0.65rem 0.75rem;
  margin-bottom: 0.5rem;
  cursor: grab;
  position: relative;
  transition: box-shadow 0.15s, opacity 0.15s;
}

.kanban-card:hover {
  border-color: #00a884;
}

.kanban-card.dragging {
  opacity: 0.5;
  cursor: grabbing;
}

.kanban-card strong {
  font-size: 0.85rem;
  display: block;
  margin-bottom: 0.2rem;
}

.kanban-sub {
  font-size: 0.72rem;
  color: #8696a0;
  margin: 0.15rem 0;
}

.kanban-val {
  font-size: 0.78rem;
  color: #00a884;
  font-weight: 600;
}

.kanban-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 0.35rem;
}

.kanban-tag {
  font-size: 0.65rem;
  padding: 0.1rem 0.35rem;
  border-radius: 4px;
}

.kanban-unread {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  background: #00a884;
  color: #fff;
  font-size: 0.65rem;
  padding: 0.1rem 0.35rem;
  border-radius: 999px;
}

.thermo-badge {
  display: inline-block;
  margin-top: 0.35rem;
  margin-right: 0.25rem;
  font-size: 0.68rem;
  font-weight: 700;
  padding: 0.12rem 0.4rem;
  border-radius: 999px;
  border: 1px solid #2a3942;
  color: #e9edef;
  opacity: 0.95;
}
.thermo-badge.lvl-quente { background: rgba(34,197,94,.18); border-color: rgba(34,197,94,.35); color: #86efac; }
.thermo-badge.lvl-aquecendo { background: rgba(234,179,8,.16); border-color: rgba(234,179,8,.35); color: #fde047; }
.thermo-badge.lvl-morno { background: rgba(148,163,184,.14); border-color: rgba(148,163,184,.28); color: #cbd5e1; }
.thermo-badge.lvl-frio { background: rgba(59,130,246,.16); border-color: rgba(59,130,246,.3); color: #93c5fd; }

.kanban-link {
  display: inline-block;
  margin-top: 0.4rem;
  font-size: 0.72rem;
  color: #53bdeb;
  text-decoration: none;
}

.kanban-link:hover {
  text-decoration: underline;
}

.badge-docs { background: #1e3a5f; color: #93c5fd; }
.badge-proposta { background: #422006; color: #fbbf24; }