/* stylelint-disable */

/* =======================
   Global Tokens (Dark)
   ======================= */
:root {
  /* Brand */
  --colorPrimary900: #8868FA;
  --colorPrimary600: #B8A9FF;

  /* Layout + Surfaces */
  --colorAppBackground: #000000;
  --surface-1: #111735; /* main dark surface */
  --surface-2: #1B213C; /* secondary dark surface */

  /* Text */
  --text-strong: #E7EAF2;
  --text: #D4D8E5;
  --text-muted: #A5AEC4;

  /* Borders + Dividers */
  --border: #2A355A;

  /* Controls */
  --control-bg: #0F1530;
  --control-bg-hover: #121A3B;
  --control-border: #2D3864;
  --control-text: #E7EAF2;
  --control-placeholder: #8C95AE;

  /* Buttons */
  --btn-bg: var(--colorPrimary900);
  --btn-bg-hover: #7C5BFF;
  --btn-text: #0B0F1A;

  /* Radii */
  --borderRadiusContainer: 10px;
  --borderRadiusControl: 10px;
  --borderRadiusButton: 10px;

  /* Widths */
  --widthMaxJobBoard: 800px;

  /* Fonts */
  --fontFamily: "Whitney SSm", "-apple-system", "BlinkMacSystemFont",
    "Segoe UI", "Helvetica", "Arial", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
}

/* =======================
   Application Autofill
   ======================= */
.ashby-application-form-autofill-input-base-layer {
  --colorAppBackground: var(--colorAppBackground);
  background: var(--surface-1);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: var(--borderRadiusContainer);
}

/* =======================
   Job Board
   ======================= */
.ashby-job-board-heading,
.ashby-job-board-heading-count,
.ashby-job-board-filters-label,
.ashby-job-board-reset-filters-label,
.ashby-department-heading,
.ashby-department-heading-level,
.ashby-job-posting-brief-department-heading,
.ashby-job-posting-brief-department-heading-level,
.ashby-job-posting-heading,
.ashby-job-posting-header {
  color: var(--text-strong);
  font-family: var(--fontFamily);
}

.ashby-job-board-filter {
  background: var(--control-bg);
  color: var(--control-text);
  border: 1px solid var(--control-border);
  border-radius: var(--borderRadiusControl);
}
.ashby-job-board-filter:hover {
  background: var(--control-bg-hover) !important;
}

/* Make the job list container transparent */
.ashby-job-posting-brief-list {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.ashby-job-posting-brief {
  background: var(--surface-1);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 12px;
}
.ashby-job-posting-brief:hover {
  background: var(--surface-2) !important;
}
.ashby-job-posting-brief-title { color: var(--text-strong); }

.ashby-job-board-back-to-all-jobs-button {
  background: transparent;
  color: var(--colorPrimary600);
  border: 1px solid var(--border);
  border-radius: var(--borderRadiusButton);
}
.ashby-job-board-back-to-all-jobs-button:hover {
  background: var(--surface-2) !important;
  color: var(--text-strong);
}

/* =======================
   Posting Detail
   ======================= */

/* Override neutrals inside BOTH panes */
.ashby-job-posting-left-pane,
.ashby-job-posting-right-pane {
  --colorNeutral000: var(--surface-1);
  --colorNeutral050: var(--surface-1);
  --colorNeutral100: var(--surface-2);
  --colorNeutral200: var(--surface-2);
  --colorNeutral300: var(--border);
  --colorNeutral900: var(--text-strong);
  background: var(--surface-1) !important;
  color: var(--text) !important;
  border: 1px solid var(--border);
  border-radius: var(--borderRadiusContainer);
}

/* Tab strip */
.ashby-job-posting-right-pane-tab-slider {
  background: var(--surface-2);
  border-bottom: 1px solid var(--border);
}

/* Force dark backgrounds in tab containers and inner wrappers */
.ashby-job-posting-right-pane-overview-tab,
.ashby-job-posting-right-pane-overview-tab *,
.ashby-job-posting-right-pane-application-tab,
.ashby-job-posting-right-pane-application-tab * {
  background: var(--surface-1) !important;
  color: var(--text) !important;
  border-radius: var(--borderRadiusContainer);
}

/* Headings inside Overview/Application */
.ashby-job-posting-right-pane-overview-tab h1,
.ashby-job-posting-right-pane-overview-tab h2,
.ashby-job-posting-right-pane-overview-tab h3,
.ashby-job-posting-right-pane-application-tab h1,
.ashby-job-posting-right-pane-application-tab h2,
.ashby-job-posting-right-pane-application-tab h3,
.ashby-job-posting-right-pane-overview-tab strong,
.ashby-job-posting-right-pane-application-tab strong {
  color: var(--text-strong) !important;
}

/* Body text + lists */
.ashby-job-posting-right-pane-overview-tab p,
.ashby-job-posting-right-pane-overview-tab li,
.ashby-job-posting-right-pane-application-tab p,
.ashby-job-posting-right-pane-application-tab li {
  color: var(--text) !important;
}

/* Links inside detail panes */
.ashby-job-posting-right-pane-overview-tab a,
.ashby-job-posting-right-pane-application-tab a {
  color: var(--colorPrimary600) !important;
  text-decoration: none;
  border-bottom: 1px dashed var(--border);
}
.ashby-job-posting-right-pane-overview-tab a:hover,
.ashby-job-posting-right-pane-application-tab a:hover {
  color: var(--colorPrimary900) !important;
  border-bottom-color: var(--colorPrimary900) !important;
}

/* =======================
   Job Application Inputs
   ======================= */

/* Text fields */
.ashby-application-form-container input[type="text"],
.ashby-application-form-container input[type="email"],
.ashby-application-form-container input[type="tel"],
.ashby-application-form-container input[type="url"],
.ashby-application-form-container input[type="number"],
.ashby-application-form-container input[type="password"],
.ashby-application-form-container textarea {
  background: var(--control-bg) !important;
  color: #FFFFFF !important; /* make text white */
  border: 1px solid var(--control-border) !important;
  border-radius: var(--borderRadiusControl);
  font-family: var(--fontFamily);
  padding: 8px 10px;
}

/* Placeholder text */
.ashby-application-form-container input::placeholder,
.ashby-application-form-container textarea::placeholder {
  color: var(--control-placeholder) !important;
}

/* Focus state */
.ashby-application-form-container input[type="text"]:focus,
.ashby-application-form-container input[type="email"]:focus,
.ashby-application-form-container input[type="tel"]:focus,
.ashby-application-form-container input[type="url"]:focus,
.ashby-application-form-container input[type="number"]:focus,
.ashby-application-form-container input[type="password"]:focus,
.ashby-application-form-container textarea:focus {
  border: 1px solid var(--colorPrimary600) !important;
  outline: none !important;
  background: var(--surface-2) !important; /* slightly lighter dark background */
}

/* =======================
   Application Form
   ======================= */
.ashby-application-form-container,
.ashby-survey-form-container {
  background: var(--surface-1);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: var(--borderRadiusContainer);
}

.ashby-application-form-section-container {
  background: transparent;
  border-top: 1px solid var(--border);
}
.ashby-application-form-section-header-title { color: var(--text-strong); }
.ashby-application-form-section-header-description,
.ashby-application-form-question-description { color: var(--text-muted); }

.ashby-application-form-field-entry {
  background: transparent;
  color: var(--text);
  padding: 8px 0;
  border-bottom: 1px solid transparent;
}

.ashby-application-form-texting-consent-description { color: var(--text-muted); }

.ashby-application-form-autofill-input-form-alert {
  background: #112030;
  color: #CBE4FF;
  border: 1px solid #274E7A;
  border-radius: 8px;
  padding: 8px 10px;
}

.ashby-application-form-autofill-uploader,
.ashby-application-form-autofill-pane {
  background: var(--surface-2);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: var(--borderRadiusContainer);
}

.ashby-application-form-success-container {
  background: #0E1F12;
  color: #CFF7D2;
  border: 1px solid #2C5A34;
  border-radius: 10px;
  padding: 12px;
}
.ashby-application-form-failure-container,
.ashby-application-form-blocked-application-container {
  background: #2A0E10;
  color: #FFD4D4;
  border: 1px solid #6B1F24;
  border-radius: 10px;
  padding: 12px;
}

.ashby-application-form-submit-button {
  background: var(--btn-bg);
  color: var(--btn-text);
  border: 1px solid transparent;
  border-radius: var(--borderRadiusButton);
}
.ashby-application-form-submit-button:hover {
  background: var(--btn-bg-hover) !important;
}

/* =======================
   Misc
   ======================= */
.ashby-job-board-heading,
.ashby-job-posting-heading,
.ashby-job-posting-header {
  background: transparent;
  color: var(--text-strong);
}

.ashby-job-posting-brief-details a,
.ashby-application-form-container a {
  color: var(--colorPrimary600);
  text-decoration: none;
  border-bottom: 1px dashed var(--border);
}
.ashby-job-posting-brief-details a:hover,
.ashby-application-form-container a:hover {
  color: var(--colorPrimary900);
  border-bottom-color: var(--colorPrimary900);
}