/* JDR Planning V2.35.8 — identité visuelle JDR Planning.
   Le logo de marque reste identique ; sa teinte dans l'interface suit le thème
   de la campagne active. Les icônes PWA/OS conservent l'or/noir de référence. */

body{--jdr-brand-filter:none}
body.theme-neutral{--jdr-brand-filter:none}
body.theme-knight{--jdr-brand-filter:none}
body.theme-delta{--jdr-brand-filter:hue-rotate(62deg) saturate(.62) brightness(.88)}
body.theme-cthulhu{--jdr-brand-filter:hue-rotate(50deg) saturate(.48) brightness(.82)}
body.theme-achtung{--jdr-brand-filter:hue-rotate(-8deg) saturate(.78) brightness(.88)}
body.theme-warhammer{--jdr-brand-filter:hue-rotate(-26deg) saturate(1.12) brightness(.84)}
body.theme-fallout{--jdr-brand-filter:hue-rotate(4deg) saturate(1.22) brightness(1.02)}
body.theme-startrek{--jdr-brand-filter:hue-rotate(4deg) saturate(.95) brightness(1.02)}
body.theme-starmarx{--jdr-brand-filter:hue-rotate(-44deg) saturate(1.45) brightness(.93)}
body.theme-dcc{--jdr-brand-filter:hue-rotate(-34deg) saturate(1.28) brightness(.88)}
body.theme-traveller{--jdr-brand-filter:hue-rotate(-38deg) saturate(1.20) brightness(.90)}
body.theme-runequest{--jdr-brand-filter:hue-rotate(-14deg) saturate(.92) brightness(.92)}
body.theme-nautilus{--jdr-brand-filter:hue-rotate(-17deg) saturate(.88) brightness(.90)}
body.theme-etu{--jdr-brand-filter:hue-rotate(-4deg) saturate(.90) brightness(1.00)}
body.theme-biochoc{--jdr-brand-filter:hue-rotate(165deg) saturate(.72) brightness(.92)}

.brand-mark.brand-mark-logo{
  width:44px;height:44px;flex:0 0 44px;padding:0;overflow:hidden;
  border:1px solid color-mix(in srgb,var(--accent) 52%,#c99436 48%);
  border-radius:12px;background:#08090b;
  box-shadow:0 7px 18px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.035) inset;
}
.brand-mark-logo img{
  width:100%;height:100%;display:block;object-fit:cover;
  filter:var(--jdr-brand-filter);
  transition:filter .42s ease,transform .24s ease;
}
.brand:hover .brand-mark-logo img{transform:scale(1.035)}

.auth-brand-logo,.mobile-install-logo,.offline-brand-logo{
  display:block;width:92px;height:92px;object-fit:contain;margin:0 auto 18px;
  border-radius:22px;filter:none;box-shadow:0 16px 36px rgba(0,0,0,.34);
}

/* V2.35.8 — bloc d'identité centré pour les écrans d'authentification.
   L'icône contient déjà « JDR » : le titre complet sous l'emblème renforce
   la marque sans modifier l'icône PWA installée sur le système. */
.auth-card{padding-top:28px}
.auth-brand-lockup{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:100%;margin:0 auto 22px;text-align:center;
}
.auth-card .auth-brand-logo{
  width:196px;height:196px;margin:0 auto 6px;border-radius:34px;
  box-shadow:0 22px 46px rgba(0,0,0,.42),0 0 0 1px rgba(218,170,74,.12);
}
/* V2.35.8 : le visuel de connexion contient déjà JDR + PLANNING.
   On évite donc de répéter le nom sous l'image. */
.auth-brand-title{display:none}
.auth-screen-title{
  margin:0 0 22px;text-align:center;color:var(--muted,#94a0ad);
  font-family:Georgia,"Times New Roman",serif;font-size:17px;font-weight:600;
}
.auth-screen-heading{
  margin:0 0 22px;text-align:center;color:var(--text,#edf1f5);
  font-size:22px;line-height:1.25;
}
.mobile-install-logo{width:112px;height:112px;margin-bottom:14px}

@media(max-width:780px){
  .brand-mark.brand-mark-logo{width:38px;height:38px;flex-basis:38px;border-radius:10px}
  .auth-card{padding-top:24px}
  .auth-card .auth-brand-logo{width:172px;height:172px;border-radius:30px}
  .auth-brand-title{font-size:27px}
}
@media(prefers-reduced-motion:reduce){.brand-mark-logo img{transition:none}}