/*
  Jobs detail system v1
  Last-loaded CSS for the jobs page. Keep modal/card decisions here so the old
  extracted CSS can stay untouched while this page gets a cleaner system.
*/

body.jobs-page{
  --jobs-font:Manrope,Inter,"Segoe UI",Roboto,Arial,sans-serif;
  --jobs-bg:#020a12;
  --jobs-panel:rgba(5,20,32,.72);
  --jobs-panel-soft:rgba(7,24,38,.48);
  --jobs-line:rgba(79,119,148,.28);
  --jobs-line-strong:rgba(90,132,160,.42);
  --jobs-text:#f4f8fc;
  --jobs-muted:#9cafc0;
  --jobs-soft:#c7d5e0;
  --jobs-cyan:#00b5d8;
  --jobs-green:#18e1a4;
  --jobs-orange:#ff7918;
}

body.jobs-page,
body.jobs-page .jobs-mock-layout,
body.jobs-page .jobs-card-board,
body.jobs-page .jobs-card-board *,
body.jobs-page #jobs-filters,
body.jobs-page #jobs-filters *,
body.jobs-page .job-modal,
body.jobs-page .job-modal *{
  font-family:var(--jobs-font)!important;
  letter-spacing:0!important;
}

body.jobs-page .job-modal{
  position:fixed!important;
  inset:0!important;
  z-index:5000!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  opacity:0!important;
  pointer-events:none!important;
}

body.jobs-page .job-modal.show,
body.jobs-page .job-modal[aria-hidden="false"]{
  display:flex!important;
  opacity:1!important;
  pointer-events:auto!important;
}

/* Job cards inherit the cleaner filter typography. */
body.jobs-page .job-tile,
body.jobs-page .job-row.job-tile{
  background:linear-gradient(180deg,rgba(5,22,35,.88),rgba(3,14,24,.92))!important;
  border-color:rgba(48,85,112,.72)!important;
  box-shadow:none!important;
}

body.jobs-page .job-tile .tile-title{
  color:var(--jobs-text)!important;
  font-weight:760!important;
  line-height:1.12!important;
}

body.jobs-page .job-tile .tile-role,
body.jobs-page .job-tile .tile-company,
body.jobs-page .job-tile .tile-meta b{
  color:#bfe4f3!important;
  font-weight:650!important;
}

body.jobs-page .job-tile .tile-source,
body.jobs-page .job-tile .tile-category,
body.jobs-page .job-tile .tile-open{
  font-weight:800!important;
}

body.jobs-page .job-tile .tile-open{
  color:var(--jobs-orange)!important;
}

/* Detail modal shell: one main surface, not many nested cards. */
body.jobs-page .job-modal{
  background:rgba(0,4,10,.84)!important;
  backdrop-filter:blur(10px)!important;
}

body.jobs-page .job-modal-card{
  width:min(1140px,94vw)!important;
  border:1px solid rgba(49,89,116,.86)!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,rgba(4,18,29,.99),rgba(2,9,16,.99))!important;
  box-shadow:0 28px 84px rgba(0,0,0,.80)!important;
}

body.jobs-page .profile-modal-inner{
  padding:20px 22px 0!important;
}

body.jobs-page .profile-modal-head{
  padding-bottom:16px!important;
  border-bottom:1px solid var(--jobs-line)!important;
}

body.jobs-page .profile-title{
  color:var(--jobs-text)!important;
  font-size:34px!important;
  font-weight:780!important;
  line-height:1.04!important;
  text-shadow:none!important;
}

body.jobs-page .profile-kicker{
  color:var(--jobs-muted)!important;
  font-weight:700!important;
}

body.jobs-page .profile-new{
  background:var(--jobs-green)!important;
  color:#02130d!important;
  font-weight:850!important;
}

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

body.jobs-page .profile-badges > span{
  min-height:0!important;
  padding:0 0 0 18px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--jobs-soft)!important;
  font-size:12px!important;
  font-weight:760!important;
  box-shadow:none!important;
  position:relative!important;
}

body.jobs-page .profile-badges > span:before{
  width:12px!important;
  height:12px!important;
  margin:0!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:var(--jobs-cyan)!important;
}

body.jobs-page .profile-badges > .blue-badge{
  color:#7bdff6!important;
  border:0!important;
  background:transparent!important;
}

body.jobs-page .profile-layout{
  gap:20px!important;
  padding-right:10px!important;
  scrollbar-color:rgba(90,132,160,.62) rgba(3,13,24,.78)!important;
}

body.jobs-page .profile-layout::-webkit-scrollbar-thumb{
  background:rgba(90,132,160,.72)!important;
  border:0!important;
}

body.jobs-page .job-main,
body.jobs-page .job-sidebar{
  min-width:0!important;
}

body.jobs-page .profile-panel{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.jobs-page .profile-info-grid{
  display:grid!important;
  grid-template-columns:minmax(210px,1.45fr) repeat(4,minmax(96px,1fr))!important;
  gap:0!important;
  border-top:1px solid var(--jobs-line)!important;
  border-bottom:1px solid var(--jobs-line)!important;
  background:linear-gradient(180deg,rgba(6,22,35,.38),rgba(4,16,27,.20))!important;
}

body.jobs-page .profile-info-item{
  min-height:92px!important;
  padding:14px 16px!important;
  border-right:1px solid rgba(79,119,148,.22)!important;
}

body.jobs-page .profile-info-item:last-child{
  border-right:0!important;
}

body.jobs-page .profile-label,
body.jobs-page .quick-row span:first-child{
  color:var(--jobs-muted)!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.05em!important;
}

body.jobs-page .profile-main-val,
body.jobs-page .quick-row span:last-child,
body.jobs-page .employer-mini b{
  color:var(--jobs-text)!important;
  font-weight:780!important;
}

body.jobs-page .profile-sub-val,
body.jobs-page .employer-mini p,
body.jobs-page .profile-desc,
body.jobs-page .profile-list-item{
  color:var(--jobs-soft)!important;
}

body.jobs-page .profile-logo{
  border:1px solid rgba(62,103,130,.55)!important;
  border-radius:7px!important;
  background:rgba(6,22,35,.66)!important;
  box-shadow:none!important;
}

body.jobs-page .profile-logo.has-image{
  width:74px!important;
  height:42px!important;
  flex-basis:74px!important;
  padding:6px!important;
  background:rgba(8,25,39,.62)!important;
}

body.jobs-page .profile-logo.has-image img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  filter:none!important;
}

body.jobs-page .profile-info-item:first-child .profile-main-val{
  max-width:130px!important;
}

body.jobs-page .profile-section{
  margin-top:18px!important;
  padding:0 0 18px!important;
  border-bottom:1px solid var(--jobs-line)!important;
}

body.jobs-page .profile-section h3,
body.jobs-page .side-card h3{
  margin:0 0 12px!important;
  color:var(--jobs-text)!important;
  font-size:13px!important;
  font-weight:820!important;
}

body.jobs-page .profile-section h3 span{
  color:var(--jobs-cyan)!important;
}

body.jobs-page .profile-desc{
  max-width:760px!important;
  font-size:14px!important;
  line-height:1.56!important;
  font-weight:650!important;
}

body.jobs-page .profile-desc p{
  margin:0 0 12px!important;
}

body.jobs-page .profile-list-grid{
  gap:9px 24px!important;
  margin-top:12px!important;
}

body.jobs-page .profile-list-item{
  font-size:13px!important;
  font-weight:650!important;
}

body.jobs-page .profile-list-item > span:first-child{
  color:#9fb4c5!important;
}

/* Sidebar: grouped information with separators, not stacked boxes. */
body.jobs-page .job-sidebar{
  gap:0!important;
  border-left:1px solid var(--jobs-line)!important;
  padding-left:18px!important;
}

body.jobs-page .side-card{
  padding:0 0 18px!important;
  margin:0 0 18px!important;
  border-bottom:1px solid var(--jobs-line)!important;
}

body.jobs-page .side-card:last-child{
  border-bottom:0!important;
  margin-bottom:0!important;
}

body.jobs-page .employer-mini{
  align-items:flex-start!important;
  gap:12px!important;
}

body.jobs-page .employer-mini .profile-logo.has-image{
  width:58px!important;
  height:42px!important;
  flex-basis:58px!important;
}

body.jobs-page .side-meta{
  color:var(--jobs-muted)!important;
  font-size:11px!important;
}

body.jobs-page .quick-row{
  display:grid!important;
  grid-template-columns:minmax(88px,.8fr) minmax(0,1fr)!important;
  padding:9px 0!important;
  border-bottom:1px solid rgba(79,119,148,.18)!important;
}

body.jobs-page .quick-row span:last-child{
  max-width:none!important;
  overflow:visible!important;
  white-space:normal!important;
  text-overflow:clip!important;
  text-align:right!important;
}

body.jobs-page .share-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}

body.jobs-page .share-grid button,
body.jobs-page .copy-wide{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#91daf0!important;
  font-size:12px!important;
  font-weight:760!important;
  box-shadow:none!important;
}

body.jobs-page .copy-wide{
  margin-top:10px!important;
}

body.jobs-page .side-link,
body.jobs-page .profile-info-item:first-child .profile-sub-val .side-link{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#91daf0!important;
  font-size:12px!important;
  font-weight:800!important;
  box-shadow:none!important;
}

body.jobs-page .side-link:hover,
body.jobs-page .profile-info-item:first-child .profile-sub-val .side-link:hover,
body.jobs-page .share-grid button:hover,
body.jobs-page .copy-wide:hover{
  color:#fff!important;
}

/* Actions: one button, rest are quiet commands. */
body.jobs-page .profile-top-actions{
  gap:8px!important;
}

body.jobs-page .save-job-btn,
body.jobs-page .job-modal-close{
  height:34px!important;
  min-width:34px!important;
  padding:0 12px!important;
  border:1px solid var(--jobs-line-strong)!important;
  border-radius:7px!important;
  background:rgba(5,18,30,.58)!important;
  color:var(--jobs-soft)!important;
  box-shadow:none!important;
}

body.jobs-page .profile-actions{
  gap:18px!important;
  padding:14px 0 15px!important;
  border-top:1px solid var(--jobs-line)!important;
  background:linear-gradient(180deg,rgba(2,9,16,.88),rgba(2,9,16,.98))!important;
}

body.jobs-page .profile-actions a,
body.jobs-page .profile-actions button{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#d7e5ef!important;
  font-size:12px!important;
  font-weight:820!important;
  box-shadow:none!important;
}

body.jobs-page .profile-actions .primary{
  min-height:38px!important;
  min-width:178px!important;
  padding:0 18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,122,24,.9)!important;
  border-radius:7px!important;
  background:linear-gradient(180deg,#ff8424,#f36f0c)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(255,106,0,.18)!important;
}

body.jobs-page .profile-actions a:not(.primary):hover,
body.jobs-page .profile-actions button:hover,
body.jobs-page .save-job-btn:hover,
body.jobs-page .job-modal-close:hover{
  color:#91daf0!important;
  border-color:rgba(0,181,216,.45)!important;
}

@media(max-width:1180px){
  body.jobs-page .profile-info-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body.jobs-page .profile-info-item:nth-child(even){
    border-right:0!important;
  }

  body.jobs-page .job-sidebar{
    border-left:0!important;
    padding-left:0!important;
    border-top:1px solid var(--jobs-line)!important;
    padding-top:18px!important;
  }
}

@media(max-width:760px){
  body.jobs-page .job-modal-card{
    width:100vw!important;
    border-radius:0!important;
  }

  body.jobs-page .profile-modal-inner{
    padding:16px 16px 0!important;
  }

  body.jobs-page .profile-title{
    font-size:28px!important;
  }

  body.jobs-page .profile-info-grid{
    grid-template-columns:1fr!important;
  }

  body.jobs-page .profile-info-item{
    min-height:0!important;
    border-right:0!important;
    border-bottom:1px solid rgba(79,119,148,.18)!important;
  }

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

/* Jobs detail system v2: lighter typography, more content space, no clipped text. */
body.jobs-page .jobs-card-board,
body.jobs-page .jobs-card-board *,
body.jobs-page .job-modal,
body.jobs-page .job-modal *{
  font-family:var(--jobs-font)!important;
  font-weight:500!important;
  letter-spacing:0!important;
}

body.jobs-page .job-tile .tile-title{
  font-weight:700!important;
  font-size:16px!important;
  line-height:1.18!important;
}

body.jobs-page .job-tile .tile-source{
  font-weight:720!important;
}

body.jobs-page .job-tile .tile-role,
body.jobs-page .job-tile .tile-company{
  font-weight:500!important;
}

body.jobs-page .job-tile .tile-meta b,
body.jobs-page .job-tile .tile-category,
body.jobs-page .job-tile .tile-open,
body.jobs-page .job-tile .tile-new{
  font-weight:680!important;
}

body.jobs-page .job-modal-card{
  width:min(1220px,95vw)!important;
  max-height:92vh!important;
}

body.jobs-page .profile-modal-inner{
  height:min(88vh,calc(100vh - 72px))!important;
  max-height:min(88vh,calc(100vh - 72px))!important;
  padding:22px 24px 0!important;
}

body.jobs-page .profile-title{
  max-width:820px!important;
  font-size:34px!important;
  font-weight:700!important;
  line-height:1.08!important;
}

body.jobs-page .profile-kicker,
body.jobs-page .profile-new,
body.jobs-page .profile-badges > span,
body.jobs-page .profile-badges > .blue-badge{
  font-weight:650!important;
}

body.jobs-page .profile-layout{
  grid-template-columns:minmax(0,1fr) minmax(270px,300px)!important;
  gap:22px!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  padding-bottom:22px!important;
}

body.jobs-page .profile-info-grid{
  grid-template-columns:minmax(220px,1.55fr) repeat(4,minmax(112px,1fr))!important;
}

body.jobs-page .profile-info-item{
  min-height:104px!important;
  padding:16px 18px!important;
}

body.jobs-page .profile-label,
body.jobs-page .quick-row span:first-child{
  font-weight:700!important;
  letter-spacing:.04em!important;
}

body.jobs-page .profile-main-val{
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.25!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
}

body.jobs-page .profile-info-item:first-child .profile-main-val{
  max-width:150px!important;
}

body.jobs-page .profile-sub-val{
  font-weight:500!important;
  line-height:1.35!important;
}

body.jobs-page .profile-section{
  margin-top:20px!important;
  padding-bottom:20px!important;
}

body.jobs-page .profile-section h3,
body.jobs-page .side-card h3{
  font-size:13px!important;
  font-weight:700!important;
}

body.jobs-page .profile-desc{
  max-width:none!important;
  max-height:none!important;
  overflow:visible!important;
  color:#d4e0ea!important;
  font-size:14px!important;
  line-height:1.68!important;
  font-weight:500!important;
}

body.jobs-page .profile-desc p,
body.jobs-page .profile-desc p:first-child{
  max-width:none!important;
  margin:0 0 12px!important;
  color:#d4e0ea!important;
  font-size:14px!important;
  line-height:1.68!important;
  font-weight:500!important;
}

body.jobs-page .profile-source-note{
  margin-top:4px!important;
  color:#91daf0!important;
  font-size:12px!important;
  font-weight:550!important;
}

body.jobs-page .profile-list-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px 26px!important;
  margin-top:14px!important;
}

body.jobs-page .profile-list-item{
  align-items:flex-start!important;
  color:#d0dce6!important;
  font-size:13px!important;
  line-height:1.48!important;
  font-weight:500!important;
}

body.jobs-page .profile-list-item span:last-child{
  font-weight:500!important;
}

body.jobs-page .job-sidebar{
  max-height:none!important;
  overflow:visible!important;
}

body.jobs-page .side-card{
  padding-bottom:20px!important;
  margin-bottom:20px!important;
}

body.jobs-page .employer-mini b{
  font-weight:650!important;
  line-height:1.25!important;
}

body.jobs-page .employer-mini p{
  max-height:none!important;
  overflow:visible!important;
  font-weight:500!important;
  line-height:1.5!important;
}

body.jobs-page .side-meta,
body.jobs-page .side-meta span{
  font-weight:500!important;
}

body.jobs-page .quick-row{
  grid-template-columns:minmax(92px,.78fr) minmax(0,1fr)!important;
  gap:12px!important;
}

body.jobs-page .quick-row span:last-child{
  color:#edf6fb!important;
  font-weight:600!important;
  line-height:1.32!important;
}

body.jobs-page .side-link,
body.jobs-page .profile-info-item:first-child .profile-sub-val .side-link,
body.jobs-page .share-grid button,
body.jobs-page .copy-wide{
  font-weight:650!important;
}

body.jobs-page .profile-actions a,
body.jobs-page .profile-actions button,
body.jobs-page .save-job-btn,
body.jobs-page .job-modal-close{
  font-weight:650!important;
}

body.jobs-page .profile-actions .primary{
  font-weight:700!important;
}

@media(max-width:1180px){
  body.jobs-page .profile-layout{
    grid-template-columns:1fr!important;
  }

  body.jobs-page .job-sidebar{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    border-top:1px solid var(--jobs-line)!important;
    padding-top:18px!important;
  }

  body.jobs-page .side-card{
    border-bottom:0!important;
    margin-bottom:0!important;
    padding-bottom:0!important;
  }
}

@media(max-width:820px){
  body.jobs-page .profile-list-grid,
  body.jobs-page .job-sidebar{
    grid-template-columns:1fr!important;
  }
}

/* Jobs detail system v3: clean badges/share and avoid oversized short modals. */
body.jobs-page .job-modal-card{
  max-height:92vh!important;
}

body.jobs-page .profile-modal-inner{
  display:flex!important;
  flex-direction:column!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100vh - 76px)!important;
}

body.jobs-page .profile-layout{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:calc(100vh - 238px)!important;
  overflow:auto!important;
  padding-bottom:12px!important;
}

body.jobs-page .profile-modal-head{
  flex:0 0 auto!important;
}

body.jobs-page .profile-actions{
  flex:0 0 auto!important;
  margin-top:0!important;
}

body.jobs-page .profile-badges{
  margin-top:10px!important;
  gap:12px!important;
}

body.jobs-page .profile-badges > span,
body.jobs-page .profile-badges > .blue-badge{
  min-height:0!important;
  padding-left:14px!important;
  color:#bdd0dc!important;
  font-size:12px!important;
  font-weight:600!important;
}

body.jobs-page .profile-badges > span:before{
  content:""!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:rgba(0,181,216,.88)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

body.jobs-page .profile-badges > .profile-badge-source:before{
  background:#7bdff6!important;
}

body.jobs-page .profile-source-note{
  margin:2px 0 0!important;
  color:#8fb2c4!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:500!important;
}

body.jobs-page .profile-section:last-child{
  padding-bottom:16px!important;
}

body.jobs-page .job-sidebar{
  padding-left:20px!important;
}

body.jobs-page .side-card{
  padding-bottom:18px!important;
  margin-bottom:18px!important;
}

body.jobs-page .side-card h3{
  margin-bottom:10px!important;
}

body.jobs-page .side-card p{
  color:#aebfcd!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:500!important;
}

body.jobs-page .share-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px 12px!important;
  margin-top:10px!important;
}

body.jobs-page .share-grid button,
body.jobs-page .copy-wide{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:0!important;
  padding:0 0 0 10px!important;
  color:#9dddec!important;
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:560!important;
}

body.jobs-page .share-grid button:before,
body.jobs-page .copy-wide:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:.55em!important;
  width:4px!important;
  height:4px!important;
  border-radius:50%!important;
  background:rgba(0,181,216,.78)!important;
}

body.jobs-page .copy-wide{
  margin-top:12px!important;
}

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

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

body.jobs-page .profile-actions a:not(.primary),
body.jobs-page .profile-actions button{
  color:#c5d5df!important;
  font-weight:600!important;
}

@media(max-height:820px){
  body.jobs-page .profile-modal-inner{
    max-height:calc(100vh - 52px)!important;
  }

  body.jobs-page .profile-layout{
    max-height:calc(100vh - 214px)!important;
  }
}

@media(max-width:1180px){
  body.jobs-page .profile-layout{
    max-height:none!important;
  }
}

/* Jobs detail system v4: sources, sharing, transparent logos, and wider jobs layout. */
body.jobs-page .page{
  max-width:min(1680px,calc(100vw - 44px))!important;
}

body.jobs-page .jobs-mock-layout{
  width:100%!important;
  max-width:none!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,330px)!important;
  gap:18px!important;
}

body.jobs-page .jobs-left-column{
  min-width:0!important;
}

body.jobs-page #jobs-list .jobs-left-column > #jobs-filters.jobs-search-studio .jobs-studio-grid{
  grid-template-columns:minmax(240px,1.45fr) repeat(4,minmax(140px,1fr))!important;
  gap:14px 16px!important;
}

body.jobs-page #jobs-list .jobs-left-column > #jobs-filters.jobs-search-studio .studio-field-experience{
  grid-column:4 / span 1!important;
  max-width:none!important;
}

body.jobs-page #jobs-list .jobs-left-column > #jobs-filters.jobs-search-studio .studio-field-source{
  grid-column:5 / span 1!important;
  width:100%!important;
  max-width:none!important;
}

body.jobs-page .job-tile .tile-logo.has-image,
body.jobs-page .tile-logo.has-image{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  overflow:visible!important;
}

body.jobs-page .job-tile .tile-logo.has-image img{
  background:transparent!important;
  mix-blend-mode:normal!important;
}

body.jobs-page .job-tile.source-offshorecrew .tile-logo.has-image{
  width:124px!important;
  flex-basis:124px!important;
  height:46px!important;
}

body.jobs-page .job-tile.source-offshorecrew .tile-logo.has-image img{
  object-fit:contain!important;
  object-position:left center!important;
}

body.jobs-page .job-tile.source-personalhuset .tile-logo.has-image img,
body.jobs-page .profile-logo.has-image img[src*="personalhuset"]{
  filter:invert(1) grayscale(1) brightness(2.1) contrast(1.18)!important;
  opacity:.94!important;
}

body.jobs-page .profile-logo.has-image{
  background:transparent!important;
  border-color:rgba(81,122,151,.28)!important;
  box-shadow:none!important;
}

body.jobs-page .share-grid{
  grid-template-columns:1fr!important;
  gap:8px!important;
  margin-top:12px!important;
}

body.jobs-page .share-action,
body.jobs-page .copy-wide{
  min-height:32px!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  border:1px solid rgba(73,116,145,.34)!important;
  border-radius:7px!important;
  background:rgba(6,23,36,.42)!important;
  color:#d5e7f0!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1!important;
  transition:border-color .16s ease, background .16s ease, color .16s ease!important;
}

body.jobs-page .share-action:hover,
body.jobs-page .copy-wide:hover{
  border-color:rgba(0,181,216,.58)!important;
  background:rgba(8,32,48,.68)!important;
  color:#fff!important;
}

body.jobs-page .share-action > span:first-child,
body.jobs-page .copy-wide > span:first-child{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  background:currentColor!important;
  opacity:.94!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
}

body.jobs-page .share-grid button:before,
body.jobs-page .copy-wide:before{
  content:none!important;
  display:none!important;
}

body.jobs-page .share-facebook > span:first-child{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 8h3V4h-3c-3.1 0-5 1.9-5 5v2H6v4h3v7h4v-7h3.2l.8-4h-4V9c0-.7.3-1 1-1Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 8h3V4h-3c-3.1 0-5 1.9-5 5v2H6v4h3v7h4v-7h3.2l.8-4h-4V9c0-.7.3-1 1-1Z'/%3E%3C/svg%3E")!important;
}

body.jobs-page .share-linkedin > span:first-child{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 8.8h3.8V21H5V8.8ZM6.9 3C8.1 3 9 3.9 9 5s-.9 2-2.1 2S4.8 6.1 4.8 5 5.7 3 6.9 3ZM11 8.8h3.6v1.7h.1c.5-1 1.8-2 3.7-2 3.9 0 4.6 2.6 4.6 5.9V21h-3.8v-5.9c0-1.4 0-3.2-2-3.2s-2.3 1.5-2.3 3.1v6H11V8.8Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 8.8h3.8V21H5V8.8ZM6.9 3C8.1 3 9 3.9 9 5s-.9 2-2.1 2S4.8 6.1 4.8 5 5.7 3 6.9 3ZM11 8.8h3.6v1.7h.1c.5-1 1.8-2 3.7-2 3.9 0 4.6 2.6 4.6 5.9V21h-3.8v-5.9c0-1.4 0-3.2-2-3.2s-2.3 1.5-2.3 3.1v6H11V8.8Z'/%3E%3C/svg%3E")!important;
}

body.jobs-page .share-x > span:first-child{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M17.5 3h3.1l-6.8 7.8 8 10.2h-6.3l-4.9-6.2L5 21H1.9l7.3-8.3L1.5 3h6.5l4.4 5.6L17.5 3Zm-1.1 16.2h1.7L7 4.7H5.2l11.2 14.5Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M17.5 3h3.1l-6.8 7.8 8 10.2h-6.3l-4.9-6.2L5 21H1.9l7.3-8.3L1.5 3h6.5l4.4 5.6L17.5 3Zm-1.1 16.2h1.7L7 4.7H5.2l11.2 14.5Z'/%3E%3C/svg%3E")!important;
}

body.jobs-page .share-whatsapp > span:first-child{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a9 9 0 0 0-7.7 13.7L3 21l4.4-1.2A9 9 0 1 0 12 3Zm0 2a7 7 0 0 1 0 14 7.1 7.1 0 0 1-3.6-1l-.4-.2-2.3.6.6-2.2-.3-.4A7 7 0 0 1 12 5Zm-3 3.8c-.2 0-.5.1-.7.4-.3.3-.8.8-.8 2s.8 2.3.9 2.5c.1.2 1.6 2.6 4 3.5 2 .8 2.4.6 2.8.6.4 0 1.3-.5 1.5-1 .2-.5.2-1 .1-1.1l-1.8-.9c-.2-.1-.4-.1-.6.1l-.8 1c-.1.2-.3.2-.5.1-1.4-.6-2.3-1.5-3-2.7-.1-.2 0-.4.1-.5l.6-.7c.1-.2.1-.3 0-.5l-.8-1.9c-.2-.6-.5-.8-1-.8Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a9 9 0 0 0-7.7 13.7L3 21l4.4-1.2A9 9 0 1 0 12 3Zm0 2a7 7 0 0 1 0 14 7.1 7.1 0 0 1-3.6-1l-.4-.2-2.3.6.6-2.2-.3-.4A7 7 0 0 1 12 5Zm-3 3.8c-.2 0-.5.1-.7.4-.3.3-.8.8-.8 2s.8 2.3.9 2.5c.1.2 1.6 2.6 4 3.5 2 .8 2.4.6 2.8.6.4 0 1.3-.5 1.5-1 .2-.5.2-1 .1-1.1l-1.8-.9c-.2-.1-.4-.1-.6.1l-.8 1c-.1.2-.3.2-.5.1-1.4-.6-2.3-1.5-3-2.7-.1-.2 0-.4.1-.5l.6-.7c.1-.2.1-.3 0-.5l-.8-1.9c-.2-.6-.5-.8-1-.8Z'/%3E%3C/svg%3E")!important;
}

body.jobs-page .share-email > span:first-child{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm0 2v.4l8 5.1 8-5.1V7H4Zm0 2.8V17h16V9.8l-8 5.1-8-5.1Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm0 2v.4l8 5.1 8-5.1V7H4Zm0 2.8V17h16V9.8l-8 5.1-8-5.1Z'/%3E%3C/svg%3E")!important;
}

body.jobs-page .share-copy > span:first-child{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 7a5 5 0 0 1 5-5h3a5 5 0 0 1 0 10h-2V9h2a2 2 0 0 0 0-4h-3a2 2 0 0 0-2 2v2H9V7Zm6 10a5 5 0 0 1-5 5H7A5 5 0 0 1 7 12h2v3H7a2 2 0 0 0 0 4h3a2 2 0 0 0 2-2v-2h3v2Zm-7-3v-4h8v4H8Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 7a5 5 0 0 1 5-5h3a5 5 0 0 1 0 10h-2V9h2a2 2 0 0 0 0-4h-3a2 2 0 0 0-2 2v2H9V7Zm6 10a5 5 0 0 1-5 5H7A5 5 0 0 1 7 12h2v3H7a2 2 0 0 0 0 4h3a2 2 0 0 0 2-2v-2h3v2Zm-7-3v-4h8v4H8Z'/%3E%3C/svg%3E")!important;
}

@media(max-width:1180px){
  body.jobs-page .page{
    max-width:calc(100vw - 24px)!important;
  }

  body.jobs-page .jobs-mock-layout{
    grid-template-columns:1fr!important;
  }

  body.jobs-page #jobs-list .jobs-left-column > #jobs-filters.jobs-search-studio .studio-field-source,
  body.jobs-page #jobs-list .jobs-left-column > #jobs-filters.jobs-search-studio .studio-field-experience{
    grid-column:1 / -1!important;
  }
}

/* Jobs detail system v5: keep real source logos clean on cards. */
body.jobs-page .job-tile .tile-logo.has-image + .tile-source-wrap{
  display:none!important;
}

body.jobs-page .job-tile .tile-top{
  grid-template-columns:auto 1fr auto!important;
}

body.jobs-page .job-tile .tile-logo.has-image{
  align-self:start!important;
}

/* Jobs detail system v6: calmer transparent source logos in job cards. */
body.jobs-page .job-tile .tile-logo.has-image,
body.jobs-page .job-tile.source-offshorecrew .tile-logo.has-image{
  width:118px!important;
  height:42px!important;
  flex:0 0 118px!important;
  max-width:118px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0!important;
  background:linear-gradient(90deg, rgba(255,255,255,.045), rgba(255,255,255,0))!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

body.jobs-page .job-tile .tile-logo.has-image img{
  width:100%!important;
  height:100%!important;
  max-width:118px!important;
  max-height:42px!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
  padding:0!important;
}

body.jobs-page .job-tile.source-atlas .tile-logo.has-image img,
body.jobs-page .job-tile.source-atlas-nextwave .tile-logo.has-image img,
body.jobs-page .job-tile.source-atlasnextwave .tile-logo.has-image img{
  max-width:108px!important;
  filter:brightness(1.02) contrast(1.04)!important;
}

body.jobs-page .job-tile.source-offshorecrew .tile-logo.has-image img{
  max-width:112px!important;
  opacity:.96!important;
}

body.jobs-page .job-tile.source-personalhuset .tile-logo.has-image img,
body.jobs-page .profile-logo.has-image img[src*="personalhuset"]{
  filter:invert(1) grayscale(1) brightness(2.55) contrast(1.24)!important;
  opacity:1!important;
}

body.jobs-page .job-tile.source-bluecrew .tile-logo.has-image img{
  max-width:116px!important;
}

/* Jobs detail system v7: lighter social actions and clearer card hierarchy. */
body.jobs-page .job-sidebar .side-card:has(.share-grid){
  background:transparent!important;
  border-color:rgba(73,116,145,.24)!important;
}

body.jobs-page .share-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}

body.jobs-page .share-action,
body.jobs-page .copy-wide{
  min-height:36px!important;
  border-color:rgba(68,112,143,.32)!important;
  background:rgba(3,15,24,.22)!important;
  color:#cfe6f2!important;
  font-weight:700!important;
}

body.jobs-page .share-facebook > span:first-child{color:#7fb8ff!important;}
body.jobs-page .share-linkedin > span:first-child{color:#63c7ff!important;}
body.jobs-page .share-x > span:first-child{color:#f1f6fa!important;}
body.jobs-page .share-whatsapp > span:first-child{color:#31df9f!important;}
body.jobs-page .share-email > span:first-child,
body.jobs-page .share-copy > span:first-child{color:#8ee7f8!important;}

body.jobs-page .copy-wide{
  margin-top:8px!important;
  justify-content:flex-start!important;
}

body.jobs-page .profile-actions a:not(.primary),
body.jobs-page .profile-actions button{
  background:transparent!important;
  border-color:transparent!important;
  color:#cfe0ec!important;
}

body.jobs-page .profile-actions a:not(.primary):hover,
body.jobs-page .profile-actions button:hover{
  color:#fff!important;
  border-color:rgba(73,116,145,.34)!important;
  background:rgba(8,32,48,.38)!important;
}

/* Jobs detail system v8: make source logos feel like marks, not banners. */
body.jobs-page .job-tile .tile-logo.has-image,
body.jobs-page .job-tile.source-offshorecrew .tile-logo.has-image{
  width:96px!important;
  height:34px!important;
  flex-basis:96px!important;
  max-width:96px!important;
  background:transparent!important;
}

body.jobs-page .job-tile .tile-logo.has-image img{
  max-width:96px!important;
  max-height:34px!important;
}

body.jobs-page .job-tile.source-atlas .tile-logo.has-image img,
body.jobs-page .job-tile.source-atlas-nextwave .tile-logo.has-image img,
body.jobs-page .job-tile.source-atlasnextwave .tile-logo.has-image img{
  max-width:88px!important;
}

body.jobs-page .job-tile.source-offshorecrew .tile-logo.has-image img{
  max-width:92px!important;
}

/* Jobs detail system v9: polished share tools, closer to the clean job-card UI. */
body.jobs-page .job-sidebar .side-card:has(.share-grid){
  padding:18px!important;
}

body.jobs-page .job-sidebar .side-card:has(.share-grid) h3{
  margin-bottom:6px!important;
}

body.jobs-page .job-sidebar .side-card:has(.share-grid) p{
  margin:0 0 12px!important;
  color:#9fb4c4!important;
  font-size:12.5px!important;
  line-height:1.35!important;
}

body.jobs-page .share-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}

body.jobs-page .share-action,
body.jobs-page .copy-wide{
  height:38px!important;
  min-height:38px!important;
  padding:0 10px!important;
  border:1px solid rgba(74,124,154,.28)!important;
  border-radius:8px!important;
  background:rgba(2,12,20,.32)!important;
  color:#cfe2ee!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  box-shadow:none!important;
}

body.jobs-page .share-action > span:first-child,
body.jobs-page .copy-wide > span:first-child{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  background:currentColor!important;
}

body.jobs-page .share-action:hover,
body.jobs-page .copy-wide:hover{
  transform:none!important;
  border-color:rgba(0,181,216,.56)!important;
  background:rgba(6,28,42,.54)!important;
  color:#fff!important;
}

body.jobs-page .share-facebook,
body.jobs-page .share-linkedin,
body.jobs-page .share-x,
body.jobs-page .share-whatsapp,
body.jobs-page .share-email{
  min-width:0!important;
}

body.jobs-page .copy-wide{
  width:100%!important;
  margin-top:8px!important;
  justify-content:center!important;
}

body.jobs-page .copy-ok{
  margin-left:auto!important;
  color:#22e5a2!important;
  font-size:10px!important;
  font-weight:900!important;
}

body.jobs-page .job-tile .tile-logo.has-image{
  background:transparent!important;
}

body.jobs-page .job-tile .tile-logo.has-image img{
  mix-blend-mode:normal!important;
}

body.jobs-page .job-tile .tile-logo.has-image,
body.jobs-page .job-row.job-tile .tile-logo.has-image{
  width:132px!important;
  height:42px!important;
  flex:0 0 132px!important;
  max-width:132px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}

body.jobs-page .job-tile .tile-logo.has-image img,
body.jobs-page .job-row.job-tile .tile-logo.has-image img{
  width:auto!important;
  height:auto!important;
  max-width:132px!important;
  max-height:40px!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
  filter:none!important;
  opacity:.98!important;
}

body.jobs-page .job-tile.source-personalhuset .tile-logo.has-image img,
body.jobs-page .job-row.job-tile.source-personalhuset .tile-logo.has-image img,
body.jobs-page .profile-logo.has-image img[src*="personalhuset"]{
  filter:brightness(0) invert(1) contrast(1.04)!important;
  opacity:.86!important;
}

body.jobs-page .job-tile .tile-logo.has-image + .tile-source-wrap,
body.jobs-page .job-row.job-tile .tile-logo.has-image + .tile-source-wrap{
  display:none!important;
}

/* job-detail-product-v10-20260730
   Final detail view: the user should be able to read the job here, not escape
   immediately to the source. Keep it compact, editorial and consistent. */
body.jobs-page .job-modal-card{
  width:min(1220px,94vw)!important;
  max-height:88vh!important;
  border-radius:8px!important;
  border-color:rgba(86,145,183,.56)!important;
  background:
    linear-gradient(180deg,rgba(4,19,31,.99),rgba(1,9,16,.995)),
    radial-gradient(circle at 18% 0%,rgba(0,190,220,.1),transparent 34%)!important;
}

body.jobs-page .profile-modal-inner{
  max-height:88vh!important;
  padding:22px 24px 0!important;
}

body.jobs-page .profile-modal-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:18px!important;
  margin:0!important;
  padding:0 0 16px!important;
  border-bottom:1px solid rgba(118,169,203,.18)!important;
}

body.jobs-page .profile-title{
  max-width:850px!important;
  margin:0 0 13px!important;
  color:#f7fbff!important;
  font-size:36px!important;
  line-height:1.04!important;
  font-weight:680!important;
}

body.jobs-page .profile-kicker{
  margin-bottom:9px!important;
  color:#a5b8c8!important;
  font-size:12px!important;
  font-weight:650!important;
}

body.jobs-page .profile-badges{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}

body.jobs-page .profile-badges > span{
  min-height:28px!important;
  padding:0 10px!important;
  border:1px solid rgba(102,156,190,.28)!important;
  border-radius:7px!important;
  background:rgba(4,18,30,.58)!important;
  color:#d8e8f2!important;
  font-size:12px!important;
  font-weight:650!important;
}

body.jobs-page .profile-badges > span:before{
  display:none!important;
}

body.jobs-page .profile-top-actions .save-job-btn,
body.jobs-page .profile-top-actions .job-modal-close{
  height:36px!important;
  padding:0 13px!important;
  border-radius:7px!important;
  border-color:rgba(102,156,190,.36)!important;
  background:rgba(2,13,22,.48)!important;
  color:#dceaf3!important;
  font-size:12px!important;
  font-weight:720!important;
}

body.jobs-page .profile-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 302px!important;
  gap:22px!important;
  max-height:calc(88vh - 158px)!important;
  padding:18px 8px 18px 0!important;
  overflow:auto!important;
}

body.jobs-page .job-main{
  min-width:0!important;
}

body.jobs-page .profile-info-grid{
  display:grid!important;
  grid-template-columns:1.32fr repeat(4,minmax(0,1fr))!important;
  border:1px solid rgba(106,158,193,.24)!important;
  border-radius:8px!important;
  overflow:hidden!important;
  background:rgba(4,17,29,.42)!important;
}

body.jobs-page .profile-info-item{
  padding:15px 17px!important;
  border-right:1px solid rgba(106,158,193,.18)!important;
}

body.jobs-page .profile-info-item:last-child{
  border-right:0!important;
}

body.jobs-page .profile-panel.profile-section{
  margin-top:14px!important;
  padding:0 0 16px!important;
  border:0!important;
  border-bottom:1px solid rgba(106,158,193,.18)!important;
  border-radius:0!important;
  background:transparent!important;
}

body.jobs-page .profile-section h3,
body.jobs-page .side-card h3{
  margin:0 0 12px!important;
  color:#edf6fb!important;
  font-size:13px!important;
  font-weight:780!important;
  text-transform:uppercase!important;
}

body.jobs-page .profile-section h3 span{
  width:8px!important;
  height:8px!important;
  border:1px solid #16daf8!important;
  border-radius:2px!important;
  background:transparent!important;
}

body.jobs-page .profile-desc{
  max-width:900px!important;
  color:#d9e6ef!important;
  font-size:14px!important;
  line-height:1.62!important;
  font-weight:500!important;
}

body.jobs-page .profile-desc p{
  margin:0 0 11px!important;
}

body.jobs-page .profile-list-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px 22px!important;
  margin-top:12px!important;
}

body.jobs-page .profile-list-item{
  color:#d6e4ed!important;
  font-size:13px!important;
  line-height:1.42!important;
  font-weight:540!important;
}

body.jobs-page .job-sidebar{
  gap:12px!important;
}

body.jobs-page .job-sidebar .side-card{
  padding:17px 18px!important;
  border:1px solid rgba(106,158,193,.22)!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,rgba(5,22,35,.58),rgba(2,12,21,.42))!important;
}

body.jobs-page .employer-mini{
  align-items:flex-start!important;
}

body.jobs-page .employer-mini b{
  color:#f4fbff!important;
  font-size:16px!important;
  line-height:1.15!important;
}

body.jobs-page .employer-mini p,
body.jobs-page .job-sidebar .side-card p{
  color:#b8c9d5!important;
  font-size:12.5px!important;
  line-height:1.42!important;
  font-weight:500!important;
}

body.jobs-page .quick-row{
  padding:9px 0!important;
  border-color:rgba(106,158,193,.16)!important;
}

body.jobs-page .quick-row span:first-child{
  color:#93aabd!important;
  font-size:11.5px!important;
  font-weight:650!important;
}

body.jobs-page .quick-row span:last-child{
  max-width:168px!important;
  color:#eef7fc!important;
  font-size:12.5px!important;
  font-weight:680!important;
  text-align:right!important;
}

body.jobs-page .share-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

body.jobs-page .share-action,
body.jobs-page .copy-wide{
  height:36px!important;
  border-radius:7px!important;
  background:rgba(3,15,25,.48)!important;
  color:#d7ebf6!important;
  font-size:11.5px!important;
  font-weight:720!important;
}

body.jobs-page .profile-actions{
  position:sticky!important;
  bottom:0!important;
  margin:0 -24px!important;
  padding:13px 24px!important;
  border-top:1px solid rgba(106,158,193,.18)!important;
  background:linear-gradient(180deg,rgba(2,10,17,.88),rgba(1,8,14,.98))!important;
}

body.jobs-page .profile-actions a,
body.jobs-page .profile-actions button{
  min-height:38px!important;
  padding:0 14px!important;
  border-radius:7px!important;
  font-size:12px!important;
  font-weight:720!important;
}

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

@media (max-width:900px){
  body.jobs-page .profile-layout{
    grid-template-columns:1fr!important;
  }

  body.jobs-page .profile-info-grid,
  body.jobs-page .profile-list-grid{
    grid-template-columns:1fr!important;
  }

  body.jobs-page .profile-info-item{
    border-right:0!important;
    border-bottom:1px solid rgba(106,158,193,.16)!important;
  }
}

/* job-detail-product-v11-20260730
   Shared desktop job profile cleanup: less dead space, no empty chips, clearer source actions. */
body.jobs-page .job-profile-card{
  width:min(1180px,92vw)!important;
  max-height:86vh!important;
  padding:22px 24px 0!important;
  border-color:rgba(0,181,226,.42)!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(0,181,226,.13),transparent 34%),
    radial-gradient(circle at 96% 14%,rgba(255,111,18,.12),transparent 28%),
    linear-gradient(180deg,rgba(2,15,24,.98),rgba(1,9,15,.99))!important;
  box-shadow:0 24px 68px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.035)!important;
}

body.jobs-page .job-profile-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(255,111,18,.08),transparent 22%,transparent 78%,rgba(0,181,226,.07))!important;
  opacity:.75!important;
}

body.jobs-page .profile-topbar,
body.jobs-page .profile-hero,
body.jobs-page .profile-layout,
body.jobs-page .profile-actions{
  position:relative!important;
  z-index:1!important;
}

body.jobs-page .profile-topbar{
  margin-bottom:10px!important;
}

body.jobs-page .profile-title{
  max-width:760px!important;
  margin:6px 0 12px!important;
  color:#f4f8fb!important;
  font-size:clamp(30px,3.1vw,46px)!important;
  line-height:1.02!important;
  letter-spacing:0!important;
  font-weight:760!important;
}

body.jobs-page .profile-badges{
  gap:8px!important;
  margin-bottom:14px!important;
}

body.jobs-page .profile-badge,
body.jobs-page .profile-badges > span{
  min-height:30px!important;
  padding:0 11px!important;
  border-radius:8px!important;
  border:1px solid rgba(94,156,194,.34)!important;
  background:rgba(2,16,26,.66)!important;
  color:#d9edf7!important;
  font-size:12px!important;
  font-weight:640!important;
}

body.jobs-page .profile-badge[hidden],
body.jobs-page .profile-badges > span[hidden]{
  display:none!important;
}

body.jobs-page .profile-badge-source,
body.jobs-page .blue-badge{
  border-color:rgba(0,181,226,.45)!important;
  color:#78dcff!important;
  background:rgba(0,181,226,.08)!important;
}

body.jobs-page .profile-layout{
  grid-template-columns:minmax(0,1fr) 300px!important;
  gap:18px!important;
  max-height:calc(86vh - 178px)!important;
}

body.jobs-page .profile-main{
  padding-right:18px!important;
}

body.jobs-page .job-sidebar{
  padding-left:18px!important;
}

body.jobs-page .profile-info-grid{
  grid-template-columns:1.24fr repeat(4,minmax(126px,1fr))!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,rgba(1,16,27,.58),rgba(1,13,22,.34))!important;
}

body.jobs-page .profile-info-item{
  min-height:96px!important;
  padding:16px 16px!important;
}

body.jobs-page .profile-employer-line{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}

body.jobs-page .profile-main-label{
  color:#8fa8bb!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.05em!important;
}

body.jobs-page .profile-main-val{
  color:#f2f7fb!important;
  font-size:14px!important;
  line-height:1.14!important;
  font-weight:700!important;
  overflow-wrap:anywhere!important;
}

body.jobs-page .profile-sub-val{
  color:#8fb9cb!important;
  font-size:11.5px!important;
  line-height:1.25!important;
  font-weight:560!important;
}

body.jobs-page .profile-logo{
  flex:0 0 50px!important;
  width:50px!important;
  height:42px!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.035)!important;
}

body.jobs-page .profile-logo.has-image{
  background:transparent!important;
}

body.jobs-page .profile-logo img{
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  filter:none!important;
}

body.jobs-page .profile-section{
  margin-top:16px!important;
  padding-top:15px!important;
}

body.jobs-page .profile-section-title,
body.jobs-page .side-card h3{
  color:#f2f8fc!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:760!important;
  text-transform:uppercase!important;
  letter-spacing:0!important;
}

body.jobs-page .profile-copy p,
body.jobs-page .profile-list-item span:last-child{
  color:#c8d7e0!important;
  font-size:13.4px!important;
  line-height:1.48!important;
  font-weight:520!important;
}

body.jobs-page .profile-list-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px 22px!important;
}

body.jobs-page .profile-list-item span:first-child{
  width:16px!important;
  height:16px!important;
  border-color:rgba(0,181,226,.6)!important;
  background:rgba(0,181,226,.08)!important;
}

body.jobs-page .job-sidebar .side-card{
  padding:16px!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,rgba(3,17,28,.62),rgba(2,12,20,.42))!important;
  box-shadow:none!important;
}

body.jobs-page .employer-mini{
  gap:12px!important;
}

body.jobs-page .side-meta{
  display:flex!important;
  gap:8px 12px!important;
  flex-wrap:wrap!important;
  color:#9eb5c5!important;
  font-size:11.5px!important;
  line-height:1.3!important;
}

body.jobs-page .quick-row span:last-child{
  max-width:156px!important;
  overflow-wrap:anywhere!important;
}

body.jobs-page .share-grid{
  gap:8px!important;
}

body.jobs-page .copy-ok{
  display:none!important;
  color:#23f0ae!important;
  font-size:11px!important;
  font-weight:700!important;
}

body.jobs-page .copy-ok.show{
  display:inline-flex!important;
}

body.jobs-page .profile-actions{
  margin:0 -24px!important;
  padding:12px 24px!important;
}

body.jobs-page .profile-actions a.is-disabled,
body.jobs-page .profile-actions button.is-disabled{
  opacity:.45!important;
  pointer-events:none!important;
}

/* job-detail-product-v11-20260731: tighter, warmer and less box-heavy job dialog. */
body.jobs-page .job-modal{
  background:
    radial-gradient(circle at 50% 4%, rgba(255,116,22,.13), transparent 34%),
    rgba(0,5,9,.82)!important;
}

body.jobs-page .job-modal-card{
  width:min(1180px, calc(100vw - 72px))!important;
  max-height:calc(100vh - 72px)!important;
  background:
    linear-gradient(145deg, rgba(4,20,31,.98), rgba(2,12,20,.98) 58%, rgba(9,18,20,.98))!important;
  border-color:rgba(0,181,216,.42)!important;
  box-shadow:0 32px 90px rgba(0,0,0,.55), 0 0 38px rgba(255,116,22,.08)!important;
}

body.jobs-page .profile-modal-inner{
  padding:28px 30px 0!important;
}

body.jobs-page .profile-title{
  max-width:760px!important;
  letter-spacing:0!important;
  line-height:.98!important;
}

body.jobs-page .profile-layout{
  grid-template-columns:minmax(0,1fr) 302px!important;
  gap:24px!important;
}

body.jobs-page .profile-info-grid{
  background:rgba(0,0,0,.08)!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  grid-template-columns:1.2fr repeat(4,minmax(116px,1fr))!important;
}

body.jobs-page .profile-info-item{
  min-height:96px!important;
  padding:18px 18px!important;
}

body.jobs-page .profile-main-val{
  line-height:1.08!important;
  overflow-wrap:anywhere!important;
}

body.jobs-page .profile-section{
  background:transparent!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
  padding:20px 0!important;
}

body.jobs-page .profile-section h3,
body.jobs-page .side-card h3{
  letter-spacing:0!important;
  font-size:14px!important;
}

body.jobs-page .profile-desc{
  color:#d5e2eb!important;
  font-weight:600!important;
}

body.jobs-page .profile-list-grid{
  gap:10px 22px!important;
}

body.jobs-page .profile-list-item{
  background:transparent!important;
  border:0!important;
  padding:0!important;
  color:#c8d9e4!important;
}

body.jobs-page .job-sidebar{
  border-left:1px solid rgba(83,126,153,.22)!important;
  padding-left:20px!important;
}

body.jobs-page .job-sidebar .side-card{
  background:linear-gradient(180deg, rgba(5,24,36,.62), rgba(2,12,20,.28))!important;
  border-color:rgba(69,114,143,.30)!important;
  box-shadow:none!important;
}

body.jobs-page .profile-actions{
  margin:26px -30px 0!important;
  padding:16px 30px!important;
  background:rgba(0,7,12,.84)!important;
  border-top:1px solid rgba(71,112,139,.34)!important;
}

body.jobs-page .profile-actions a,
body.jobs-page .profile-actions button{
  min-height:42px!important;
  border-radius:8px!important;
  font-size:13px!important;
}

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

body.jobs-page .side-link{
  color:#8ee7f8!important;
}

body.jobs-page .side-link:hover{
  color:#fff!important;
}

body.jobs-page .profile-actions a.is-disabled{
  display:none!important;
}

@media (max-width:980px){
  body.jobs-page .job-modal-card{
    width:calc(100vw - 24px)!important;
    max-height:calc(100vh - 24px)!important;
  }
  body.jobs-page .profile-layout{
    grid-template-columns:1fr!important;
  }
  body.jobs-page .job-sidebar{
    border-left:0!important;
    padding-left:0!important;
  }
  body.jobs-page .profile-info-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

body.home-index .job-modal{
  background:
    radial-gradient(circle at 50% 4%, rgba(255,116,22,.13), transparent 34%),
    rgba(0,5,9,.82)!important;
}

body.home-index .job-modal-card{
  width:min(1180px, calc(100vw - 72px))!important;
  max-height:calc(100vh - 72px)!important;
  background:
    linear-gradient(145deg, rgba(4,20,31,.98), rgba(2,12,20,.98) 58%, rgba(9,18,20,.98))!important;
  border-color:rgba(0,181,216,.42)!important;
  box-shadow:0 32px 90px rgba(0,0,0,.55), 0 0 38px rgba(255,116,22,.08)!important;
}

body.home-index .profile-modal-inner{
  padding:28px 30px 0!important;
}

body.home-index .profile-layout{
  grid-template-columns:minmax(0,1fr) 302px!important;
  gap:24px!important;
}

body.home-index .profile-info-grid{
  background:rgba(0,0,0,.08)!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  grid-template-columns:1.2fr repeat(4,minmax(116px,1fr))!important;
}

body.home-index .profile-section{
  background:transparent!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
  padding:20px 0!important;
}

body.home-index .job-sidebar{
  border-left:1px solid rgba(83,126,153,.22)!important;
  padding-left:20px!important;
}

body.home-index .job-sidebar .side-card{
  background:linear-gradient(180deg, rgba(5,24,36,.62), rgba(2,12,20,.28))!important;
  border-color:rgba(69,114,143,.30)!important;
}

body.home-index .profile-actions{
  margin:26px -30px 0!important;
  padding:16px 30px!important;
  background:rgba(0,7,12,.84)!important;
  border-top:1px solid rgba(71,112,139,.34)!important;
}

body.home-index .profile-actions a,
body.home-index .profile-actions button{
  min-height:42px!important;
  border-radius:8px!important;
  font-size:13px!important;
}

body.home-index .profile-actions a.is-disabled{
  display:none!important;
}

body.home-index .modal-save-action.is-saved,
body.home-index .save-job-btn.is-saved,
body.jobs-page .modal-save-action.is-saved,
body.jobs-page .save-job-btn.is-saved{
  border-color:rgba(32,229,162,.55)!important;
  color:#22e5a2!important;
  background:rgba(32,229,162,.08)!important;
}

@media (max-width:980px){
  body.home-index .job-modal-card{
    width:calc(100vw - 24px)!important;
    max-height:calc(100vh - 24px)!important;
  }
  body.home-index .profile-layout{
    grid-template-columns:1fr!important;
  }
  body.home-index .job-sidebar{
    border-left:0!important;
    padding-left:0!important;
  }
  body.home-index .profile-info-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* job-detail-product-v12-20260731: premium reading layout for the most important surface. */
body.jobs-page .job-modal-card,
body.home-index .job-modal-card{
  border-radius:10px!important;
  background:
    linear-gradient(110deg, rgba(255,112,22,.055), transparent 34%),
    linear-gradient(180deg, rgba(6,24,34,.98), rgba(1,10,16,.99) 58%, rgba(1,8,13,.99))!important;
  border-color:rgba(55,142,173,.52)!important;
}

body.jobs-page .job-modal-card::before,
body.home-index .job-modal-card::before{
  content:""!important;
  display:block!important;
  height:3px!important;
  background:linear-gradient(90deg, #ff7416, rgba(40,225,235,.85), transparent)!important;
  opacity:.85!important;
}

body.jobs-page .profile-modal-inner,
body.home-index .profile-modal-inner{
  padding:30px 34px 0!important;
}

body.jobs-page .profile-modal-head,
body.home-index .profile-modal-head{
  align-items:flex-start!important;
  gap:22px!important;
  padding-bottom:22px!important;
}

body.jobs-page .profile-title,
body.home-index .profile-title{
  font-size:clamp(34px, 4.1vw, 58px)!important;
  font-weight:700!important;
  color:#f7fbff!important;
  letter-spacing:0!important;
  text-wrap:balance!important;
}

body.jobs-page .profile-kicker,
body.home-index .profile-kicker{
  color:#9fb2c2!important;
  font-weight:600!important;
}

body.jobs-page .profile-badges,
body.home-index .profile-badges{
  gap:8px!important;
  margin-top:14px!important;
}

body.jobs-page .profile-badge,
body.home-index .profile-badge,
body.jobs-page .profile-badges > span,
body.home-index .profile-badges > span{
  min-height:30px!important;
  padding:6px 11px!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(92,147,177,.34)!important;
  color:#dcebf4!important;
  box-shadow:none!important;
}

body.jobs-page .blue-badge,
body.home-index .blue-badge{
  color:#74e4f6!important;
  border-color:rgba(24,191,223,.38)!important;
  background:rgba(18,167,204,.08)!important;
}

body.jobs-page .profile-layout,
body.home-index .profile-layout{
  grid-template-columns:minmax(0,1fr) 318px!important;
  gap:28px!important;
  max-height:calc(100vh - 286px)!important;
}

body.jobs-page .profile-info-grid,
body.home-index .profile-info-grid{
  border-top:1px solid rgba(87,132,160,.30)!important;
  border-bottom:1px solid rgba(87,132,160,.30)!important;
  border-left:0!important;
  border-right:0!important;
}

body.jobs-page .profile-info-item,
body.home-index .profile-info-item{
  padding:17px 18px!important;
  min-height:102px!important;
}

body.jobs-page .profile-label,
body.home-index .profile-label,
body.jobs-page .quick-row span:first-child,
body.home-index .quick-row span:first-child{
  color:#93aabe!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
}

body.jobs-page .profile-main-val,
body.home-index .profile-main-val{
  color:#f4f9fc!important;
  font-weight:700!important;
}

body.jobs-page .profile-sub-val,
body.home-index .profile-sub-val{
  color:#a7bac8!important;
  font-weight:600!important;
}

body.jobs-page .profile-section,
body.home-index .profile-section{
  padding:22px 0!important;
  border-top:0!important;
  border-bottom:1px solid rgba(83,126,153,.26)!important;
}

body.jobs-page .profile-section h3,
body.home-index .profile-section h3,
body.jobs-page .side-card h3,
body.home-index .side-card h3{
  color:#f1f7fb!important;
  font-weight:700!important;
  text-transform:uppercase!important;
}

body.jobs-page .profile-section h3 span,
body.home-index .profile-section h3 span{
  display:inline-block!important;
  width:8px!important;
  height:8px!important;
  margin-right:8px!important;
  border:2px solid #23d6e8!important;
  box-shadow:0 0 12px rgba(35,214,232,.4)!important;
}

body.jobs-page .profile-desc,
body.home-index .profile-desc{
  max-width:820px!important;
  color:#dbe8ef!important;
  font-size:15px!important;
  line-height:1.62!important;
  font-weight:500!important;
}

body.jobs-page .profile-desc p,
body.home-index .profile-desc p{
  margin:0 0 12px!important;
}

body.jobs-page .profile-list-grid,
body.home-index .profile-list-grid{
  margin-top:16px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

body.jobs-page .profile-list-item,
body.home-index .profile-list-item{
  color:#cfdee7!important;
  font-size:14px!important;
  line-height:1.45!important;
}

body.jobs-page .profile-list-item > span:first-child,
body.home-index .profile-list-item > span:first-child{
  width:9px!important;
  height:9px!important;
  margin-top:5px!important;
  border-radius:50%!important;
  border:1px solid rgba(37,219,236,.9)!important;
  background:radial-gradient(circle, rgba(37,219,236,.95) 0 26%, transparent 30%)!important;
  box-shadow:0 0 10px rgba(37,219,236,.32)!important;
}

body.jobs-page .job-sidebar,
body.home-index .job-sidebar{
  padding-left:24px!important;
  border-left:1px solid rgba(92,136,160,.32)!important;
}

body.jobs-page .job-sidebar .side-card,
body.home-index .job-sidebar .side-card{
  border-radius:10px!important;
  background:linear-gradient(180deg, rgba(7,24,34,.76), rgba(2,12,18,.42))!important;
  border-color:rgba(75,127,156,.36)!important;
  padding:18px!important;
}

body.jobs-page .employer-mini,
body.home-index .employer-mini{
  align-items:flex-start!important;
  gap:14px!important;
}

body.jobs-page .employer-mini p,
body.home-index .employer-mini p{
  color:#bfd0da!important;
  line-height:1.45!important;
  font-weight:500!important;
}

body.jobs-page .side-meta,
body.home-index .side-meta{
  color:#9eb2c1!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}

body.jobs-page .quick-row,
body.home-index .quick-row{
  gap:14px!important;
  padding:10px 0!important;
}

body.jobs-page .quick-row span:last-child,
body.home-index .quick-row span:last-child{
  color:#f4f9fc!important;
  font-weight:700!important;
  text-align:right!important;
}

body.jobs-page .share-grid,
body.home-index .share-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

body.jobs-page .share-action,
body.home-index .share-action,
body.jobs-page .copy-wide,
body.home-index .copy-wide{
  min-height:38px!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.025)!important;
  border-color:rgba(73,130,160,.42)!important;
  color:#cfe8f4!important;
  font-weight:700!important;
}

body.jobs-page .share-action:hover,
body.home-index .share-action:hover,
body.jobs-page .copy-wide:hover,
body.home-index .copy-wide:hover{
  border-color:rgba(255,116,22,.72)!important;
  color:#fff!important;
  background:rgba(255,116,22,.08)!important;
}

body.jobs-page .copy-ok,
body.home-index .copy-ok{
  display:none!important;
}

body.jobs-page .copy-ok.show,
body.home-index .copy-ok.show{
  display:inline-flex!important;
}

body.jobs-page .profile-actions,
body.home-index .profile-actions{
  gap:10px!important;
  margin:24px -34px 0!important;
  padding:16px 34px!important;
}

body.jobs-page .profile-actions a,
body.home-index .profile-actions a,
body.jobs-page .profile-actions button,
body.home-index .profile-actions button{
  min-height:40px!important;
  padding:0 18px!important;
  font-weight:700!important;
}

body.jobs-page .profile-actions .primary,
body.home-index .profile-actions .primary{
  background:linear-gradient(180deg, #ff8126, #ff6912)!important;
  box-shadow:0 12px 26px rgba(255,103,18,.24)!important;
}

@media (max-width:980px){
  body.jobs-page .profile-layout,
  body.home-index .profile-layout{
    max-height:calc(100vh - 220px)!important;
  }
  body.jobs-page .profile-list-grid,
  body.home-index .profile-list-grid{
    grid-template-columns:1fr!important;
  }
}