/* assets/style.css */
.kanban-grid { min-height: 60vh; }
.column-body { min-height: 50vh; }
.task-card { cursor: grab; }
.task-card.dragging { opacity: 0.6; }

.text-truncate-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


/* Visuelle Reduktion für erledigte Tasks */
.task-card.done {
  opacity: 0.6;
  filter: grayscale(100%);
}


/* Durchstreich-Optik für erledigte Titel */
.task-card.done .task-title {
  text-decoration: line-through;
}

/* Subtile Hervorhebung bald fälliger Aufgaben */
.task-card.soon {
  outline: 2px dashed rgba(0,0,0,0.15);
}

/* Dark Mode helpers via Bootstrap 5.3 data-bs-theme */
:root[data-bs-theme='dark'] .navbar,
:root[data-bs-theme='dark'] .card {
  border-color: rgba(255,255,255,0.08);
}

:root[data-bs-theme='dark'] .bg-danger-subtle {
  background-color: rgba(220,53,69,.15) !important;
}


/* --- Dark mode refinements --- */
:root[data-bs-theme='dark'] body {
  background-color: #1f1f1f;
  color: #e6e6e6;
}
:root[data-bs-theme='dark'] .navbar {
  background-color: #222 !important;
  border-color: rgba(255,255,255,0.08) !important;
}
:root[data-bs-theme='dark'] .card {
  background-color: #2b2b2b;
  border: 1px solid rgba(255,255,255,0.08);
}
:root[data-bs-theme='dark'] .card-header {
  background-color: #333 !important;
  color: #ddd;
  border-bottom-color: rgba(255,255,255,0.08);
}
:root[data-bs-theme='dark'] .badge.bg-light {
  background-color: #444 !important;
  color: #eee !important;
  border: 1px solid #666 !important;
}
:root[data-bs-theme='dark'] .bg-danger-subtle {
  background-color: rgba(220,53,69,0.25) !important;
  color: #f8d7da;
}
:root[data-bs-theme='dark'] .border-danger {
  border-color: rgba(220,53,69,0.55) !important;
}
:root[data-bs-theme='dark'] .form-control,
:root[data-bs-theme='dark'] .form-select {
  background-color: #2b2b2b;
  border-color: rgba(255,255,255,0.12);
  color: #e6e6e6;
}


/* Force light utility classes to be dark in dark theme */
:root[data-bs-theme='dark'] .bg-light {
  background-color: #1f1f1f !important;
  color: #e6e6e6 !important;
  border-color: rgba(255,255,255,0.08) !important;
}
:root[data-bs-theme='dark'] .text-secondary {
  color: #b9b9b9 !important;
}
:root[data-bs-theme='dark'] .modal-content {
  background-color: #2b2b2b;
  color: #e6e6e6;
  border: 1px solid rgba(255,255,255,0.08);
}