/* ═══ LOGIN MODAL + BRAND LOGO ═══ */
.login-overlay{position:fixed;inset:0;z-index:1000;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:20px}
.login-card{background:var(--s1);border:1px solid var(--b2);border-radius:24px;width:100%;max-width:420px;padding:36px;box-shadow:0 24px 80px rgba(0,0,0,.5)}
.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:28px;justify-content:center}
.login-logo-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--np),var(--nv));display:flex;align-items:center;justify-content:center;box-shadow:0 0 24px rgba(200,149,90,.4)}
.login-logo-text{font-size:20px;font-weight:800;color:var(--t1)}.login-logo-text span{color:var(--np)}

/* „Kosmetik bei Dir" webp logo */
.kbd-logo{display:inline-flex;align-items:center;line-height:0;user-select:none}
.kbd-logo img{display:block;width:auto;object-fit:contain;max-width:100%}
.kbd-logo-sm img{height:34px}
.kbd-logo-md img{height:48px}
.kbd-logo-lg{justify-content:center;margin:0 auto 18px}
.kbd-logo-lg img{height:clamp(72px,11vw,108px)}
/* Logo ist schwarze Schrift auf transparent → im Dark-Mode invertieren */
[data-theme=dark] .kbd-logo img{filter:invert(1) brightness(1.05) drop-shadow(0 3px 14px rgba(200,149,90,.35))}
[data-theme=light] .kbd-logo img{filter:drop-shadow(0 2px 6px rgba(14,27,77,.08))}

.ltabs{display:flex;border:1px solid var(--b2);border-radius:10px;overflow:hidden;margin-bottom:22px}
.ltab{flex:1;padding:8px;text-align:center;font-size:13px;font-weight:600;cursor:pointer;transition:var(--tr);color:var(--t3);background:var(--s2)}
.ltab.active{background:var(--np);color:#fff}
.login-form{display:flex;flex-direction:column;gap:11px}
.login-hint{background:var(--s3);border:1px solid var(--b1);border-radius:9px;padding:10px 12px;font-size:12px;color:var(--t2);margin-top:8px;line-height:1.7}
.login-hint strong{color:var(--t1)}

/* ═══ MOBILE AUTH ═══ */
@media(max-width:480px){
  .login-overlay{align-items:flex-end;padding:0}
  .login-card{border-radius:24px 24px 0 0;padding:28px 20px max(36px,calc(20px + env(safe-area-inset-bottom)));max-width:100%}
  .ltab{font-size:14px;padding:10px}
  .login-form{gap:12px}
}