/* Presentation reductions are limited to low/flat; original high/mid rules remain intact. */
.leaf.page-dormant {
  content-visibility: hidden;
}
.leaf.page-dormant .leaf-paper {
  background-image: none;
}
html:is([data-quality='low'], [data-quality='flat']) .cust .frost {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-color: rgba(255, 250, 242, 0.9);
  box-shadow: 0 4px 10px rgba(47, 53, 82, 0.14);
}
html:is([data-quality='low'], [data-quality='flat']) .phone .iconbtn {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-color: rgba(255, 250, 242, 0.32);
}
html:is([data-quality='low'], [data-quality='flat']) .mb-cell .float:not(.float-active) {
  animation: none;
  transform: rotate(var(--r, 0deg));
}
html:is([data-quality='low'], [data-quality='flat']) .mb-cell .float:not(.float-active) .dot {
  animation-play-state: paused;
}
html:is([data-quality='low'], [data-quality='flat']) .mb-cell .float-active {
  will-change: transform;
}
html:is([data-quality='low'], [data-quality='flat']) .mb-cell:not(.paint-active) {
  /* Preserve layout and accessibility; only skip offscreen envelope raster work. */
  opacity: 0 !important;
}
html:is([data-quality='low'], [data-quality='flat']) .mb-cell .env {
  /* A pulsing unread dot otherwise repaints two filtered full-envelope surfaces. */
  filter: none;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(59, 42, 34, 0.15);
}
html:is([data-quality='low'], [data-quality='flat']) .mb-cell .env .dot {
  /* Keep the unread state; avoid repainting the whole envelope for a shadow pulse. */
  animation: none;
}
html:is([data-quality='low'], [data-quality='flat']).ambient-paused
  :is(.float, .petal, .spark, .dot),
html:is([data-quality='low'], [data-quality='flat']).ambient-paused .stars::before,
html:is([data-quality='low'], [data-quality='flat']).ambient-paused .stars::after {
  animation-play-state: paused !important;
}
html:is([data-quality='low'], [data-quality='flat']) .cust .letter {
  box-shadow:
    0 1px 2px rgba(59, 42, 34, 0.12),
    0 10px 14px rgba(35, 39, 66, 0.22);
}
html:is([data-quality='low'], [data-quality='flat']) .leaf-paper {
  box-shadow:
    0 1px 2px rgba(12, 10, 26, 0.28),
    4px 8px 12px rgba(12, 10, 26, 0.34);
}
