/* ================================================
   TASKS CLASSIC FIX — tasks-2.0-supreme.css
   override pour restaurer les 3 colonnes classiques
   Date: 2026-03-18
   ================================================ */

#view-tasks.active .tasks-view.columns-view {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-lg, 20px);
    margin-bottom: var(--space-xl, 32px);
}

#view-tasks.active .tasks-view.bubbles-view {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-lg, 20px);
    margin-bottom: var(--space-xl, 32px);
}

#view-tasks.active .tasks-view.columns-view.hidden,
#view-tasks.active .tasks-view.bubbles-view.hidden,
#view-tasks.active .tasks-view.hidden {
    display: none !important;
}

/* Fix lisibilite texte taches - theme Academie */
[data-theme=academie] .bubble .bubble-text,
[data-theme=academie] .bubble.inprogress .bubble-text,
[data-theme=academie] .task-bubble .task-text,
[data-theme=academie] .task-bubble.inprogress .task-text {
    color: var(--bubble-text-color, #1a1510) !important;
}
[data-theme=academie] .bubble.done .bubble-text,
[data-theme=academie] .task-bubble.done .task-text {
    color: var(--bubble-done-text, #292b4f) !important;
}

/* dpf-filter sous le column-header */
#done-period-filter {
    margin-bottom: 8px;
}
#done-period-filter .dpf-trigger {
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
}

/* FIX: le badge count depasse du bord droit de la colonne.
   Le column-header utilise justify-content:space-between.
   Le h2 doit pouvoir se retrecir (min-width:0) pour laisser de la place au badge. */
.task-column .column-header {
    min-width: 0;
    width: 100%;
}
.task-column .column-header h2 {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1 1 auto;
}
.task-column .column-count {
    flex: 0 0 auto;
    margin-left: 8px;
}
/* FIX VIEWPORT: la 3e colonne touche le bord droit du viewport.
   Ajouter du padding-right pour garantir un espace minimum. */
#view-tasks.view-container {
    padding-right: 24px !important;
}
/* Extra padding-right pour la colonne done pour que le badge ne soit pas coupé */
.task-column[data-status="done"] {
    padding-right: 24px !important;
}