/* stylelint-disable */

/* Transparent global background */
:root {
    --colorAppBackground: transparent;
    --colorTextPrimary: #000 !important;
    --colorTextSecondary: #333 !important;
    --colorNegative600: #dc2626 !important;
    --colorNegative900: #991b1b !important;
    --colorNegative200: #fce8e8 !important;
    --fontFamily: "Suisse Intl", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  }
  
  /* Force all application form text to be dark */
  .ashby-application-form-container,
  .ashby-application-form-container div,
  .ashby-application-form-container p,
  .ashby-application-form-container span,
  .ashby-application-form-container h1,
  .ashby-application-form-container h2,
  .ashby-application-form-container h3,
  .ashby-application-form-container h4,
  .ashby-application-form-container h5,
  .ashby-application-form-container h6 {
    color: #000 !important;
  }
  
  /* Remove inner scrolling */
  .ashby-job-posting-left-pane,
  .ashby-job-posting-right-pane,
  .ashby-job-posting-brief-list,
  .ashby-job-posting-brief-details,
  .ashby-application-form-container {
    background-color: transparent !important;
    border: none !important;
    max-height: none !important;
    overflow: visible !important;
  }
  
  /* Keep job cards white and clean */
  .ashby-job-posting-brief {
    background-color: #fff !important;
    border-radius: 10px;
    padding: 16px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  }
  
  /* Text inside cards */
  .ashby-job-posting-brief-title,
  .ashby-job-posting-brief-department-heading,
  .ashby-job-posting-brief-department-heading-level {
    color: #000 !important;
  }
  
  /* Prevent nested scrolls */
  .ashby-job-posting-right-pane,
  .ashby-job-posting-left-pane {
    overflow: visible !important;
  }
  
  /* Add spacing between job cards */
  .ashby-job-posting-brief-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  
  /* --- NEW: Make Overview & Application sections transparent --- */
  
  /* The two main tab panes on the right */
  .ashby-job-posting-right-pane-overview-tab,
  .ashby-job-posting-right-pane-application-tab {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    overflow: visible !important;
  }
  
  /* The overview tab content */
  .ashby-job-posting-right-pane-overview-tab * {
    background-color: transparent !important;
  }
  
  /* The application form and its sections */
  .ashby-application-form-section-container,
  .ashby-application-form-field-entry,
  .ashby-application-form-section-header,
  .ashby-application-form-success-container {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
  }
  
  /* Error/failure message container - keep transparent but make text visible */
  .ashby-application-form-failure-container {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
  }
  
  /* Make error text red and visible */
  .ashby-application-form-failure-container,
  .ashby-application-form-failure-container div,
  .ashby-application-form-failure-container p,
  .ashby-application-form-failure-container span {
    color: #dc2626 !important;
  }
  
  /* Preserve input styling - checkboxes, radio buttons, text inputs */
  .ashby-application-form-container input[type="checkbox"],
  .ashby-application-form-container input[type="radio"],
  .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="number"],
  .ashby-application-form-container textarea,
  .ashby-application-form-container select {
    background-color: white !important;
    border: 1px solid #d1d5db !important;
    color: #000 !important;
  }
  
  /* Ensure checkbox and radio button circles/borders are visible */
  .ashby-application-form-container input[type="checkbox"],
  .ashby-application-form-container input[type="radio"] {
    opacity: 1 !important;
  }
  
  /* The tabs slider itself (keeps the tab bar clean) */
  .ashby-job-posting-right-pane-tab-slider {
    background-color: transparent !important;
  }
  
  /* Optional hover effect for elegance */
  .ashby-job-posting-brief:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    transition: all 0.2s ease-in-out;
  }
  
  /* Make the autofill pane transparent */
.ashby-application-form-autofill-pane {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
  }
  
  /* Also override its internal hashed container class */
  [class*="autofillPane"],
  [class*="_container_"],
  [class*="ashby-application-form-autofill-pane"] {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    overflow: visible !important;
  }