/* stylelint-disable */

/* ==========================================================================
   Progress Partners — Ashby job board
   One idea: a single page color everywhere.

   The app background is set to #F7F5FC (light tint of the banner purple),
   and every surface that ships white by default — job cards, filter boxes,
   the posting page panes, form containers and inputs — is made transparent
   so it shows that same page color. On Ashby's stock white page these
   surfaces are invisible; this simply restores that uniform look on the
   tinted background.

   Deliberately untouched (Ashby defaults): fonts, link colors, hover
   animations, buttons, and floating popups (dropdown results, date picker),
   which need their own solid background to be readable while open.
   ========================================================================== */

:root {
  /* Background color of the application */
  --colorAppBackground: #F7F5FC;
}

/* --------------------------------------------------------------------------
   Job board list — flat rows, no white cards.
   (Default hover highlight still works; it's Ashby's own rule.)
   -------------------------------------------------------------------------- */
.ashby-job-posting-brief {
  background: transparent;
}

/* Hover highlight — Ashby's default gray fill swapped for a lavender that
   matches the page tint (#F7F5FC page → #EFEAFC hover). Same behavior,
   on-palette color. */
.ashby-job-posting-brief:hover {
  background: #EFEAFC;
}

/* Filter select boxes match the page color */
.ashby-job-board-filter {
  background: transparent;
}

/* --------------------------------------------------------------------------
   Job posting page — panes sit flat on the page
   -------------------------------------------------------------------------- */
.ashby-job-posting-left-pane,
.ashby-job-posting-right-pane,
.ashby-job-posting-right-pane-overview-tab,
.ashby-job-posting-right-pane-application-tab,
.ashby-job-posting-description-container {
  background: transparent;
}

/* The header (with the logo) and the tab strip stay ON TOP of content while
   scrolling, so they need a solid fill — same color as the page, not
   transparent, or the text shows through behind the logo. */
.ashby-job-posting-header,
.ashby-job-posting-right-pane-tab-slider {
  background: var(--colorAppBackground);
}

/* --------------------------------------------------------------------------
   Application form — containers, the autofill box, and inputs match the page
   (borders stay, so fields remain clearly visible)
   -------------------------------------------------------------------------- */
.ashby-application-form-container,
.ashby-application-form-section-container,
.ashby-application-form-autofill-pane,
.ashby-application-form-autofill-input-root,
.ashby-application-form-input-text,
.ashby-application-form-input-textarea,
.ashby-application-form-input-dropdown,
.ashby-application-form-input-dropdown-select,
.ashby-application-form-input-date,
.ashby-application-form-input-autocomplete,
.ashby-application-form-input-file-dropzone,
.ashby-application-form-input-yesno-option,
.ashby-application-form-input-education-entry {
  background: transparent;
}