/* Budget entry: use the existing white / beige input surfaces. */
.bp-page input.form-control,
.bp-page input[type="number"],
.bp-page .tabulator-cell.tabulator-editing input {
  background: var(--filter-surface) !important;
  color: var(--text);
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: none !important;
  padding: .5rem .7rem;
  appearance: textfield;
  -moz-appearance: textfield;
}
.bp-page input[type="number"]::-webkit-inner-spin-button,
.bp-page input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.bp-page input.form-control:focus,
.bp-page .tabulator-cell.tabulator-editing input:focus {
  border-color: var(--brand-accent) !important;
  outline: none;
}
.bp-page input.form-control:disabled { background: var(--filter-surface) !important; opacity: .65; }
.bp-page .tabulator .tabulator-cell.tabulator-editable { background: var(--filter-surface); }


/* All budget controls keep the same warm, rounded surface, including read-only cells. */
.bp-page .dash-dropdown,
.bp-page .DateRangePickerInput,
.bp-page .DateInput,
.bp-page .DateInput_input,
.bp-page .form-select,
.bp-modal .form-control,
.bp-modal .form-select {
  background: var(--filter-surface) !important;
  border-color: var(--border) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: none !important;
}
.bp-page .form-check-input:not(:checked) { background-color: var(--filter-surface); border-color: var(--border); }
.bp-page .dash-datepicker-input-wrapper,
.bp-page .dash-datepicker-input,
.bp-page .dash-datepicker-start-date,
.bp-page .dash-datepicker-end-date {
  background: var(--filter-surface) !important;
  border-color: var(--border) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: none !important;
}

.bp-page .bp-savebar-top {
  position: sticky;
  top: 0;
  z-index: 20;
  background: var(--filter-surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: 12px 16px;
  margin: 12px 0;
  flex-wrap: wrap;
  gap: 10px;
}
.bp-page #bp-save { font-weight: 700; }