/*
  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;
}

/* 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;
}