/* Template differences reuse the same DOM, telemetry polling and eight slots. */
.screen-brand-logo { width:52px; height:48px; object-fit:contain; flex-shrink:0; }
.screen-brand-logo[hidden] { display:none; }
.screen-brand>div { min-width:0; }
#screenBrandTitle { font-size:clamp(20px,2.1vw,34px); max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#screenBrandSubtitle { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; }
#screenPresentationMode { color:#b5893d; font-size:14px; }
.screen-hide-trend .screen-trend-panel,.screen-hide-alarms .screen-alarms-panel,.screen-hide-metrics .screen-metrics-panel { display:none!important; }
.screen-hide-trend .screen-selected-panel { flex:1; }
.screen-hide-alarms .screen-devices-panel { flex:1; }
body[data-screen-theme="mint"] { --screen-teal:#389f8c; --screen-text:#315e57; --screen-muted:#73938a; --screen-line:#d7eae3; --screen-line-strong:#bcdccf; background:#f2faf6; }
body[data-screen-theme="mint"] .screen-header { background:linear-gradient(90deg,#f6fcf9,#e4f4ec,#f6fcf9); }
body[data-screen-theme="mint"] .screen-panel { border-color:#d8e9e2; background:#fcfffd; }
body[data-screen-theme="lavender"] { --screen-teal:#907bbb; --screen-text:#574e75; --screen-muted:#8e84a7; --screen-line:#e5dff0; --screen-line-strong:#d0c6e2; background:#f8f6fc; }
body[data-screen-theme="lavender"] .screen-header { background:linear-gradient(90deg,#fdfbff,#eee8f7,#fdfbff); }
body[data-screen-theme="lavender"] .screen-panel { border-color:#e5dff0; background:#fefcff; }
body[data-screen-theme="mint"] #screenBrandTitle,body[data-screen-theme="lavender"] #screenBrandTitle { color:var(--screen-text); }
@media(min-width:1101px) {
  .screen-hide-metrics .screen-workspace { grid-template-columns:240px minmax(0,1fr); }
  .screen-hide-metrics .screen-gauge-face { width:min(100%,140px); }
  .screen-hide-metrics .screen-selected-panel { min-height:550px; }
}
@media(max-width:760px) {
  .screen-brand-logo { width:34px; height:34px; }
  #screenBrandTitle { font-size:20px; }
  .screen-brand-line { display:none; }
}