/* ========================================
   TASK HOVER FIX — Apple-smooth animations
   v2: zero layout shift, zero débordement
   ======================================== */

/* Base: transition rapide, overflow caché pour pas déborder */
.bubble,
.task-bubble {
    transition: filter 0.18s ease, box-shadow 0.18s ease !important;
    position: relative !important;
    overflow: hidden !important;
}

/* ZERO transform au hover — juste un glow subtil */
.bubble:hover,
.task-bubble:hover {
    transform: none !important;
    filter: brightness(1.1) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.08), 0 4px 16px rgba(0,0,0,0.25) !important;
}

[data-theme]:not([data-theme="academie"]) .bubble:hover,
[data-theme]:not([data-theme="academie"]) .task-bubble:hover {
    transform: none !important;
    filter: brightness(1.12) !important;
    box-shadow: 0 0 0 1px var(--accent, rgba(255,255,255,0.1)), 0 4px 20px rgba(0,0,0,0.3) !important;
}

[data-theme="executive"] .bubble:hover,
[data-theme="executive"] .task-bubble:hover,
[data-theme="corporate"] .bubble:hover,
[data-theme="corporate"] .task-bubble:hover,
[data-theme="minimal"] .bubble:hover,
[data-theme="minimal"] .task-bubble:hover {
    transform: none !important;
    filter: brightness(1.04) !important;
}

/* Done hover */
.bubble.done:hover,
.task-bubble.done:hover {
    transform: none !important;
    filter: brightness(1.12) !important;
}

[data-theme]:not([data-theme="academie"]) .bubble.done:hover,
[data-theme]:not([data-theme="academie"]) .task-bubble.done:hover {
    transform: none !important;
    filter: brightness(1.15) !important;
}

[data-theme="executive"] .bubble.done:hover,
[data-theme="executive"] .task-bubble.done:hover,
[data-theme="corporate"] .bubble.done:hover,
[data-theme="corporate"] .task-bubble.done:hover,
[data-theme="minimal"] .bubble.done:hover,
[data-theme="minimal"] .task-bubble.done:hover {
    transform: none !important;
    filter: brightness(1.04) !important;
}

/* === BOUTONS D'ACTION — deux lignes harmonieuses === */
.bubble-actions,
.task-actions {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    visibility: visible !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    margin-top: 8px !important;
}

/* Ligne 1 : EN COURS + VALIDER */
.task-row-main {
    display: flex !important;
    gap: 5px !important;
    align-items: center !important;
}

/* Ligne 2 : PLANIFIER, TIMER, DÉLÉGUER */
.task-row-bridges {
    display: flex !important;
    gap: 5px !important;
    align-items: center !important;
}

/* Annuler tout hide/show au hover */
.bubble:hover .bubble-actions,
.bubble:hover .task-actions,
.task-bubble:hover .bubble-actions,
.task-bubble:hover .task-actions {
    opacity: 1 !important;
    animation: none !important;
}

[data-theme]:not([data-theme="academie"]) .bubble:hover .bubble-actions,
[data-theme]:not([data-theme="academie"]) .bubble:hover .task-actions,
[data-theme]:not([data-theme="academie"]) .task-bubble:hover .bubble-actions,
[data-theme]:not([data-theme="academie"]) .task-bubble:hover .task-actions {
    animation: none !important;
    opacity: 1 !important;
}

/* Boutons individuels — hover subtil */
.task-action-btn:hover,
.bubble-action-btn:hover {
    transform: scale(1.08) !important;
    transition: transform 0.1s ease !important;
    filter: brightness(1.2) !important;
}

/* popIn plus rapide, sans rebond */
.bubble,
.task-bubble {
    animation: popIn 0.2s ease-out !important;
}

/* Neon theme */
[data-theme="neon"] .task-card:hover {
    transform: none !important;
}

/* === SUPPRIMER — coin plié bas-droit (A FAIRE + EN COURS) === */
.task-delete-corner {
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 26px !important;
    height: 26px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: var(--danger, #ef4444) !important;
    clip-path: polygon(100% 0, 100% 100%, 0 100%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.2s ease, width 0.15s ease, height 0.15s ease !important;
    transform: none !important;
    z-index: 3 !important;
    cursor: pointer !important;
}
.bubble:hover .task-delete-corner {
    opacity: 1 !important;
    pointer-events: auto !important;
}
.task-delete-corner:hover {
    opacity: 1 !important;
    width: 32px !important;
    height: 32px !important;
    transform: none !important;
    filter: none !important;
}

/* Boutons ligne principale −20% */
.task-row-main .task-action-btn {
    padding: 5px 10px !important;
    font-size: 0.6rem !important;
}