:root {
  --hrnest-navy: #141f5c;
  --hrnest-mint: #3cc39a;
  --hrnest-orange: #ff8a00;
  --hrnest-canvas-top: #fbfcff;
  --hrnest-canvas-bottom: #f5f8fd;
}

html {
  background: var(--hrnest-canvas-bottom);
}

.hrnest-cursor-fx {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  contain: strict;
}

body {
  background-color: var(--hrnest-canvas-bottom) !important;
  background-image:
    linear-gradient(135deg, rgba(60, 195, 154, .055) 0, transparent 34%),
    linear-gradient(225deg, rgba(255, 138, 0, .035) 0, transparent 26%),
    radial-gradient(rgba(20, 31, 92, .055) .8px, transparent .9px),
    linear-gradient(180deg, var(--hrnest-canvas-top) 0%, var(--hrnest-canvas-bottom) 72%, #f1faf7 100%) !important;
  background-position: 0 0, 0 0, 0 0, 0 0 !important;
  background-size: auto, auto, 24px 24px, auto !important;
  background-attachment: fixed !important;
}

body > .app,
body > .job-app,
body > .candidate-detail-v2-app,
body > .manager-settings-app,
body > .dash-app,
.app,
.job-app,
.candidate-list-v2-app,
.candidate-detail-v2-app,
.manager-settings-app,
.dash-app {
  background-color: transparent !important;
  background-image: none !important;
}

body > .app > .main,
body > .job-app > .job-main,
body > .candidate-detail-v2-app > .candidate-detail-v2-main,
body > .manager-settings-app > .manager-settings-main,
body > .dash-app > .dash-main {
  background-color: transparent !important;
  background-image: none !important;
}

.side {
  background: rgba(255, 255, 255, .94) !important;
  backdrop-filter: blur(14px) saturate(125%);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
}

.login-shell {
  background: transparent !important;
}

.login-shell::before {
  background-image: radial-gradient(rgba(20, 31, 92, .075) .8px, transparent .9px) !important;
  background-size: 24px 24px !important;
  opacity: .7 !important;
}

.login-shell::after {
  display: none !important;
}

.login-card {
  border-color: rgba(20, 31, 92, .11) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 22px 64px rgba(13, 26, 75, .13) !important;
  backdrop-filter: blur(18px) saturate(120%);
  -webkit-backdrop-filter: blur(18px) saturate(120%);
}

.login-card::before {
  display: none !important;
}

.login-lang-switch {
  border-color: #e2e7ef !important;
  background: rgba(246, 248, 252, .92) !important;
  box-shadow: none !important;
}

.login-lang-switch a {
  color: #647083 !important;
}

.login-lang-switch a.active {
  background: var(--hrnest-navy) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.login-logo-badge {
  width: 220px !important;
  height: 72px !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.login-logo-badge img {
  width: 220px !important;
  height: 72px !important;
  object-fit: contain !important;
}

.login-title {
  background: linear-gradient(100deg, var(--hrnest-navy) 12%, #179978 68%, #ef7300 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.login-subtitle,
.login-check-text,
.login-link,
.login-help {
  color: #647083 !important;
}

.login-subtitle strong,
.login-link:hover {
  color: #179978 !important;
}

.login-label {
  color: #33363d !important;
}

.login-input {
  border-color: #e2e7ef !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #33363d !important;
}

.login-input:focus {
  border-color: rgba(23, 153, 120, .55) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(60, 195, 154, .12) !important;
}

.login-input-wrap:focus-within .login-input-icon {
  color: #179978 !important;
}

.login-password-toggle:hover {
  color: var(--hrnest-navy) !important;
  background: #f6f8fc !important;
}

.login-checkbox {
  border-color: #cfd7e5 !important;
  background: #fff !important;
}

.login-checkbox:checked {
  border-color: #179978 !important;
  background: #179978 !important;
}

.login-submit {
  border-radius: 8px !important;
  background: linear-gradient(100deg, var(--hrnest-navy), #1d2d78 58%, #179978) !important;
  box-shadow: 0 14px 30px rgba(20, 31, 92, .18) !important;
}

@media (max-width: 720px) {
  body {
    background-attachment: scroll !important;
    background-size: auto, auto, 20px 20px, auto !important;
  }

  .login-logo-badge,
  .login-logo-badge img {
    width: 188px !important;
    height: 62px !important;
  }
}

@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  .hrnest-cursor-fx {
    display: none !important;
  }
}

@media print {
  .hrnest-cursor-fx {
    display: none !important;
  }

  html,
  body {
    background: #fff !important;
    background-image: none !important;
  }
}