/* The class is added in the head only when enhancement JavaScript is enabled. */
html.don-modern-layout-pending #crm-main-content-wrapper,
html.don-modern-layout-pending h1.crm-page-title { visibility: hidden !important; }
html.don-modern-layout-pending::after {
  content: 'Chargement de la page…';
  position: fixed; z-index: 9999; top: 32%; left: 50%; transform: translateX(-50%);
  box-sizing: border-box; width: 280px; max-width: calc(100vw - 32px);
  padding: 14px 16px 25px; white-space: nowrap; text-align: center;
  border: 1px solid #c8e2e8; border-radius: 12px;
  background: #f5fbfc; color: #164b60; font: 600 15px/1.5 system-ui, sans-serif;
  pointer-events: none;
}
/* Indeterminate activity, never a made-up completion percentage. */
html.don-modern-layout-pending::before {
  content: '';
  position: fixed; z-index: 10000;
  top: calc(32% + 46px); left: 50%; transform: translateX(-50%);
  width: 240px; max-width: calc(100vw - 64px); height: 3px;
  border-radius: 3px; pointer-events: none;
  background-color: #d5e7ec;
  background-image: linear-gradient(90deg, transparent, #167a91 40%, #167a91 60%, transparent);
  background-size: 90px 100%; background-repeat: no-repeat;
  animation: don-modern-loading-bar 1.1s linear infinite;
}
@keyframes don-modern-loading-bar {
  from { background-position: -90px 0; }
  to { background-position: calc(100% + 90px) 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.don-modern-layout-pending::before { animation: none; background-position: center; }
}