/* Rocket Wiki custom styles */

/* Kanban board */
.kanban-board {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem;
  margin: 1rem 0;
}
.kanban-column {
  border-radius: 8px;
  padding: 0.75rem;
  min-height: 200px;
}
.kanban-column h3 {
  margin: 0 0 0.5rem 0;
  font-size: 1rem;
  font-weight: 700;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid rgba(255,255,255,0.15);
}
.kanban-card {
  background: var(--md-default-bg-color);
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 6px;
  padding: 0.6rem 0.75rem;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  transition: box-shadow 0.15s;
}
.kanban-card:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.kanban-card .tags {
  margin-top: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.kanban-card .tag {
  font-size: 0.7rem;
  padding: 0.1rem 0.4rem;
  border-radius: 3px;
  background: var(--md-primary-fg-color);
  color: var(--md-primary-bg-color);
  opacity: 0.85;
}
.kanban-card .priority-high {
  border-left: 3px solid #dc3545;
}
.kanban-card .priority-medium {
  border-left: 3px solid #fd7e14;
}
.kanban-card .priority-low {
  border-left: 3px solid #6c757d;
}

/* Responsive: single column on narrow screens */
@media (max-width: 700px) {
  .kanban-board {
    grid-template-columns: 1fr;
  }
}