/* Fenêtres de messagerie : une surface lisible et adaptée au clavier mobile. */
:root{--up-messaging-viewport-height:100dvh;--up-messaging-viewport-top:0px}
#friends-box-root,#inv-rec-box-root,#inv-sent-box-root,#conv-box-root,#conv-dialog-root,#conv-groups-root,#conv-media-viewer-root{
  position:fixed !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  top:var(--up-messaging-viewport-top) !important;
  bottom:auto !important;
  height:var(--up-messaging-viewport-height) !important;
  max-height:var(--up-messaging-viewport-height) !important;
  box-sizing:border-box !important;
  padding:clamp(8px,2vh,22px) !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(1,8,22,.66) !important;
  -webkit-backdrop-filter:blur(8px) !important;
  backdrop-filter:blur(8px) !important;
}
#friends-box-root[aria-hidden="false"],#inv-rec-box-root[aria-hidden="false"],#inv-sent-box-root[aria-hidden="false"],#conv-box-root.active,#conv-dialog-root.active,#conv-groups-root.active,#conv-media-viewer-root.active{display:flex !important}
#friends-box-root .conv-box,#inv-rec-box-root .conv-box,#inv-sent-box-root .conv-box,#conv-box-root .conv-box,#conv-dialog-root .conv-dialog,#conv-groups-root .conv-groups-card,#conv-media-viewer-root .conv-media-viewer{
  position:relative !important;
  width:min(100%,760px) !important;
  height:min(730px,calc(var(--up-messaging-viewport-height) - 2 * clamp(8px,2vh,22px))) !important;
  min-height:0 !important;
  max-height:100% !important;
  margin:auto !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  border:1px solid rgba(184,237,255,.38) !important;
  border-radius:24px !important;
  background:linear-gradient(145deg,rgba(13,31,55,.97),rgba(4,13,31,.98) 70%,rgba(10,24,42,.97)) !important;
  box-shadow:0 20px 70px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.18),0 0 30px rgba(47,215,255,.14) !important;
  color:#f1fbff !important;
  animation:upCrystalOpen .3s cubic-bezier(.2,.8,.2,1) both;
  transform-origin:center center;
}
#friends-box-root .conv-box,#inv-rec-box-root .conv-box,#inv-sent-box-root .conv-box{width:min(100%,620px) !important}
#conv-dialog-root .conv-dialog,#conv-groups-root .conv-groups-card{width:min(100%,960px) !important}
#conv-media-viewer-root{z-index:2147483600 !important}
html body #conv-media-viewer-root.active{z-index:2147483647 !important;background:rgba(1,8,22,.66) !important;backdrop-filter:blur(8px) !important}
html body #conv-groups-root.active{z-index:2147483400 !important;background:rgba(1,8,22,.66) !important;backdrop-filter:blur(8px) !important}
#conv-media-viewer-root .conv-media-viewer{width:min(100%,1100px) !important;height:min(800px,calc(var(--up-messaging-viewport-height) - 16px)) !important}
@keyframes upCrystalOpen{from{opacity:0;scale:.88;filter:blur(5px)}to{opacity:1;scale:1;filter:blur(0)}}
#friends-box-root .conv-header,#inv-rec-box-root .conv-header,#inv-sent-box-root .conv-header,#conv-box-root .conv-header,#conv-dialog-root .conv-dialog-header,#conv-groups-root .conv-groups-header,#conv-media-viewer-root .conv-media-viewer-head{
  flex-shrink:0 !important;
  min-width:0 !important;
  background:linear-gradient(95deg,rgba(56,204,245,.14),rgba(169,141,255,.08),rgba(255,255,255,.035)) !important;
  border-bottom:1px solid rgba(184,237,255,.16) !important;
}
#friends-box-root .conv-header>div,#inv-rec-box-root .conv-header>div,#inv-sent-box-root .conv-header>div,#conv-box-root .conv-header>div,#conv-dialog-root .conv-dialog-contact{min-width:0 !important}
#friends-box-root .conv-title,#inv-rec-box-root .conv-title,#inv-sent-box-root .conv-title,#conv-box-root .conv-title,#conv-dialog-root .conv-dialog-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5fcff !important}
#friends-box-root .conv-list,#inv-rec-box-root .conv-list,#inv-sent-box-root .conv-list,#conv-box-root .conv-main-view,#conv-dialog-root .conv-dialog-body,#conv-groups-root .conv-groups-main{min-height:0 !important;overflow:auto !important;overscroll-behavior:contain}
#conv-dialog-root .conv-dialog-messages{min-height:0 !important;overflow:auto !important}
#conv-dialog-root .conv-dialog-footer,#conv-box-root .conv-footer,#friends-box-root .conv-footer{flex-shrink:0 !important;background:rgba(6,19,39,.94) !important;border-top:1px solid rgba(184,237,255,.15) !important}
#conv-media-viewer-root .conv-media-viewer-head{gap:8px;padding:8px 12px !important}
#conv-media-viewer-root .conv-media-viewer-head strong{font-size:14px;letter-spacing:.04em}
#conv-media-viewer-root .conv-media-viewer-actions{display:flex;gap:6px;min-width:0;flex-wrap:wrap;justify-content:flex-end}
#conv-media-viewer-root .conv-media-viewer-actions a,#conv-media-viewer-root .conv-media-viewer-actions button{min-height:34px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(184,237,255,.22);color:#effbff}
#conv-media-viewer-root .conv-media-viewer-stage{flex:1 !important;min-height:0 !important;overflow:hidden !important;padding:4px !important;background:radial-gradient(circle,rgba(20,55,74,.26),rgba(2,8,19,.96)) !important}
#conv-media-viewer-root .conv-media-viewer-stage img,#conv-media-viewer-root .conv-media-viewer-stage video{display:block;max-width:100% !important;max-height:100% !important;width:auto !important;height:auto !important;object-fit:contain !important;border-radius:5px !important;background:transparent !important}
#conv-media-viewer-root .conv-media-viewer-stage [hidden]{display:none !important}
#conv-media-viewer-root .conv-video-player{width:min(100%,calc((var(--up-messaging-viewport-height) - 105px) * var(--conv-video-ratio,1.7778))) !important;height:auto !important;max-height:100% !important;margin:auto !important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:transparent !important}
#conv-media-viewer-root .conv-video-player video{width:100% !important;max-height:calc(var(--up-messaging-viewport-height) - 130px) !important;aspect-ratio:var(--conv-video-ratio,1.7778)}
#conv-media-viewer-root .conv-video-state{font-size:12px;color:#d8f5ff;text-align:center}
#conv-media-viewer-root .conv-viewer-loading,#conv-media-viewer-root .conv-viewer-error{padding:14px 20px;text-align:center;color:#eafaff;background:rgba(12,32,55,.84);border:1px solid rgba(184,237,255,.22);border-radius:14px}
#conv-groups-root .conv-groups-card{min-height:0 !important}
#conv-groups-root .conv-groups-create{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto !important;min-width:0 !important}
#conv-groups-root .conv-groups-main{grid-template-columns:minmax(220px,32%) minmax(0,1fr) !important}
@media(max-width:780px){
  #friends-box-root,#inv-rec-box-root,#inv-sent-box-root,#conv-box-root,#conv-dialog-root,#conv-groups-root,#conv-media-viewer-root{padding:8px !important}
  #friends-box-root .conv-box,#inv-rec-box-root .conv-box,#inv-sent-box-root .conv-box,#conv-box-root .conv-box,#conv-dialog-root .conv-dialog,#conv-groups-root .conv-groups-card,#conv-media-viewer-root .conv-media-viewer{width:100% !important;height:calc(var(--up-messaging-viewport-height) - 16px) !important;max-height:calc(var(--up-messaging-viewport-height) - 16px) !important;border-radius:18px !important}
  #conv-groups-root .conv-groups-main{grid-template-columns:minmax(0,1fr) !important;overflow:auto !important}
  #conv-groups-root .conv-groups-create{grid-template-columns:minmax(0,1fr) !important;max-height:35%;overflow:auto !important}
  #conv-groups-root .conv-groups-list,#conv-groups-root .conv-group-detail{min-height:120px !important;height:auto !important}
  #conv-media-viewer-root .conv-media-viewer-actions a{font-size:0 !important;width:34px;overflow:hidden}
  #conv-media-viewer-root .conv-media-viewer-actions a#conv-media-viewer-open::before{content:'↗';font-size:17px}
  #conv-media-viewer-root .conv-media-viewer-actions a#conv-media-viewer-download::before{content:'↓';font-size:17px}
}
@media(max-height:470px){#conv-groups-root .conv-groups-header{min-height:42px !important;padding-block:5px !important}#conv-groups-root .conv-groups-create{max-height:38% !important}#conv-dialog-root .conv-dialog-header{padding-block:5px !important}#conv-dialog-root .conv-dialog-footer{padding-block:4px !important}}
@media(prefers-reduced-motion:reduce){#friends-box-root .conv-box,#inv-rec-box-root .conv-box,#inv-sent-box-root .conv-box,#conv-box-root .conv-box,#conv-dialog-root .conv-dialog,#conv-groups-root .conv-groups-card,#conv-media-viewer-root .conv-media-viewer{animation:none !important}}
/* Priorité sur les anciennes variantes mobiles intégrées dans les pages. */
html body #friends-box-root,html body #inv-rec-box-root,html body #inv-sent-box-root,html body #conv-box-root,html body #conv-dialog-root,html body #conv-groups-root,html body #conv-media-viewer-root{
  position:fixed !important;inset:var(--up-messaging-viewport-top) 0 auto !important;width:100% !important;height:var(--up-messaging-viewport-height) !important;max-height:var(--up-messaging-viewport-height) !important;padding:8px !important;align-items:center !important;justify-content:center !important;
}
html body #friends-box-root .conv-box,html body #inv-rec-box-root .conv-box,html body #inv-sent-box-root .conv-box,html body #conv-box-root .conv-box,html body #conv-dialog-root .conv-dialog,html body #conv-groups-root .conv-groups-card.conv-dialog,html body #conv-media-viewer-root .conv-media-viewer{
  width:min(100%,960px) !important;height:min(730px,calc(var(--up-messaging-viewport-height) - 16px)) !important;max-height:calc(var(--up-messaging-viewport-height) - 16px) !important;min-height:0 !important;margin:auto !important;border-radius:24px !important;
}
html body #friends-box-root .conv-box,html body #inv-rec-box-root .conv-box,html body #inv-sent-box-root .conv-box{width:min(100%,620px) !important}
html body #conv-media-viewer-root .conv-media-viewer{width:min(100%,1100px) !important;height:min(800px,calc(var(--up-messaging-viewport-height) - 16px)) !important}
@media(max-width:780px){
  html body #friends-box-root .conv-box,html body #inv-rec-box-root .conv-box,html body #inv-sent-box-root .conv-box,html body #conv-box-root .conv-box,html body #conv-dialog-root .conv-dialog,html body #conv-groups-root .conv-groups-card.conv-dialog,html body #conv-media-viewer-root .conv-media-viewer{width:100% !important;height:calc(var(--up-messaging-viewport-height) - 16px) !important;max-height:calc(var(--up-messaging-viewport-height) - 16px) !important;border-radius:18px !important}
}
body:has(#friends-box-root[aria-hidden="false"],#inv-rec-box-root[aria-hidden="false"],#inv-sent-box-root[aria-hidden="false"],#conv-box-root.active,#conv-dialog-root.active,#conv-groups-root.active,#conv-media-viewer-root.active) #unipay-menu-up{visibility:hidden !important;pointer-events:none !important}
/* Surface réellement prioritaire sur le thème d'appel chargé après la messagerie. */
html body #friends-box-root .conv-box,
html body #inv-rec-box-root .conv-box,
html body #inv-sent-box-root .conv-box,
html body #conv-box-root .conv-box,
html body #conv-dialog-root .conv-dialog,
html body #conv-groups-root .conv-groups-card.conv-dialog,
html body #conv-media-viewer-root .conv-media-viewer{
  border:1px solid rgba(190,244,255,.60) !important;
  background:
    radial-gradient(circle at 12% 0%,rgba(76,220,248,.24),transparent 38%),
    radial-gradient(circle at 100% 100%,rgba(121,113,244,.18),transparent 42%),
    linear-gradient(145deg,rgba(17,42,68,.97),rgba(5,17,39,.985) 62%,rgba(7,27,48,.97)) !important;
  -webkit-backdrop-filter:blur(22px) saturate(1.3) !important;
  backdrop-filter:blur(22px) saturate(1.3) !important;
  box-shadow:0 28px 85px rgba(0,4,19,.66),inset 0 1px 0 rgba(255,255,255,.34),inset 0 0 32px rgba(160,235,255,.07),0 0 28px rgba(54,218,255,.18) !important;
}
html body #friends-box-root .conv-header,
html body #inv-rec-box-root .conv-header,
html body #inv-sent-box-root .conv-header,
html body #conv-box-root .conv-header,
html body #conv-dialog-root .conv-dialog-header,
html body #conv-groups-root .conv-groups-header,
html body #conv-media-viewer-root .conv-media-viewer-head{
  background:linear-gradient(90deg,rgba(23,63,88,.98),rgba(22,40,77,.97),rgba(13,35,60,.98)) !important;
  border-bottom:1px solid rgba(191,242,255,.24) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.17) !important;
}
html body #conv-dialog-root .conv-dialog-footer,
html body #conv-box-root .conv-footer,
html body #friends-box-root .conv-footer{
  background:linear-gradient(90deg,rgba(10,31,55,.98),rgba(9,25,50,.985)) !important;
  border-top:1px solid rgba(191,242,255,.22) !important;
}
/* Le cadre multimédia épouse son contenu : plus de grande surface noire vide. */
html body #conv-media-viewer-root:is([data-media-kind="image"],[data-media-kind="video"]) .conv-media-viewer{
  width:min(1100px,calc(100vw - 16px),max(270px,calc((var(--up-messaging-viewport-height) - 120px) * var(--conv-video-ratio,1.7778)))) !important;
  height:auto !important;
  max-height:calc(var(--up-messaging-viewport-height) - 16px) !important;
  border-radius:18px !important;
}
html body #conv-media-viewer-root:is([data-media-kind="image"],[data-media-kind="video"]) .conv-media-viewer-stage{
  display:flex !important;flex:0 1 auto !important;align-items:center !important;justify-content:center !important;
  width:100% !important;height:auto !important;min-height:0 !important;max-height:calc(var(--up-messaging-viewport-height) - 68px) !important;
  padding:0 !important;overflow:hidden !important;background:rgba(1,10,25,.22) !important;
}
html body #conv-media-viewer-root[data-media-kind="image"] .conv-media-viewer-stage img{
  display:block !important;width:auto !important;height:auto !important;max-width:100% !important;max-height:calc(var(--up-messaging-viewport-height) - 68px) !important;object-fit:contain !important;border-radius:0 !important;
}
html body #conv-media-viewer-root[data-media-kind="video"] .conv-video-player{
  display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;
  width:100% !important;height:auto !important;max-height:calc(var(--up-messaging-viewport-height) - 68px) !important;
  margin:0 !important;padding:0 !important;gap:0 !important;background:transparent !important;
}
html body #conv-media-viewer-root[data-media-kind="video"] .conv-video-player video{
  display:block !important;width:100% !important;height:auto !important;max-height:calc(var(--up-messaging-viewport-height) - 92px) !important;
  aspect-ratio:var(--conv-video-ratio,1.7778);object-fit:contain !important;background:transparent !important;border-radius:0 !important;
}
html body #conv-media-viewer-root .conv-video-state:not([hidden]){width:100%;padding:6px 10px !important;background:rgba(7,27,48,.80) !important;text-align:center !important}
html body #conv-media-viewer-root .conv-video-state[hidden]{display:none !important}
@media(max-width:780px){html body #conv-media-viewer-root .conv-media-viewer-head{padding:7px 9px !important;min-height:45px !important}html body #conv-media-viewer-root .conv-media-viewer-head strong{font-size:13px !important}}
html body #conv-media-viewer-root:is([data-media-kind="image"],[data-media-kind="video"]) .conv-media-viewer{
  width:var(--conv-media-width, min(1100px,calc(100vw - 16px))) !important;
  height:calc(var(--conv-media-height,220px) + var(--conv-media-toolbar-height,64px)) !important;
  min-height:0 !important;max-height:calc(var(--up-messaging-viewport-height) - 16px) !important;
}
html body #conv-media-viewer-root:is([data-media-kind="image"],[data-media-kind="video"]) .conv-media-viewer-stage{
  position:relative !important;flex:none !important;width:100% !important;height:var(--conv-media-height,220px) !important;
  min-height:0 !important;max-height:calc(var(--up-messaging-viewport-height) - 80px) !important;
  overflow:hidden !important;
}
html body #conv-media-viewer-root .conv-viewer-loading{
  position:absolute;z-index:2;top:8px;left:8px;max-width:calc(100% - 16px);
  padding:7px 10px;pointer-events:none;background:rgba(7,27,48,.82) !important;
}
html body #conv-media-viewer-root[data-media-kind="video"] .conv-video-player,
html body #conv-media-viewer-root[data-media-kind="video"] .conv-video-player video{
  position:relative;width:100% !important;height:100% !important;max-height:100% !important;
  flex:none !important;aspect-ratio:var(--conv-video-ratio,1.7778);
}
html body #conv-media-viewer-root[data-media-kind="video"] .conv-video-state:not([hidden]){
  position:absolute;bottom:7px;left:7px;right:7px;width:auto !important;
  border:1px solid rgba(190,244,255,.28);border-radius:9px;
}
/* Lecture audio directement dans la bulle : une seule barre manipulable. */
html body #conv-dialog-root .conv-msg-attachment[data-kind="audio"]{border:0 !important;background:transparent !important;padding:0 !important;box-shadow:none !important}
html body #conv-dialog-root .conv-audio-inline{
  --audio-progress:0%;display:grid;grid-template-columns:34px minmax(58px,1fr) auto 24px;align-items:center;gap:7px;
  width:min(360px,100%) !important;min-width:0;min-height:46px;padding:5px 7px !important;
  border:1px solid rgba(164,247,255,.48) !important;border-radius:999px !important;
  background:linear-gradient(115deg,rgba(14,67,82,.94),rgba(11,35,66,.94),rgba(42,35,94,.84)) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.22),0 7px 22px rgba(0,10,30,.24) !important;
  color:#ecfdff !important;box-sizing:border-box;touch-action:pan-y;
}
html body #conv-dialog-root .conv-audio-inline-play{
  width:34px;height:34px;border:0;border-radius:50%;color:#062336;background:linear-gradient(135deg,#7cfce4,#69caff);
  display:grid;place-items:center;cursor:pointer;font-size:15px;font-weight:800;box-shadow:0 0 13px rgba(91,246,242,.34)
}
html body #conv-dialog-root .conv-audio-inline[data-state="playing"] .conv-audio-inline-play{background:linear-gradient(135deg,#82e5ff,#b897ff)}
html body #conv-dialog-root .conv-audio-inline-track{position:relative;height:14px;min-width:0;border-radius:999px;background:rgba(169,219,240,.16);box-shadow:inset 0 1px 4px rgba(0,5,20,.50);overflow:visible}
html body #conv-dialog-root .conv-audio-inline-fill{
  position:absolute;inset:0 auto 0 0;width:var(--audio-progress);min-width:0;border-radius:999px;
  background:linear-gradient(90deg,#58f2d8,#4fc9ff 58%,#c49cff);box-shadow:0 0 10px rgba(73,226,255,.55);
  transition:width .12s linear;pointer-events:none
}
html body #conv-dialog-root .conv-audio-inline-fill::after{content:"";position:absolute;right:0;top:2px;bottom:2px;width:8px;border-radius:50%;background:#efffff;box-shadow:0 0 9px #b5faff}
html body #conv-dialog-root .conv-audio-inline.scrubbing .conv-audio-inline-fill{transition:none}
html body #conv-dialog-root .conv-audio-inline-seek{
  position:absolute;inset:-10px 0;width:100%;height:34px;margin:0;opacity:1;cursor:ew-resize;
  appearance:none;-webkit-appearance:none;background:transparent !important;touch-action:none
}
html body #conv-dialog-root .conv-audio-inline-seek::-webkit-slider-runnable-track{height:14px;background:transparent}
html body #conv-dialog-root .conv-audio-inline-seek::-moz-range-track{height:14px;background:transparent}
html body #conv-dialog-root .conv-audio-inline-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;margin-top:0;border:2px solid #d9fcff;border-radius:50%;background:#5ee4ff;box-shadow:0 0 8px rgba(92,231,255,.8)}
html body #conv-dialog-root .conv-audio-inline-seek::-moz-range-thumb{width:11px;height:11px;border:2px solid #d9fcff;border-radius:50%;background:#5ee4ff;box-shadow:0 0 8px rgba(92,231,255,.8)}
html body #conv-dialog-root .conv-audio-inline-seek:focus-visible{outline:2px solid #d6fbff;outline-offset:4px;border-radius:999px}
html body #conv-dialog-root .conv-audio-inline-time{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#dcf6ff}
html body #conv-dialog-root .conv-audio-inline-download{display:grid;place-items:center;width:24px;height:28px;color:#dbfaff;text-decoration:none;font-size:18px;border-radius:50%}
html body #conv-dialog-root .conv-audio-inline-download:hover{background:rgba(255,255,255,.12)}
html body #conv-dialog-root .conv-audio-inline-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html body #conv-dialog-root .conv-audio-inline audio{display:none}
@media(max-width:440px){html body #conv-dialog-root .conv-audio-inline{grid-template-columns:32px minmax(52px,1fr) auto 22px;gap:5px;width:min(325px,100%) !important;padding:5px !important}html body #conv-dialog-root .conv-audio-inline-time{font-size:10px}}
@media(prefers-reduced-motion:reduce){html body #conv-dialog-root .conv-audio-inline-fill{transition:none}}
/* Miniatures nettes sans encadrement, jouées cinq secondes en boucle. */
html body #conv-dialog-root .conv-msg-attachment[data-kind="image"],html body #conv-dialog-root .conv-msg-attachment[data-kind="video"]{border:0 !important;background:transparent !important;padding:0 !important;box-shadow:none !important}
html body #conv-dialog-root .conv-msg-attachment[data-kind="image"] .conv-media-load-state:not([data-state="error"]),html body #conv-dialog-root .conv-msg-attachment[data-kind="video"] .conv-media-load-state:not([data-state="error"]){display:none !important}
html body #conv-dialog-root .conv-preview-image,html body #conv-dialog-root .conv-video-thumbnail{
  position:relative;display:block;width:min(280px,100%) !important;max-width:100% !important;
  padding:0 !important;margin:0 !important;border:0 !important;border-radius:9px !important;
  overflow:hidden !important;background:transparent !important;box-shadow:none !important
}
html body #conv-dialog-root .conv-preview-image img,html body #conv-dialog-root .conv-video-thumbnail video{
  display:block;width:100% !important;max-width:100% !important;height:auto !important;max-height:240px !important;
  object-fit:cover !important;border:0 !important;border-radius:0 !important;background:transparent !important
}
html body #conv-dialog-root .conv-video-thumbnail .conv-video-play{
  position:absolute !important;right:8px !important;bottom:8px !important;left:auto !important;top:auto !important;
  width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;padding:0 !important;
  display:grid !important;place-items:center !important;border:1px solid rgba(232,252,255,.75) !important;
  border-radius:50% !important;background:rgba(2,21,40,.72) !important;color:#f3fdff !important;
  box-shadow:0 2px 12px rgba(0,0,0,.42) !important;backdrop-filter:blur(8px);cursor:pointer
}
html body #conv-dialog-root .conv-video-thumbnail .conv-video-play span{font-size:18px;line-height:1}
html body #conv-dialog-root .conv-video-size{position:absolute;top:7px;right:7px;padding:4px 6px;border-radius:6px;background:rgba(2,21,40,.62);color:#f2fcff;font-size:10px;pointer-events:none}
html body #conv-dialog-root .conv-video-thumbnail[data-preview-state="error"]::after{content:"Aperçu indisponible";position:absolute;left:8px;top:8px;padding:5px 7px;border-radius:7px;background:rgba(8,20,38,.8);color:#fff;font-size:11px}

/* Zone de travail sous la barre supérieure, conservée visible. */
:root{--up-messaging-top-clearance:70px}
@media(max-width:780px){:root{--up-messaging-top-clearance:56px}}
html body #friends-box-root,
html body #inv-rec-box-root,
html body #inv-sent-box-root,
html body #conv-box-root,
html body #conv-dialog-root,
html body #conv-groups-root,
html body #conv-media-viewer-root{
  inset:auto 0 auto !important;
  top:calc(var(--up-messaging-viewport-top) + var(--up-messaging-top-clearance)) !important;
  height:calc(var(--up-messaging-viewport-height) - var(--up-messaging-top-clearance)) !important;
  max-height:calc(var(--up-messaging-viewport-height) - var(--up-messaging-top-clearance)) !important;
}
html body #friends-box-root .conv-box,
html body #inv-rec-box-root .conv-box,
html body #inv-sent-box-root .conv-box,
html body #conv-box-root .conv-box,
html body #conv-dialog-root .conv-dialog,
html body #conv-groups-root .conv-groups-card.conv-dialog,
html body #conv-media-viewer-root .conv-media-viewer{
  height:min(730px,calc(var(--up-messaging-viewport-height) - var(--up-messaging-top-clearance) - 16px)) !important;
  max-height:calc(var(--up-messaging-viewport-height) - var(--up-messaging-top-clearance) - 16px) !important;
}
html body:has(#friends-box-root[aria-hidden="false"],#inv-rec-box-root[aria-hidden="false"],#inv-sent-box-root[aria-hidden="false"],#conv-box-root.active,#conv-dialog-root.active,#conv-groups-root.active,#conv-media-viewer-root.active) #unipay-menu-up{
  visibility:visible !important;pointer-events:auto !important;
}
/* L'arriere-plan reste net et la barre superieure reste visible. */
html body #friends-box-root,html body #inv-rec-box-root,html body #inv-sent-box-root,
html body #conv-box-root,html body #conv-dialog-root,html body #conv-groups-root,
html body #conv-media-viewer-root{
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  background:rgba(1,8,22,.48) !important;
}
html body:has(#friends-box-root[aria-hidden="false"],#inv-rec-box-root[aria-hidden="false"],#inv-sent-box-root[aria-hidden="false"],#conv-box-root.active,#conv-dialog-root.active,#conv-groups-root.active,#conv-media-viewer-root.active) #unipay-menu-up{
  visibility:visible !important;opacity:1 !important;filter:none !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  pointer-events:auto !important;z-index:2147483646 !important;
}
/* Appels entrants et sortants : meme zone active, sans flou de fond. */
html body .unipay-call-modal,
html body #unipay-comm-call-root{
  top:calc(var(--up-messaging-viewport-top) + var(--up-messaging-top-clearance)) !important;
  bottom:auto !important;
  height:calc(var(--up-messaging-viewport-height) - var(--up-messaging-top-clearance)) !important;
  max-height:calc(var(--up-messaging-viewport-height) - var(--up-messaging-top-clearance)) !important;
  box-sizing:border-box !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  background:rgba(1,8,22,.48) !important;
}
html body .unipay-call-modal .unipay-call-card,
html body #unipay-comm-call-root .unipay-comm-call-panel{
  max-height:calc(var(--up-messaging-viewport-height) - var(--up-messaging-top-clearance) - 16px) !important;
  overflow:auto !important;
}
html body:has(.unipay-call-modal.active,#unipay-comm-call-root.active) #unipay-menu-up{
  visibility:visible !important;opacity:1 !important;filter:none !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  pointer-events:auto !important;z-index:2147483646 !important;
}
/* Un media seul ne doit pas etre enferme dans la bulle de texte. */
html body #conv-dialog-root .conv-msg-content:has(> .conv-msg-attachment[data-kind="image"]):not(:has(.conv-msg-text)),
html body #conv-dialog-root .conv-msg-content:has(> .conv-msg-attachment[data-kind="video"]):not(:has(.conv-msg-text)),
html body #conv-dialog-root .conv-msg-content:has(> .conv-msg-attachment[data-kind="audio"]):not(:has(.conv-msg-text)){
  padding:0 !important;margin:0 !important;border:0 !important;
  border-radius:0 !important;background:transparent !important;
  box-shadow:none !important;overflow:visible !important;
}
html body #conv-dialog-root .conv-msg-content > .conv-msg-attachment[data-kind="image"],
html body #conv-dialog-root .conv-msg-content > .conv-msg-attachment[data-kind="video"],
html body #conv-dialog-root .conv-msg-content > .conv-msg-attachment[data-kind="audio"]{
  margin:0 !important;gap:0 !important;
}