/* "Goals area height" control in the topbar Views panel (allday_height_control.js).
   Sets --icx-allday-max-height, consumed by the calendar-x all-day header cap
   in views/week/logic-specific-to-intentional-calendar-x/styles/allday-collapse.css. */

/* Calendar-tab-only, same per-tab keying as #days-control-wrap (layout.css). */
.topbar-views-panel[data-view]:not([data-view="week"]) #allday-height-control-wrap {
  display: none;
}

.topbar-allday-height-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.topbar-allday-height-row {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.topbar-allday-height-input {
  width: 58px;
  padding: 4px 6px;
  border: 1px solid rgba(var(--overlay-rgb), 0.2);
  border-radius: 6px;
  background: transparent;
  color: var(--text-primary);
  font-size: 12px;
  text-align: right;
}

.topbar-allday-height-input:focus-visible {
  outline: none;
  border-color: var(--accent, #4a9eff);
}

.topbar-allday-height-suffix {
  color: var(--text-muted);
  font-size: 11px;
  white-space: nowrap;
}