@media(max-width:760px){

  body.jobs-page{
    background:#f3f2ef!important;
    padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important;
    color:#1f2937!important;
  }

  .jobs-app{
    display:block!important;
    width:100%!important;
    min-height:100vh!important;
  }

  .jobs-sidebar,
  .topbar,
  .mobile-nav,
  .shared-mobile-nav,
  .jobs-detail-panel{
    display:none!important;
  }

  .jobs-main{
    width:100%!important;
    max-width:100%!important;
    padding:0 0 calc(76px + env(safe-area-inset-bottom,0px))!important;
    background:#f3f2ef!important;
  }

  .jobs-search-card{
    position:sticky!important;
    top:0!important;
    z-index:1000!important;
    margin:0!important;
    padding:10px!important;
    border:0!important;
    border-bottom:1px solid #e5e7eb!important;
    border-radius:0!important;
    background:rgba(255,255,255,.98)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    box-shadow:none!important;
  }

  .jobs-search-grid{
    display:grid!important;
    grid-template-columns:1fr 42px!important;
    gap:8px!important;
    align-items:center!important;
  }

  .jobs-field{
    display:none!important;
  }

  .jobs-field:first-child{
    display:flex!important;
    grid-column:1 / 2!important;
    height:42px!important;
    border:1px solid #d1d5db!important;
    border-radius:999px!important;
    background:#fff!important;
    padding:0 12px!important;
    align-items:center!important;
    gap:8px!important;
  }

  .jobs-field input,
  .jobs-field select{
    width:100%!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#1f2937!important;
    font-size:14px!important;
    font-weight:500!important;
  }

  .jobs-field input::placeholder{
    color:#6b7280!important;
  }

  .jobs-field svg{
    width:17px!important;
    height:17px!important;
    color:#6b7280!important;
  }

  .jobs-search-btn{
    grid-column:2 / 3!important;
    width:42px!important;
    height:42px!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#2557a7!important;
    color:#fff!important;
    font-size:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-shadow:none!important;
  }

  .jobs-search-btn svg{
    width:18px!important;
    height:18px!important;
  }

  .jobs-filter-toggle{
    grid-column:1 / -1!important;
    height:36px!important;
    border:0!important;
    border-radius:999px!important;
    background:#f3f4f6!important;
    color:#1f2937!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:static!important;
    width:auto!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    font-size:13px!important;
    font-weight:700!important;
    pointer-events:auto!important;
  }

  body.show-job-filters .jobs-field{
    display:flex!important;
    grid-column:1 / -1!important;
    height:42px!important;
  }

  body.show-job-filters .jobs-search-btn{
    grid-column:1 / -1!important;
    width:100%!important;
    border-radius:999px!important;
    font-size:13px!important;
    font-weight:700!important;
  }

  .jobs-hero{
    margin:8px 10px!important;
    padding:14px!important;
    border-radius:12px!important;
    border:1px solid #e5e7eb!important;
    background:#fff!important;
    box-shadow:none!important;
    display:block!important;
  }

  .jobs-hero h1{
    margin:0!important;
    font-size:20px!important;
    line-height:1.2!important;
    color:#2557a7!important;
    letter-spacing:-.025em!important;
    font-weight:800!important;
  }

  .jobs-hero-stats{
    min-width:0!important;
    margin-top:12px!important;
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:8px!important;
  }

  .jobs-stat{
    padding:10px 6px!important;
    border-radius:12px!important;
    background:#f8fafc!important;
    border:1px solid #e5e7eb!important;
    box-shadow:none!important;
  }

  .jobs-stat strong{
    font-size:18px!important;
    font-weight:800!important;
    color:#111827!important;
  }

  .jobs-stat span{
    margin-top:4px!important;
    font-size:11px!important;
    font-weight:700!important;
    color:#64748b!important;
  }

  .jobs-layout{
    display:block!important;
    margin:0!important;
  }

  .jobs-list-panel{
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  .jobs-list-head{
    position:relative!important;
    top:auto!important;
    z-index:2!important;
    margin:0 10px 10px!important;
    padding:14px!important;
    background:#fff!important;
    border:1px solid #e5e7eb!important;
    border-radius:12px!important;
    box-shadow:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
  }

  .jobs-list-title h2{
    margin:0!important;
    font-size:18px!important;
    line-height:1.08!important;
    font-weight:800!important;
    color:#1f2937!important;
    letter-spacing:-.02em!important;
  }

  .jobs-list-title span{
    display:block!important;
    margin-top:4px!important;
    font-size:13px!important;
    font-weight:600!important;
    color:#6b7280!important;
  }

  .jobs-list-actions{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    flex:none!important;
  }

  .jobs-small-btn{
    min-height:35px!important;
    padding:0 12px!important;
    border-radius:999px!important;
    border:1px solid #e5e7eb!important;
    background:#fff!important;
    color:#1f2937!important;
    font-size:12px!important;
    font-weight:750!important;
  }

  .jobs-small-btn svg{
    width:14px!important;
    height:14px!important;
  }

  .jobs-list{
    padding:0 10px 12px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    background:transparent!important;
    overflow:visible!important;
  }

  .job-card{
    width:100%!important;
    height:224px!important;
    min-height:224px!important;
    max-height:224px!important;
    margin:0!important;
    padding:15px!important;
    border-radius:12px!important;
    border:1px solid #e5e7eb!important;
    background:#fff!important;
    box-shadow:0 2px 8px rgba(15,23,42,.05)!important;
    overflow:hidden!important;
  }

  .job-card-top{
    display:flex!important;
    align-items:flex-start!important;
    gap:12px!important;
  }

  .job-card-logo{
    width:54px!important;
    height:54px!important;
    border-radius:14px!important;
    flex:none!important;
  }

  .job-card-main{
    min-width:0!important;
    flex:1!important;
  }

  .job-title{
    margin:0!important;
    font-size:18px!important;
    line-height:1.18!important;
    font-weight:800!important;
    letter-spacing:-.025em!important;
    color:#111827!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  .company{
    margin-top:4px!important;
    font-size:14px!important;
    font-weight:650!important;
    color:#4b5563!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .meta{
    margin-top:9px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px 9px!important;
    font-size:12px!important;
    font-weight:650!important;
    color:#64748b!important;
  }

  .meta span{
    min-width:0!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:4px!important;
  }

  .meta svg{
    width:13px!important;
    height:13px!important;
  }

  .tags{
    margin-top:11px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
    max-height:28px!important;
    overflow:hidden!important;
  }

  .tag{
    padding:5px 10px!important;
    font-size:11px!important;
    font-weight:700!important;
    border-radius:999px!important;
    background:#eef5ff!important;
    border:1px solid #dbeafe!important;
    color:#334155!important;
    white-space:nowrap!important;
  }

  .job-snippet{
    margin:12px 0 0!important;
    height:42px!important;
    max-height:42px!important;
    font-size:14px!important;
    line-height:1.5!important;
    color:#64748b!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  .job-card-foot{
    margin-top:11px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
  }

  .job-posted,
  .job-open{
    font-size:13px!important;
    font-weight:750!important;
  }

  .job-open{
    color:#2557a7!important;
    white-space:nowrap!important;
  }

  .jobs-bottom-bar{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:9999!important;
    height:calc(64px + env(safe-area-inset-bottom,0px))!important;
    padding:5px 6px env(safe-area-inset-bottom,0px)!important;
    background:rgba(255,255,255,.98)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    border-top:1px solid #e5e7eb!important;
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    width:auto!important;
    grid-template-columns:repeat(5,1fr)!important;
  }

  .jobs-bottom-bar a{
    min-width:0!important;
    color:#6b7280!important;
    text-decoration:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    font-size:10px!important;
    font-weight:700!important;
  }

  .jobs-bottom-bar svg{
    width:23px!important;
    height:23px!important;
    max-width:23px!important;
    max-height:23px!important;
    stroke-width:2.2!important;
  }

  .jobs-bottom-bar span{
    font-size:10px!important;
    line-height:1!important;
  }

  .jobs-bottom-bar .active{
    color:#2557a7!important;
  }

  .toast{
    left:14px!important;
    right:14px!important;
    bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;
    max-width:none!important;
    text-align:center!important;
    border-radius:12px!important;
  }
}
@media(max-width:760px){
  .job-share-modal.show{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    padding:0!important;
    z-index:999999!important;
  }

.job-share-box{
    width:390px!important;
    max-width:calc(100vw - 20px)!important;
    max-height:82vh!important;
    border-radius:24px!important;
    padding:18px!important;
    overflow:auto!important;
    margin:auto!important;
}

  .job-share-head{
    position:sticky!important;
    top:0!important;
    background:#fff!important;
    z-index:2!important;
    padding-bottom:12px!important;
  }

  .job-share-people{
    max-height:52vh!important;
    overflow:auto!important;
  }

  .job-share-person{
    min-height:58px!important;
  }

  .job-share-link-row{
    position:sticky!important;
    bottom:54px!important;
    background:#fff!important;
    padding-top:10px!important;
  }

  .job-share-send-btn{
    position:sticky!important;
    bottom:0!important;
    height:46px!important;
  }
}
@media(max-width:760px){
  .job-share-box,
  .job-share-box *{
    box-sizing:border-box!important;
  }

  .job-share-box{
    overflow-x:hidden!important;
  }

  .job-share-people{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  .job-share-person{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:42px minmax(0,1fr) 22px!important;
    overflow:hidden!important;
  }

  .job-share-person b,
  .job-share-person span{
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .job-share-link-row{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:minmax(0,1fr) auto!important;
  }

  .job-share-link-row input{
    min-width:0!important;
    max-width:100%!important;
  }
}