/* Échelle demandée : ordinateur, tablette et téléphone, navigateur à 100 %. */
:root { --ljo-ui-scale: .94; }
@supports (zoom: 1) {
  html { zoom: var(--ljo-ui-scale); }
  :root { --ljo-layout-width: calc(100vw / var(--ljo-ui-scale)); --ljo-layout-height: calc(100dvh / var(--ljo-ui-scale)); }
  #app #desktopLocationMenu.ljo-city-menu {
    width: min(370px, calc(var(--ljo-layout-width) - 24px));
    max-height: calc(var(--ljo-layout-height) - var(--city-top, 150px) - 12px);
  }
  #ljoNotificationTray { max-width: calc(var(--ljo-layout-width) - 24px); }
}
/* Les fenêtres conservent leurs marges dans le viewport, y compris avec le clavier mobile. */
@media (max-width:899px) {
  #app.ljo-shell > .topbar, #app.ljo-shell > .bottom-nav, #app .content { min-width: 0; }
  #app #desktopSearchZone, #app #desktopSearchZone > *, #app .premium-section-head > * { min-width: 0; }
  #app .ljo-territory-selection { max-width: calc(var(--ljo-layout-width, 100vw) - 40px); }
  #app #desktopSearch { min-width: 0; }
  #app .ljo35-wallet-tabs { box-sizing: border-box; }
  .tv-console, .tv-screen, .tv-mode, .tv-signups { min-width: 0; }
}
@media print { html { zoom: 1; } }
/* Compte rendu réservé au modérateur ; jamais affiché aux visiteurs. */
#ljoLaunchCleanupNotice {
  position: fixed; z-index: 2147483000; inset: auto 16px 18px; margin-inline: auto;
  width: max-content; max-width: min(700px,calc(var(--ljo-layout-width,100vw) - 32px));
  box-sizing: border-box; display: flex; gap: 12px; align-items: center; padding: 14px 18px;
  border: 1px solid #d8d0eb; border-radius: 14px; background: #fff; color: #241544;
  box-shadow: 0 6px 28px #23154025; font: 500 14px/1.5 system-ui,sans-serif;
}
#ljoLaunchCleanupNotice[data-error="true"] {border-color:#c47884;}
#ljoLaunchCleanupNotice button {flex:0 0 auto; cursor:pointer; border:0; border-radius:8px; padding:8px 12px; background:#eee8fa; color:#241544; font:inherit;}
@media(max-width:600px){#ljoLaunchCleanupNotice{bottom:86px;flex-wrap:wrap;}}

#app #desktopSearch { text-overflow: ellipsis; }
@supports (zoom: 1) {
  body.ljo-pilotage .app, body.ljo-pilotage .gate { min-height: var(--ljo-layout-height); }
  @media (min-width:761px) {body.ljo-pilotage .sidebar {height:var(--ljo-layout-height);}}
}