/* Manea account login: light original pattern, centered icon and clear form hierarchy.
   Loaded only for the opt-in account login. */
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) {
  --bg:#f3f6f9;--surface:#fff;--field:#f7f9fa;--subtle:#e8edf2;--hover:#dce4eb;
  --ink:#202a34;--secondary:#465767;--muted:#526273;--line:#d1dae2;--line-strong:#748594;
  --accent:#018081;--accent-hover:#006b6c;--accent-text:#006f70;--on-accent:#fff;--focus:#018081;
  font-size:16px;line-height:24px;background:var(--bg) url("../patterns/manea-login-pattern-light.svg") center / cover no-repeat fixed;
}
html[data-theme="dark"] body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) {
  --bg:#101010;--surface:#1b232b;--field:#151d25;--subtle:#28333d;--hover:#343f49;
  --ink:#f2f5f8;--secondary:#d1dbe5;--muted:#bac6d2;--line:#394651;--line-strong:#788b9b;
  --accent:#e1f9f4;--accent-hover:#c8eee6;--accent-text:#e1f9f4;--on-accent:#005b5c;--focus:#e1f9f4;
  background:var(--bg) url("../patterns/venyar_M-12_zeichenfeld_dunkel_5000.svg") center / cover no-repeat fixed;
}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) #app {
  justify-content:center;min-height:100dvh;padding:40px 16px 32px;box-sizing:border-box;
}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .entry-header {
  display:none;
}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-login-brand .brand-link {display:inline-flex;padding:0;line-height:0;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-login-brand img {width:56px;height:auto;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) main#main.auth-main:has(.auth-login) {
  flex:0 0 auto;width:min(500px,100%);margin:0 auto;padding:0;
}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-login {
  padding:28px 32px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:none;
}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-login-layout {display:block;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-login-summary {display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-items:center;gap:16px;padding:0;margin:0 0 24px;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-login-brand {grid-column:1;line-height:0;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-login-summary > .auth-intro {grid-column:1;justify-self:stretch;margin:0;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-login-summary .auth-head {grid-column:1;margin:0;text-align:center;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-login-summary .auth-head .auth-titel {
  font-size:26px;line-height:34px;font-weight:600;letter-spacing:-.3px;
}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-login-guide,
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-intro:has(.auth-login-caption),
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-local-login-heading-default {display:none;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-login .auth-workarea {
  padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;
}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-intro {margin-bottom:20px;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-intro :is(.auth-caption,.secondary) {font-size:16px;line-height:24px;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) :is(.auth-local-login-heading,.auth-provider-entry h2) {font-size:20px;line-height:30px;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) #login-form {
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;
}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) #login-form .field {grid-column:1 / -1;margin:0;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) #login-form .field label {margin-bottom:8px;font-size:16px;line-height:24px;font-weight:550;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) #login-form .field input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]) {
  height:48px;min-height:48px;padding:11px 14px;border-radius:8px;font-size:16px;line-height:24px;background:var(--field);
}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) #login-form .password-field input {padding-right:52px !important;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) #login-form .password-field .icon-btn {
  width:48px;min-width:48px;height:48px;min-height:48px;border-radius:0 8px 8px 0;border:1px solid transparent;background-clip:padding-box;
}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) #login-form .password-field .icon-btn .icon {width:22px;height:22px;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) #login-form .auth-options {display:contents;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) #login-form .auth-options .check-label {grid-column:1;min-height:44px;font-size:16px;line-height:24px;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) #login-form .auth-options > a {grid-column:2;min-height:44px;justify-self:end;font-size:16px;line-height:24px;font-weight:550;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-login .btn {min-height:44px;padding:9px 16px;border-radius:8px;font-size:16px;line-height:24px;font-weight:600;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) #login-form > .btn {grid-column:1 / -1;width:100%;min-height:48px;justify-self:stretch;align-self:end;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-login .auth-secondary-entry {margin-top:20px;padding-top:20px;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-login .auth-secondary-entry .sso-button {
  min-height:48px;background:var(--surface);border-color:var(--line-strong);font-weight:550;
}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-login .auth-alternative-label {margin-bottom:8px;font-size:15px;line-height:22px;font-weight:550;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-login .auth-secondary-entry .auth-note {margin-top:8px;font-size:15px;line-height:24px;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-login-form > .auth-note {margin-top:20px;font-size:15px;line-height:24px;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) #login-form .password-field .icon-btn[aria-pressed="true"]:not(:disabled) {background-color:var(--subtle);color:var(--accent-text);}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) #login-form .password-field .icon-btn:focus-visible {outline:2px solid var(--focus);outline-offset:-4px;border-radius:8px;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) #login-form .password-field .icon-btn:active:not(:disabled) {transform:none;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) #app > .auth-footer {
  display:flex;flex-direction:column-reverse;justify-content:center;gap:8px;width:min(500px,100%);margin:20px auto 0;padding:0;background:transparent;font-size:13px;line-height:20px;text-align:center;
}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) #app > .auth-footer nav {width:100%;justify-content:center;gap:0 16px;margin:0;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) #app > .auth-footer nav a {min-height:44px;font-size:14px;line-height:22px;font-weight:550;}
@media(hover:hover) and (pointer:fine) {
  body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) #login-form .password-field .icon-btn:hover:not(:disabled):not([aria-pressed="true"]) {background-color:var(--hover);color:var(--ink);}
  body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-login .auth-secondary-entry .sso-button:hover:not(:disabled):not([aria-disabled="true"]) {background:var(--field);border-color:var(--accent);}
}
/* Keep login actions steady; pressed feedback uses the existing palette. */
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-login .btn:active {transform:none;}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-login .btn.primary:active:not(:disabled):not([aria-disabled="true"]) {background:var(--accent-hover);border-color:var(--accent-hover);}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-login .auth-secondary-entry .sso-button:active:not(:disabled):not([aria-disabled="true"]) {background:var(--subtle);border-color:var(--accent);}
@media(max-height:760px) {
  body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) #app {justify-content:flex-start;padding-top:32px;}
}
@media(max-width:479px) {
  body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) #app > .auth-footer nav {grid-template-columns:minmax(0,2fr) minmax(0,3fr);}
  body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) #app {padding:24px 16px;}
  body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-login-brand img {width:48px;}
  body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-login {padding:20px;}
}
@media(max-width:439px) {
  body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) #login-form .auth-options .check-label,
  body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) #login-form .auth-options > a,
  body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) #login-form > .btn {grid-column:1 / -1;}
  body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) #login-form .auth-options > a {justify-self:start;}
}

/* Account feedback uses the form reading scale and a single clear gap. */
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) .auth-login-form > :is(.notice,.form-error:not(.field-error)) {
  margin:0 0 16px;padding:12px 16px;border-radius:8px;font-size:15px;line-height:24px;overflow-wrap:anywhere;
}
body.auth-page[data-design="landing"][data-entry="login"]:has(.auth-login) #login-form .form-error.field-error {
  margin:8px 0 0;font-size:15px;line-height:24px;overflow-wrap:anywhere;
}