/* ============================================================
   BULLBOOK — cartes « liquid glass »
   Repris de Sovaerys Control_Suite (25.08.2026). Seul l'accent
   de survol change : le cyan devient le vert BullBook.
   .glass-card : backdrop-filter blur(18px) saturate(140%),
   dégradé translucide sur base sombre, bord clair, reflet haut
   en inset, balayage lumineux lent.
   ============================================================ */
:root{
  --glass-bg-darkest:#0b0f16;
  --color-vert-accent:#16c784;
  --color-gold-accent:#f0b90b;
}

.glass-card{
  position:relative;
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  background-color:rgba(9,14,24,.72);
  background-image:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  padding:30px;
  box-shadow:0 8px 32px 0 rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.18);
  color:#fff;
  overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

/* Reflet spéculaire en haut de carte */
.glass-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:4px;
  background-image:linear-gradient(to bottom,rgba(255,255,255,.3),transparent);
  pointer-events:none;
}

/* Balayage lumineux diagonal, lent */
@keyframes sheen{ to{ transform:translateX(-100%) } }
.glass-card::after{
  content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;
  border-radius:inherit;
  background-image:linear-gradient(90deg,rgba(255,255,255,.1) 0%,transparent 40%);
  animation:sheen 6s infinite ease-out;pointer-events:none;
}
@media (prefers-reduced-motion:reduce){
  .glass-card::after{
    animation:none!important;
    background-image:linear-gradient(90deg,rgba(255,255,255,.08),transparent);
  }
}

.glass-card:hover{
  transform:translateY(-4px);
  border-color:var(--color-vert-accent);
  box-shadow:0 18px 48px -18px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.22);
}
/* Variante « or » : réservée à ce qui est un signal, pas à la déco. */
.glass-card.or:hover{border-color:var(--color-gold-accent)}
