/* Recruitment page only: the main menu scrolls away, navigation and filters stay. */
html body.jobs-compact > .nav { position: relative !important; top: auto !important; z-index: 70 !important; }
html body.jobs-compact > .rqx-backbar { position: sticky; top: 0; z-index: 60; }
.job-controls { position: sticky; top: var(--jobs-back-height, 38px); z-index: 59; background: #f7f9fc; box-shadow: 0 4px 10px #0f254714; }
html body.jobs-compact .job-controls .rqx-subbar { position: static !important; padding: 2px 0; }
.job-controls .job-filters { max-width: 1180px; width: calc(100% - 32px); margin: 0 auto; padding: 6px 10px; border-radius: 0 0 10px 10px; box-shadow: none; }
#indFilter, .job-role-row { display: block; margin: 0 0 4px; font-size: 13px; line-height: 1.65; }
#roleFilter { display: inline; }
.job-filter-item:not(:last-child)::after { content: ', '; color: #64748b; }
#indFilter button, #roleFilter button { display: inline; font: inherit; font-weight: 400; padding: 1px 0; margin: 0; min-height: 0; min-width: 0; background: transparent !important; color: #233b59 !important; border: 0 !important; border-radius: 0; box-shadow: none !important; cursor: pointer; transform: none !important; }
#indFilter button.on, #roleFilter button.on { color: #0b6cf3 !important; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
#indFilter button:hover, #roleFilter button:hover { color: #0b6cf3 !important; text-decoration: underline; }
#indFilter button:focus-visible, #roleFilter button:focus-visible { outline: 2px solid #0b6cf3; outline-offset: 2px; }
.job-controls .jsearch-row { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 6px; }
.job-controls .jsearch-row input, .job-controls .jsearch-row select { min-width: 0; width: 100%; font-size: 13px; padding: 6px 8px; }
.job-controls[hidden] { display: none; }
@media (max-width: 820px) {
  .job-controls .job-filters { width: calc(100% - 16px); padding: 5px 8px; }
  #indFilter, .job-role-row { white-space: nowrap; overflow-x: auto; scrollbar-width: thin; margin-bottom: 3px; }
  #indFilter button, #roleFilter button { padding: 4px 0; }
  .job-controls .jsearch-row { grid-template-columns: 1fr 1fr; }
  .job-controls .jsearch-row input { grid-column: 1 / -1; }
  .job-controls .jsearch-row input, .job-controls .jsearch-row select { font-size: 16px; padding: 5px 6px; }
  .job-controls .rqx-subbar .wrap { padding-top: 2px; padding-bottom: 2px; }
}
/* 05/11/2026: cuộn xuống danh sách tin thì giấu thanh Quay lại + 4 tab con, cuộn lên hiện lại. */
.job-controls-sentinel { height: 0; }
html body.jobs-compact > .rqx-backbar, .job-controls { transition: transform .22s ease, box-shadow .22s ease; will-change: transform; }
html body.jobs-compact.jobs-bars-hidden > .rqx-backbar { transform: translateY(-105%); box-shadow: none; }
body.jobs-bars-hidden .job-controls { transform: translateY(calc(-1 * (var(--jobs-back-height, 38px) + var(--jobs-sub-height, 56px)))); }
body.jobs-bars-hidden .job-controls .rqx-subbar { visibility: hidden; transition: visibility 0s .22s; }
@media (prefers-reduced-motion: reduce) { html body.jobs-compact > .rqx-backbar, .job-controls { transition: none; } }