/* Leesbaarheid op het vaste 42-inch profiel (9:16, 1080 x 1920).
   De hoogtes blijven vast; alleen de typografie en bovenbalk worden groter. */
.screen-frame .screen-info-bar {
  min-height: 6.8cqw;
}

.screen-frame .screen-info-bar span,
.screen-frame .screen-info-bar .info-segment {
  min-height: 6.8cqw;
  font-size: 2.55cqw;
  font-weight: 750;
}

.screen-frame .screen-info-bar .info-rain {
  font-size: 2.3cqw;
}

.screen-frame .screen-info-bar .info-time,
.screen-frame .screen-info-bar .info-weather {
  font-size: 2.85cqw;
}

.screen-frame .screen-brand-logo {
  padding: .18cqw .3cqw;
}

.screen-frame .screen-brand-logo img,
.screen-frame .screen-brand-meent img,
.screen-frame .screen-brand-participe img {
  width: 5.95cqw;
  height: 5.95cqw;
  max-height: 5.95cqw;
}

.screen-frame .screen-info-bar svg,
.screen-frame .screen-info-bar .weather-icon,
.screen-frame .screen-info-bar .info-rain i {
  width: 2.8cqw;
  height: 2.8cqw;
  font-size: 2.8cqw;
}

.screen-frame .ticker {
  height: 5.65cqw;
}

.screen-frame .ticker-track {
  height: 5.25cqw;
  max-height: 5.25cqw;
  font-size: calc(2.55cqw * var(--ticker-font-scale, 1));
  font-weight: 600;
}

.screen-frame .ticker-live-icon {
  flex-basis: 3.65cqw;
  width: 3.65cqw;
  height: 3.65cqw;
  max-width: 3.65cqw;
  max-height: 3.65cqw;
}

.screen-frame .room-strip h3 {
  display: none;
}

.screen-frame .room-strip {
  height: 22.4cqw !important;
}

.screen-frame .room-row {
  font-size: 2.68cqw;
  font-weight: 650;
}

.screen-frame .room-row span:first-child {
  font-variant-numeric: tabular-nums;
  font-weight: 800;
}

/* Handmatige simulatieschaal: 100% betekent 1080 x 1920 CSS-pixels.
   Buiten het frame mag de beheerpagina dan gewoon horizontaal en verticaal scrollen. */
.screen-shell.dm-preview-manual {
  display: block;
  overflow: visible;
}

.screen-shell.dm-preview-manual .screen-frame {
  position: relative;
  top: auto;
  margin: 0;
  width: calc(1080px * var(--dm-preview-scale));
  height: calc(1920px * var(--dm-preview-scale));
  max-width: none;
  max-height: none;
}

.screen-shell.dm-preview-manual .screen-controls {
  margin-top: 24px;
}

.dm-preview-scale-controls {
  display: grid;
  grid-template-columns: auto minmax(150px, 1fr) 90px;
  gap: 9px;
  align-items: center;
  margin-top: 9px;
}

.dm-preview-scale-controls input[type="range"] { width: 100%; }
.dm-preview-scale-controls input[type="number"] { width: 100%; }
.dm-preview-scale-note { margin-top: 4px; }

@media (max-width: 620px) {
  .dm-preview-scale-controls { grid-template-columns: 1fr; }
}