/* === Boutons soft (fond pastel, comme les alertes Bootstrap) === */
.btn-soft-primary {
  background-color: var(--soft-primary-bg);
  color: var(--soft-primary-color);
}
.btn-soft-secondary {
  background-color: var(--soft-secondary-bg);
  color: var(--soft-secondary-color);
}
.btn-soft-success {
  background-color: var(--soft-success-bg);
  color: var(--soft-success-color);
}
.btn-soft-danger {
  background-color: var(--soft-danger-bg);
  color: var(--soft-danger-color);
}
.btn-soft-warning {
  background-color: var(--soft-warning-bg);
  color: var(--soft-warning-color);
}
.btn-soft-info {
  background-color: var(--soft-info-bg);
  color: var(--soft-info-color);
}
.btn-soft-light {
  background-color: var(--soft-light-bg);
  color: var(--soft-light-color);
}
.btn-soft-dark {
  background-color: var(--soft-dark-bg);
  color: var(--soft-dark-color);
}

/* === Hover effet pour les soft === */
.btn-soft-primary:hover {
  background-color: var(--soft-primary-hover);
}
.btn-soft-secondary:hover {
  background-color: var(--soft-secondary-hover);
}
.btn-soft-success:hover {
  background-color: var(--soft-success-hover);
}
.btn-soft-danger:hover {
  background-color: var(--soft-danger-hover);
}
.btn-soft-warning:hover {
  background-color: var(--soft-warning-hover);
}
.btn-soft-info:hover {
  background-color: var(--soft-info-hover);
}
.btn-soft-light:hover {
  background-color: var(--soft-light-hover);
}
.btn-soft-dark:hover {
  background-color: var(--soft-dark-hover);
}

/* === Boutons outline soft (bord pastel, fond transparent) === */
.btn-outline-soft-primary {
  background-color: transparent;
  color: var(--soft-primary-color);
  border: 1px solid var(--soft-primary-border);
}
.btn-outline-soft-secondary {
  background-color: transparent;
  color: var(--soft-secondary-color);
  border: 1px solid var(--soft-secondary-border);
}
.btn-outline-soft-success {
  background-color: transparent;
  color: var(--soft-success-color);
  border: 1px solid var(--soft-success-border);
}
.btn-outline-soft-danger {
  background-color: transparent;
  color: var(--soft-danger-color);
  border: 1px solid var(--soft-danger-border);
}
.btn-outline-soft-warning {
  background-color: transparent;
  color: var(--soft-warning-color);
  border: 1px solid var(--soft-warning-border);
}
.btn-outline-soft-info {
  background-color: transparent;
  color: var(--soft-info-color);
  border: 1px solid var(--soft-info-border);
}
.btn-outline-soft-light {
  background-color: transparent;
  color: var(--soft-light-color);
  border: 1px solid var(--soft-light-border);
}
.btn-outline-soft-dark {
  background-color: transparent;
  color: var(--soft-dark-color);
  border: 1px solid var(--soft-dark-border);
}

/* Hover effet outline */
.btn-outline-soft-primary:hover {
  background-color: var(--soft-primary-bg);
}
.btn-outline-soft-secondary:hover {
  background-color: var(--soft-secondary-bg);
}
.btn-outline-soft-success:hover {
  background-color: var(--soft-success-bg);
}
.btn-outline-soft-danger:hover {
  background-color: var(--soft-danger-bg);
}
.btn-outline-soft-warning:hover {
  background-color: var(--soft-warning-bg);
}
.btn-outline-soft-info:hover {
  background-color: var(--soft-info-bg);
}
.btn-outline-soft-light:hover {
  background-color: var(--soft-light-bg);
}
.btn-outline-soft-dark:hover {
  background-color: var(--soft-dark-bg);
}

/* === Forme pill style NiceAdmin === */
.btn.rounded-pill {
  border-radius: 50rem;
}

.chart-card .card-body {
  padding: 1rem;
  height: 230px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.chart-card canvas {
  max-height: 160px !important;
  width: 100% !important;
}

/******** KANBAN CSS ************/
.kanban-wrapper {
  background-color: var(--kanban-bg);
  border-left: 4px solid var(--kanban-border-left);
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-radius: 0.5rem 0 0 0.5rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}

.kanban-header {
  background-color: var(--kanban-header-bg);
  padding: 0.75rem;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid var(--kanban-header-border);
  border-top-left-radius: 0.5rem;
}

.kanban-column {
  padding: 0.5rem;
  overflow-y: auto;
  min-height: 500px;
  max-height: 600px;
  background-color: var(--kanban-bg);
  flex-grow: 1;
  border-bottom-left-radius: 0.5rem;
}

/* Scrollbar */
.kanban-column::-webkit-scrollbar {
  width: 5px;
}
.kanban-column::-webkit-scrollbar-track {
  background: var(--kanban-bg);
}
.kanban-column::-webkit-scrollbar-thumb {
  background-color: #aaa;
  border-radius: 6px;
}
.kanban-column::-webkit-scrollbar-thumb:hover {
  background: #666;
}

.kanban-card {
  cursor: move;
  transition: transform 0.2s ease, opacity 0.2s ease;
  border-left: 5px solid var(--kanban-border-left);
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  background: var(--kanban-card-bg);
}
.kanban-card.dragging {
  opacity: 0.6;
  transform: scale(0.98);
}

/* Bordure colorée dynamique selon statut */
.kanban-column[data-status="en_attente"] .kanban-card {
  border-left-color: var(--kanban-en_attente);
}
.kanban-column[data-status="en_cours"] .kanban-card {
  border-left-color: var(--kanban-en_cours);
}
.kanban-column[data-status="terminee"] .kanban-card {
  border-left-color: var(--kanban-terminee);
}
.kanban-column[data-status="annulee"] .kanban-card {
  border-left-color: var(--kanban-annulee);
}

/* Drop hover */
.kanban-column.drop {
  background-color: var(--kanban-drop-bg);
  transition: background-color 0.2s ease;
}

/* Texte */
.kanban-card .description-apercu {
  font-size: 0.875em;
  color: var(--kanban-card-text);
}
.kanban-card .info {
  font-size: 0.8em;
  color: var(--kanban-card-info);
}