/* 雨燕 HR admin login page. Visual-only layer over Django admin login.
   Reformatted from single-line source; values now reference tokens.css. */
@import url("./tokens.a160c6196df7.css");

body.login,
.admin-interface.login {
  min-height: 100vh !important;
  margin: 0 !important;
  background: radial-gradient(circle at 18% 12%, #EFF6FF 0, transparent 30%), var(--canvas) !important;
  font-family: var(--font);
}

body.login #header,
body.login #branding,
body.login .environment,
body.login #nav-sidebar,
body.login .toggle-nav-sidebar,
body.login .skip-to-content-link {
  display: none !important;
}

body.login #container,
body.login #main,
body.login #content {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.yuyan-login-wrap {
  position: fixed;
  inset: 0;
  z-index: 10;
  display: grid;
  place-items: center;
  padding: 24px;
}

.yuyan-login-card {
  width: min(100%, 390px);
  overflow: hidden;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: 0 18px 48px rgba(16, 24, 40, .10);
}

.yuyan-login-brand {
  text-align: left;
  padding: 30px 30px 8px;
}

.yuyan-login-brand h1 {
  margin: 0 !important;
  color: var(--ink-strong) !important;
  background: none !important;
  font-size: 25px !important;
  line-height: 1.2 !important;
  letter-spacing: -.02em;
}

.yuyan-login-brand .subtitle {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.yuyan-login-brand .prod-pill {
  display: inline-flex;
  align-items: center;
  margin-top: 14px;
  padding: 4px 8px;
  border: 1px solid var(--warning-border);
  border-radius: 999px;
  background: var(--warning-bg);
  color: var(--warning);
  font-size: 11px;
  font-weight: 700;
}

body.login #content-main,
body.login .yuyan-login-card form {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 20px 30px 30px !important;
}

body.login .form-row {
  float: none !important;
  width: auto !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
}

body.login label {
  float: none !important;
  display: block !important;
  width: auto !important;
  padding: 0 0 6px !important;
  color: var(--text) !important;
  font-size: 13px;
  font-weight: 600;
}

body.login input[type=text],
body.login input[type=password] {
  float: none !important;
  width: 100% !important;
  min-height: 44px !important;
  padding: 10px 12px !important;
  border: 1px solid var(--border-strong) !important;
  border-radius: 9px !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

body.login input:focus {
  border-color: var(--brand-accent) !important;
  box-shadow: 0 0 0 3px var(--focus) !important;
  outline: none !important;
}

body.login .submit-row {
  float: none !important;
  width: 100% !important;
  margin: 22px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.login .submit-row input {
  width: 100% !important;
  min-height: 44px !important;
  border-radius: 9px !important;
  background: var(--brand-accent) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: none !important;
}

body.login .submit-row input:hover {
  background: var(--brand-accent-hover) !important;
}

body.login .errornote {
  margin: 12px 30px 0 !important;
  border-radius: 9px;
}