/* Budget overview export modal; diore-budget-overview.js toggles it with the [hidden] attribute */
.diore-budget-overview-modal {
  --diore-modal-width: 440px;
}

.diore-budget-overview-options {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Indented to line up with the radio labels (20px box + the theme's 8px gap) */
.diore-budget-overview-year {
  margin: 20px 0 0 28px;
}

.diore-budget-overview-year .diore-field-label {
  margin-bottom: 6px;
}

.diore-budget-overview-year .diore-input {
  width: 130px;
}