/* Offshore Hub Jobs Final v1
   Desktop refinement after design-system: cleaner search, tighter job list, useful sidebar and polished modal. */
@media (min-width:901px){
  body.jobs-page .hero{
    min-height:390px !important;
  }

  body.jobs-page .hero-inner{
    grid-template-columns:minmax(0,1fr) 330px !important;
    padding:54px 58px 50px !important;
  }

  body.jobs-page .filters.jobs-commandbar{
    margin:22px 24px 8px !important;
    padding:0 !important;
    border:1px solid rgba(38,126,188,.56) !important;
    border-radius:16px !important;
    background:linear-gradient(180deg,rgba(7,24,38,.94),rgba(3,14,24,.96)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 42px rgba(0,0,0,.18) !important;
    overflow:hidden !important;
  }

  body.jobs-page .jobs-commandbar-head{
    display:flex !important;
    justify-content:space-between !important;
    align-items:flex-end !important;
    gap:28px !important;
    padding:22px 24px 18px !important;
    border-bottom:1px solid rgba(90,139,181,.22) !important;
  }

  body.jobs-page .jobs-commandbar-head h2{
    margin:4px 0 5px !important;
    font-size:25px !important;
    line-height:1.08 !important;
    letter-spacing:-.035em !important;
  }

  body.jobs-page .jobs-commandbar-head p{
    margin:0 !important;
    max-width:760px !important;
    color:#b8c8d9 !important;
    font-size:14px !important;
    line-height:1.45 !important;
    font-weight:700 !important;
  }

  body.jobs-page .jobs-commandbar-head p strong{
    color:#fff !important;
  }

  body.jobs-page .jobs-commandbar-meta{
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    color:#aabbd0 !important;
    font-size:12px !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:.04em !important;
  }

  body.jobs-page .jobs-commandbar-meta span,
  body.jobs-page .jobs-commandbar-meta a{
    display:inline-flex !important;
    align-items:center !important;
    min-height:30px !important;
    padding:0 11px !important;
    border:1px solid rgba(80,132,176,.42) !important;
    border-radius:999px !important;
    background:rgba(2,13,23,.72) !important;
  }

  body.jobs-page .jobs-commandbar-meta a{
    color:#ff9a45 !important;
    border-color:rgba(255,106,0,.45) !important;
  }

  body.jobs-page .filter-row.jobs-filter-grid{
    display:grid !important;
    grid-template-columns:minmax(300px,1.65fr) repeat(4,minmax(132px,.8fr)) minmax(120px,.72fr) minmax(132px,.8fr) minmax(126px,.72fr) 112px !important;
    gap:10px !important;
    padding:18px 20px 14px !important;
    align-items:stretch !important;
  }

  body.jobs-page .search-field-wrap,
  body.jobs-page .filter-row .field{
    min-height:50px !important;
    height:50px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:3px !important;
    padding:6px 12px !important;
    border-radius:10px !important;
    border:1px solid rgba(80,132,176,.54) !important;
    background:rgba(2,12,22,.78) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
  }

  body.jobs-page .search-field-wrap > span,
  body.jobs-page .filter-row .field > span{
    color:#8fa8bd !important;
    font-size:10px !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:.08em !important;
    line-height:1 !important;
  }

  body.jobs-page .search-field-wrap input.field{
    display:block !important;
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#f8fbff !important;
    font-size:13px !important;
    box-shadow:none !important;
  }

  body.jobs-page .filter-row .field select{
    height:auto !important;
    min-height:22px !important;
    padding:0 !important;
    line-height:1.1 !important;
    font-size:12.5px !important;
    font-weight:850 !important;
    color:#fff !important;
  }

  body.jobs-page .filter-row .searchbtn{
    min-height:50px !important;
    height:50px !important;
    border-radius:10px !important;
    font-size:12px !important;
    padding:0 16px !important;
    box-shadow:0 12px 30px rgba(255,106,0,.24) !important;
  }

  body.jobs-page .jobs-filter-foot{
    display:flex !important;
    justify-content:space-between !important;
    align-items:flex-start !important;
    gap:18px !important;
    padding:0 20px 18px !important;
  }

  body.jobs-page .jobs-filter-foot .popular{
    margin:0 !important;
    gap:9px !important;
    flex:1 1 auto !important;
  }

  body.jobs-page .jobs-filter-foot .popular b{
    color:#8fa8bd !important;
    text-transform:uppercase !important;
    letter-spacing:.06em !important;
    font-size:10px !important;
  }

  body.jobs-page .active-filter-chips{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:flex-end !important;
    gap:7px !important;
    max-width:48% !important;
  }

  body.jobs-page .active-filter-chips span{
    display:inline-flex !important;
    align-items:center !important;
    min-height:26px !important;
    padding:0 9px !important;
    border-radius:999px !important;
    border:1px solid rgba(255,106,0,.38) !important;
    background:rgba(255,106,0,.08) !important;
    color:#f3f7ff !important;
    font-size:11px !important;
    font-weight:800 !important;
  }

  body.jobs-page .active-filter-chips b{
    color:#ff9a45 !important;
    margin-right:4px !important;
  }

  body.jobs-page .main{
    grid-template-columns:minmax(0,1fr) 360px !important;
    gap:20px !important;
    padding:18px 24px 26px !important;
  }

  body.jobs-page .side{
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
  }

  body.jobs-page .jobs-table .box-head{
    min-height:66px !important;
    padding:18px 22px 12px !important;
    border-bottom:1px solid rgba(90,139,181,.20) !important;
  }

  body.jobs-page .jobs-table .box-title{
    font-size:18px !important;
    letter-spacing:.01em !important;
  }

  body.jobs-page .jobs-table .sort{
    font-size:12px !important;
    color:#9db2c7 !important;
  }

  body.jobs-page .table-wrap{
    padding:0 13px 8px !important;
  }

  body.jobs-page .table{
    border-collapse:separate !important;
    border-spacing:0 9px !important;
    width:100% !important;
    table-layout:auto !important;
  }

  body.jobs-page .table thead th{
    padding:0 14px 4px !important;
    border:0 !important;
    color:#88a1ba !important;
    font-size:10px !important;
    letter-spacing:.08em !important;
  }

  body.jobs-page .table tbody tr{
    background:linear-gradient(180deg,rgba(7,24,38,.82),rgba(4,16,27,.90)) !important;
    border-radius:12px !important;
    box-shadow:inset 0 0 0 1px rgba(87,140,184,.20),0 8px 22px rgba(0,0,0,.12) !important;
    cursor:pointer !important;
  }

  body.jobs-page .table tbody tr:hover{
    background:linear-gradient(180deg,rgba(10,31,50,.94),rgba(5,19,32,.98)) !important;
    box-shadow:inset 0 0 0 1px rgba(255,106,0,.36),0 14px 34px rgba(0,0,0,.22) !important;
    transform:translateY(-1px) !important;
  }

  body.jobs-page .table tbody tr.is-new{
    background:linear-gradient(90deg,rgba(255,106,0,.12),rgba(7,24,38,.86) 30%,rgba(4,16,27,.93)) !important;
  }

  body.jobs-page .table td{
    border-top:0 !important;
    padding:15px 14px !important;
    color:#dbe7f4 !important;
    font-size:13px !important;
    vertical-align:middle !important;
  }

  body.jobs-page .table td:first-child{
    border-radius:12px 0 0 12px !important;
    width:42% !important;
  }

  body.jobs-page .table td:last-child{
    border-radius:0 12px 12px 0 !important;
    color:#9fb1c4 !important;
    white-space:nowrap !important;
  }

  body.jobs-page .job-open{
    all:unset !important;
    display:block !important;
    max-width:100% !important;
    cursor:pointer !important;
    color:#fff !important;
    font-size:15px !important;
    line-height:1.22 !important;
    font-weight:900 !important;
    letter-spacing:-.015em !important;
  }

  body.jobs-page .job-open:hover{
    color:#ffb36d !important;
  }

  body.jobs-page .sub{
    color:#9fb2c5 !important;
    font-size:11.5px !important;
    font-weight:800 !important;
    margin-top:5px !important;
  }

  body.jobs-page .fav{
    width:26px !important;
    height:26px !important;
    display:inline-grid !important;
    place-items:center !important;
    margin-right:9px !important;
    border:1px solid rgba(255,106,0,.32) !important;
    border-radius:8px !important;
    background:rgba(255,106,0,.06) !important;
    font-size:15px !important;
    vertical-align:middle !important;
  }

  body.jobs-page .newbadge{
    padding:4px 7px !important;
    border-radius:7px !important;
    font-size:10px !important;
    margin-right:8px !important;
  }

  body.jobs-page .catbadge{
    margin-left:0 !important;
    padding:5px 9px !important;
    border-radius:999px !important;
    font-size:10.5px !important;
    background:rgba(255,106,0,.08) !important;
  }

  body.jobs-page .source-dot{
    background:#1eeaa0 !important;
    box-shadow:0 0 12px rgba(30,234,160,.38) !important;
  }

  body.jobs-page .pager{
    padding:16px 18px 18px !important;
    gap:9px !important;
  }

  body.jobs-page .pager a,
  body.jobs-page .pager span{
    min-height:31px !important;
    padding:0 10px !important;
    border-radius:8px !important;
  }

  body.jobs-page .side .box{
    min-height:0 !important;
    border-radius:14px !important;
    background:linear-gradient(180deg,rgba(7,24,38,.82),rgba(3,14,24,.92)) !important;
  }

  body.jobs-page .side .box-head{
    padding:16px 18px 8px !important;
  }

  body.jobs-page .side .box-title{
    font-size:14px !important;
    letter-spacing:.04em !important;
  }

  body.jobs-page .cat-list,
  body.jobs-page .employer-list,
  body.jobs-page .tools-list{
    padding:0 18px 16px !important;
  }

  body.jobs-page .cat,
  body.jobs-page .tool,
  body.jobs-page .emp{
    padding:10px 0 !important;
    gap:10px !important;
    color:#e5eef8 !important;
  }

  body.jobs-page .cat:hover,
  body.jobs-page .tool:hover,
  body.jobs-page .emp:hover{
    color:#ffb36d !important;
  }

  body.jobs-page .panel-btn{
    height:36px !important;
    margin:0 18px 16px !important;
    border-radius:9px !important;
    font-size:11px !important;
  }

  body.jobs-page .radar-box .radar-list,
  body.jobs-page .trending-box .trending-chips{
    padding:0 18px 18px !important;
  }

  body.jobs-page .trending-box .trending-chips a{
    display:inline-flex !important;
    min-height:27px !important;
    align-items:center !important;
    padding:0 10px !important;
    margin:0 5px 7px 0 !important;
    border-radius:999px !important;
    border:1px solid rgba(80,132,176,.38) !important;
    color:#dce8f6 !important;
    font-size:11px !important;
  }

  body.jobs-page .job-modal-card{
    width:min(1180px,92vw) !important;
    border-radius:18px !important;
    border:1px solid rgba(63,150,220,.42) !important;
    border-top:2px solid rgba(255,106,0,.88) !important;
  }

  body.jobs-page .profile-modal-head{
    padding-bottom:14px !important;
    border-bottom:1px solid rgba(90,139,181,.20) !important;
  }

  body.jobs-page .profile-title{
    font-size:32px !important;
    line-height:1.08 !important;
  }

  body.jobs-page .profile-badges span{
    min-height:27px !important;
    padding:0 9px !important;
    border:1px solid rgba(90,139,181,.26) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.025) !important;
    font-size:12.5px !important;
  }

  body.jobs-page .profile-layout{
    grid-template-columns:minmax(0,1.85fr) 330px !important;
  }

  body.jobs-page .profile-info-grid{
    grid-template-columns:1.4fr repeat(4,1fr) !important;
  }

  body.jobs-page .profile-panel{
    border-color:rgba(90,139,181,.24) !important;
  }

  body.jobs-page .profile-actions{
    gap:10px !important;
  }

  body.jobs-page .profile-actions a,
  body.jobs-page .profile-actions button,
  body.jobs-page .share-grid button,
  body.jobs-page .copy-wide,
  body.jobs-page .save-job-btn{
    border-radius:10px !important;
  }

  body.jobs-page .profile-actions .primary{
    min-width:200px !important;
  }

  body.jobs-page .modal-save-action.is-saved,
  body.jobs-page .save-job-btn.is-saved{
    color:#21e99a !important;
    border-color:rgba(33,233,154,.58) !important;
    background:rgba(33,233,154,.08) !important;
  }
}

@media (min-width:901px) and (max-width:1420px){
  body.jobs-page .filter-row.jobs-filter-grid{
    grid-template-columns:minmax(300px,1.6fr) repeat(3,minmax(130px,1fr)) 112px !important;
  }
  body.jobs-page .filter-row.jobs-filter-grid label:nth-of-type(n+5):not(.search-field-wrap){
    display:none !important;
  }
  body.jobs-page .main{
    grid-template-columns:minmax(0,1fr) !important;
  }
  body.jobs-page .side{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
  }
  body.jobs-page .radar-box,
  body.jobs-page .trending-box{
    grid-column:span 3 !important;
  }
}