.auth-layout { max-width: 720px; padding-block: 48px; }
.auth-layout h1 { font-size: clamp(32px,5vw,44px); margin-block: 18px; overflow-wrap: anywhere; }
.auth-notice, .auth-help { color: var(--color-text-secondary); font-size: 12px; margin-block: 16px; }
.auth-form { display: grid; gap: 18px; margin-block: 24px; }
.auth-form > label { display: grid; gap: 8px; font-size: 14px; }
.auth-form input:not([type=checkbox]) { width: 100%; min-height: 48px; padding: 12px; border: 1px solid var(--color-border); border-radius: var(--radius-small); color: var(--color-text-primary); background: var(--color-background); font: inherit; }
.auth-form input[aria-invalid=true] { border-color: #8b3434; }
.auth-form .auth-checkbox { display: flex; align-items: flex-start; gap: 12px; }
.auth-checkbox input { width: 20px; height: 20px; flex-shrink: 0; accent-color: var(--color-primary); }
.auth-errors { border-left: 3px solid #8b3434; background: #f6eae5; padding: 16px; font-size: 13px; }
.auth-errors ul { padding-left: 20px; margin-top: 8px; }
.auth-switch a { text-decoration: underline; }
.auth-resend, .auth-logout { margin-top: 24px; }
.auth-appointments { margin-top: 32px; font-size: 25px; }
.auth-dev-code { padding: 20px; border: 1px dashed var(--color-primary); border-radius: var(--radius-medium); background: #eef2ec; font-size: 12px; }
.auth-dev-code output { display: block; font-size: 32px; letter-spacing: 6px; margin-block: 12px; }
@media(max-width:560px) { .auth-layout { padding-block: 28px; } .auth-panel { padding: 24px 16px; } .auth-panel .button { width: 100%; } }

/* Kanlaya Designrunde 09.10.2026: dezentes Logo + Kundenkonto-Aktionen */
.auth-logo{display:flex;justify-content:center;align-items:center;margin:0 auto 8px;pointer-events:none}.auth-logo img{display:block;width:72px;height:72px;object-fit:contain;opacity:.82}.auth-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}.auth-actions .auth-logout{margin-top:0}.auth-actions form{margin-bottom:0}.auth-checkbox span{line-height:1.45}.auth-checkbox a{text-decoration:underline}
@media(max-width:560px){.auth-logo img{width:60px;height:60px}.auth-actions{display:grid;grid-template-columns:1fr;gap:10px}.auth-actions .button{width:100%;text-align:center}.auth-actions form{width:100%}}


/* 09.10.2026: fester Kopfbereich, Logo mittig im Header */
.site-header{position:sticky;top:0;z-index:100;background:var(--color-background,#fff);box-shadow:0 1px 0 rgba(0,0,0,.06)}
.booking-header{position:relative}
.auth-header-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;text-decoration:none}
.auth-header-logo img{display:block;width:58px;height:58px;object-fit:contain}
@media(max-width:700px){.auth-header-logo img{width:48px;height:48px}}
@media(max-width:560px){.auth-header-logo img{width:42px;height:42px}}