/* Canonical desktop editable surface, including controls rendered by modules.
   Important overrides legacy page-specific white fills, never locked states. */
@media (min-width: 769px) {
  body .category-combobox-option-name,
  body .category-combobox-option-name-text {
    font-weight: var(--font-weight-table) !important;
  }
  body input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not(:disabled):not([readonly]):not([aria-disabled="true"]):not([aria-readonly="true"]),
  body textarea:not(:disabled):not([readonly]):not([aria-disabled="true"]):not([aria-readonly="true"]),
  body select:not(:disabled):not([aria-disabled="true"]),
  body :is(.xb-desktop-select-trigger, .bank-review-select-combobox-trigger):not(:disabled):not([aria-disabled="true"]),
  body :is(.tag-filter-picker, .transaction-tag-picker) > summary:not([aria-disabled="true"]),
  body .bank-posted-tag-picker:not([data-disabled]) > summary,
  body .tag-picker-button:not(:disabled):not([aria-disabled="true"]) {
    background-color: var(--xb-color-surface-container-lowest) !important;
  }
  body .xb-shared-filters .category-combobox-input::placeholder {
    color: var(--xb-field-label);
    opacity: 1;
  }
  /* Value text, nested dropdown labels and placeholders share one typography.
     Category's default label is a value rather than a placeholder. */
  body .xb-shared-filters :is(input, select, .xb-desktop-select-trigger, .xb-desktop-select-trigger > span, .tag-filter-picker > summary, .tag-filter-summary-text, .xb-filter-button, .xb-filter-button > span),
  body .xb-shared-filters input::placeholder {
    font-family: var(--font-sans) !important;
    font-size: var(--font-size-body) !important;
    font-weight: var(--font-weight-body) !important;
    color: var(--xb-field-label) !important;
    -webkit-text-fill-color: var(--xb-field-label);
    opacity: 1;
  }
  body .dashboard-hero-period-filter .xb-desktop-select-trigger,
  body .dashboard-hero-period-filter .xb-desktop-select-trigger > span {
    color: var(--xb-field-content);
  }
}