/* BONJOUR 1.22.38 — MON BONJOUR + WINDOWS
   Contrat visuel UNIQUE pour ces deux surfaces.
   N'affecte ni la clé BJU, ni les sauvegardes, ni la disponibilité du téléchargement. */
:root{
  --bonjour-account-gold:linear-gradient(180deg,#ffe17c 0%,#ffd15a 48%,#ffb52e 100%);
  --bonjour-account-deep:linear-gradient(165deg,#104940 0%,#082f2b 50%,#041c19 100%);
  --bonjour-account-text:#f4f8f6;
  --bonjour-account-muted:#c4d4cf;
}
body[data-bonjour-pwa="1"] :is(#myBonjourModal,#windowsDownloadModal).modal-backdrop{
  position:fixed!important;inset:0!important;z-index:520!important;
  box-sizing:border-box!important;width:100vw!important;height:100dvh!important;min-height:0!important;
  overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;
  background:rgba(0,12,10,.72)!important;
  -webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;
  display:flex!important;align-items:flex-start!important;justify-content:center!important;
  padding:max(12px,env(safe-area-inset-top,0px)) 12px max(12px,env(safe-area-inset-bottom,0px))!important;
}
/* Les deux fenêtres NE sont jamais visibles lorsqu'elles sont fermées. */
body[data-bonjour-pwa="1"] :is(#myBonjourModal,#windowsDownloadModal).modal-backdrop.hidden,
body[data-bonjour-pwa="1"] :is(#myBonjourModal,#windowsDownloadModal).modal-backdrop[hidden]{
  display:none!important;visibility:hidden!important;pointer-events:none!important;
}
body[data-bonjour-pwa="1"] :is(#myBonjourModal .my-bonjour-modal,#windowsDownloadModal .windows-download-modal){
  position:relative!important;box-sizing:border-box!important;
  width:min(700px,calc(100vw - 24px))!important;max-width:700px!important;
  max-height:none!important;
  overflow:visible!important;
  flex:0 0 auto!important;margin:0 auto!important;padding:20px 27px 24px!important;border-radius:22px!important;
  border:1px solid rgba(215,236,227,.18)!important;
  background:radial-gradient(ellipse at 45% 4%,rgba(237,255,248,.085) 0%,rgba(209,255,242,.029) 26%,transparent 52%),
    linear-gradient(160deg,#092f2a 0%,#06241f 45%,#031915 100%)!important;
  box-shadow:0 25px 70px rgba(0,0,0,.38)!important;
  scrollbar-color:rgba(170,202,192,.28) transparent;
}
/* Un seul Retour, dans le coin haut droit, à l'écart du bandeau. */
body[data-bonjour-pwa="1"] :is(#myBonjourModal,#windowsDownloadModal) :is(#closeMyBonjourBtn,#closeWindowsDownloadBtn){
  position:absolute!important;top:18px!important;right:20px!important;bottom:auto!important;left:auto!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:92px!important;min-width:92px!important;max-width:92px!important;
  height:39px!important;min-height:39px!important;max-height:39px!important;
  margin:0!important;padding:0 11px!important;border:1px solid transparent!important;
  border-radius:12px!important;font-size:12px!important;font-weight:700!important;
  background:var(--bonjour-account-deep) padding-box,var(--bonjour-account-gold) border-box!important;
  color:#ffd260!important;-webkit-text-fill-color:#ffd260!important;z-index:4!important;
}
/* Le bandeau unique provient du moteur officiel de couronnes. */
body[data-bonjour-pwa="1"] :is(#myBonjourModal,#windowsDownloadModal) .bonjour-voice-heading-band{
  box-sizing:border-box!important;position:relative!important;
  width:100%!important;min-width:0!important;
  display:grid!important;grid-template-columns:94px minmax(0,1fr)!important;
  gap:16px!important;align-items:center!important;
  margin:47px 0 0!important;padding:0!important;
}
body[data-bonjour-pwa="1"] :is(#myBonjourModal,#windowsDownloadModal) .bonjour-voice-heading-band>.bonjour-voice-crown{
  width:82px!important;max-width:82px!important;height:92px!important;
  align-self:center!important;margin:0 auto!important;justify-self:center!important;
}
body[data-bonjour-pwa="1"] :is(#myBonjourModal,#windowsDownloadModal) .bonjour-voice-heading-content{
  min-width:0!important;width:100%!important;max-width:100%!important;
}
body[data-bonjour-pwa="1"] :is(#myBonjourModal,#windowsDownloadModal) :is(.my-bonjour-head,.windows-download-hero){
  display:block!important;box-sizing:border-box!important;width:100%!important;
  min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;
  grid-template:none!important;min-height:0!important;
}
body[data-bonjour-pwa="1"] :is(#myBonjourModal,#windowsDownloadModal) :is(.my-bonjour-head,.windows-download-hero) .bonjour-ui-header-copy{
  display:block!important;min-width:0!important;width:100%!important;max-width:100%!important;
  padding:0!important;margin:0!important;
}
body[data-bonjour-pwa="1"] :is(#myBonjourModal .my-bonjour-symbol,#windowsDownloadModal .windows-logo){display:none!important}
body[data-bonjour-pwa="1"] :is(#myBonjourModal,#windowsDownloadModal) :is(.my-bonjour-head,.windows-download-hero) .eyebrow{
  display:block!important;width:100%!important;max-width:100%!important;
  margin:0 0 6px!important;padding:0!important;
  font-family:Roboto,Arial,sans-serif!important;font-size:12px!important;
  line-height:1.42!important;letter-spacing:.13em!important;font-weight:700!important;
  background:var(--bonjour-account-gold)!important;-webkit-background-clip:text!important;
  background-clip:text!important;-webkit-text-fill-color:transparent!important;
}
body[data-bonjour-pwa="1"] #myBonjourModal .my-bonjour-head h3,
body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-hero h3{
  display:block!important;width:100%!important;max-width:100%!important;
  margin:0!important;padding:0!important;
  font-size:clamp(27px,3.1vw,32px)!important;line-height:1.12!important;
  font-weight:700!important;letter-spacing:-.024em!important;
  color:#f7faf8!important;-webkit-text-fill-color:#f7faf8!important;
  overflow-wrap:normal!important;word-break:normal!important;white-space:normal!important;text-wrap:pretty!important;
}
body[data-bonjour-pwa="1"] :is(#myBonjourModal,#windowsDownloadModal)>.bonjour-account-lead,
body[data-bonjour-pwa="1"] :is(#myBonjourModal .my-bonjour-modal,#windowsDownloadModal .windows-download-modal)>.bonjour-account-lead{
  display:block!important;width:100%!important;max-width:100%!important;
  margin:11px 0 17px!important;padding:0!important;
  color:#e9f1ee!important;font-family:Roboto,Arial,sans-serif!important;
  font-size:15px!important;line-height:1.50!important;font-weight:400!important;
}
/* MON BONJOUR — lisible, protecteur et compact. */
body[data-bonjour-pwa="1"] #myBonjourModal .my-bonjour-trust{
  margin:0 0 13px!important;padding:13px 15px!important;
  border-radius:14px!important;border:1px solid rgba(237,220,144,.16)!important;
  background:linear-gradient(120deg,rgba(255,215,112,.065),rgba(255,255,255,.022))!important;
}
body[data-bonjour-pwa="1"] #myBonjourModal .my-bonjour-trust strong{
  display:block!important;font-size:14px!important;line-height:1.4!important;color:#f5f8f6!important;
}
body[data-bonjour-pwa="1"] #myBonjourModal .my-bonjour-trust span{
  display:block!important;margin:4px 0 0!important;
  font-size:13.5px!important;line-height:1.53!important;color:var(--bonjour-account-muted)!important;
}
body[data-bonjour-pwa="1"] #myBonjourModal .my-bonjour-panel{
  box-sizing:border-box!important;min-width:0!important;
  padding:16px!important;border-radius:16px!important;
  border:1px solid rgba(222,239,230,.13)!important;
  background:linear-gradient(150deg,rgba(5,32,28,.82),rgba(3,20,18,.89))!important;
}
body[data-bonjour-pwa="1"] #myBonjourModal .my-bonjour-panel .eyebrow{
  display:block!important;margin:0 0 6px!important;
  font-size:12px!important;letter-spacing:.13em!important;
  background:var(--bonjour-account-gold)!important;-webkit-background-clip:text!important;
  background-clip:text!important;-webkit-text-fill-color:transparent!important;
}
body[data-bonjour-pwa="1"] #myBonjourModal .my-bonjour-panel>strong,
body[data-bonjour-pwa="1"] #myBonjourModal .my-bonjour-status-row strong{
  display:block!important;margin:3px 0!important;font-size:18px!important;line-height:1.25!important;
  color:#f5f8f6!important;
}
body[data-bonjour-pwa="1"] #myBonjourModal .my-bonjour-status-row small{
  display:block!important;font-size:13px!important;line-height:1.5!important;color:#c4d4cf!important;
}
body[data-bonjour-pwa="1"] #myBonjourModal .my-bonjour-ok{
  flex:0 0 37px!important;width:37px!important;height:37px!important;
  display:grid!important;place-items:center!important;
  background:rgba(24,85,73,.65)!important;color:#ffe089!important;
  border:1px solid rgba(255,211,106,.3)!important;border-radius:12px!important;
}
body[data-bonjour-pwa="1"] #myBonjourModal .my-bonjour-key-box{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;
  gap:9px!important;margin:13px 0 0!important;padding:10px!important;
  background:rgba(0,13,11,.48)!important;border:1px solid rgba(222,239,230,.14)!important;border-radius:12px!important;
}
body[data-bonjour-pwa="1"] #myBonjourModal #myBonjourKeyValue{
  display:block!important;min-width:0!important;font:600 12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace!important;
  letter-spacing:.02em!important;overflow-wrap:anywhere!important;word-break:break-word!important;color:#f3faf6!important;
}
body[data-bonjour-pwa="1"] #myBonjourModal #copyMyBonjourKeyBtn{
  height:37px!important;min-height:37px!important;padding:0 13px!important;border-radius:10px!important;
  border:1px solid transparent!important;
  background:var(--bonjour-account-deep) padding-box,var(--bonjour-account-gold) border-box!important;
  color:#ffdb7e!important;
  font-size:12px!important;font-weight:700!important;
}
body[data-bonjour-pwa="1"] #myBonjourModal .my-bonjour-key-warning{
  margin:10px 0 0!important;font-size:13px!important;line-height:1.5!important;
  color:#e3d4b4!important;
}
body[data-bonjour-pwa="1"] #myBonjourModal .my-bonjour-actions{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;margin-top:16px!important;
}
body[data-bonjour-pwa="1"] #myBonjourModal .my-bonjour-actions button,
body[data-bonjour-pwa="1"] #myBonjourModal .my-bonjour-panel>.primary-button,
body[data-bonjour-pwa="1"] #myBonjourModal .my-bonjour-panel>.secondary-button{
  box-sizing:border-box!important;width:100%!important;min-height:46px!important;height:auto!important;
  margin:0!important;padding:11px 14px!important;border-radius:12px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;font-size:14.5px!important;font-weight:700!important;line-height:1.25!important;
}
/* Première sauvegarde : séparer les deux choix, sans modifier leurs actions. */
body[data-bonjour-pwa="1"] #myBonjourModal #myBonjourNoKey>.secondary-button{
  margin-top:10px!important;
}
body[data-bonjour-pwa="1"] #myBonjourModal :is(#syncMyBonjourNowBtn,#createMyBonjourKeyBtn,#confirmMyBonjourRestoreBtn):not(:disabled){
  background:var(--bonjour-account-gold)!important;border:1px solid rgba(255,223,126,.6)!important;
  color:#163a30!important;-webkit-text-fill-color:#163a30!important;
}
body[data-bonjour-pwa="1"] #myBonjourModal :is(#replaceMyBonjourKeyBtn,#restoreMyBonjourBtn,#cancelMyBonjourRestoreBtn){
  background:var(--bonjour-account-deep) padding-box,var(--bonjour-account-gold) border-box!important;
  border:1px solid transparent!important;color:#ffdc80!important;-webkit-text-fill-color:#ffdc80!important;
}
body[data-bonjour-pwa="1"] #myBonjourModal .my-bonjour-panel>p{
  font-size:13.5px!important;line-height:1.54!important;color:var(--bonjour-account-muted)!important;
}
body[data-bonjour-pwa="1"] #myBonjourModal .my-bonjour-foot{
  margin:16px 3px 0!important;padding:0!important;font-size:13px!important;
  line-height:1.57!important;color:#bfcdc8!important;
}
body[data-bonjour-pwa="1"] #myBonjourModal #myBonjourRestoreKey{
  width:100%!important;min-width:0!important;max-width:100%!important;font-size:14px!important;
  border:1px solid rgba(255,210,103,.24)!important;background:#041e1a!important;
  border-radius:10px!important;padding:11px!important;
}
/* WINDOWS — bouton volontairement inactif lorsque non publié. */
body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-release-strip{
  display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:0 0 13px!important;
}
body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-release-strip span{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:31px!important;padding:5px 10px!important;border-radius:999px!important;
  border:1px solid rgba(246,212,121,.19)!important;background:rgba(9,39,34,.66)!important;
  color:#e4eee9!important;font-size:11.5px!important;font-weight:600!important;
}
body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-release-strip .windows-free{
  color:#ffdc80!important;border-color:rgba(255,210,103,.38)!important;
}
body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-release-card{
  margin:0!important;padding:16px!important;border-radius:15px!important;
  border:1px solid rgba(222,239,230,.13)!important;
  background:linear-gradient(155deg,rgba(4,28,24,.91),rgba(3,19,17,.95))!important;
}
body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-release-card strong{
  display:block!important;color:#f7faf8!important;font-size:19px!important;line-height:1.18!important;
  font-weight:700!important;letter-spacing:-.017em!important;
}
body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-release-card p{
  margin:9px 0 0!important;color:#dbe7e1!important;font-size:12.5px!important;line-height:1.53!important;
}
body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-release-card small{
  display:block!important;margin-top:9px!important;color:#c2d0ca!important;font-size:11.5px!important;line-height:1.5!important;
}
body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-primary{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-height:49px!important;margin:12px 0 0!important;padding:10px 14px!important;
  border-radius:12px!important;font-size:14px!important;font-weight:700!important;text-align:center!important;
  background:var(--bonjour-account-gold)!important;border:1px solid rgba(255,218,117,.72)!important;
  color:#133b32!important;-webkit-text-fill-color:#133b32!important;
}
body[data-bonjour-pwa="1"] #windowsDownloadModal #windowsDownloadPrimary:is(.is-unavailable,[aria-disabled="true"],[disabled]){
  pointer-events:none!important;cursor:not-allowed!important;opacity:.59!important;
  border:1px solid rgba(170,194,181,.20)!important;
  background:linear-gradient(150deg,rgba(13,62,54,.42),rgba(6,33,29,.6))!important;
  color:#b6c8c0!important;-webkit-text-fill-color:#b6c8c0!important;box-shadow:none!important;
}
body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-install-guide{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin:12px 0!important;
}
body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-install-guide>div{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;
  min-width:0!important;padding:12px!important;border-radius:13px!important;
  border:1px solid rgba(222,239,230,.12)!important;
  background:linear-gradient(155deg,rgba(9,41,35,.75),rgba(4,22,19,.85))!important;
}
body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-install-guide i{
  width:28px!important;height:28px!important;min-width:28px!important;
  display:grid!important;place-items:center!important;font-style:normal!important;
  border-radius:9px!important;border:1px solid rgba(255,216,117,.26)!important;
  background:rgba(245,195,70,.10)!important;color:#ffda73!important;font-size:13px!important;
}
body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-install-guide strong{
  font-size:13px!important;line-height:1.2!important;color:#f6f9f7!important;
}
body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-install-guide small{
  margin-top:4px!important;font-size:11.5px!important;line-height:1.48!important;color:#c3d2cc!important;
}
body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-actions{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:5px!important;
}
body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-actions button{
  width:100%!important;min-height:39px!important;height:auto!important;
  padding:9px 12px!important;border-radius:11px!important;
  background:var(--bonjour-account-deep) padding-box,var(--bonjour-account-gold) border-box!important;
  border:1px solid transparent!important;color:#ffda7b!important;font-size:13px!important;font-weight:700!important;
}
/* Lorsque Windows est indisponible, les deux partages restent clairement inactifs. */
body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-actions button:disabled{
  opacity:.57!important;cursor:not-allowed!important;pointer-events:none!important;
  background:linear-gradient(160deg,rgba(11,44,39,.62),rgba(5,28,24,.72))!important;
  border-color:rgba(194,215,204,.18)!important;color:#b4c7bf!important;
  box-shadow:none!important;
}
body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-trust{
  margin:14px 0 0!important;padding-top:12px!important;
  border-top:1px solid rgba(255,218,119,.12)!important;
  color:#c5d4ce!important;font-size:12px!important;line-height:1.57!important;
}
body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-trust strong{
  color:#f5f9f6!important;
}
/* Lisibilité et accessibilité sans second contour décoratif permanent. */
body[data-bonjour-pwa="1"] :is(#myBonjourModal,#windowsDownloadModal) :is(button,a,input):focus-visible{
  outline:2px solid #ffe17c!important;outline-offset:3px!important;
}
body[data-bonjour-pwa="1"] :is(#myBonjourModal,#windowsDownloadModal) :is(button,a):disabled{
  box-shadow:none!important;
}
@media(max-width:720px){
  body[data-bonjour-pwa="1"] :is(#myBonjourModal,#windowsDownloadModal).modal-backdrop{
    padding:max(10px,env(safe-area-inset-top,0px)) 10px max(10px,env(safe-area-inset-bottom,0px))!important;
    align-items:flex-start!important;justify-content:center!important;
  }
  body[data-bonjour-pwa="1"] :is(#myBonjourModal .my-bonjour-modal,#windowsDownloadModal .windows-download-modal){
    width:100%!important;max-width:100%!important;
    max-height:none!important;overflow:visible!important;
    padding:18px 17px 22px!important;border-radius:19px!important;
  }
  body[data-bonjour-pwa="1"] :is(#myBonjourModal,#windowsDownloadModal) :is(#closeMyBonjourBtn,#closeWindowsDownloadBtn){
    top:15px!important;right:16px!important;width:85px!important;min-width:85px!important;max-width:85px!important;
    height:38px!important;min-height:38px!important;max-height:38px!important;
  }
  body[data-bonjour-pwa="1"] :is(#myBonjourModal,#windowsDownloadModal) .bonjour-voice-heading-band{
    grid-template-columns:82px minmax(0,1fr)!important;gap:12px!important;
    margin-top:44px!important;margin-bottom:0!important;align-items:end!important;
  }
  body[data-bonjour-pwa="1"] :is(#myBonjourModal,#windowsDownloadModal) .bonjour-voice-heading-band>.bonjour-voice-crown{
    width:73px!important;max-width:73px!important;height:82px!important;
  }
  body[data-bonjour-pwa="1"] #myBonjourModal .my-bonjour-head h3,
  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-hero h3{
    font-size:clamp(26px,6.8vw,29px)!important;line-height:1.13!important;
  }
  body[data-bonjour-pwa="1"] :is(#myBonjourModal .my-bonjour-modal,#windowsDownloadModal .windows-download-modal)>.bonjour-account-lead{
    margin:11px 0 17px!important;font-size:15px!important;line-height:1.48!important;
  }
  body[data-bonjour-pwa="1"] #myBonjourModal .my-bonjour-panel{
    padding:14px!important;
  }
  body[data-bonjour-pwa="1"] #myBonjourModal .my-bonjour-status-row strong{
    font-size:16px!important;
  }
  body[data-bonjour-pwa="1"] #myBonjourModal #myBonjourKeyValue{
    font-size:11.5px!important;
  }
  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-install-guide{
    grid-template-columns:minmax(0,1fr)!important;gap:8px!important;
  }
  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-install-guide>div{
    flex-direction:row!important;align-items:flex-start!important;gap:11px!important;padding:11px!important;
  }
  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-install-guide i{
    flex:0 0 28px!important;
  }
}
@media(max-width:355px){
  body[data-bonjour-pwa="1"] :is(#myBonjourModal,#windowsDownloadModal) .bonjour-voice-heading-band{
    grid-template-columns:73px minmax(0,1fr)!important;gap:9px!important;
  }
  body[data-bonjour-pwa="1"] :is(#myBonjourModal,#windowsDownloadModal) .bonjour-voice-heading-band>.bonjour-voice-crown{
    width:65px!important;max-width:65px!important;height:76px!important;
  }
  body[data-bonjour-pwa="1"] #myBonjourModal .my-bonjour-head h3,
  body[data-bonjour-pwa="1"] #windowsDownloadModal .windows-download-hero h3{
    font-size:24px!important;
  }
  body[data-bonjour-pwa="1"] #myBonjourModal .my-bonjour-key-box{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body[data-bonjour-pwa="1"] #myBonjourModal #copyMyBonjourKeyBtn{
    width:100%!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body[data-bonjour-pwa="1"] :is(#myBonjourModal,#windowsDownloadModal) .bonjour-voice-speaking>span{
    animation:none!important;
  }
}