/* stylelint-disable */

/* ============================================================
   Dedalus Labs — Ashby embed theming
   Host this at a public URL (e.g. https://dedaluslabs.ai/ashby-board.css)
   and add that exact URL to Ashby admin > Theme > Allowed Custom CSS URLs.

   This file styles ONLY the Ashby-injected board (search, count,
   listings, application form). The logo, name, "Careers" heading,
   and mission live in Careers.jsx — do not restyle them here.
   ============================================================ */

:root {
  --colorPrimary900: #0a0a0a;
  --colorTextMuted: #6b6b6b;
  --colorBorder: rgba(10, 10, 10, 0.12);
  --colorBorderLight: rgba(10, 10, 10, 0.07);
  --borderRadiusContainer: 12px;
  --borderRadiusControl: 8px;
  --borderRadiusButton: 8px;
  --fontFamily: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Helvetica, Arial, sans-serif;
}

/* Ashby renders its own board heading (company name). Your JSX already
   shows the name + "Careers", so hide Ashby's duplicate heading. */
.ashby-job-board-heading {
  display: none;
}

/* ---- Job count ---- */
.ashby-job-board-heading-count {
  font-family: var(--fontFamily);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--colorTextMuted);
}

/* ---- Filters ---- */
.ashby-job-board-filters-label,
.ashby-job-board-reset-filters-label {
  font-family: var(--fontFamily);
  font-weight: 500;
  color: var(--colorPrimary900);
}
.ashby-job-board-filter {
  font-family: var(--fontFamily);
  border-radius: var(--borderRadiusControl);
}

/* ---- Department heading ---- */
.ashby-department-heading,
.ashby-job-posting-brief-department-heading {
  font-family: var(--fontFamily);
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--colorPrimary900);
}

/* ---- Listing cards ---- */
.ashby-job-posting-brief {
  border: 1px solid var(--colorBorder);
  border-radius: var(--borderRadiusContainer);
  padding: 18px 22px;
  margin-bottom: 10px;
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.ashby-job-posting-brief:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(10, 10, 10, 0.06);
}
.ashby-job-posting-brief-title {
  font-family: var(--fontFamily);
  font-weight: 600;
  font-size: 1.0625rem;
  letter-spacing: -0.01em;
  color: var(--colorPrimary900);
}

/* ---- Application form ---- */
.ashby-application-form-question-title,
.ashby-application-form-section-header-title {
  font-family: var(--fontFamily);
  font-weight: 600;
  color: var(--colorPrimary900);
}
.ashby-application-form-submit-button {
  font-family: var(--fontFamily);
  font-weight: 600;
  border-radius: var(--borderRadiusButton);
}

@media (max-width: 600px) {
  .ashby-job-posting-brief-title { font-size: 1rem; }
}