/* =============================================
   SPEED DASHBOARD - BAR (KANBAN)
   ============================================= */

.kanban-board {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;
}
.kanban-col {
  background: var(--bg2); border-radius: 12px; padding: 12px;
  min-height: 200px;
}
.kanban-col-title {
  font-family: 'Antonio', sans-serif; font-size: 14px;
  letter-spacing: 1.5px; text-transform: uppercase;
  color: var(--muted); margin-bottom: 10px;
  display: flex; align-items: center; gap: 6px;
}
.kanban-dot {
  width: 8px; height: 8px; border-radius: 50%; display: inline-block;
}
.pedido-card {
  background: var(--card); border: 1px solid var(--card-border);
  border-radius: 8px; padding: 10px; margin-bottom: 8px;
  cursor: pointer; transition: all .2s; box-shadow: var(--shadow-sm);
}
.pedido-card:hover { box-shadow: var(--shadow-md); transform: translateY(-1px); }
.pedido-card-local {
  font-size: 11px; font-weight: 700; color: var(--verde);
  text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px;
}
.pedido-card-itens { font-size: 12px; color: var(--text); margin-bottom: 4px; }
.pedido-card-valor { font-size: 13px; font-weight: 600; color: var(--text); }
.pedido-card-hora {
  font-size: 10px; color: var(--muted); font-family: 'JetBrains Mono', monospace;
  margin-top: 4px;
}
.pedido-card-btn {
  display: inline-block; margin-top: 6px; padding: 3px 10px;
  font-size: 10px; font-weight: 700; text-transform: uppercase;
  border: 1px solid var(--verde); color: var(--verde); background: transparent;
  border-radius: 4px; cursor: pointer; transition: all .15s;
}
.pedido-card-btn:hover { background: var(--verde); color: white; }
.bar-item-row {
  display: flex; gap: 8px; align-items: center; margin-bottom: 6px;
}
@media (max-width: 900px) {
  .kanban-board { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .kanban-board { grid-template-columns: 1fr; }
}