/* stylelint-disable */
/* =====================================================
   Glade.ai x Ashby — Brand‑Tuned CSS
   Based ONLY on selectors present in Ashby full-job-board.css.
   Safe for upload: no @import, no gradients, no global selectors.
   ===================================================== */

/* ---------- Variables from example (tuned) ---------- */
:root {
  --colorPrimary900: #4f46e5; /* Deep indigo */
  --colorPrimary600: #6c5ce7; /* Accent indigo */
  --widthMaxJobBoard: 1200px; /* Match glade.ai content width */
  --borderRadiusContainer: 14px;
  --borderRadiusControl: 10px;
  --borderRadiusButton: 999px;
  --fontFamily: "Inter", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Helvetica", "Arial", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
  --colorAppBackground: #ffffff;
}

/* ---------- Job board heading & counts ---------- */
.ashby-job-board-heading {
  font-family: var(--fontFamily);
  color: #0f1222;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.ashby-job-board-heading-count {
  font-family: var(--fontFamily);
  color: #5b5f75;
}

/* Filters */
.ashby-job-board-filters-label,
.ashby-job-board-reset-filters-label {
  font-family: var(--fontFamily);
  color: #5b5f75;
  font-weight: 500;
}

.ashby-job-board-filter {
  font-family: var(--fontFamily);
  background-color: #ffffff;
  color: #0f1222;
  border: 1px solid rgba(15,18,34,0.12);
  border-radius: var(--borderRadiusControl);
  padding: 0.55rem 0.75rem;
}

/* ---------- Department & team headings ---------- */
.ashby-department-heading,
.ashby-department-heading-level,
.ashby-job-posting-brief-department-heading,
.ashby-job-posting-brief-department-heading-level {
  font-family: var(--fontFamily);
  color: #0f1222;
  font-weight: 700;
  margin: 2rem 0 0.75rem 0;
}

/* ---------- Posting list (cards/rows) ---------- */
.ashby-job-posting-brief {
  background-color: #ffffff;
  border: 1px solid rgba(15,18,34,0.08);
  border-radius: var(--borderRadiusContainer);
  box-shadow: 0 4px 14px rgba(15,18,34,0.06);
  padding: 1rem 1.1rem;
  margin-bottom: 10px; /* (kept from example) */
}

/* Title inside card */
.ashby-job-posting-brief-title,
.ashby-job-posting-heading {
  font-family: var(--fontFamily);
  color: #0f1222;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.3;
  margin: 0 0 0.25rem 0;
}

/* Details/meta text in card */
.ashby-job-posting-brief-details {
  font-family: var(--fontFamily);
  color: #5b5f75;
  font-size: 0.95rem;
}

/* Container for list */
.ashby-job-posting-brief-list {
  gap: 0.5rem;
}

/* ---------- Posting page layout ---------- */
.ashby-job-posting-header {
  font-family: var(--fontFamily);
}

.ashby-job-posting-left-pane,
.ashby-job-posting-right-pane {
  font-family: var(--fontFamily);
}

/* Tabs on right pane */
.ashby-job-posting-right-pane-application-tab,
.ashby-job-posting-right-pane-overview-tab {
  font-family: var(--fontFamily);
  color: #0f1222;
}

.ashby-job-posting-right-pane-tab-slider {
  background-color: var(--colorPrimary600);
  height: 3px;
  border-radius: 3px;
}

/* ---------- Application form ---------- */
.ashby-application-form-container,
.ashby-application-form-section-container {
  background-color: #ffffff;
  border-radius: var(--borderRadiusContainer);
}

.ashby-application-form-section-header-title,
.ashby-application-form-question-title {
  font-family: var(--fontFamily);
  color: #0f1222;
  font-weight: 600;
}

.ashby-application-form-question-description,
.ashby-application-form-section-header-description,
.ashby-application-form-texting-consent-description {
  font-family: var(--fontFamily);
  color: #5b5f75;
}

/* Field entry style (inputs/selects are rendered internally) */
.ashby-application-form-field-entry {
  border: 1px solid rgba(15,18,34,0.08);
  border-radius: var(--borderRadiusControl);
  padding: 0.75rem;
}

/* Autofill uploader / panes */
.ashby-application-form-autofill-pane,
.ashby-application-form-autofill-uploader {
  background-color: #f7f8fa;
  border: 1px dashed rgba(15,18,34,0.15);
  border-radius: var(--borderRadiusContainer);
  padding: 1rem;
}

/* Alerts */
.ashby-application-form-autofill-input-form-alert {
  font-family: var(--fontFamily);
}

/* Success & failure containers */
.ashby-application-form-success-container,
.ashby-application-form-failure-container,
.ashby-application-form-blocked-application-container {
  font-family: var(--fontFamily);
}

/* ---------- Buttons ---------- */
.ashby-job-board-back-to-all-jobs-button,
.ashby-application-form-submit-button {
  font-family: var(--fontFamily);
  background-color: var(--colorPrimary600);
  color: #ffffff;
  border: 0;
  border-radius: var(--borderRadiusButton);
  padding: 0.65rem 1.05rem;
  font-weight: 600;
}

.ashby-job-board-back-to-all-jobs-button:hover,
.ashby-application-form-submit-button:hover {
  background-color: var(--colorPrimary900);
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
  .ashby-department-heading,
  .ashby-department-heading-level,
  .ashby-job-posting-brief-department-heading,
  .ashby-job-posting-brief-department-heading-level {
    margin-top: 1.25rem;
  }
  .ashby-job-posting-brief {
    padding: 0.9rem;
  }
}
