/* stylelint-disable */

:root {
    /* Elyos brand colors */
    --colorPrimary900: #CC5C06;
    --colorPrimary600: #FF7207;

    --widthMaxJobBoard: 1200px;

    --borderRadiusContainer: 16px;
    --borderRadiusControl: 12px;
    --borderRadiusButton: 12px;

    /* Match your site's font - Inter */
    --fontFamily: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    /* Transparent background to blend with black page */
    --colorAppBackground: transparent;
}

/* ========== JOB BOARD LIST PAGE ========== */

/* Job Board Heading - WHITE text on black background */
.ashby-job-board-heading {
    font-size: 56px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    margin-bottom: 24px;
}

/* "Open Positions (6)" styling */
.ashby-job-board-heading-count {
    color: #999999;
    font-weight: 500;
}

/* Filters section */
.ashby-job-board-filters-label {
    font-weight: 600;
    color: #FFFFFF;
    font-size: 15px;
    margin-bottom: 12px;
}

/* Filter dropdowns - dark theme */
.ashby-job-board-filter {
    border: 2px solid #333333;
    border-radius: 12px;
    padding: 10px 16px;
    background: #1A1A1A !important;
    color: #FFFFFF !important;
    font-weight: 500;
    transition: border-color 0.2s ease;
}

.ashby-job-board-filter:focus {
    border-color: #FF7207;
    outline: none;
    box-shadow: 0 0 0 4px rgba(255, 114, 7, 0.1);
}

/* Reset filters - ORANGE */
.ashby-job-board-reset-filters-label {
    color: #FF7207;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.2s ease;
    font-size: 14px;
}

.ashby-job-board-reset-filters-label:hover {
    color: #FFFFFF;
}

/* Department headings - subtle gray */
.ashby-department-heading {
    font-size: 11px;
    font-weight: 600;
    color: #999999;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 16px;
}

.ashby-job-posting-brief-department-heading {
    font-size: 11px;
    font-weight: 600;
    color: #999999;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 16px;
}

.ashby-department-heading-level {
    font-size: 11px;
    font-weight: 600;
    color: #999999;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.ashby-job-posting-brief-department-heading-level {
    font-size: 11px;
    font-weight: 600;
    color: #999999;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

/* Job posting cards - dark cards on black background */
.ashby-job-posting-brief {
    background: #1A1A1A !important;
    border: 1px solid #333333 !important;
    border-radius: 16px !important;
    padding: 28px;
    margin-bottom: 16px;
    margin-left: 0 !important;
    transition: all 0.3s ease;
    cursor: pointer;
}

.ashby-job-posting-brief:hover {
    border: 1px solid #FF7207 !important;
    background: #222222 !important;
    box-shadow: 0 0 20px rgba(255, 114, 7, 0.25);
}

/* Job title - WHITE text */
.ashby-job-posting-brief-title {
    font-size: 22px;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 12px;
    line-height: 1.3;
}

/* Job details - gray text */
.ashby-job-posting-brief-details {
    color: #999999;
    font-size: 14px;
    line-height: 1.6;
}

/* Job posting list container */
.ashby-job-posting-brief-list {
    background: transparent;
}

/* ========== JOB DETAIL PAGE ========== */

/* Align the sticky back-button bar with the heading below.
 * Both containers are 1024px centered, but the heading's parent wrapper
 * has ~24px padding-left (heading is 976px in a 1024px container).
 * Match that padding on the sticky bar so the button aligns. */
div[class*="_sticky"]:has(.ashby-job-board-back-to-all-jobs-button) {
    padding-left: 24px !important;
    box-sizing: border-box !important;
}

/* Back button - ORANGE, aligned with job title */
.ashby-job-board-back-to-all-jobs-button {
    background: #FF7207;
    color: #FFFFFF;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 32px;
    margin-left: 0 !important;
    transition: all 0.2s ease;
    font-size: 15px;
    border: none;
    border-radius: 12px;
    padding: 12px 24px;
    cursor: pointer;
    align-self: flex-start !important;
}

/* Ensure the back button's parent doesn't add offset */
.ashby-job-board-back-to-all-jobs-button:first-child {
    margin-left: 0 !important;
}

.ashby-job-board-back-to-all-jobs-button:hover {
    background: #E66506;
    transform: translateX(-4px);
}

.ashby-job-board-back-to-all-jobs-button svg {
    fill: #FFFFFF !important;
    color: #FFFFFF !important;
}

.ashby-job-board-back-to-all-jobs-button svg path {
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

/* Job posting header - align everything flush left */
.ashby-job-posting-header {
    background: transparent;
    margin-bottom: 32px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* Job posting heading */
.ashby-job-posting-heading {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    margin-bottom: 16px;
    margin-left: 0;
    padding-left: 0;
}

/* ========== LEFT PANE - Job metadata sidebar ========== */
.ashby-job-posting-left-pane {
    color: #CCCCCC;
    background: transparent;
    padding-right: 40px;
}

/* Style headings and text inside left pane via descendant selectors */
.ashby-job-posting-left-pane h1,
.ashby-job-posting-left-pane h2,
.ashby-job-posting-left-pane h3,
.ashby-job-posting-left-pane h4,
.ashby-job-posting-left-pane h5 {
    color: #FFFFFF;
    font-weight: 700;
    margin-top: 32px;
    margin-bottom: 16px;
}

.ashby-job-posting-left-pane h2 {
    font-size: 24px;
}

.ashby-job-posting-left-pane h3 {
    font-size: 20px;
}

.ashby-job-posting-left-pane p {
    color: #CCCCCC;
    line-height: 1.7;
    margin-bottom: 16px;
}

.ashby-job-posting-left-pane ul,
.ashby-job-posting-left-pane ol {
    color: #CCCCCC;
    margin-left: 20px;
    margin-bottom: 16px;
}

.ashby-job-posting-left-pane li {
    margin-bottom: 8px;
    line-height: 1.6;
}

.ashby-job-posting-left-pane strong {
    color: #FFFFFF;
    font-weight: 600;
}

/* Left pane dividers (hr elements) */
.ashby-job-posting-left-pane hr {
    border-color: #333333;
    border-style: solid;
    border-width: 1px 0 0 0;
    margin: 16px 0;
}

/* Left pane spans for metadata values */
.ashby-job-posting-left-pane span {
    color: #CCCCCC;
}

/* ========== RIGHT PANE ========== */
.ashby-job-posting-right-pane {
    background: #000000;
    border-radius: 16px;
    padding: 0;
    border: 1px solid #333333;
}

/* Tabs slider */
.ashby-job-posting-right-pane-tab-slider {
    border-bottom: 1px solid #333333;
    display: flex;
    background: transparent;
}

/* Overview tab */
.ashby-job-posting-right-pane-overview-tab {
    color: #999999;
    font-weight: 600;
    padding: 20px 32px;
    transition: all 0.2s ease;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    background: transparent;
}

.ashby-job-posting-right-pane-overview-tab:hover {
    color: #FFFFFF;
}

.ashby-job-posting-right-pane-overview-tab[aria-selected="true"] {
    color: #FF7207;
    border-bottom-color: #FF7207;
}

/* Application tab */
.ashby-job-posting-right-pane-application-tab {
    color: #999999;
    font-weight: 600;
    padding: 20px 32px;
    transition: all 0.2s ease;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    background: transparent;
}

.ashby-job-posting-right-pane-application-tab:hover {
    color: #FFFFFF;
}

.ashby-job-posting-right-pane-application-tab[aria-selected="true"] {
    color: #FF7207;
    border-bottom-color: #FF7207;
}

/* ========== OVERVIEW TAB CONTENT ========== */

.ashby-job-posting-right-pane [role="tabpanel"] {
    padding: 32px;
    background: #000000;
    color: #FFFFFF;
}

/* Ensure the autofill pane stretches to match the form width */
.ashby-job-posting-right-pane [role="tabpanel"] > .ashby-application-form-autofill-pane {
    width: 100% !important;
    box-sizing: border-box !important;
}

.ashby-job-posting-right-pane [role="tabpanel"] h1,
.ashby-job-posting-right-pane [role="tabpanel"] h2,
.ashby-job-posting-right-pane [role="tabpanel"] h3,
.ashby-job-posting-right-pane [role="tabpanel"] h4 {
    color: #FFFFFF;
    font-weight: 700;
    margin-top: 24px;
    margin-bottom: 12px;
}

.ashby-job-posting-right-pane [role="tabpanel"] h2 {
    font-size: 20px;
}

.ashby-job-posting-right-pane [role="tabpanel"] h3 {
    font-size: 18px;
}

.ashby-job-posting-right-pane [role="tabpanel"] p {
    color: #FFFFFF;
    line-height: 1.7;
    margin-bottom: 16px;
}

.ashby-job-posting-right-pane [role="tabpanel"] ul,
.ashby-job-posting-right-pane [role="tabpanel"] ol {
    color: #FFFFFF;
    margin-left: 20px;
    margin-bottom: 16px;
}

.ashby-job-posting-right-pane [role="tabpanel"] li {
    margin-bottom: 8px;
    line-height: 1.6;
    color: #FFFFFF;
}

.ashby-job-posting-right-pane [role="tabpanel"] strong {
    color: #FFFFFF;
    font-weight: 600;
}

.ashby-job-posting-right-pane [role="tabpanel"] a {
    color: #FF7207;
    text-decoration: none;
    transition: color 0.2s ease;
}

.ashby-job-posting-right-pane [role="tabpanel"] a:hover {
    color: #E66506;
    text-decoration: underline;
}

.ashby-job-posting-right-pane [role="tabpanel"] button {
    background: #FF7207;
    color: #FFFFFF;
    border: none;
    border-radius: 12px;
    padding: 16px 40px;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(255, 114, 7, 0.3);
    margin-top: 24px;
}

/* Reset margin for autofill button so it centers vertically */
.ashby-application-form-autofill-pane button {
    margin-top: 0 !important;
}

.ashby-job-posting-right-pane [role="tabpanel"] button:hover {
    background: #E66506;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 114, 7, 0.4);
}

/* ========== APPLICATION FORM ========== */

.ashby-application-form-container {
    background: #000000;
    padding: 32px;
}

.ashby-application-form-section-container {
    margin-bottom: 32px;
}

.ashby-application-form-section-header {
    margin-bottom: 24px;
}

.ashby-application-form-section-header-title {
    font-size: 24px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 8px;
    letter-spacing: -0.02em;
}

.ashby-application-form-section-header-description {
    color: #999999;
    font-size: 15px;
    line-height: 1.6;
}

/* ========== FORM FIELDS ========== */

.ashby-application-form-field-entry {
    margin-bottom: 24px;
}

/* Question titles - WHITE */
.ashby-application-form-question-title {
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 8px;
    font-size: 15px;
}

/* Question descriptions - GRAY */
.ashby-application-form-question-description {
    color: #999999;
    font-size: 14px;
    margin-bottom: 12px;
    line-height: 1.5;
}

/* Form inputs - dark theme. Target via allowed parent class. */
.ashby-application-form-field-entry input {
    border: 1px solid #333333;
    border-radius: 12px;
    padding: 14px 18px;
    font-size: 16px;
    transition: all 0.2s ease;
    background: #1A1A1A;
    color: #FFFFFF;
    width: 100%;
    box-sizing: border-box;
}

.ashby-application-form-field-entry textarea {
    border: 1px solid #333333;
    border-radius: 12px;
    padding: 14px 18px;
    font-size: 16px;
    transition: all 0.2s ease;
    background: #1A1A1A;
    color: #FFFFFF;
    width: 100%;
    box-sizing: border-box;
}

.ashby-application-form-field-entry select {
    border: 1px solid #333333;
    border-radius: 12px;
    padding: 14px 18px;
    font-size: 16px;
    transition: all 0.2s ease;
    background: #1A1A1A;
    color: #FFFFFF;
    width: 100%;
    box-sizing: border-box;
}

.ashby-application-form-field-entry input::placeholder,
.ashby-application-form-field-entry textarea::placeholder {
    color: #666666;
}

.ashby-application-form-field-entry input:focus,
.ashby-application-form-field-entry textarea:focus,
.ashby-application-form-field-entry select:focus {
    border-color: #FF7207;
    outline: none;
    background: #222222;
    box-shadow: 0 0 0 3px rgba(255, 114, 7, 0.1);
}

/*
 * Yes/No toggle buttons & file upload zones:
 * These are styled via descendant selectors from .ashby-application-form-field-entry
 * since Ashby doesn't expose dedicated classes for these elements.
 */

/*
 * All buttons inside form fields (Yes/No toggles, upload buttons, etc.)
 * NOTE: background and color intentionally do NOT use !important
 * so that Ashby's internal selected-state styling (inline styles) can override.
 * Higher specificity via parent class chain instead.
 */
.ashby-application-form-container .ashby-application-form-field-entry button {
    background: #1A1A1A;
    color: #CCCCCC;
    border: 1px solid #333333 !important;
    padding: 10px 28px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

.ashby-application-form-container .ashby-application-form-field-entry button:hover {
    background: #222222;
    color: #FFFFFF;
    border-color: #FF7207 !important;
}

/*
 * Resume/file upload area.
 * Actual DOM: div[role="presentation"] > input[type="file"](hidden) + div._instructions > button + p
 */
.ashby-application-form-container .ashby-application-form-field-entry div[role="presentation"] button {
    background: #FF7207 !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 10px 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
}

.ashby-application-form-container .ashby-application-form-field-entry div[role="presentation"] button:hover {
    background: #E66506 !important;
}

/* Force white text on spans inside upload buttons (overrides .field-entry span gray rule) */
.ashby-application-form-container .ashby-application-form-field-entry div[role="presentation"] button span {
    color: #FFFFFF !important;
}

/* Make the paperclip/clip SVG icon white inside upload buttons */
.ashby-application-form-container .ashby-application-form-field-entry div[role="presentation"] button svg {
    color: #FFFFFF !important;
}
.ashby-application-form-container .ashby-application-form-field-entry div[role="presentation"] button svg path {
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

/* The instructions row (button + "or drag and drop here") */
.ashby-application-form-field-entry div[role="presentation"] > div {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
}

/* The "or drag and drop here" text is a <p> - strip default margins */
.ashby-application-form-field-entry div[role="presentation"] p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/*
 * Location/combobox dropdown button fix:
 * Position the arrow button inside the input field.
 */

/* Make the combobox wrapper a positioning context */
.ashby-application-form-field-entry [role="combobox"] {
    position: relative !important;
}

/* Position the arrow button inside the input area */
.ashby-application-form-field-entry [role="combobox"] + button,
.ashby-application-form-field-entry [class*="combobox"] button {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    color: #999999 !important;
    padding: 4px 8px !important;
    width: auto !important;
    margin: 0 !important;
    box-shadow: none !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ashby-application-form-field-entry [role="combobox"] + button:hover,
.ashby-application-form-field-entry [class*="combobox"] button:hover {
    color: #FF7207 !important;
    background: transparent !important;
    border: none !important;
}

/* Add right padding to the combobox input so text doesn't overlap the arrow */
.ashby-application-form-field-entry input[role="combobox"] {
    padding-right: 40px !important;
}

/* SVG inside the dropdown button */
.ashby-application-form-field-entry [role="combobox"] + button svg,
.ashby-application-form-field-entry [class*="combobox"] button svg {
    fill: #999999 !important;
    color: #999999 !important;
    width: 16px !important;
    height: 16px !important;
}

/* Selected/pressed toggle buttons - cover all possible state attributes */
.ashby-application-form-field-entry button[aria-pressed="true"],
.ashby-application-form-field-entry button[aria-checked="true"],
.ashby-application-form-field-entry button[data-state="on"],
.ashby-application-form-field-entry button[data-state="checked"],
.ashby-application-form-field-entry button[data-state="active"] {
    background: #FF7207 !important;
    color: #FFFFFF !important;
    border-color: #FF7207 !important;
}

/* Radio group containers inside field entries */
.ashby-application-form-field-entry [role="radiogroup"] {
    display: flex !important;
    flex-direction: row !important;
    gap: 0 !important;
}

.ashby-application-form-field-entry [role="group"] {
    display: flex !important;
    flex-direction: row !important;
    gap: 0 !important;
}

/* Radio buttons inside groups - connected toggle look */
.ashby-application-form-field-entry [role="radiogroup"] [role="radio"] {
    border-radius: 0 !important;
    margin: 0 !important;
}

.ashby-application-form-field-entry [role="radiogroup"] [role="radio"]:first-child {
    border-radius: 12px 0 0 12px !important;
}

.ashby-application-form-field-entry [role="radiogroup"] [role="radio"]:last-child {
    border-radius: 0 12px 12px 0 !important;
    border-left: none !important;
}

.ashby-application-form-field-entry [role="radio"][aria-checked="true"],
.ashby-application-form-field-entry [role="radio"][data-state="on"],
.ashby-application-form-field-entry [role="radio"][data-state="checked"],
.ashby-application-form-field-entry [role="radio"][data-state="active"] {
    background: #FF7207 !important;
    color: #FFFFFF !important;
    border-color: #FF7207 !important;
}

/* File/resume upload zone - dashed border dark theme */
.ashby-application-form-field-entry div[role="presentation"] {
    border: 2px dashed #444444 !important;
    border-radius: 12px !important;
    background: #111111 !important;
    color: #999999 !important;
    padding: 24px !important;
}

/* Labels and spans inside field entries for dark theme */
.ashby-application-form-field-entry label {
    color: #FFFFFF;
}

.ashby-application-form-field-entry span {
    color: #CCCCCC;
}

/* Submit button - ORANGE */
.ashby-application-form-submit-button {
    background: #FF7207;
    color: #FFFFFF;
    border: none;
    border-radius: 12px;
    padding: 16px 40px;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(255, 114, 7, 0.3);
    width: 100%;
}

.ashby-application-form-submit-button:hover {
    background: #E66506;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 114, 7, 0.4);
}

/* Texting consent */
.ashby-application-form-texting-consent-description {
    color: #999999;
    font-size: 13px;
    margin-top: 8px;
    line-height: 1.5;
}

/* ========== AUTOFILL UPLOADER ========== */

/* Center the autofill frame and style it */
.ashby-application-form-autofill-uploader {
    background: #1A1A1A !important;
    border: 1px solid #333333 !important;
    border-radius: 12px !important;
    padding: 20px 24px !important;
    margin-bottom: 24px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Override buttons specifically inside the autofill uploader - outline style */
.ashby-application-form-autofill-uploader button {
    background: transparent !important;
    border: 2px solid #FF7207 !important;
    border-radius: 10px !important;
    padding: 10px 24px !important;
    font-weight: 600 !important;
    color: #FF7207 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

.ashby-application-form-autofill-uploader button:hover {
    background: #FF7207 !important;
    color: #FFFFFF !important;
}

.ashby-application-form-autofill-input-root {
    color: #FFFFFF !important;
    background: transparent !important;
}

.ashby-application-form-autofill-input-icon {
    color: #FFFFFF !important;
}

/* The class is ON the <svg>, not on a parent — use svg.class not .class svg */
svg.ashby-application-form-autofill-input-icon,
svg.ashby-application-form-autofill-input-icon path {
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
    color: #FFFFFF !important;
}

/* Broader wand icon selector - catch any SVG inside the uploader header */
.ashby-application-form-autofill-uploader svg {
    color: #FFFFFF !important;
}

.ashby-application-form-autofill-uploader svg * {
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
    color: #FFFFFF !important;
}

.ashby-application-form-autofill-input-base-layer {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    background: transparent !important;
    width: 100% !important;
}

/* Ensure the autofill icon (magic wand) is white */
.ashby-application-form-autofill-uploader svg,
.ashby-application-form-autofill-uploader svg path,
.ashby-application-form-autofill-uploader svg line,
.ashby-application-form-autofill-uploader svg circle,
.ashby-application-form-autofill-uploader svg polyline,
.ashby-application-form-autofill-uploader svg rect {
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
    color: #FFFFFF !important;
}

.ashby-application-form-autofill-input-title {
    font-weight: 600 !important;
    color: #FFFFFF !important;
    font-size: 15px !important;
}

.ashby-application-form-autofill-input-description {
    color: #CCCCCC !important;
    font-size: 14px !important;
}

/* The pane, root, and base layer all need to stretch to full width */
.ashby-application-form-autofill-pane {
    background: #1A1A1A !important;
    border: 1px solid #333333 !important;
    border-radius: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 20px 24px !important;
}

.ashby-application-form-autofill-pane > div {
    background: transparent !important;
}

.ashby-application-form-autofill-input-root {
    width: 100% !important;
    box-sizing: border-box !important;
}

.ashby-application-form-autofill-input-base-layer {
    width: 100% !important;
    box-sizing: border-box !important;
}

.ashby-application-form-autofill-input-drag-layer {
    background: rgba(255, 114, 7, 0.05) !important;
    border: 2px dashed #FF7207 !important;
}

.ashby-application-form-autofill-input-pending-layer {
    background: rgba(255, 114, 7, 0.05) !important;
}

/* Autofill alerts */
.ashby-application-form-autofill-input-form-alert {
    border-radius: 8px;
    padding: 12px;
    margin-top: 12px;
    font-size: 14px;
}

.ashby-application-form-autofill-input-form-alert[data-highlight="negative"] {
    background: #3A1A1A;
    border: 1px solid #F87171;
    color: #FCA5A5;
}

.ashby-application-form-autofill-input-form-alert[data-highlight="positive"] {
    background: #1A3A1A;
    border: 1px solid #4ADE80;
    color: #86EFAC;
}

/* ========== SUCCESS / ERROR / BLOCKED ========== */

.ashby-application-form-success-container {
    background: #1A3A1A;
    border: 2px solid #4ADE80;
    border-radius: 16px;
    padding: 24px;
    color: #86EFAC;
}

.ashby-application-form-failure-container {
    background: #3A1A1A;
    border: 2px solid #F87171;
    border-radius: 16px;
    padding: 24px;
    color: #FCA5A5;
}

.ashby-application-form-blocked-application-container {
    background: #3A1A1A;
    border: 2px solid #F87171;
    border-radius: 16px;
    padding: 24px;
    color: #FCA5A5;
}

/* Survey form */
.ashby-survey-form-container {
    background: transparent;
    margin-top: 32px;
}