/* EQ v490.7 WORKING — semantic UX grammar.
   Purpose: colors must carry one stable meaning across the cabinet.
   - Company identity = deterministic company color (card accent / company chip).
   - Actor (HR / manager) = neutral chip + icon, never a competing company color.
   - Status = semantic dot/text: complete/ready green, in-progress amber/purple, invited cyan.
   - Primary actions = restrained violet-blue gradient; navigation/secondary actions stay quiet.
   This layer intentionally does NOT alter the accepted candidate report visual. */

/* --- Shared company identity --- */
.eq-company-chip{
  --company-rgb:139,92,246;
  --company-soft-rgb:196,181,253;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:25px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  border:1px solid rgba(var(--company-soft-rgb),.28)!important;
  background:rgba(var(--company-rgb),.12)!important;
  color:rgb(var(--company-soft-rgb))!important;
  font-size:12.5px!important;
  line-height:1!important;
  font-weight:780!important;
  white-space:nowrap!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 0 14px rgba(var(--company-rgb),.045)!important;
}
.eq-company-chip::before{
  content:''!important;
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
  border-radius:50%!important;
  background:rgb(var(--company-soft-rgb))!important;
  box-shadow:0 0 9px rgba(var(--company-rgb),.30)!important;
}
.eq-grade-label{
  color:#9fb0c5!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:620!important;
  white-space:nowrap!important;
}
.eq-register-meta-line{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  flex-wrap:wrap!important;
  min-height:25px!important;
}

/* --- Vacancy register: company owns the card color --- */
body.eq-register-page[data-register-view="vacancies"] .register-list{
  gap:14px!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-row{
  --company-rgb:139,92,246;
  --company-soft-rgb:196,181,253;
  --eq-card-rgb:var(--company-rgb)!important;
  --eq-card-soft-rgb:var(--company-soft-rgb)!important;
  min-height:250px!important;
  padding:18px!important;
  gap:14px 16px!important;
  grid-template-rows:auto 96px 48px!important;
  border-color:rgba(var(--company-soft-rgb),.22)!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(var(--company-rgb),.15),transparent 44%),
    linear-gradient(145deg,rgba(28,45,78,.74),rgba(13,28,51,.80))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 32px rgba(2,11,28,.14),0 0 24px rgba(var(--company-rgb),.035)!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-row::before{
  left:18px!important;
  right:18px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(var(--company-soft-rgb),.72),transparent)!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-row:hover{
  border-color:rgba(var(--company-soft-rgb),.34)!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(var(--company-rgb),.19),transparent 44%),
    linear-gradient(145deg,rgba(31,50,84,.79),rgba(14,30,54,.85))!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-main{
  gap:7px!important;
  padding-bottom:13px!important;
  border-bottom:1px solid rgba(var(--company-soft-rgb),.13)!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-main b{
  font-size:21px!important;
  line-height:1.14!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-main > span:not(.eq-register-meta-line){
  font-size:15px!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-cell{
  height:96px!important;
  min-height:96px!important;
  padding:10px 0 0!important;
  align-content:start!important;
  gap:6px!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-stats-cell b{
  font-size:18px!important;
  line-height:1.18!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-stats-cell span{
  font-size:14px!important;
  line-height:1.25!important;
  color:#aab8cb!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-source-cell{
  padding-left:16px!important;
  border-left:1px solid rgba(var(--company-soft-rgb),.12)!important;
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  align-content:start!important;
  justify-items:start!important;
  gap:5px!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-source-label{
  font-size:10.8px!important;
  line-height:1.1!important;
  font-weight:820!important;
  letter-spacing:.085em!important;
  text-transform:uppercase!important;
  color:#8499b1!important;
}
/* Actor is deliberately neutral: company color already owns card identity. */
body.eq-register-page[data-register-view="vacancies"] .register-source-badge,
body.eq-register-page[data-register-view="vacancies"] .register-source-badge.is-manager,
body.eq-register-page[data-register-view="vacancies"] .register-source-badge.is-hr{
  width:154px!important;
  min-width:154px!important;
  max-width:154px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  border-radius:999px!important;
  border:1px solid rgba(178,198,224,.18)!important;
  background:linear-gradient(135deg,rgba(128,151,181,.12),rgba(80,105,139,.08))!important;
  color:#dce7f5!important;
  font-size:15px!important;
  font-weight:820!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-source-badge span{
  color:inherit!important;
  font-size:15px!important;
  font-weight:820!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-source-icon{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  color:#aebed2!important;
  stroke:currentColor!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-source-meta{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  white-space:nowrap!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-setup-status{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  font-size:12.5px!important;
  line-height:1!important;
  font-weight:760!important;
  color:#8fe1bf!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-setup-status::before{
  content:''!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#52d5a6!important;
  box-shadow:0 0 8px rgba(82,213,166,.30)!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-setup-status.is-progress{
  color:#e8be82!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-setup-status.is-progress::before{
  background:#f6ad55!important;
  box-shadow:0 0 8px rgba(246,173,85,.28)!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-source-time{
  color:#8499b0!important;
  font-size:11.7px!important;
  font-weight:560!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-actions{
  gap:10px!important;
  padding-top:0!important;
  align-self:end!important;
}
body.eq-register-page[data-register-view="vacancies"] .register-actions a,
body.eq-register-page[data-register-view="vacancies"] .register-actions button{
  height:46px!important;
  min-height:46px!important;
  font-size:15px!important;
  font-weight:800!important;
  border-radius:11px!important;
}
/* Primary create action: visible, but subordinate to the section title. */
body.eq-register-page[data-register-view="vacancies"] .register-title-line .register-primary,
body.eq-register-page[data-register-view="candidates"] .register-title-line .register-primary{
  height:34px!important;
  min-height:34px!important;
  min-width:0!important;
  width:auto!important;
  padding:0 14px!important;
  border-radius:9px!important;
  font-size:14px!important;
  font-weight:820!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 4px 12px rgba(75,78,235,.14),0 0 10px rgba(145,73,247,.06)!important;
}

/* --- Candidate register: company owns card color; status stays a separate signal --- */
body.eq-register-page[data-register-view="candidates"] .register-row{
  --company-rgb:139,92,246;
  --company-soft-rgb:196,181,253;
  --eq-card-rgb:var(--company-rgb)!important;
  --eq-card-soft-rgb:var(--company-soft-rgb)!important;
  min-height:164px!important;
  border-color:rgba(var(--company-soft-rgb),.19)!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(var(--company-rgb),.13),transparent 43%),
    linear-gradient(145deg,rgba(27,58,89,.88),rgba(24,47,76,.90))!important;
}
body.eq-register-page[data-register-view="candidates"] .register-row.is-ready{
  background:
    radial-gradient(circle at 8% 0%,rgba(var(--company-rgb),.13),transparent 43%),
    linear-gradient(145deg,rgba(27,58,89,.88),rgba(24,47,76,.90))!important;
  border-color:rgba(var(--company-soft-rgb),.19)!important;
}
body.eq-register-page[data-register-view="candidates"] .register-row::before{
  background:linear-gradient(90deg,transparent,rgba(var(--company-soft-rgb),.62),transparent)!important;
}
body.eq-register-page[data-register-view="candidates"] .register-main{
  gap:5px!important;
}
body.eq-register-page[data-register-view="candidates"] .register-main b{
  font-size:15.5px!important;
}
body.eq-register-page[data-register-view="candidates"] .register-main span{
  font-size:10.8px!important;
  line-height:1.25!important;
}
body.eq-register-page[data-register-view="candidates"] .register-main + .register-cell + .register-cell{
  border-top-color:rgba(var(--company-soft-rgb),.10)!important;
}
body.eq-register-page[data-register-view="candidates"] .register-main + .register-cell + .register-cell b{
  font-size:11.5px!important;
}
body.eq-register-page[data-register-view="candidates"] .register-main + .register-cell + .register-cell span{
  font-size:10px!important;
}
/* Status chip colors are state semantics, independent of company. */
body.eq-register-page[data-register-view="candidates"] .register-status.ready{color:#6ee0b4!important}
body.eq-register-page[data-register-view="candidates"] .register-status.started{color:#d0a0ff!important}
body.eq-register-page[data-register-view="candidates"] .register-status.invited{color:#76d1f4!important}

/* --- Reports register: company accent + status, without changing the compact row layout --- */
body.eq-register-page[data-register-view="reports"] .register-row{
  --company-rgb:139,92,246;
  --company-soft-rgb:196,181,253;
  position:relative!important;
  overflow:hidden!important;
  border-color:rgba(var(--company-soft-rgb),.20)!important;
  background:
    linear-gradient(90deg,rgba(var(--company-rgb),.11),rgba(23,50,79,.68) 32%,rgba(23,50,79,.70))!important;
}
body.eq-register-page[data-register-view="reports"] .register-row::before{
  content:''!important;
  position:absolute!important;
  left:0!important;
  top:8px!important;
  bottom:8px!important;
  width:3px!important;
  border-radius:999px!important;
  background:rgb(var(--company-soft-rgb))!important;
  opacity:.8!important;
}
body.eq-register-page[data-register-view="reports"] .register-main{
  padding-left:4px!important;
}
body.eq-register-page[data-register-view="reports"] .register-main span{
  font-size:11px!important;
}
body.eq-register-page[data-register-view="reports"] .register-status.ready{color:#6ee0b4!important}
/* Navigation CTA is secondary, not a competing primary action. */
body.eq-register-page[data-register-view="reports"] .register-primary{
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(172,197,226,.16)!important;
  color:#dbe7f7!important;
  box-shadow:none!important;
}

/* --- Main dashboard company context uses the same company token --- */
body.eq-dashboard-page .v369-company-bar{
  --company-rgb:139,92,246;
  --company-soft-rgb:196,181,253;
}
body.eq-dashboard-page .v369-company-button{
  border-color:rgba(var(--company-soft-rgb),.18)!important;
  background:linear-gradient(135deg,rgba(var(--company-rgb),.10),rgba(37,70,104,.42))!important;
}
body.eq-dashboard-page .v369-company-mark{
  border-color:rgba(var(--company-soft-rgb),.30)!important;
  background:rgba(var(--company-rgb),.18)!important;
  color:rgb(var(--company-soft-rgb))!important;
}

@media(max-width:620px){
  body.eq-register-page[data-register-view="vacancies"] .register-title-line .register-primary,
  body.eq-register-page[data-register-view="candidates"] .register-title-line .register-primary{
    width:100%!important;
  }
  body.eq-register-page[data-register-view="vacancies"] .register-row{
    min-height:0!important;
    grid-template-rows:auto auto auto auto!important;
  }
  body.eq-register-page[data-register-view="vacancies"] .register-cell{
    height:auto!important;
    min-height:0!important;
  }
}