/* Split from legacy style.css - employer/auth/dashboard */

/* =========================================================
17) AUTH
========================================================= */
.auth{padding:28px 0 40px;}
.auth-shell{
  border-radius:26px;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:var(--shadow-hi);
  overflow:hidden;
  background:#fff;
}
.auth-visual{min-height:560px;position:relative;background:#0b1220;}
.auth-visual img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);}
.auth-visual:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(11,18,32,.65) 0%, rgba(11,18,32,.40) 45%, rgba(11,18,32,.18) 72%, rgba(11,18,32,0) 100%),
    radial-gradient(820px 380px at 20% 15%, rgba(37,99,235,.28), transparent 60%);
  pointer-events:none;
}
.auth-form{padding:28px;}
@media (min-width:992px){.auth-form{padding:38px;}}
@media (max-width:991.98px){.auth-visual{min-height:320px;}}

/* =========================================================
18) DASHBOARD HELPERS
========================================================= */
.cardx{transition:transform var(--t-mid),box-shadow var(--t-mid),border-color var(--t-mid);}
.cardx:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow-md);
  border-color:rgba(15,23,42,.12);
}
.theme-premium.employer-dashboard .ic{
  width:46px;height:46px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(37,99,235,.08);
  border:1px solid rgba(37,99,235,.14);
  color:rgba(37,99,235,.95);
  flex:0 0 auto;
}
.pill{
  display:inline-flex;
  gap:.5rem;
  align-items:center;
  padding:.33rem .7rem;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(2,6,23,.02);
  color:rgba(11,18,32,.72);
  font-weight:800;
  font-size:.86rem;
  white-space:nowrap;
}
.panel-hidden{display:none;}

.theme-premium.employer-dashboard .status-list a,
.theme-premium.employer-dashboard a.status-item{color:inherit;text-decoration:none;}
.theme-premium.employer-dashboard .status-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:10px;
}
.theme-premium.employer-dashboard a.status-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  padding:12px;
  border:1px solid rgba(15,23,42,.10);
  border-radius:16px;
  background:#fff;
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease;
}
.theme-premium.employer-dashboard a.status-item:hover{
  transform:translateY(-1px);
  box-shadow:var(--shadow-sm);
  border-color:rgba(15,23,42,.14);
  background:rgba(2,6,23,.01);
}
.theme-premium.employer-dashboard :where(a.status-item.active){
  border-color:rgba(37,99,235,.32);
  background:rgba(37,99,235,.05);
  box-shadow:0 18px 45px rgba(37,99,235,.10);
}
.theme-premium.employer-dashboard .status-left{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.theme-premium.employer-dashboard .status-ic{
  width:36px;height:36px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(2,6,23,.02);
  flex:0 0 auto;
}
.theme-premium.employer-dashboard .status-ic i{color:rgba(37,99,235,.95);}
.theme-premium.employer-dashboard :where(a.status-item.active) .status-ic{
  border-color:rgba(37,99,235,.22);
  background:rgba(37,99,235,.06);
}
.theme-premium.employer-dashboard .status-name{
  font-weight:900;
  letter-spacing:-.01em;
  color:rgba(11,18,32,.92);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.theme-premium.employer-dashboard .status-count{
  min-width:36px;
  height:30px;
  padding:0 10px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  font-size:.95rem;
  letter-spacing:-.01em;
  color:rgba(11,18,32,.92);
  background:rgba(2,6,23,.05);
  border:1px solid rgba(15,23,42,.10);
  flex:0 0 auto;
}
.theme-premium.employer-dashboard :where(a.status-item.active) .status-count{
  background:rgba(37,99,235,.12);
  border-color:rgba(37,99,235,.20);
}

/* =========================================================
28) EMPLOYER FIX
========================================================= */
.hero-premium{padding:42px 0 30px;}
.section-tight{padding:60px 0;}

.hero-image{border-radius:0;overflow:visible;box-shadow:none;}
.hero-image img{width:100%;display:block;}

.hero-image .hero-wrap{
  position:relative;
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 24px 70px rgba(2,6,23,.12);
}
.hero-image .hero-wrap > img{
  width:100%;
  height:340px;
  object-fit:cover;
  display:block;
}
.hero-image .hero-wrap .overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(2,6,23,.58) 0%, rgba(2,6,23,.26) 55%, rgba(2,6,23,.06) 100%);
  pointer-events:none;
  z-index:1;
}
.hero-image .hero-wrap .content{
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
  gap:14px;
  padding:26px 26px 18px;
}
.hero-image .hero-wrap .content > div:first-child{margin-top:0;}
.hero-image .hero-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  color:#fff;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  font-weight:800;
  font-size:13px;
}
.hero-image .headline{
  color:#fff;
  font-weight:950;
  letter-spacing:-0.05em;
  line-height:1.05;
  font-size:48px;
  margin:10px 0 8px;
}
.hero-image .sub{color:rgba(255,255,255,.78);font-weight:700;font-size:15px;}
.hero-image .hero-actions{
  margin-top:16px;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.section-title{font-weight:950;letter-spacing:-0.04em;}
.muted{color:rgba(100,116,139,.9);font-weight:600;}
.ic-lg{
  width:54px;height:54px;
  border-radius:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(37,99,235,.08);
  border:1px solid rgba(37,99,235,.14);
  color:rgba(37,99,235,.95);
  flex:0 0 auto;
}
.cardx-prem{
  background:#fff;
  border:1px solid rgba(2,6,23,.08);
  border-radius:22px;
  box-shadow:0 14px 34px rgba(2,6,23,.08);
}
.feature-line{
  display:flex;
  gap:10px;
  align-items:flex-start;
  font-weight:700;
  color:rgba(11,18,32,.82);
}

/* =========================================================
29) EMPLOYER MOBILE OPTIMIZE (CSS ONLY)
========================================================= */
@media (max-width:992px){
  .hero-image .hero-wrap > img{height:280px;}
  .hero-image .headline{font-size:36px;line-height:1.12;}
  .hero-image .hero-wrap .content{padding:22px 20px 16px;}
  .hero-image .hero-actions{gap:10px;}
  .section-tight{padding:48px 0;}
  .cardx-prem{border-radius:20px;}
}

@media (max-width:767.98px){
  .auth{padding:18px 0 28px;}
  .auth-shell{
    border-radius:20px;
    overflow:hidden;
  }
  .auth-visual{
    min-height:220px;
  }
  .auth-visual img{
    transform:none;
  }
  .auth-form{
    padding:18px;
  }

  .hero-premium{padding:18px 0 14px;}
  .section-tight{padding:26px 0;}
  .hero-image .hero-wrap{
    border-radius:18px;
    box-shadow:0 16px 42px rgba(2,6,23,.12);
  }
  .hero-image .hero-wrap > img{
    height:420px;
  }
  .hero-image .hero-wrap .overlay{
    background:
      linear-gradient(180deg, rgba(2,6,23,.18) 0%, rgba(2,6,23,.34) 28%, rgba(2,6,23,.70) 100%);
  }
  .hero-image .hero-wrap .content{
    justify-content:flex-end;
    align-items:stretch;
    gap:12px;
    padding:16px;
  }
  .hero-image .hero-badge{
    font-size:12px;
    padding:7px 11px;
  }
  .hero-image .headline{
    font-size:28px;
    line-height:1.18;
    margin:8px 0 6px;
    max-width:100%;
  }
  .hero-image .sub{
    font-size:13px;
    line-height:1.5;
  }
  .hero-image .hero-actions{
    width:100%;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    margin-top:12px;
  }
  .hero-image .hero-actions .btn{
    width:100%;
    min-height:46px;
    justify-content:center;
  }

  .section-title{
    line-height:1.2;
  }
  .pill{
    font-size:.78rem;
    padding:.4rem .7rem;
  }

  .cardx{
    height:auto;
  }
  .cardx:hover{
    transform:none;
  }
  .cardx-prem{
    border-radius:16px;
    box-shadow:0 10px 26px rgba(2,6,23,.07);
  }
  .cardx-prem.p-4{
    padding:18px !important;
  }
  .ic-lg{
    width:48px;
    height:48px;
    border-radius:14px;
  }

  .cta{
    border-radius:18px;
  }
  .cta .btn{
    width:100%;
    min-height:46px;
    justify-content:center;
  }

  .feature-line{
    gap:8px;
    font-size:.95rem;
  }
}

@media (max-width:576px){
  .auth{padding:14px 0 24px;}
  .auth-shell{
    border-radius:18px;
  }
  .auth-visual{
    min-height:180px;
  }
  .auth-form{
    padding:16px;
  }

  .hero-premium{padding:14px 0 10px;}
  .hero-image .hero-wrap{
    border-radius:16px;
  }
  .hero-image .hero-wrap > img{
    height:380px;
  }
  .hero-image .hero-wrap .content{
    padding:14px;
  }
  .hero-image .headline{
    font-size:24px;
    margin:8px 0 4px;
  }
  .hero-image .sub{
    font-size:13px;
  }
  .hero-image .hero-actions .btn{
    width:100%;
    justify-content:center;
  }

  .section-tight{
    padding:22px 0;
  }
  .section-title{
    font-size:1.35rem;
  }
  .muted{
    font-size:.95rem;
  }
  .pill{
    max-width:100%;
    white-space:normal;
  }

  .cardx-prem{
    border-radius:14px;
  }
  .cardx-prem.p-4{
    padding:16px !important;
  }
  .ic-lg{
    width:44px;
    height:44px;
    border-radius:12px;
  }

  .cta{
    border-radius:16px;
  }
}

@media (max-width:420px){
  .hero-image .hero-wrap > img{
    height:350px;
  }
  .hero-image .headline{
    font-size:22px;
  }
  .hero-image .sub{
    font-size:12.5px;
  }
}