/* ============================================================================
   GIRI — CORRECTIFS DE CASCADE
   Posé le 2026-08-20. Chargé en dernier, après bundle.min.css et les overrides.

   Ce fichier ne contient QUE des reprises de règles trop larges du bundle, chacune
   documentée avec ce qu'elle cassait réellement à l'écran. Rien de décoratif ici :
   toute règle ajoutée doit citer le défaut visible qu'elle corrige.
   ============================================================================ */

/* ── 1. « [class*="btn-"] » attrape des libellés, pas seulement des boutons ──
   bundle.min.css applique le style de bouton à `button, .btn, .cal-v7-btn,
   [class*="btn-"]`. Ce dernier motif matche par sous-chaîne : il attrape donc
   `giri-stripe-btn-label` (le SPAN du libellé) et `mos-qbtn-icon`. Ces spans
   recevaient padding, ombre et fond de bouton — d'où le rectangle gris débordant
   de la pilule blanche « Voir mon dashboard Stripe », visible à la loupe.

   On ne touche pas au sélecteur d'origine (les vrais `btn-primary` en dépendent) :
   on annule seulement pour ce qui est DANS un bouton ou un lien. Un vrai bouton
   n'est jamais imbriqué dans un autre bouton, donc la reprise est sans risque. */
button [class*="btn-"]:not(button):not(a):not(input):not([role="button"]),
a [class*="btn-"]:not(button):not(a):not(input):not([role="button"]),
[role="button"] [class*="btn-"]:not(button):not(a):not(input):not([role="button"]) {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    border-radius: 0 !important;
}

/* ── 2. Le décor animé traverse les panneaux de la vue Tâches ──────────────
   #matrix-bg est un fond plein écran (position:fixed, z-index:0, opacity .95).
   Il est bien DERRIÈRE la barre de filtres (z-index:200) — mais celle-ci n'a
   qu'un fond à 6,7 % d'opacité : les chiffres 0/1 défilaient donc en travers
   de « Tout le monde » et de « Tous les projets », mesuré sur téléphone.
   Ce n'est pas un problème d'empilement, c'est un fond trop transparent.

   On ne fige pas de couleur (les thèmes en dépendent) : un flou d'arrière-plan
   suffit à décrocher le décor du texte tout en gardant la matière du thème.
   Sûr ici : ces panneaux ne contiennent aucun position:fixed — un
   backdrop-filter crée un containing block qui décrocherait de tels enfants. */
#view-tasks .user-filter-bar,
#view-tasks .task-input-section,
#view-tasks .task-column,
body #view-tasks .user-filter-bar,
body #view-tasks .task-input-section {
    /* 8px de flou existaient deja sur telephone : les chiffres restaient lisibles
       au travers. A 24px, ils se fondent en une brume uniforme — et aucune couleur
       du theme n est touchee, contrairement a un fond opaque pose par-dessus. */
    -webkit-backdrop-filter: blur(24px) saturate(120%);
    backdrop-filter: blur(24px) saturate(120%);
}