/* Compact controls share the existing program-card bezel. */
.program-zoom-header > strong,
.program-zoom-header > b,
.program-zoom-header > h2 { min-width: 0; }
.program-zoom-toolbar {
  display: flex; flex: none; align-items: center; gap: 4px; margin-left: auto;
  color: #fff; font-size: 11px; font-weight: 900; white-space: nowrap;
}
.program-zoom-toolbar button {
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  min-width: 28px; min-height: 28px; padding: 2px 4px;
  border: 1.5px solid #fff; border-radius: 7px;
  background: #ffffff18; color: #fff; font: inherit; cursor: pointer;
}
.program-zoom-toolbar button[data-program-zoom="in"] {
  background: var(--yellow, #ffc53d); color: var(--ink, #1d2a4d);
}
.program-zoom-toolbar button:disabled { opacity: .4; cursor: default; }
.program-zoom-toolbar button:not(:disabled):hover { background: #fff; color: var(--ink, #1d2a4d); }
.program-zoom-toolbar button:not(:disabled):active { transform: translateY(2px); }
.program-zoom-toolbar button:focus-visible { outline: 3px solid var(--yellow, #ffc53d); outline-offset: 2px; }
.program-zoom-toolbar button svg {
  display: block; width: 18px; height: 18px;
  fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round;
}
.program-zoom-value { min-width: 4ch; text-align: center; font-variant-numeric: tabular-nums; }
.program-zoom-toolbar + .full-button { margin-left: 0; white-space: nowrap; }
.program-zoom-toolbar + .modal-close { flex: none; margin-left: 0; }
.program-zoom-modal-header .program-zoom-toolbar { color: var(--ink, #1d2a4d); }
.program-zoom-modal-header .program-zoom-toolbar button { border-color: var(--ink, #1d2a4d); color: var(--ink, #1d2a4d); }
.program-zoom-header > .program-zoom-toolbar + span { margin-left: 0 !important; }
.program-zoom-modal-header > .program-zoom-toolbar + button { margin-left: 0 !important; flex: none; }