/*
 * Neu HR-Design
 *
 * The login page is intentionally kept in auth-login.css. This file carries
 * the same palette, typography and image treatment onto every shared page
 * without changing the other selectable themes.
 */

body.theme-hr-modern:not(.page-auth-login) {
  --bg-base: #06111d;
  --orb-1: rgba(87, 147, 188, 0.18);
  --orb-2: rgba(33, 83, 121, 0.16);
  --orb-3: rgba(201, 139, 99, 0.12);
  --text: #d9e7f3;
  --muted: #9db4c7;
  --link: #b9d8ec;
  --panel-bg: rgba(7, 20, 33, 0.78);
  --panel-edge: rgba(142, 194, 230, 0.34);
  --panel-shadow: rgba(0, 0, 0, 0.58);
  --field-bg: rgba(3, 13, 23, 0.72);
  --field-edge: rgba(116, 173, 211, 0.34);
  --accent: #d5966b;
  --accent-2: #aa6846;
  --accent-text: #fff9f3;
  --danger: #df7c78;
  --danger-2: #a9464a;
  --danger-text: #fff8f4;
  --success-bg: rgba(53, 127, 106, 0.26);
  --success-edge: rgba(146, 220, 193, 0.36);
  --error-bg: rgba(141, 48, 59, 0.34);
  --error-edge: rgba(239, 133, 143, 0.42);
  --glass-blur: 10px;
  min-height: 100vh;
  color: var(--text);
  font-family: "Manrope", "Segoe UI", sans-serif;
  background:
    linear-gradient(90deg, rgba(3, 10, 17, 0.72) 0%, rgba(3, 10, 17, 0.48) 52%, rgba(3, 10, 17, 0.72) 100%),
    url("/auth-login-bg.png") 60% center / cover fixed no-repeat,
    #06111d;
}

body.theme-hr-modern:not(.page-auth-login)::before {
  inset: 0;
  background:
    linear-gradient(180deg, rgba(3, 10, 17, 0.18), rgba(3, 10, 17, 0.42)),
    linear-gradient(112deg, transparent 0%, rgba(182, 218, 239, 0.05) 44%, transparent 70%);
  mix-blend-mode: normal;
  opacity: 0.78;
  animation: none;
}

body.theme-hr-modern:not(.page-auth-login)::after {
  display: none;
}

body.theme-hr-modern:not(.page-auth-login) :where(h1, h2, h3, h4, .brand) {
  color: #e5eff7;
  font-family: "Cinzel", Georgia, serif;
  letter-spacing: 0.02em;
}

body.theme-hr-modern:not(.page-auth-login) a {
  color: var(--link);
}

body.theme-hr-modern:not(.page-auth-login) a:hover,
body.theme-hr-modern:not(.page-auth-login) a:focus-visible {
  color: #edf8ff;
}

body.theme-hr-modern:not(.page-auth-login) .topbar {
  background: rgba(4, 13, 23, 0.91);
  border-bottom-color: rgba(142, 194, 230, 0.28);
  box-shadow: 0 1rem 2.8rem rgba(0, 0, 0, 0.26);
}

body.theme-hr-modern:not(.page-auth-login) .topbar-inner {
  width: min(100%, 1420px);
  max-width: 1420px;
}

body.theme-hr-modern:not(.page-auth-login) :where(.topbar, .panel, .card, .hero, .list-item, .character-mini-item, .guestbook-item, .chat-message, .chat-box) {
  border-color: rgba(142, 194, 230, 0.3);
  box-shadow:
    0 1.4rem 3.4rem -2.2rem rgba(0, 0, 0, 0.78),
    inset 0 1px 0 rgba(211, 235, 249, 0.04);
  backdrop-filter: blur(10px) saturate(116%);
  -webkit-backdrop-filter: blur(10px) saturate(116%);
}

body.theme-hr-modern:not(.page-auth-login) :where(.panel, .card, .hero, .list-item, .character-mini-item, .guestbook-item, .chat-message, .chat-box) {
  background: rgba(7, 20, 33, 0.78);
}

body.theme-hr-modern:not(.page-auth-login) .container {
  width: min(100%, 1420px);
  max-width: 1420px;
}

body.theme-hr-modern:not(.page-auth-login) :where(input, textarea, select) {
  border-color: rgba(116, 173, 211, 0.34);
  border-radius: 7px;
  background: rgba(3, 13, 23, 0.72);
  color: var(--text);
}

body.theme-hr-modern:not(.page-auth-login) :where(input, textarea, select):focus {
  border-color: rgba(158, 207, 237, 0.82);
  box-shadow: 0 0 0 3px rgba(104, 172, 214, 0.14);
}

body.theme-hr-modern:not(.page-auth-login) :where(.btn, .ghost-btn) {
  min-height: 2.55rem;
  border-radius: 7px;
  border-color: rgba(142, 194, 230, 0.55);
  background: linear-gradient(180deg, #d5966b, #aa6846);
  color: #fff9f3;
  box-shadow: 0 0.8rem 1.6rem rgba(38, 24, 19, 0.24);
}

body.theme-hr-modern:not(.page-auth-login) :where(.btn, .ghost-btn):hover,
body.theme-hr-modern:not(.page-auth-login) :where(.btn, .ghost-btn):focus-visible {
  border-color: #f0b28a;
  filter: brightness(1.06);
}

body.theme-hr-modern:not(.page-auth-login) :where(.btn-secondary, .ghost-btn) {
  background: rgba(7, 25, 41, 0.48);
  color: #cfe5f4;
  border-color: rgba(142, 194, 230, 0.62);
  box-shadow: none;
}

body.theme-hr-modern:not(.page-auth-login) :where(.btn-danger) {
  background: linear-gradient(180deg, #df7c78, #a9464a);
  border-color: #df8d87;
}

body.theme-hr-modern:not(.page-auth-login) .theme-select,
body.theme-hr-modern:not(.page-auth-login) .account-chip,
body.theme-hr-modern:not(.page-auth-login) .topbar-primary-menu-toggle,
body.theme-hr-modern:not(.page-auth-login) .topbar-area-menu-toggle,
body.theme-hr-modern:not(.page-auth-login) .topbar-user-menu-toggle {
  border-color: rgba(116, 173, 211, 0.34);
  background: rgba(7, 25, 41, 0.52);
  color: #cfe5f4;
}

body.theme-hr-modern:not(.page-auth-login) .theme-select:focus,
body.theme-hr-modern:not(.page-auth-login) .theme-select:hover,
body.theme-hr-modern:not(.page-auth-login) .account-chip:hover,
body.theme-hr-modern:not(.page-auth-login) .topbar-primary-menu-toggle:hover,
body.theme-hr-modern:not(.page-auth-login) .topbar-area-menu-toggle:hover,
body.theme-hr-modern:not(.page-auth-login) .topbar-user-menu-toggle:hover {
  border-color: rgba(158, 207, 237, 0.82);
  background: rgba(18, 50, 75, 0.72);
  color: #edf8ff;
}

body.theme-hr-modern:not(.page-auth-login) :where(.flash, .inline-error, .inline-success) {
  border-radius: 7px;
}

body.theme-hr-modern:not(.page-auth-login) :where(.topbar-primary-menu-panel, .topbar-area-menu-list, .topbar-user-menu-panel, .modal, .dropdown-menu) {
  border-color: rgba(142, 194, 230, 0.42);
  background: rgba(6, 18, 31, 0.96);
  box-shadow: 0 1.8rem 3rem rgba(0, 0, 0, 0.42);
  backdrop-filter: blur(15px) saturate(125%);
  -webkit-backdrop-filter: blur(15px) saturate(125%);
}

body.theme-hr-modern:not(.page-auth-login) :where(.muted, small, .help-text) {
  color: #aac0d1;
}

body.theme-hr-modern:not(.page-auth-login) :where(hr, .separator, .section-divider) {
  border-color: rgba(142, 194, 230, 0.28);
  background: linear-gradient(90deg, transparent, rgba(142, 194, 230, 0.58), transparent);
}

@media (max-width: 760px) {
  body.theme-hr-modern:not(.page-auth-login) {
    background-position: 58% center;
    background-attachment: scroll;
  }

  body.theme-hr-modern:not(.page-auth-login) :where(.topbar, .panel, .card, .hero, .list-item, .character-mini-item, .guestbook-item, .chat-message, .chat-box) {
    backdrop-filter: blur(7px) saturate(110%);
    -webkit-backdrop-filter: blur(7px) saturate(110%);
  }
}