.view-scale-controls[hidden] {display:none!important}
.view-scale-controls {display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted)}
.view-scale-controls>span {display:none}
.view-scale-controls .btn {min-width:36px;min-height:36px;padding:7px 11px;line-height:1.2;touch-action:manipulation}
.view-scale-controls output {min-width:44px;text-align:center;font-variant-numeric:tabular-nums;color:var(--ink);font-weight:700}
.view-scale-controls [data-view-scale=less],.view-scale-controls [data-view-scale=more] {font-size:19px;padding:3px 9px}
.view-scale-controls [aria-pressed=true] {background:#e7f3f5;border-color:#6194a2;color:#123b4a}
@media screen {
  #appRoot>main.view-scalable>:not(.view-scale-controls) {zoom:var(--view-zoom,1)}
  #appRoot>#viewSched.layout-wide>:not(.view-scale-controls) {zoom:1}
}
@media (any-pointer:coarse), (max-width:700px) {
  .view-scale-controls {gap:6px}
  .view-scale-controls .btn {min-width:44px;min-height:44px;font-size:14px}
  .view-scale-controls [data-view-scale=less],.view-scale-controls [data-view-scale=more] {font-size:22px}
}
@media print {
  .view-scale-controls {display:none!important}
  #appRoot>main.view-scalable>:not(.view-scale-controls) {zoom:1!important}
}