/* stylelint-disable */

/* Sandstone Sand Theme - Ashby Job Board Customization */
:root {
    /* Primary Colors - Based on Sandstone Sand Theme */
    --colorPrimary900: #1C1B19; /* Dark button/primary action - button-primary */
    --colorPrimary600: #8C655E; /* Dusk-medium - primary color */

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

    /* Border Radius - Matches Sandstone design system */
    --borderRadiusContainer: 8px;
    --borderRadiusControl: 8px;
    --borderRadiusButton: 8px;

    /* Font Family - Matches Sandstone font stack */
    --fontFamily: "Season Sans", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Helvetica", "Arial", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;

    /* Background Colors */
    --colorAppBackground: #FAF9F5; /* Main background - sand theme */
}

/* ============================================================================
   Global Styling
   ============================================================================ */

/* Job Board Heading */
.ashby-job-board-heading {
    color: #26251F;
    font-weight: 600;
}

/* Job Posting Count */
.ashby-job-board-heading-count {
    color: #6B6A5D; /* muted-foreground */
}

/* Filter Elements */
.ashby-job-board-filter {
    background-color: #F2F1EE;
    border: 1px solid #E8E7E3;
    border-radius: 8px;
    color: #26251F;
}

.ashby-job-board-filter:focus {
    border-color: #8C655E;
    outline: none;
    box-shadow: 0 0 0 2px rgba(140, 101, 94, 0.2);
}

.ashby-job-board-filters-label {
    color: #26251F;
    font-weight: 500;
}

.ashby-job-board-reset-filters-label {
    color: #8C655E;
    cursor: pointer;
}

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

/* ============================================================================
   Job Posting Brief (List Items)
   ============================================================================ */

.ashby-job-posting-brief {
    background-color: #FAF9F5;
    border: 1px solid #E8E7E3;
    border-radius: 8px;
    margin-bottom: 12px;
    padding: 16px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.ashby-job-posting-brief:hover {
    border-color: #D4D3CE;
    box-shadow: 0 2px 8px rgba(38, 37, 31, 0.06);
}

.ashby-job-posting-brief-title {
    color: #26251F;
    font-weight: 600;
}

.ashby-job-posting-brief-details {
    color: #6B6A5D;
}

.ashby-job-posting-brief-department-heading {
    color: #26251F;
    font-weight: 600;
}

.ashby-job-posting-brief-department-heading-level {
    color: #6B6A5D;
}

.ashby-job-posting-brief-list {
}

/* ============================================================================
   Department Headings
   ============================================================================ */

.ashby-department-heading {
    color: #26251F;
    font-weight: 600;
    border-bottom: 1px solid #E8E7E3;
    padding-bottom: 8px;
    margin-bottom: 16px;
}

.ashby-department-heading-level {
    color: #6B6A5D;
    font-weight: 500;
}

/* ============================================================================
   Job Posting Page
   ============================================================================ */

.ashby-job-posting-header {
    background-color: #EFEDE4; /* selected-tab-bg */
    border-bottom: 1px solid #E8E7E3;
}

.ashby-job-posting-heading {
    color: #26251F;
    font-weight: 700;
}

.ashby-job-posting-left-pane {
    background-color: #FAF9F5;
}

.ashby-job-posting-right-pane {
    background-color: #FAF9F5;
}

.ashby-job-posting-right-pane-tab-slider {
    background-color: #F2F1EE;
    border-radius: 8px;
}

.ashby-job-posting-right-pane-overview-tab,
.ashby-job-posting-right-pane-application-tab {
    color: #26251F;
    border-radius: 6px;
    transition: background-color 0.2s ease;
}

.ashby-job-posting-right-pane-overview-tab:hover,
.ashby-job-posting-right-pane-application-tab:hover {
    background-color: #E8E7E3;
}

/* Back Button */
.ashby-job-board-back-to-all-jobs-button {
    color: #8C655E;
    background-color: transparent;
    border: 1px solid #8C655E;
    border-radius: 8px;
    padding: 8px 16px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.ashby-job-board-back-to-all-jobs-button:hover {
    background-color: #8C655E;
    color: #FAF9F5;
}

/* ============================================================================
   Application Form
   ============================================================================ */

.ashby-application-form-container {
    background-color: #FAF9F5;
    border-radius: 8px;
}

.ashby-application-form-section-container {
    background-color: #FAF9F5;
    border: 1px solid #E8E7E3;
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 16px;
}

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

.ashby-application-form-section-header-title {
    color: #26251F;
    font-weight: 600;
    font-size: 1.125rem;
}

.ashby-application-form-section-header-description {
    color: #6B6A5D;
    margin-top: 4px;
}

.ashby-application-form-question-title {
    color: #26251F;
    font-weight: 500;
    margin-bottom: 4px;
}

.ashby-application-form-question-description {
    color: #6B6A5D;
    font-size: 0.875rem;
    margin-bottom: 8px;
}

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

.ashby-application-form-field-entry input,
.ashby-application-form-field-entry textarea,
.ashby-application-form-field-entry select {
    background-color: #F2F1EE;
    border: 1px solid #E8E7E3;
    border-radius: 8px;
    color: #26251F;
    padding: 10px 12px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.ashby-application-form-field-entry input:focus,
.ashby-application-form-field-entry textarea:focus,
.ashby-application-form-field-entry select:focus {
    border-color: #6B6A5D;
    box-shadow: 0 0 0 2px rgba(38, 37, 31, 0.1);
    outline: none;
}

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

.ashby-application-form-submit-button {
    background-color: #1C1B19;
    color: #F5F5F3;
    border: 1px solid #4D4C48;
    border-radius: 8px;
    padding: 12px 24px;
    font-weight: 500;
    transition: all 0.2s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.ashby-application-form-submit-button:hover {
    background-color: #0C0B0A;
    border-color: #666560;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.ashby-application-form-submit-button:focus {
    outline: 2px solid #26251F;
    outline-offset: 2px;
}

.ashby-application-form-success-container {
    background-color: #F5F8F2;
    border: 1px solid #9ABC78;
    border-radius: 8px;
    color: #26251F;
    padding: 16px;
}

.ashby-application-form-failure-container {
    background-color: #F8F2F0;
    border: 1px solid #C58066;
    border-radius: 8px;
    color: #26251F;
    padding: 16px;
}

.ashby-application-form-blocked-application-container {
    background-color: #F9F7F0;
    border: 1px solid #C7B45E;
    border-radius: 8px;
    color: #26251F;
    padding: 16px;
}

.ashby-application-form-texting-consent-description {
    color: #6B6A5D;
    font-size: 0.875rem;
}

.ashby-application-form-autofill-pane {
    background-color: #F2F1EE;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 24px;
}

.ashby-application-form-autofill-uploader {
    border: 2px dashed #D4D3CE;
    border-radius: 8px;
    padding: 32px;
    text-align: center;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.ashby-application-form-autofill-uploader:hover {
    border-color: #8C655E;
    background-color: rgba(140, 101, 94, 0.05);
}

.ashby-application-form-autofill-input-root {
    background-color: #FAF9F5;
    border: 1px solid #E8E7E3;
    border-radius: 8px;
}

.ashby-application-form-autofill-input-root[data-state="pending"] {
    opacity: 0.7;
}

.ashby-application-form-autofill-input-root[data-state="drag"] {
    border-color: #8C655E;
    background-color: rgba(140, 101, 94, 0.05);
}

.ashby-application-form-autofill-input-base-layer {
    padding: 16px;
}

.ashby-application-form-autofill-input-title {
    color: #26251F;
    font-weight: 600;
}

.ashby-application-form-autofill-input-description {
    color: #6B6A5D;
}

.ashby-application-form-autofill-input-icon {
    color: #8C655E;
}

.ashby-application-form-autofill-input-drag-layer[data-state="active"] {
    background-color: rgba(140, 101, 94, 0.1);
    border: 2px dashed #8C655E;
}

.ashby-application-form-autofill-input-drag-layer[data-state="hidden"] {
    display: none;
}

.ashby-application-form-autofill-input-pending-layer[data-state="active"] {
    background-color: rgba(250, 249, 245, 0.9);
}

.ashby-application-form-autofill-input-pending-layer[data-state="hidden"] {
    display: none;
}

.ashby-application-form-autofill-input-form-alert[data-highlight="negative"] {
    background-color: #F8F2F0;
    border-color: #C58066;
    color: #26251F;
}

.ashby-application-form-autofill-input-form-alert[data-highlight="positive"] {
    background-color: #F5F8F2;
    border-color: #9ABC78;
    color: #26251F;
}

.ashby-survey-form-container {
    background-color: #F2F1EE;
    border: 1px solid #E8E7E3;
    border-radius: 8px;
    padding: 20px;
    margin-top: 16px;
}