/* 1.22.02 — En-tête réunion : composition unique, zone Retour réservée.
   Une seule couronne injectée par bonjour-voice-crown.js. */
body[data-bonjour-pwa="1"] #scheduleMeetingModal .schedule-meeting-modal{
 position:relative!important;padding-top:20px!important;
}
body[data-bonjour-pwa="1"] #scheduleMeetingModal .schedule-meeting-modal.bonjour-voice-ready > .bonjour-voice-heading-band{
 display:grid!important;grid-template-columns:clamp(74px,24%,104px) minmax(0,1fr)!important;
 align-items:center!important;column-gap:14px!important;
 padding:30px 0 0!important;margin:0 0 2px!important;min-height:0!important;
}
body[data-bonjour-pwa="1"] #scheduleMeetingModal .bonjour-voice-heading-band > .bonjour-voice-crown{
 display:flex!important;width:100%!important;max-width:104px!important;height:76px!important;
 margin:0!important;align-self:center!important;gap:5px!important;
}
body[data-bonjour-pwa="1"] #scheduleMeetingModal .bonjour-voice-heading-band .modal-head{
 display:block!important;position:static!important;min-height:0!important;margin:0!important;padding:0!important;
}
body[data-bonjour-pwa="1"] #scheduleMeetingModal .bonjour-voice-heading-band .modal-head > div:first-child{
 min-width:0!important;padding:0!important;
}
body[data-bonjour-pwa="1"] #scheduleMeetingModal .bonjour-voice-heading-band .modal-head .eyebrow{
 display:block!important;color:#ffcf58!important;font-size:13px!important;
 line-height:1.2!important;letter-spacing:.11em!important;margin:0 0 5px!important;
}
body[data-bonjour-pwa="1"] #scheduleMeetingModal .bonjour-voice-heading-band .modal-head h3{
 font-size:25px!important;line-height:1.12!important;margin:0!important;
 color:#f5f8f6!important;letter-spacing:-.015em!important;
}
body[data-bonjour-pwa="1"] #scheduleMeetingModal #closeScheduleMeetingBtn{
 position:absolute!important;top:14px!important;right:16px!important;left:auto!important;
 transform:none!important;z-index:4!important;min-height:40px!important;
 width:auto!important;height:auto!important;padding:9px 14px!important;
 border:1px solid #f0c54f!important;border-radius:12px!important;
 background:linear-gradient(180deg,#174a41,#062b27)!important;color:#f7d36b!important;
 font-size:13px!important;font-weight:700!important;
}
body[data-bonjour-pwa="1"] #scheduleMeetingModal .agenda-modal-subtitle{
 margin:2px 0 12px!important;max-width:100%!important;
 font-size:13px!important;line-height:1.43!important;color:#e0ebe7!important;
}
/* WebKit iOS : recentrer la valeur du champ natif dans la hauteur du contrôle. */
body[data-bonjour-pwa="1"] #scheduleMeetingModal #scheduleStart{
 display:flex!important;align-items:center!important;
 padding:0 12px!important;line-height:normal!important;
 -webkit-appearance:auto!important;appearance:auto!important;
}
body[data-bonjour-pwa="1"] #scheduleMeetingModal #scheduleStart::-webkit-date-and-time-value{
 display:flex!important;align-items:center!important;min-height:100%!important;
 margin:0!important;padding:0!important;text-align:left!important;
}
body[data-bonjour-pwa="1"] #scheduleMeetingModal #scheduleStart::-webkit-datetime-edit{
 display:flex!important;align-items:center!important;min-height:100%!important;
 margin:0!important;padding:0!important;
}
body[data-bonjour-pwa="1"] #scheduleMeetingModal #scheduleStart::-webkit-datetime-edit-fields-wrapper{
 display:flex!important;align-items:center!important;margin:0!important;padding:0!important;
}
@media(min-width:1024px) and (pointer:fine){
 body[data-bonjour-pwa="1"] #scheduleMeetingModal .bonjour-voice-heading-band .modal-head .eyebrow{font-size:16px!important}
 body[data-bonjour-pwa="1"] #scheduleMeetingModal .bonjour-voice-heading-band .modal-head h3{font-size:30px!important}
 body[data-bonjour-pwa="1"] #scheduleMeetingModal .agenda-modal-subtitle{font-size:14px!important}
}
@media(max-width:720px){
 body[data-bonjour-pwa="1"] #scheduleMeetingModal .schedule-meeting-modal{padding-top:18px!important}
 body[data-bonjour-pwa="1"] #scheduleMeetingModal .schedule-meeting-modal.bonjour-voice-ready > .bonjour-voice-heading-band{
  grid-template-columns:clamp(74px,24%,100px) minmax(0,1fr)!important;column-gap:12px!important;
  padding-top:30px!important;margin-bottom:2px!important;
 }
 body[data-bonjour-pwa="1"] #scheduleMeetingModal .bonjour-voice-heading-band > .bonjour-voice-crown{height:74px!important;max-width:100px!important}
 body[data-bonjour-pwa="1"] #scheduleMeetingModal #closeScheduleMeetingBtn{top:12px!important;right:14px!important}
}
/* Préserve l'en-tête des notifications sans le modifier. */
body[data-bonjour-pwa="1"] #bonjourNotificationsModal .modal-head {
 display:grid!important;grid-template-columns:54px minmax(0,1fr) auto!important;
 gap:12px!important;align-items:center!important;min-height:0!important;
 padding:0!important;margin:0 0 12px!important;position:relative!important;
}
body[data-bonjour-pwa="1"] #bonjourNotificationsModal .modal-head::before,
body[data-bonjour-pwa="1"] #bonjourNotificationsModal .modal-head::after {content:none!important;display:none!important}
body[data-bonjour-pwa="1"] #bonjourNotificationsModal .modal-head>.bonjour-page-native-crown {
 grid-column:1!important;grid-row:1!important;width:54px!important;max-width:54px!important;
 height:60px!important;margin:0!important;gap:4px!important;
}
body[data-bonjour-pwa="1"] #bonjourNotificationsModal .modal-head>div {
 grid-column:2!important;grid-row:1!important;min-width:0!important;padding:0!important;
}
body[data-bonjour-pwa="1"] #bonjourNotificationsModal .modal-head h3 {
 font-size:clamp(19px,3vw,25px)!important;line-height:1.15!important;margin:4px 0 0!important;color:#f5f8f6!important;
}
body[data-bonjour-pwa="1"] #bonjourNotificationsModal .modal-head .eyebrow {
 font-size:10px!important;letter-spacing:.12em!important;color:#ffcf58!important;
}
body[data-bonjour-pwa="1"] #bonjourNotificationsModal .modal-head .modal-close {
 grid-column:3!important;grid-row:1!important;position:relative!important;inset:auto!important;
 transform:none!important;margin:0!important;align-self:start!important;justify-self:end!important;
}
body[data-bonjour-pwa="1"] #bonjourNotificationsModal .modal-subtitle {
 margin:0 0 14px!important;margin-right:0!important;max-width:none!important;
 font-size:clamp(12px,2.4vw,14px)!important;line-height:1.48!important;color:#c7d7d1!important;
}
body[data-bonjour-pwa="1"] #scheduleMeetingModal .settings-label {color:#e3eee9!important}
body[data-bonjour-pwa="1"] #scheduleMeetingModal .schedule-timezone-note,
body[data-bonjour-pwa="1"] #bonjourNotificationsModal .bonjour-push-preferences label small {color:#aebfb9!important}
@media(max-width:760px){
 body[data-bonjour-pwa="1"] #bonjourNotificationsModal .modal-head {grid-template-columns:43px minmax(0,1fr) auto!important;gap:10px!important}
 body[data-bonjour-pwa="1"] #bonjourNotificationsModal .modal-head>.bonjour-page-native-crown {width:43px!important;max-width:43px!important;height:49px!important;gap:3px!important}
 body[data-bonjour-pwa="1"] #bonjourNotificationsModal .modal-head h3 {font-size:20px!important}
}

/* 1.22.04 — En-tête réunion : deux lignes complètes, sans troncature.
   Composition calée sur la base de la couronne, sans ajout de composant. */
body[data-bonjour-pwa="1"] #scheduleMeetingModal .schedule-meeting-modal.bonjour-voice-ready > .bonjour-voice-heading-band{
 grid-template-columns:clamp(76px,24%,100px) minmax(0,1fr)!important;
 align-items:end!important;column-gap:12px!important;
 padding-top:20px!important;margin-bottom:0!important;
}
body[data-bonjour-pwa="1"] #scheduleMeetingModal .bonjour-voice-heading-band > .bonjour-voice-crown{
 height:90px!important;max-width:100px!important;align-self:end!important;
 transform:translateY(-5px)!important;
}
body[data-bonjour-pwa="1"] #scheduleMeetingModal .bonjour-voice-heading-band .modal-head{
 align-self:end!important;padding:0!important;margin:0 0 3px!important;
}
body[data-bonjour-pwa="1"] #scheduleMeetingModal .bonjour-voice-heading-band .modal-head .eyebrow{
 display:block!important;width:auto!important;max-width:none!important;
 white-space:normal!important;overflow:visible!important;overflow-wrap:normal!important;
 font-size:12px!important;line-height:1.18!important;letter-spacing:.105em!important;
 margin:0 0 5px!important;
}
body[data-bonjour-pwa="1"] #scheduleMeetingModal .bonjour-voice-heading-band .modal-head .eyebrow > span{
 display:block!important;white-space:nowrap!important;overflow:visible!important;
}
body[data-bonjour-pwa="1"] #scheduleMeetingModal .bonjour-voice-heading-band .modal-head h3{
 font-size:clamp(21px,5.6vw,25px)!important;line-height:1.1!important;
 margin:0!important;white-space:pre-line!important;
}
body[data-bonjour-pwa="1"] #scheduleMeetingModal .agenda-modal-subtitle{
 margin:6px 0 12px!important;
}
@media(min-width:761px){
 body[data-bonjour-pwa="1"] #scheduleMeetingModal .bonjour-voice-heading-band .modal-head .eyebrow{font-size:14px!important}
 body[data-bonjour-pwa="1"] #scheduleMeetingModal .bonjour-voice-heading-band > .bonjour-voice-crown{height:98px!important}
}
/* Actions secondaires de retrait : palette nacrée, distincte des actions positives or.
   Sélecteurs limités aux boutons d'action ; jamais aux icônes de fermeture. */
body[data-bonjour-pwa="1"] button:is(
 [id*="cancel" i],[id*="delete" i],[id*="remove" i],[id*="leave" i],[id*="quit" i],
 [id*="supprim" i],[id*="quitter" i],[id*="annuler" i]
):not(.modal-close):not(.bonjour-page-return):not([disabled]){
 background:linear-gradient(180deg,#ffffff 0%,#f3f6f4 54%,#e2e9e5 100%)!important;
 color:#103b35!important;border:1px solid #dbe6df!important;
 box-shadow:inset 0 1px 0 #fff,0 2px 9px rgba(0,0,0,.09)!important;
 text-shadow:none!important;
}
body[data-bonjour-pwa="1"] button:is(
 [id*="cancel" i],[id*="delete" i],[id*="remove" i],[id*="leave" i],[id*="quit" i],
 [id*="supprim" i],[id*="quitter" i],[id*="annuler" i]
):not(.modal-close):not(.bonjour-page-return):not([disabled]):active{
 background:linear-gradient(180deg,#e4ebe7,#f5f7f6)!important;
}


/* 1.22.05 — Consolidation ciblée des pages ; aucune animation supplémentaire. */
/* Rejoindre / nouvelle réunion : utiliser la couronne existante et préserver le retour. */
/* À partir de la tablette, le contenu commence sous Retour. L'ancien centrage
   vertical de la carte pouvait pousser la couronne au-dessus du cadre. */
@media(min-width:721px){
 body[data-bonjour-pwa="1"] #prejoinView .join-card.bonjour-mobile-page-shell{
  justify-content:flex-start!important; padding-top:76px!important;
 }
}
body[data-bonjour-pwa="1"] #prejoinView .bonjour-prejoin-heading-band {
  align-items:end!important;gap:14px!important;margin-top:0!important;margin-bottom:5px!important;
}
body[data-bonjour-pwa="1"] #prejoinView .bonjour-prejoin-heading-band > .bonjour-voice-crown {
  width:92px!important;max-width:92px!important;height:102px!important;align-self:end!important;
}
body[data-bonjour-pwa="1"] #prejoinView .bonjour-prejoin-heading-copy {min-width:0!important;align-self:end!important;}
body[data-bonjour-pwa="1"] #prejoinView .bonjour-page-intro {margin-top:8px!important;margin-bottom:19px!important;}
body[data-bonjour-pwa="1"] #prejoinView #profilePhotoBtn {
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:38px!important;min-height:38px!important;padding:0 12px!important;
  border-radius:10px!important;border:1px solid #efbf47!important;
  background:linear-gradient(180deg,#ffda65 0%,#ffbc31 100%)!important;
  color:#0b3f3c!important;-webkit-text-fill-color:#0b3f3c!important;
  box-shadow:inset 0 1px 0 rgba(255,247,207,.3)!important;
  font-size:12px!important;font-weight:750!important;
}
/* Agenda : or réservé aux sélections et repères, sans changer les couleurs des événements. */
body[data-bonjour-pwa="1"] #agendaView .agenda-view-switch button.active {
  background:linear-gradient(180deg,#ffe07c 0%,#ffcb48 55%,#e9a629 100%)!important;
  color:#0b3f3c!important;box-shadow:inset 0 0 0 1px #f5c451!important;
}
body[data-bonjour-pwa="1"] #agendaView .agenda-day.today > span {
  background:linear-gradient(180deg,#ffe07c,#efae30)!important;color:#0b3f3c!important;
}
body[data-bonjour-pwa="1"] #agendaView .agenda-hour-head strong.today {color:#ffd05d!important;}
body[data-bonjour-pwa="1"] .agenda-color-chip.selected {border-color:#ffd05d!important;box-shadow:0 0 0 2px rgba(255,208,93,.2)!important;}
/* Transfert : une hiérarchie claire, moins de texte et des actions cohérentes. */
body[data-bonjour-pwa="1"] #transferView .transfer-brand-row .eyebrow {color:#ffd05d!important;letter-spacing:.14em!important;}
body[data-bonjour-pwa="1"] #transferView .transfer-main-card > h2 {
  font-size:clamp(24px,5.9vw,30px)!important;line-height:1.13!important;
  max-width:19ch!important;margin:12px 0 12px!important;
}
body[data-bonjour-pwa="1"] #transferView .transfer-lead {
  color:#d3e1da!important;font-size:clamp(13px,3.2vw,15px)!important;
  line-height:1.5!important;margin:0 0 14px!important;max-width:52ch!important;
}
body[data-bonjour-pwa="1"] #transferView .transfer-no-storage {
  color:#ffe09a!important;border-color:rgba(255,208,93,.38)!important;
}
body[data-bonjour-pwa="1"] #transferView .transfer-receive-code-intro .eyebrow,
body[data-bonjour-pwa="1"] #transferView .transfer-history-head .eyebrow {color:#ffd05d!important;}
body[data-bonjour-pwa="1"] #transferView .transfer-drop-icon {
  background:linear-gradient(180deg,#ffe07c,#f6b936)!important;color:#0b3f3c!important;
}
/* Bouton final d'envoi uniquement : la réception et les autres actions ne changent pas. */
body[data-bonjour-pwa="1"] #transferView #transferCreateBtn {
  background:linear-gradient(180deg,#ffda65 0%,#ffbc31 100%)!important;
  border:1px solid #efbf47!important;
  color:#0b3f3c!important;-webkit-text-fill-color:#0b3f3c!important;
  box-shadow:inset 0 1px 0 rgba(255,247,207,.3)!important;
}
body[data-bonjour-pwa="1"] #transferView #transferCreateBtn:not(:disabled):hover {
  filter:brightness(1.045)!important;
}
body[data-bonjour-pwa="1"] #transferView .transfer-history-actions button.danger {
  background:linear-gradient(180deg,#fff,#e5ece8)!important;
  color:#103b35!important;border-color:#e0e8e2!important;
}
@media(max-width:760px){
 body[data-bonjour-pwa="1"] #prejoinView .bonjour-prejoin-heading-band > .bonjour-voice-crown {width:82px!important;max-width:82px!important;height:78px!important;}
 body[data-bonjour-pwa="1"] #transferView .transfer-main-card > h2 {font-size:clamp(25px,6.6vw,29px)!important;}
}
@media(prefers-reduced-motion:reduce){body[data-bonjour-pwa="1"] #prejoinView .bonjour-voice-crown > span{animation:none!important;}}

/* 1.22.06 — Transfert : réutilisation de la couronne officielle, sans injection JS. */
body[data-bonjour-pwa="1"] #transferView .transfer-identity-heading{
 display:grid;grid-template-columns:clamp(72px,24%,112px) minmax(0,1fr);
 gap:clamp(12px,3vw,20px);align-items:center;min-width:0;
 margin:0 0 12px;padding:0;
}
body[data-bonjour-pwa="1"] #transferView .transfer-identity-heading>.bonjour-voice-crown{
 width:100%;max-width:112px;height:106px;margin:0;gap:6px;
}
body[data-bonjour-pwa="1"] #transferView .transfer-identity-copy{min-width:0;align-self:end;padding-bottom:3px}
body[data-bonjour-pwa="1"] #transferView .transfer-identity-copy .transfer-brand-row{
 display:block!important;padding:0!important;margin:0 0 6px!important;
}
body[data-bonjour-pwa="1"] #transferView .transfer-identity-copy #transferTitle{
 margin:0!important;padding:0!important;max-width:none!important;
 font-size:clamp(21px,4.1vw,31px)!important;line-height:1.12!important;
 letter-spacing:-.025em!important;overflow-wrap:normal!important;
}

body[data-bonjour-pwa="1"] #transferView .transfer-title-lead,
body[data-bonjour-pwa="1"] #transferView .transfer-title-promise{display:block;min-width:0;}
body[data-bonjour-pwa="1"] #transferView .transfer-title-promise{
  white-space:nowrap;letter-spacing:-.025em;font-weight:700;
  font-size:clamp(16px,1.35vw,19px);line-height:1.25;
}
@media(max-width:760px){
 body[data-bonjour-pwa="1"] #transferView .transfer-identity-heading{
  grid-template-columns:clamp(68px,24%,98px) minmax(0,1fr);gap:12px;
  margin-top:-5px;margin-bottom:11px;
 }
 body[data-bonjour-pwa="1"] #transferView .transfer-identity-heading>.bonjour-voice-crown{height:88px;max-width:98px;gap:5px}
 body[data-bonjour-pwa="1"] #transferView .transfer-identity-copy #transferTitle{font-size:clamp(19px,5.3vw,25px)!important}
 body[data-bonjour-pwa="1"] #transferView .transfer-title-promise{font-size:clamp(16px,4.9vw,19px)!important;}
}
/* Écran étroit : le libellé Transfert reste sous la zone Retour. */
@media(max-width:360px){
 body[data-bonjour-pwa="1"] #transferView .transfer-identity-heading{margin-top:20px!important;}
}