/*
 * FIJ 1.8.7.69 — Mobile interaction, pagination and icon correction layer.
 * Loaded after the 1.8.7.68 mobile design layer. The selectors are intentionally
 * scoped so desktop and Premium HR remain untouched.
 */
@media (max-width:860px){
  body.fij-mobile-app-fix-v18769{
    --fij-mobile-icon-stroke:1.85;
  }

  /* -----------------------------------------------------------------------
   * Mobile header and drawer
   * --------------------------------------------------------------------- */
  body.fij-mobile-app-fix-v18769.fij-mobile-menu-open{
    overflow:hidden!important;
    overscroll-behavior:none;
  }
  .fij-mobile-app-fix-v18769 .fij-public-header-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    align-content:center!important;
    height:64px!important;
    min-height:64px!important;
    gap:8px!important;
  }
  .fij-mobile-app-fix-v18769 input#fij-mobile-menu.fij-mobile-toggle{
    position:fixed!important;
    top:-100vh!important;
    left:-100vw!important;
    width:1px!important;
    height:1px!important;
    min-width:1px!important;
    min-height:1px!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  .fij-mobile-app-fix-v18769 .fij-mobile-header-actions{
    grid-column:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    min-width:max-content!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
  }
  .fij-mobile-app-fix-v18769 .fij-header-notification-link-mobile,
  .fij-mobile-app-fix-v18769 .fij-mobile-menu-button,
  .fij-mobile-app-fix-v18769 .fij-mobile-drawer-close{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    line-height:1!important;
  }
  .fij-mobile-app-fix-v18769 .fij-mobile-menu-button:focus-visible,
  .fij-mobile-app-fix-v18769 .fij-mobile-drawer-close:focus-visible{
    outline:2px solid var(--fij-app-teal)!important;
    outline-offset:2px!important;
  }
  .fij-mobile-app-fix-v18769 .fij-mobile-menu-button .fij-menu-button-icon,
  .fij-mobile-app-fix-v18769 .fij-header-notification-link-mobile>.fij-inline-icon,
  .fij-mobile-app-fix-v18769 .fij-mobile-drawer-close>.fij-inline-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
    padding:1px!important;
    overflow:visible!important;
  }
  .fij-mobile-app-fix-v18769 .fij-mobile-menu-button .fij-inline-icon,
  .fij-mobile-app-fix-v18769 .fij-header-notification-link-mobile>.fij-inline-icon,
  .fij-mobile-app-fix-v18769 .fij-mobile-drawer-close>.fij-inline-icon{
    color:currentColor!important;
  }
  .fij-mobile-app-fix-v18769 .fij-mobile-menu-button svg,
  .fij-mobile-app-fix-v18769 .fij-header-notification-link-mobile svg,
  .fij-mobile-app-fix-v18769 .fij-mobile-drawer-close svg{
    display:block!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    max-width:20px!important;
    max-height:20px!important;
    overflow:visible!important;
    stroke:currentColor!important;
    stroke-width:var(--fij-mobile-icon-stroke)!important;
  }
  .fij-mobile-app-fix-v18769 .fij-mobile-drawer-close{
    border:1px solid rgba(255,255,255,.22)!important;
    background:transparent!important;
    color:#fff!important;
    cursor:pointer!important;
  }
  .fij-mobile-app-fix-v18769 .fij-mobile-drawer-close>span:not(.fij-inline-icon){
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    white-space:nowrap!important;
  }
  .fij-mobile-app-fix-v18769 .fij-mobile-toggle:checked~.fij-mobile-overlay{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .fij-mobile-app-fix-v18769 .fij-mobile-toggle:checked~.fij-mobile-drawer{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    transform:translate3d(0,0,0)!important;
  }
  .fij-mobile-app-fix-v18769 .fij-mobile-drawer{
    overscroll-behavior:contain!important;
  }

  /* -----------------------------------------------------------------------
   * Stable mobile SVG drawing areas
   * --------------------------------------------------------------------- */
  .fij-mobile-app-fix-v18769 .fij-inline-icon,
  .fij-mobile-app-fix-v18769 .fij-inline-icon svg{
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  .fij-mobile-app-fix-v18769 .fij-inline-icon svg{
    display:block!important;
    stroke:currentColor!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  /* Bottom navigation: the icon box and the drawing are deliberately different
     sizes, leaving clearance for round caps and strokes. */
  .fij-mobile-app-fix-v18769 .fij-mobile-bottom-nav{
    overflow:visible!important;
  }
  .fij-mobile-app-fix-v18769 .fij-mobile-bottom-nav__grid{
    min-height:72px!important;
    overflow:visible!important;
  }
  .fij-mobile-app-fix-v18769 .fij-mobile-bottom-nav__item{
    min-height:72px!important;
    padding:8px 2px 7px!important;
    gap:4px!important;
    overflow:visible!important;
  }
  .fij-mobile-app-fix-v18769 .fij-mobile-bottom-nav__item>.fij-appbar-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    max-width:24px!important;
    max-height:24px!important;
    flex:0 0 24px!important;
    padding:2px!important;
    margin:0!important;
    overflow:visible!important;
  }
  .fij-mobile-app-fix-v18769 .fij-mobile-bottom-nav__item>.fij-appbar-icon svg{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    max-width:20px!important;
    max-height:20px!important;
    stroke-width:1.8!important;
  }
  .fij-mobile-app-fix-v18769 .fij-mobile-bottom-nav__item>span:not(.fij-inline-icon){
    display:block!important;
    min-height:11px!important;
    color:inherit!important;
    font-size:10px!important;
    line-height:1.05!important;
  }

  /* -----------------------------------------------------------------------
   * Job-list card information and actions
   * --------------------------------------------------------------------- */
  .fij-mobile-app-fix-v18769 .fij-jobs-list{
    gap:10px!important;
    padding:0 12px 12px!important;
  }
  .fij-mobile-app-fix-v18769 .fij-job-card{
    grid-template-columns:minmax(0,1fr) 42px!important;
    color:var(--fij-app-ink)!important;
    overflow:hidden!important;
  }
  .fij-mobile-app-fix-v18769 .fij-job-card-link{
    min-width:0!important;
    color:var(--fij-app-ink)!important;
  }
  .fij-mobile-app-fix-v18769 .fij-job-card .fij-mobile-job-card-company strong,
  .fij-mobile-app-fix-v18769 .fij-job-card h3{
    color:var(--fij-app-navy)!important;
  }
  .fij-mobile-app-fix-v18769 .fij-job-card .fij-mobile-job-card-company small,
  .fij-mobile-app-fix-v18769 .fij-job-card .fij-mobile-job-age{
    color:var(--fij-app-muted)!important;
  }
  .fij-mobile-app-fix-v18769 .fij-job-card .fij-job-card-main>p.fij-job-card-summary{
    display:-webkit-box!important;
    margin:8px 0 0!important;
    overflow:hidden!important;
    color:#556273!important;
    font-size:11.5px!important;
    line-height:1.42!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }
  .fij-mobile-app-fix-v18769 .fij-job-card .fij-job-meta{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:5px!important;
  }
  .fij-mobile-app-fix-v18769 .fij-job-card .meta-token{
    display:inline-flex!important;
    align-items:center!important;
    width:auto!important;
    max-width:100%!important;
    color:var(--fij-app-teal-dark)!important;
    background:var(--fij-app-mint-soft)!important;
  }
  .fij-mobile-app-fix-v18769 .fij-job-card .meta-token-rate{
    color:var(--fij-app-navy)!important;
    background:#f3f4f8!important;
  }
  .fij-mobile-app-fix-v18769 .fij-job-card-actions{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    width:42px!important;
    min-width:42px!important;
    padding:12px 5px!important;
    border-left:1px solid var(--fij-app-line)!important;
    background:#fbfdfc!important;
  }
  .fij-mobile-app-fix-v18769 .fij-job-card-actions form{
    display:block!important;
    width:32px!important;
    margin:0!important;
  }
  .fij-mobile-app-fix-v18769 .fij-job-card-actions .fij-save-job-button,
  .fij-mobile-app-fix-v18769 .fij-job-card-chevron{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    padding:0!important;
    margin:0!important;
    color:var(--fij-app-navy)!important;
    background:#fff!important;
    border:1px solid var(--fij-app-line)!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .fij-mobile-app-fix-v18769 .fij-job-card-actions .fij-save-job-button>.fij-inline-icon,
  .fij-mobile-app-fix-v18769 .fij-job-card-chevron>.fij-inline-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    max-width:20px!important;
    max-height:20px!important;
    padding:2px!important;
    color:currentColor!important;
    overflow:visible!important;
  }
  .fij-mobile-app-fix-v18769 .fij-job-card-actions .fij-save-job-button>.fij-inline-icon svg,
  .fij-mobile-app-fix-v18769 .fij-job-card-chevron>.fij-inline-icon svg{
    display:block!important;
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    min-height:16px!important;
    max-width:16px!important;
    max-height:16px!important;
    stroke-width:1.9!important;
  }
  .fij-mobile-app-fix-v18769 .fij-job-card-actions .fij-save-job-button>.fij-action-label{
    display:none!important;
  }
  .fij-mobile-app-fix-v18769 .fij-job-card-chevron{
    margin-top:auto!important;
  }
  .fij-mobile-app-fix-v18769 .fij-job-card-actions.is-chevron-only{
    justify-content:center!important;
  }
  .fij-mobile-app-fix-v18769 .fij-job-card-actions.is-chevron-only .fij-job-card-chevron{
    margin:auto 0!important;
  }

  /* -----------------------------------------------------------------------
   * Job-fact icon alignment
   * --------------------------------------------------------------------- */
  .fij-mobile-app-fix-v18769 .fij-job-facts-card h2{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
  }
  .fij-mobile-app-fix-v18769 .fij-job-facts-card h2>.fij-heading-icon-v1813{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    max-width:20px!important;
    max-height:20px!important;
    flex:0 0 20px!important;
    margin:0!important;
    padding:1px!important;
    overflow:visible!important;
  }
  .fij-mobile-app-fix-v18769 .fij-job-facts-card h2>.fij-heading-icon-v1813>.fij-inline-icon,
  .fij-mobile-app-fix-v18769 .fij-job-facts-card h2>.fij-heading-icon-v1813 svg{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    max-width:18px!important;
    max-height:18px!important;
  }
  .fij-mobile-app-fix-v18769 .fij-job-facts-card dl>div{
    grid-template-columns:minmax(112px,36%) minmax(0,1fr)!important;
    align-items:center!important;
    gap:12px!important;
    padding:10px 0!important;
  }
  .fij-mobile-app-fix-v18769 .fij-job-facts-card dt{
    display:grid!important;
    grid-template-columns:20px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    margin:0!important;
    font-size:10.5px!important;
    line-height:1.25!important;
  }
  .fij-mobile-app-fix-v18769 .fij-job-facts-card dt>.fij-mini-icon-v1813{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    max-width:20px!important;
    max-height:20px!important;
    flex:0 0 20px!important;
    margin:0!important;
    padding:2px!important;
    color:var(--fij-app-teal-dark)!important;
    overflow:visible!important;
  }
  .fij-mobile-app-fix-v18769 .fij-job-facts-card dt>.fij-mini-icon-v1813>.fij-inline-icon,
  .fij-mobile-app-fix-v18769 .fij-job-facts-card dt>.fij-mini-icon-v1813 svg{
    display:block!important;
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    min-height:16px!important;
    max-width:16px!important;
    max-height:16px!important;
    stroke-width:1.75!important;
    overflow:visible!important;
  }
  .fij-mobile-app-fix-v18769 .fij-job-facts-card dd{
    min-width:0!important;
    color:var(--fij-app-navy)!important;
    font-size:12.5px!important;
    line-height:1.36!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }

  /* Sticky job actions: only the text label is hidden on the square save button;
     the SVG wrapper must remain visible. */
  .fij-mobile-app-fix-v18769 .fij-mobile-sticky-apply>form .btn>.fij-inline-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .fij-mobile-app-fix-v18769 .fij-mobile-sticky-apply>form .btn>.fij-action-label{
    display:none!important;
  }
  .fij-mobile-app-fix-v18769 .fij-mobile-sticky-apply>.btn>.fij-action-label{
    display:inline!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* -----------------------------------------------------------------------
   * Dedicated mobile pagination
   * --------------------------------------------------------------------- */
  .fij-mobile-app-fix-v18769 .fij-pagination-global{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
    width:100%!important;
    margin:16px 0 0!important;
    padding:15px 0 8px!important;
    border-top:1px solid var(--fij-app-line)!important;
  }
  .fij-mobile-app-fix-v18769 .fij-pagination-global-summary{
    width:100%!important;
    margin:0!important;
    color:var(--fij-app-muted)!important;
    font-size:11.5px!important;
    font-weight:650!important;
    line-height:1.3!important;
    text-align:center!important;
  }
  .fij-mobile-app-fix-v18769 .fij-pagination-desktop{
    display:none!important;
  }
  .fij-mobile-app-fix-v18769 .fij-pagination-mobile{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .fij-mobile-app-fix-v18769 .fij-pagination-mobile__control{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    padding:0!important;
    color:var(--fij-app-navy)!important;
    background:#fff!important;
    border:1px solid var(--fij-app-line-strong)!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .fij-mobile-app-fix-v18769 .fij-pagination-mobile__control.is-disabled{
    color:#9aa5b2!important;
    background:#f3f7f6!important;
    border-color:var(--fij-app-line)!important;
    opacity:.65!important;
  }
  .fij-mobile-app-fix-v18769 .fij-pagination-mobile__control>.fij-inline-icon{
    display:inline-flex!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    max-width:20px!important;
    max-height:20px!important;
    padding:2px!important;
    overflow:visible!important;
  }
  .fij-mobile-app-fix-v18769 .fij-pagination-mobile__control svg{
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    min-height:16px!important;
    max-width:16px!important;
    max-height:16px!important;
    stroke-width:2!important;
  }
  .fij-mobile-app-fix-v18769 .fij-pagination-mobile__status{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:44px!important;
    color:var(--fij-app-navy)!important;
    text-align:center!important;
  }
  .fij-mobile-app-fix-v18769 .fij-pagination-mobile__status strong{
    font-size:13px!important;
    line-height:1.15!important;
  }
  .fij-mobile-app-fix-v18769 .fij-pagination-mobile__status small{
    margin-top:2px!important;
    color:var(--fij-app-muted)!important;
    font-size:10px!important;
    line-height:1.15!important;
  }
  .fij-mobile-app-fix-v18769.fij-jobs-index-context .fij-jobs-list-section{
    padding-bottom:20px!important;
  }
}