/* THRS V14.27B — Recruitment Search & Filters REAL-DOM Layout Correction
   Fixes the extra <div> introduced by the shared Card component.
   V12 had a two-column grid on Card's inner wrapper, so V14.27 was
   formatting the wrong element. Prevents clipped field values and whitespace.
   Entirely route-scoped, presentation only; React inputs/handlers unchanged. */
html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
.thrs-recruitment-filter-card.thrs-rec-v6-filter-card {
  box-sizing:border-box !important;
  display:block !important;
  padding:clamp(19px,1.7vw,26px) !important;
  min-width:0 !important;
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  overflow:visible !important;
}
/* IMPORTANT: This is the actual Card child that V12 forced to GRID.
   The previous V14.27 styled only the outer Card container. */
html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
.thrs-recruitment-filter-card.thrs-rec-v6-filter-card > div {
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  grid-template-columns:none !important;
  grid-template-rows:none !important;
  gap:19px !important;
  position:relative !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}
/* Override display:contents and old grid positioning inherited from V9/V12. */
html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
.thrs-recruitment-filter-card .thrs-rec-v6-filter-head {
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px 24px !important;
  width:100% !important;
  min-width:0 !important;
  min-height:58px !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  grid-column:auto !important;
  grid-row:auto !important;
  position:relative !important;
  align-self:stretch !important;
}
html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
.thrs-recruitment-filter-card .thrs-rec-v6-filter-title {
  display:flex !important;
  flex:1 1 240px !important;
  align-items:center !important;
  min-width:0 !important;
  max-width:100% !important;
  gap:16px !important;
  margin:0 !important;
}
html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
.thrs-recruitment-filter-card .thrs-rec-v6-filter-title > div {
  min-width:0 !important;
  max-width:100% !important;
}
html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
.thrs-recruitment-filter-card .thrs-rec-v6-filter-title-main {
  display:block !important;
  width:auto !important;
  font-size:clamp(20px,1.8vw,26px) !important;
  line-height:1.24 !important;
  font-weight:920 !important;
  letter-spacing:-.026em !important;
  overflow-wrap:break-word !important;
}
html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
.thrs-recruitment-filter-card .thrs-rec-v6-filter-title-sub {
  display:block !important;
  font-size:12px !important;
  line-height:1.5 !important;
  max-width:580px !important;
  overflow-wrap:break-word !important;
}
html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
.thrs-recruitment-filter-card .thrs-rec-v6-filter-actions {
  display:flex !important;
  flex:0 1 auto !important;
  flex-flow:row wrap !important;
  align-items:center !important;
  justify-content:flex-end !important;
  align-self:center !important;
  gap:9px !important;
  position:static !important;
  width:auto !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  grid-column:auto !important;
  grid-row:auto !important;
  min-height:0 !important;
}
html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
.thrs-recruitment-filter-card .thrs-rec-v6-filter-actions > .thrs-rec-v6-filter-count {
  display:inline-flex !important;
  flex:0 0 auto !important;
  min-height:37px !important;
  font-size:12px !important;
  margin:0 !important;
  line-height:1.3 !important;
}
html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
.thrs-recruitment-filter-card .thrs-rec-v6-filter-actions > .thrs-rec-v6-filter-btn {
  display:inline-flex !important;
  position:static !important;
  inset:auto !important;
  flex:0 0 auto !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  width:auto !important;
  max-width:100% !important;
  height:40px !important;
  min-height:40px !important;
  padding:9px 13px !important;
  border-radius:11px !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
  white-space:nowrap !important;
  box-shadow:0 3px 9px rgba(12,46,78,.065) !important;
}
html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
.thrs-recruitment-filter-card .thrs-rec-v6-filter-actions > .thrs-rec-v6-filter-btn-ghost {
  background:var(--rf27-field) !important;
  border:1px solid var(--rf27-border) !important;
  color:var(--rf27-ink) !important;
  bottom:auto !important;
  left:auto !important;
}
html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
.thrs-recruitment-filter-card .thrs-rec-v6-filter-actions > .thrs-rec-v6-filter-btn-ghost:disabled {
  color:var(--rf27-sub) !important;
  opacity:.7 !important;
  cursor:not-allowed !important;
}
/* Search must be a full-width, independent flex ROW, not grid cell (1,1). */
html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
.thrs-recruitment-filter-card .thrs-rec-v6-search-field {
  display:flex !important;
  flex:0 0 auto !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:50px !important;
  min-height:50px !important;
  padding:9px 15px !important;
  margin:0 !important;
  grid-column:auto !important;
  grid-row:auto !important;
  align-self:stretch !important;
  box-sizing:border-box !important;
}
html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
.thrs-recruitment-filter-card .thrs-rec-v6-search-field > input {
  flex:1 1 0 !important;
  min-width:0 !important;
  width:100% !important;
  height:auto !important;
  padding:0 !important;
  font-size:13px !important;
  line-height:1.55 !important;
  font-weight:660 !important;
  text-overflow:clip !important;
}
/* Real inner grid uses all the available card width. Preserve 5 original
   controlled fields, give Applied Date extra width for TWO full date labels. */
html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
.thrs-recruitment-filter-card .thrs-rec-v6-filter-grid {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(252px,1.62fr) minmax(0,1fr) !important;
  grid-template-rows:auto !important;
  gap:12px !important;
  align-items:end !important;
  justify-content:stretch !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  align-self:stretch !important;
  grid-column:auto !important;
  grid-row:auto !important;
}
html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
.thrs-recruitment-filter-card .thrs-rec-v6-filter-grid > .thrs-rec-v6-filter-field {
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  gap:8px !important;
  min-width:0 !important;
  max-width:100% !important;
  width:100% !important;
  height:auto !important;
  overflow:visible !important;
  margin:0 !important;
  padding:0 !important;
  grid-column:auto !important;
  grid-row:auto !important;
}
html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
.thrs-recruitment-filter-card .thrs-rec-v6-filter-field > label {
  display:flex !important;
  align-items:center !important;
  white-space:normal !important;
  text-transform:none !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  min-height:21px !important;
  color:var(--rf27-ink) !important;
  font-size:12px !important;
  font-weight:810 !important;
  line-height:1.35 !important;
}
/* Explicitly override V12's 10.5px native select and 9px date input.
   The enhanced select/date buttons are reused unchanged. */
html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
.thrs-recruitment-filter-card .thrs-rec-v6-filter-field > .thrs-recruitment-select-trigger {
  display:flex !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:47px !important;
  min-height:47px !important;
  padding:10px 12px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  font-size:13px !important;
  font-weight:760 !important;
}
html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
.thrs-recruitment-filter-card .thrs-rec-v6-filter-field > .thrs-recruitment-select-trigger .thrs-premium-select-trigger__value {
  display:block !important;
  flex:1 1 auto !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:13px !important;
  font-weight:740 !important;
  line-height:1.45 !important;
  text-align:start !important;
}
html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
.thrs-recruitment-filter-card .thrs-rec-v6-filter-field > .thrs-rec-v6-date-range {
  display:flex !important;
  flex-direction:row !important;
  grid-template-columns:none !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:6px !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  min-height:47px !important;
  height:47px !important;
  box-sizing:border-box !important;
  padding:3px !important;
}
html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
.thrs-recruitment-filter-card .thrs-rec-v6-date-range > .thrs-rec-date-trigger {
  flex:1 1 0 !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  min-height:39px !important;
  height:39px !important;
  padding:6px 7px !important;
  gap:6px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}
html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
.thrs-recruitment-filter-card .thrs-rec-v6-date-range > .thrs-rec-date-trigger .thrs-rec-date-glyph {
  flex:0 0 18px !important;
  width:18px !important;
  height:18px !important;
}
html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
.thrs-recruitment-filter-card .thrs-rec-v6-date-range > .thrs-rec-date-trigger .thrs-rec-date-value {
  display:block !important;
  flex:1 1 auto !important;
  max-width:100% !important;
  min-width:0 !important;
  white-space:nowrap !important;
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:740 !important;
  text-overflow:ellipsis !important;
  overflow:hidden !important;
  text-align:start !important;
}
html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
.thrs-recruitment-filter-card .thrs-rec-v6-date-range > span {
  flex:0 0 auto !important;
  width:12px !important;
  text-align:center !important;
  white-space:nowrap !important;
}
/* Fix old odd date placeholder and visual alignment in both languages. */
html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
.thrs-recruitment-filter-card .thrs-rec-v6-filter-field-date {
  min-width:0 !important;
}
@media (max-width:1250px) {
  html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
  .thrs-recruitment-filter-card .thrs-rec-v6-filter-grid {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:15px !important;
  }
  html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
  .thrs-recruitment-filter-card .thrs-rec-v6-filter-grid > .thrs-rec-v6-filter-field-date {
    grid-column:span 2 !important;
  }
}
@media (max-width:950px) {
  html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
  .thrs-recruitment-filter-card .thrs-rec-v6-filter-head {
    align-items:flex-start !important;
  }
  html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
  .thrs-recruitment-filter-card .thrs-rec-v6-filter-title {
    flex-basis:100% !important;
  }
  html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
  .thrs-recruitment-filter-card .thrs-rec-v6-filter-actions {
    justify-content:flex-start !important;
    width:100% !important;
  }
}
@media (max-width:720px) {
  html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
  .thrs-recruitment-filter-card .thrs-rec-v6-filter-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }
}
@media (max-width:520px) {
  html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
  .thrs-recruitment-filter-card.thrs-rec-v6-filter-card {
    padding:17px 13px !important;
  }
  html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
  .thrs-recruitment-filter-card.thrs-rec-v6-filter-card > div {
    gap:17px !important;
  }
  html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
  .thrs-recruitment-filter-card .thrs-rec-v6-filter-grid {
    grid-template-columns:minmax(0,1fr) !important;
    gap:14px !important;
  }
  html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
  .thrs-recruitment-filter-card .thrs-rec-v6-filter-grid > .thrs-rec-v6-filter-field-date {
    grid-column:auto !important;
  }
  html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
  .thrs-recruitment-filter-card .thrs-rec-v6-filter-actions {
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    gap:9px !important;
  }
  html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
  .thrs-recruitment-filter-card .thrs-rec-v6-filter-actions > .thrs-rec-v6-filter-count {
    flex:0 0 auto !important;
  }
  html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
  .thrs-recruitment-filter-card .thrs-rec-v6-filter-actions > .thrs-rec-v6-filter-btn {
    min-height:40px !important;
    flex:1 1 auto !important;
    white-space:normal !important;
  }
  html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
  .thrs-recruitment-filter-card .thrs-rec-v6-filter-title-main {
    font-size:20px !important;
  }
}
@media(prefers-reduced-motion:reduce) {
  html[data-theme] .thrs-page-recruitment .thrs-recruitment-filter-card :is(.thrs-rec-v6-filter-btn,.thrs-rec-v6-search-field,.thrs-recruitment-select-trigger,.thrs-rec-date-trigger) {
    transition:none !important;
  }
}/* Give the full date placeholder 3px breathing space at 320px. */
@media(max-width:350px) {
 html[data-theme] .thrs-page-recruitment.thrs-recruitment-ux-v5
 .thrs-recruitment-filter-card .thrs-rec-v6-date-range > .thrs-rec-date-trigger .thrs-rec-date-value {
   font-size:11.5px !important;
 }
}