/* ===== from main.css lines 78-155 ===== */
    /* ============================================================
       Glass chip utility — mirrors .brand-back / .icon-button style.
       Applied to every chrome control across the app so that the
       language of the header (blur, translucent white border,
       soft tone) is shared by nav arrows, hero tags, card badges,
       player controls, watchlist/modal buttons, etc.
       ============================================================ */
    .glass-chip {
      border: 1.5px solid var(--header-control-border);
      background: rgba(255, 255, 255, 0.12);
      -webkit-backdrop-filter: blur(14px) saturate(1.6) brightness(0.78);
      backdrop-filter: blur(14px) saturate(1.6) brightness(0.78);
      color: #fff;
      transition: background 0.2s ease, border-color 0.2s ease,
                  transform 0.2s ease, color 0.2s ease;
    }
    .glass-chip:hover {
      background: rgba(255, 255, 255, 0.24);
      border-color: var(--header-control-border-hover);
    }

    /* Dark-glass variant — explicit usage via .glass-chip--dark. */
    .glass-chip--dark {
      border-color: rgba(0, 0, 0, 0.45);
      background: rgba(0, 0, 0, 0.18);
      -webkit-backdrop-filter: blur(14px) saturate(1.6) brightness(1.12);
      backdrop-filter: blur(14px) saturate(1.6) brightness(1.12);
      color: #0d131a;
    }
    .glass-chip--dark:hover {
      background: rgba(0, 0, 0, 0.32);
      border-color: rgba(0, 0, 0, 0.65);
    }

    /* Accent variant — keeps the violet accent for active / selected
       states (watchlist CTA when added, premium flux, etc.). */
    .glass-chip.is-accent,
    .glass-chip--accent {
      border-color: rgba(var(--accent-rgb), 0.75);
      background: rgba(var(--accent-rgb), 0.22);
      color: #ffffff;
    }
    .glass-chip.is-accent:hover,
    .glass-chip--accent:hover {
      background: rgba(var(--accent-rgb), 0.32);
      border-color: rgba(var(--accent-hover-rgb), 0.9);
    }

    /* Disabled — non-clickable appearance preserved (e.g. "Télécharger"). */
    .glass-chip[disabled],
    .glass-chip.is-disabled {
      opacity: 0.45;
      cursor: not-allowed;
      pointer-events: none;
    }

    /* Glass-panel — variante "panneau" du glass-chip, pour les sections de
       contenu et les modales (cards casting, wireframes, popovers, modales).
       Mêmes valeurs (blur, saturate) que .glass-chip mais opacité du fond
       légèrement réduite (panneaux plus grands) et border-radius plus large. */
    .glass-panel {
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.18);
      -webkit-backdrop-filter: blur(18px) saturate(1.6) brightness(0.85);
      backdrop-filter: blur(18px) saturate(1.6) brightness(0.85);
    }
    .glass-panel--dark {
      background: rgba(0, 0, 0, 0.22);
      border-color: rgba(0, 0, 0, 0.35);
      -webkit-backdrop-filter: blur(18px) saturate(1.6) brightness(1.08);
      backdrop-filter: blur(18px) saturate(1.6) brightness(1.08);
    }