/* Keep the native campaign footprint when its coupon disappears.
   No fixed maximum: longer text and browser text scaling may still grow. */
html body #app .beup-home-status-panel {
  --beup-home-status-min-height: 219px;
  min-height: var(--beup-home-status-min-height);
}

/* Only redistribute the uptime layout; campaign content remains untouched. */
html body #app .beup-home-status-panel:has(> .beup-campaign-countdown.is-uptime) {
  display: flex;
  flex-direction: column;
}
html body #app .beup-home-status-panel:has(> .beup-campaign-countdown.is-uptime) > :is(.beup-campaign-action-strip, .beup-campaign-utility) {
  flex: 0 0 auto;
}
html body #app .beup-home-status-panel > .beup-campaign-countdown.is-uptime {
  flex: 1 0 auto;
}
/* Distribute the extra room across all three rows, not only the timer. */
html body #app .beup-home-status-panel:has(> .beup-campaign-countdown.is-uptime) > .beup-campaign-action-strip {
  min-height: 52px;
}
html body #app .beup-home-status-panel:has(> .beup-campaign-countdown.is-uptime) > .beup-campaign-utility {
  min-height: 64px;
}

@media (max-width: 600px) {
  html body #app .beup-home-status-panel {
    --beup-home-status-min-height: 231.5px;
  }
  html body #app .beup-home-status-panel:has(> .beup-campaign-countdown.is-uptime) > .beup-campaign-utility {
    min-height: 78px;
  }
}
@media (max-width: 370px) {
  html body #app .beup-home-status-panel {
    --beup-home-status-min-height: 229.5px;
  }
}