/* Skillhacc Jobs V84A — brand alignment using the approved blue/gold/green logo */
:root{
  --sj-navy:#061a3a;
  --sj-blue:#1267d6;
  --sj-gold:#d99a12;
  --sj-green:#0aa85a;
  --sj-bg:#f6f9fd;
  --sj-text:#10233f;
  --sj-muted:#687789;
  --navy:#061a3a;
  --blue:#1267d6;
  --purple:#d99a12;
  --primary:#1267d6;
  --primary-dark:#0b4fa8;
  --success:#0aa85a;
}
body{
  background:
    radial-gradient(circle at 92% 0,rgba(217,154,18,.085),transparent 24%),
    radial-gradient(circle at 0 12%,rgba(10,168,90,.045),transparent 22%),
    linear-gradient(180deg,#fbfdff,#f6f9fd);
}
.site-header,.sj-nav{
  background:rgba(255,255,255,.95)!important;
  border-bottom:1px solid rgba(18,103,214,.12)!important;
  box-shadow:0 8px 28px rgba(6,26,58,.055);
  backdrop-filter:blur(18px);
}
.site-header .nav-wrap{height:88px!important}
.brand,.sj-brand{
  display:inline-block!important;
  width:150px!important;
  height:72px!important;
  min-width:150px!important;
  flex:0 0 150px!important;
  padding:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
  background-image:url('../images/skillhacc-jobs-logo-v91.png')!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  background-position:center!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
  border:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
  vertical-align:middle;
}
.brand>* , .sj-brand>*{visibility:hidden!important}
.sidebar .brand,.side .brand{
  display:block!important;
  width:176px!important;
  height:112px!important;
  min-width:176px!important;
  margin:0 auto 24px!important;
  background-position:center top!important;
}
.sidebar,.side{
  background:linear-gradient(180deg,#061a3a 0%,#082b5d 64%,#0b4fa8 100%)!important;
}
.sj-navin{min-height:78px}
.sj-hero{
  background:linear-gradient(120deg,#051a3a 0%,#0b4fa8 58%,#d09210 100%)!important;
}
.sj-hero:after{background:rgba(255,255,255,.10)!important}
.sj-btn,button:not(.secondary):not(.danger),.btn-primary,.primary{
  border-color:transparent;
}
.btn-primary,.primary,.sj-btn:not(.secondary){
  background:linear-gradient(135deg,#0b58b3 0%,#1267d6 72%,#1b7be0 100%)!important;
  color:#fff!important;
  box-shadow:0 10px 26px rgba(18,103,214,.22)!important;
}
.btn-primary:hover,.primary:hover,.sj-btn:not(.secondary):hover{
  background:linear-gradient(135deg,#084a96,#0f5fca)!important;
}
.btn-ghost,.sj-btn.secondary{
  border-color:rgba(18,103,214,.20)!important;
  color:#0b58b3!important;
}
.sj-badge,.eyebrow,.section-kicker{
  background:#edf5ff!important;
  color:#0b58b3!important;
  border-color:#d7e7fb!important;
}
.pill,.approved{background:#e9f8f0!important;color:#087d45!important}
.hero h1 span,.section-head a,.category-card span,.tool-list>div>span,.company-icon,.cat-icon{color:#1267d6!important}
.hero{
  background:
    radial-gradient(circle at 82% 18%,rgba(217,154,18,.13),transparent 25%),
    radial-gradient(circle at 67% 74%,rgba(10,168,90,.07),transparent 18%),
    linear-gradient(180deg,#fbfdff,#fff)!important;
}
.glow-one{background:#f8df9f!important}
.glow-two{background:#d9f3e6!important}
.profile-score,.dash-panel{background:#f7faff!important}
.score-bar span{background:linear-gradient(90deg,#1267d6,#0aa85a)!important}
.category-card:hover{border-color:#ecd497!important;box-shadow:0 22px 55px rgba(6,26,58,.10)!important}
.employer-section{
  background:linear-gradient(135deg,#061a3a 0%,#0b3b78 58%,#8b6207 100%)!important;
}
.employer-points strong{color:#ffd46a!important}
.cta-card{background:linear-gradient(135deg,#f3f8ff,#fff9e8)!important;border-color:#e6d59d!important}
.footer,.sj-footer{background:linear-gradient(145deg,#041226,#061a3a)!important}
.footer-brand .brand{width:162px!important;height:92px!important;min-width:162px!important;background-position:left center!important}
input:focus,select:focus,textarea:focus,.sj-input:focus{border-color:#72a8e9!important;box-shadow:0 0 0 4px rgba(18,103,214,.09)!important}
.status.pending,.sj-warning{border-color:#eddba1!important}
.admin-chip{background:#fff7df!important;color:#946307!important}
.metric,.stat b{color:#1267d6!important}
.quick a{background:#edf5ff!important;color:#0b58b3!important}
.auto,.toggle{background:linear-gradient(135deg,#fff9e8,#f1fbf6)!important;border:1px solid #efe0b0!important}
/* Retheme inherited purple gradients without changing semantic success/error states. */
[style*="#552697"],[style*="#6937d4"]{--brand-purple-replaced:#d99a12}
@media(max-width:980px){
  .site-header .nav-wrap{height:76px!important}
  .brand,.sj-brand{width:126px!important;height:62px!important;min-width:126px!important;flex-basis:126px!important}
}
@media(max-width:640px){
  .brand,.sj-brand{width:108px!important;height:56px!important;min-width:108px!important;flex-basis:108px!important}
  .sidebar .brand,.side .brand{width:144px!important;height:92px!important;min-width:144px!important}
}