/* EQ v15.407 — cabinet glass vacancy cards + selective premium CTAs.
   Visual only. Uses the four canonical EQ families: purple / cyan / orange / green.
   Important actions get the owner-provided violet-blue gradient; secondary actions stay quiet. */

body.eq-register-page[data-register-view="vacancies"] .register-list{
  gap:14px!important;
}

body.eq-register-page[data-register-view="vacancies"] .register-row{
  --eq-card-rgb:168,85,247;
  --eq-card-soft-rgb:192,132,252;
  min-height:198px!important;
  padding:17px!important;
  gap:13px!important;
  border-radius:19px!important;
  border:1px solid rgba(var(--eq-card-soft-rgb),.22)!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(var(--eq-card-rgb),.15),transparent 45%),
    linear-gradient(145deg,rgba(28,45,78,.72),rgba(13,28,51,.78))!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.08)!important;
  backdrop-filter:blur(16px) saturate(1.08)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 -1px 0 rgba(255,255,255,.018),
    0 15px 36px rgba(2,11,28,.15),
    0 0 24px rgba(var(--eq-card-rgb),.035)!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-row:nth-child(4n+1){--eq-card-rgb:168,85,247;--eq-card-soft-rgb:192,132,252}
body.eq-register-page[data-register-view="vacancies"] .register-row:nth-child(4n+2){--eq-card-rgb:56,189,248;--eq-card-soft-rgb:125,211,252}
body.eq-register-page[data-register-view="vacancies"] .register-row:nth-child(4n+3){--eq-card-rgb:251,146,60;--eq-card-soft-rgb:253,186,116}
body.eq-register-page[data-register-view="vacancies"] .register-row:nth-child(4n){--eq-card-rgb:34,197,94;--eq-card-soft-rgb:134,239,172}

body.eq-register-page[data-register-view="vacancies"] .register-row:before{
  left:16px!important;
  right:16px!important;
  top:0!important;
  height:1px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,rgba(var(--eq-card-soft-rgb),.70),transparent)!important;
  opacity:.72!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-row:after{
  content:''!important;
  position:absolute!important;
  width:150px!important;
  height:150px!important;
  right:-72px!important;
  top:-78px!important;
  border-radius:50%!important;
  background:rgba(var(--eq-card-rgb),.10)!important;
  filter:blur(22px)!important;
  pointer-events:none!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-row:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(var(--eq-card-soft-rgb),.32)!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(var(--eq-card-rgb),.18),transparent 45%),
    linear-gradient(145deg,rgba(31,50,84,.78),rgba(14,30,54,.84))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 18px 40px rgba(2,11,28,.20),0 0 28px rgba(var(--eq-card-rgb),.055)!important;
}

body.eq-register-page[data-register-view="vacancies"] .register-main{
  padding-bottom:13px!important;
  border-bottom:1px solid rgba(var(--eq-card-soft-rgb),.13)!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-main b{
  font-size:18.5px!important;
  color:#f7f9ff!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-main span{
  color:#afbdd2!important;
}

/* Keep the information grouped but lighter than nested cards. */
body.eq-register-page[data-register-view="vacancies"] .register-cell{
  min-height:60px!important;
  padding:9px 4px 9px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-main + .register-cell + .register-cell{
  padding-left:13px!important;
  border-left:1px solid rgba(var(--eq-card-soft-rgb),.12)!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-cell b{color:#dfe8f6!important;font-size:13.2px!important}
body.eq-register-page[data-register-view="vacancies"] .register-cell span{color:#8fa4be!important;font-size:10.7px!important}

body.eq-register-page[data-register-view="vacancies"] .register-actions{
  gap:9px!important;
  padding-top:4px!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-actions a,
body.eq-register-page[data-register-view="vacancies"] .register-actions button{
  height:40px!important;
  border-radius:11px!important;
  transition:transform .16s ease,filter .16s ease,border-color .16s ease,background .16s ease!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-actions a:not(.primary){
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(173,196,228,.14)!important;
  color:#dce8f8!important;
  -webkit-backdrop-filter:blur(10px)!important;
  backdrop-filter:blur(10px)!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-actions a:not(.primary):hover{
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(190,210,236,.23)!important;
}

/* Owner reference: selective premium gradient for important cabinet CTAs. */
body.eq-register-page[data-register-view="vacancies"] .register-primary,
body.eq-register-page[data-register-view="vacancies"] .register-actions .primary{
  color:#fff!important;
  border:1px solid rgba(156,139,255,.42)!important;
  background:linear-gradient(135deg,#9a42f5 0%,#6b55f7 43%,#287fff 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 8px 22px rgba(75,78,235,.22),
    0 0 18px rgba(145,73,247,.10)!important;
  text-shadow:0 1px 1px rgba(13,15,35,.38)!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-primary:hover,
body.eq-register-page[data-register-view="vacancies"] .register-actions .primary:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.07) saturate(1.04)!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-primary:active,
body.eq-register-page[data-register-view="vacancies"] .register-actions .primary:active{
  transform:translateY(0)!important;
  filter:brightness(.98)!important;
}