/* Common account entry. Deliberately scoped away from company ERP screens. */
#authScreen.common-auth-screen,
#emailVerificationScreen.common-auth-screen {
  --auth-navy: #0b1b3b;
  --auth-green: #00866d;
  --auth-muted: #53628a;
  --auth-line: #cbd5e6;
  min-height: 100vh;
  min-height: 100dvh;
  align-items: flex-start;
  padding: 32px 20px;
  background: radial-gradient(ellipse at 52% 0, #eaf5f0 0, #f6f8f8 45%, #eff2f5 100%);
  color: var(--auth-navy);
}
#authScreen .common-auth-card,
#emailVerificationScreen .common-auth-card {
  position: relative;
  width: min(480px, 100%);
  max-width: 100%;
  padding: 26px 30px 22px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .8);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 18px 60px rgba(16, 36, 54, .12);
  text-align: left;
}
.common-auth-brand-row { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.common-auth-brand { display: flex; align-items: center; gap: 6px; min-height: 68px; }
.common-auth-emblem { position: relative; display: block; flex: 0 0 60px; width: 60px; height: 68px; overflow: hidden; }
.common-auth-emblem img { position: absolute; left: -41px; top: -14px; width: 142px; max-width: none; height: 142px; }
.common-auth-wordmark { color: #061b37; font-size: 32px; font-weight: 900; letter-spacing: -1.15px; line-height: 1; }
.common-auth-wordmark > span { color: #249c2e; }
#authScreen .common-auth-back {
  flex: 0 0 32px; width: 32px; min-height: 44px; padding: 6px 0;
  border: 0; border-radius: 8px; background: transparent; color: var(--auth-navy); cursor: pointer;
}
.common-auth-back svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 2.7; stroke-linecap: round; stroke-linejoin: round; }
.common-auth-intro { position: relative; }
.common-auth-landscape { position: absolute; z-index: 0; pointer-events: none; width: 350px; height: 245px; top: -95px; right: -75px; opacity: .68; }
#authScreen .common-auth-headline,
#emailVerificationScreen .common-auth-headline {
  position: relative; z-index: 1; margin: 0 0 12px; color: var(--auth-navy);
  font-size: 37px; font-weight: 900; letter-spacing: -1.9px; line-height: 1.24; word-break: keep-all;
}
#authScreen .common-auth-headline > span,
#emailVerificationScreen .common-auth-headline > span { color: var(--auth-green); }
#authScreen .common-auth-subtitle,
#emailVerificationScreen .common-auth-subtitle {
  position: relative; z-index: 1; margin: 0; color: var(--auth-muted); font-size: 19px; line-height: 1.45; letter-spacing: -.6px; word-break: keep-all;
}
.common-auth-features { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 9px; margin: 18px 0 16px; padding: 0; list-style: none; }
.common-auth-features li { grid-column: span 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 82px; padding: 10px 5px; border-radius: 12px; background: linear-gradient(135deg, #effaf5, #eaf6f2); color: var(--auth-navy); font-size: 15px; font-weight: 800; letter-spacing: -.5px; }
.common-auth-features li:nth-child(n+4) { grid-column: span 3; }
.common-auth-features svg { width: 33px; height: 33px; fill: none; stroke: #06676b; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.common-auth-features .feature-accent { stroke: #139dbf; stroke-width: 3; }
#authScreen .common-auth-signup-intro { margin: 2px 0 18px; }
#authScreen .common-auth-badge { display: inline-block; margin: 0 0 17px; padding: 7px 14px; border-radius: 999px; background: #eaf7f1; color: #008069; font-size: 14px; font-weight: 700; letter-spacing: -.35px; line-height: 1.45; }
#authScreen .common-auth-signup-intro .common-auth-headline { font-size: 38px; margin-bottom: 12px; }
.common-auth-fields { display: grid; gap: 13px; }
#authScreen .common-auth-field > label { display: block; margin: 0 0 6px; color: var(--auth-navy); font-size: 14px; font-weight: 800; line-height: 1.4; }
#authScreen .common-auth-field input,
#authScreen #passwordResetRequestPanel input,
#authScreen .approved-demo-access input,
#authScreen .approved-demo-access select {
  display: block; width: 100%; min-height: 45px; padding: 11px 14px; border: 1.5px solid var(--auth-line); border-radius: 7px;
  background: #fff; color: var(--auth-navy); font-size: 16px; line-height: 1.25; box-shadow: none;
}
#authScreen input::placeholder { color: #68749a; opacity: 1; }
#authScreen input:focus,
#authScreen select:focus { border-color: #00866d; outline: 3px solid #00866d1f; outline-offset: 1px; }
.common-auth-password { position: relative; }
#authScreen .common-auth-password input { padding-right: 50px; }
#authScreen .common-auth-password-toggle { position: absolute; inset: 0 4px 0 auto; display: grid; place-items: center; width: 42px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: #5b668c; cursor: pointer; }
.common-auth-password-toggle svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 2; }
.common-auth-password-toggle[aria-pressed="true"] { color: #00866d; }
#authScreen .common-auth-forgot { margin: 1px 0 0; text-align: right; }
#authScreen .common-auth-forgot button { min-height: 38px; padding: 6px 0; border: 0; background: transparent; color: #06677e; font-size: 14px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
#authScreen .common-auth-submit,
#emailVerificationScreen .common-auth-submit { width: 100%; min-height: 50px; margin: 8px 0 0; padding: 11px 14px; border: 1px solid #00826c; border-radius: 10px; background: linear-gradient(100deg, #008970, #007d6b); color: #fff; box-shadow: none; font-size: 20px; font-weight: 800; line-height: 1.35; cursor: pointer; }
#authScreen .common-auth-submit:hover,
#emailVerificationScreen .common-auth-submit:hover { background: #006f5d; }
.common-auth-divider { display: flex; align-items: center; gap: 18px; margin: 12px 0; color: #64718c; font-size: 13px; }
.common-auth-divider::before, .common-auth-divider::after { content: ""; flex: 1; height: 1px; background: #d6deeb; }
#authScreen .common-auth-signup-button,
#emailVerificationScreen .common-auth-signup-button { width: 100%; min-height: 47px; padding: 9px 12px; border: 1.5px solid #00866d; border-radius: 9px; background: #fff; color: #00866d; font-size: 18px; font-weight: 800; line-height: 1.4; cursor: pointer; }
#authScreen .common-auth-signup-button:hover,
#emailVerificationScreen .common-auth-signup-button:hover { background: #f2faf6; }
#authScreen .common-auth-privacy,
#emailVerificationScreen .common-auth-privacy { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 38px; margin: 12px 0 9px; padding: 8px 9px; border-radius: 9px; background: #ebf8f2; color: #007e68; font-size: 13px; font-weight: 600; letter-spacing: -.25px; line-height: 1.4; word-break: keep-all; }
.common-auth-privacy svg { flex: 0 0 22px; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.common-auth-invite { padding-top: 8px; border-top: 1px solid #d9e1ed; }
#authScreen .common-auth-invite p { margin: 0 0 2px; color: var(--auth-muted); font-size: 13px; line-height: 1.45; }
#authScreen .common-auth-invite-link { min-height: 32px; padding: 0; border: 0; background: transparent; color: #076b7d; font-size: 14px; font-weight: 700; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.common-auth-invite-link > span:last-child { display: inline-block; margin-left: 6px; text-decoration: none; }
.common-auth-consents { margin: 12px 0 3px; }
#authScreen label.common-auth-consent { display: flex; align-items: flex-start; gap: 10px; min-height: 34px; margin: 0; padding: 5px 0; color: var(--auth-muted); font-size: 14px; font-weight: 500; line-height: 1.5; cursor: pointer; }
#authScreen .common-auth-consent input { flex: 0 0 20px; appearance: auto; width: 20px; height: 20px; min-height: 20px; margin: 0; padding: 0; border-radius: 4px; accent-color: #00866d; }
.common-auth-consent-with-details { position: relative; padding-right: 26px; }
#authScreen details.common-auth-legal { margin: 0; color: var(--auth-muted); }
.common-auth-legal summary { position: absolute; right: 0; top: 0; display: grid; place-items: center; width: 30px; height: 34px; overflow: hidden; list-style: none; font-size: 0; cursor: pointer; }
.common-auth-legal summary::-webkit-details-marker { display: none; }
.common-auth-legal summary::after { content: ""; width: 8px; height: 8px; border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor; transform: rotate(45deg); }
.common-auth-legal[open] summary::after { transform: rotate(135deg); }
#authScreen .common-auth-legal p { margin: 2px 0 8px 30px; padding: 9px 10px; border-radius: 7px; background: #f5f7fa; color: #637087; font-size: 12px; line-height: 1.6; }
#authScreen .common-auth-verification-note { margin: 7px 0 0; color: var(--auth-muted); text-align: center; font-size: 12px; line-height: 1.55; }
#authScreen .approved-demo-access { margin: 14px 0 0; padding: 11px 0 0; border: 0; border-top: 1px solid #e5eaf1; border-radius: 0; background: transparent; color: #69748e; font-size: 12px; }
#authScreen .approved-demo-access summary { color: #69748e; font-size: 12px; font-weight: 500; cursor: pointer; }
#authScreen .approved-demo-access p { margin: 10px 0; color: #64718c; font-size: 13px; line-height: 1.55; }
#authScreen .approved-demo-access label { margin: 10px 0 6px; font-size: 13px; }
#authScreen #passwordResetRequestPanel { margin: 8px 0; padding: 14px; border: 1px solid #d9e8e1; border-radius: 10px; background: #f5faf7; }
#authScreen #passwordResetRequestPanel p { margin: 0 0 10px; font-size: 13px; line-height: 1.55; }
#authScreen #passwordResetRequestPanel label { margin: 6px 0; font-size: 13px; }
#authScreen #passwordResetRequestPanel .primary { background: #00866d; }
#authScreen #passwordResetRequestStatus { margin: 9px 0 0; }
#authScreen button:focus-visible,
#authScreen summary:focus-visible,
#emailVerificationScreen button:focus-visible { outline: 3px solid #1b95a2; outline-offset: 3px; }
#authScreen button:disabled,
#emailVerificationScreen button:disabled { opacity: .6; cursor: wait; }
#emailVerificationScreen { align-items: center; }
#emailVerificationScreen .common-auth-verification-card { padding-bottom: 25px; }
#emailVerificationScreen .common-auth-mail-icon { display: grid; place-items: center; width: 68px; height: 68px; margin: 30px 0 20px; border-radius: 18px; background: #eaf7f1; color: #00866d; }
.common-auth-mail-icon svg { width: 38px; height: 38px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#emailVerificationScreen .common-auth-subtitle { font-size: 16px; line-height: 1.7; }
#emailVerificationScreen .common-auth-verification-email { margin: 12px 0 18px; color: #007b65; font-size: 15px; font-weight: 700; overflow-wrap: anywhere; }
#emailVerificationScreen .common-auth-signup-button { margin-top: 10px; font-size: 16px; }
#emailVerificationScreen .common-auth-exit { display: block; min-height: 44px; margin: 8px auto 0; padding: 8px; border: 0; background: transparent; color: #61708d; font-size: 14px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
#personalWorkspaceSwitchButton.sidebar-personal-workspace { width: 100%; min-height: 44px; margin: 0 0 12px; padding: 11px 12px; border: 1px solid #5dcab361; border-radius: 11px; background: #13a98c14; color: #9aead9; text-align: left; font-size: 13px; font-weight: 700; cursor: pointer; }
#personalWorkspaceSwitchButton.sidebar-personal-workspace:hover { border-color: #6bd7c2; background: #14a98d30; }
#personalWorkspaceSwitchButton span { margin-right: 5px; }
@media (max-width: 520px) {
  #authScreen.common-auth-screen, #emailVerificationScreen.common-auth-screen { padding: 0; background: #fff; }
  #authScreen .common-auth-card, #emailVerificationScreen .common-auth-card { width: 100%; min-height: 100dvh; padding: max(20px, env(safe-area-inset-top)) 24px max(18px, env(safe-area-inset-bottom)); border: 0; border-radius: 0; box-shadow: none; }
  .common-auth-brand-row { margin-bottom: 15px; }
  .common-auth-brand { min-height: 60px; }
  .common-auth-emblem { transform: scale(.9); transform-origin: left center; flex-basis: 54px; margin-right: -5px; }
  .common-auth-wordmark { font-size: 29px; }
  #authScreen .common-auth-headline, #emailVerificationScreen .common-auth-headline { font-size: 32px; letter-spacing: -1.5px; }
  #authScreen .common-auth-signup-intro .common-auth-headline { font-size: 34px; }
  #authScreen .common-auth-subtitle { font-size: 17px; }
  .common-auth-landscape { right: -105px; top: -85px; opacity: .48; }
  .common-auth-features { gap: 8px; margin: 17px 0 17px; }
  .common-auth-features li { min-height: 76px; font-size: 14px; }
  .common-auth-features svg { width: 30px; height: 30px; }
  #authScreen .common-auth-badge { max-width: 100%; padding: 7px 11px; font-size: 13px; letter-spacing: -.4px; }
  #authScreen label.common-auth-consent { font-size: 13px; }
  #authScreen .common-auth-privacy, #emailVerificationScreen .common-auth-privacy { font-size: 12px; }
  #emailVerificationScreen .common-auth-verification-card { display: flex; flex-direction: column; justify-content: center; }
}
@media (max-width: 360px) {
  #authScreen .common-auth-card, #emailVerificationScreen .common-auth-card { padding-left: 18px; padding-right: 18px; }
  #authScreen .common-auth-headline { font-size: 29px; letter-spacing: -1.6px; }
  #authScreen .common-auth-signup-intro .common-auth-headline { font-size: 32px; }
  #authScreen .common-auth-subtitle { font-size: 16px; }
  #authScreen .common-auth-badge { font-size: 11.5px; padding: 7px 10px; }
  .common-auth-features li { font-size: 13px; }
  #authScreen .common-auth-privacy { font-size: 11px; gap: 5px; }
  #authScreen label.common-auth-consent { font-size: 12px; gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  #authScreen *, #emailVerificationScreen * { scroll-behavior: auto; }
}

/* Server readiness/consent and optional company participation, outside ERP layout. */
.personal-company-entry { box-sizing:border-box; max-width:520px; margin:32px auto; padding:26px; border:1px solid #dce6e3; border-radius:20px; background:#fff; color:#102540; box-shadow:0 12px 48px #0b29451a; }
.personal-company-entry h1,.personal-company-entry h2 { margin:0 0 16px; font-size:25px; line-height:1.4; }
.personal-company-entry p { line-height:1.65; }
.personal-company-entry a { display:block; margin:14px 0; color:#007d6b; text-decoration:underline; }
.personal-company-entry label { display:flex; gap:10px; align-items:center; margin:18px 0; font-size:15px; line-height:1.5; }
.personal-company-entry input[type=checkbox] { width:22px; height:22px; flex:0 0 22px; }
.personal-company-entry button { display:block; min-height:46px; width:100%; margin-top:12px; }
#personalCompanyEntry196 { width:calc(100% - 32px); max-height:calc(100dvh - 48px); overflow:auto; margin:auto; }
#personalCompanyEntry196::backdrop { background:#0d243c80; }

#personalSignupAvailability196 { padding:12px 14px; border:1px solid #c9e1d7; border-radius:10px; background:#f3faf7; color:#145843; font-size:14px; line-height:1.55; }

.common-auth-legacy-code { display:block; margin:14px 0 0; min-height:40px; font-size:13px; color:#58687b; }
#companyCodeDialog196 { width:calc(100% - 32px); max-height:calc(100dvh - 32px); overflow:auto; margin:auto; }
#companyCodeDialog196::backdrop { background:#0d243c80; }
#companyCodeDialog196 label { display:block; margin:14px 0 5px; }
#companyCodeDialog196 input { width:100%; min-height:44px; padding:10px; box-sizing:border-box; font-size:16px; }
#companyCodeDialog196 label[hidden] { display:none !important; }

/* This navigation button lives inside .epw-screen, whose inherited button
   foreground must not override the filled primary action's white label. */
#personalCompanyEntry196 > button.primary{color:#fff;font-weight:700}

/* Public login is minimal; retained demo fields are not visible or focusable. */
#authScreen .common-auth-retired-demo { display: none !important; }