/* Auth-Schale (Login, Registrierung, Passwort) – gemeinsam für Team-Cloud und
   SpeedShot Pro (Board #600, vorher nur in teamcloud/css/app.css).
   Layout: resources/views/product/auth/layouts/split.blade.php.
   Markenfarben über --au-primary/--au-secondary/--au-accent (Standard = Team-Farben),
   Flächen/Schrift über die gemeinsamen Tokens --bg, --surface, --text, --muted, --faint,
   --f-display. Wird NACH dem Marken-CSS geladen. */
.login{--au-primary:var(--tc-primary);--au-secondary:var(--tc-secondary);--au-accent:var(--tc-accent)}
/* ---------- LOGIN ---------- */
.login{min-height:100vh;background:var(--bg)}
.login{display:grid}
.login .visual{position:relative;min-height:42vh;overflow:hidden;isolation:isolate}
.login .visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;z-index:-2}
.login .visual::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,9,12,.2),rgba(8,9,12,.15) 40%,var(--bg))}
.login .band{position:absolute;left:-10%;right:-10%;bottom:18%;height:64px;background:var(--au-primary);transform:rotate(-6deg);z-index:-1;opacity:.92;mix-blend-mode:normal}
.login .band.b2{bottom:calc(18% - 30px);height:16px;background:var(--au-secondary);opacity:1}
.login .v-in{position:absolute;left:20px;right:20px;bottom:24px;display:flex;align-items:center;gap:14px}
.login .v-in .logo-plate{box-shadow:0 10px 30px rgba(0,0,0,.5)}
.login .v-in strong{display:block;font:800 30px/.95 var(--f-display);text-transform:uppercase;text-shadow:0 2px 16px rgba(0,0,0,.5)}
.login .v-in small{font-size:13px;color:rgba(255,255,255,.8)}
.login .panel{padding:8px 20px 40px;display:flex;flex-direction:column;justify-content:center}
.login .form{width:100%;max-width:400px;margin:0 auto}
.login h1{font-size:40px;margin:10px 0 6px}
.login p.lead{color:var(--muted);margin:0 0 24px}
.login .row2{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);margin:-2px 0 20px}
.login .row2 a{color:var(--au-accent);font-weight:600}
.login .who-gets{margin-top:28px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.login .who-gets div{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted);padding:10px;border-radius:10px;background:var(--surface)}
.login .who-gets .ico{color:var(--au-accent);width:16px;height:16px}
.login .powered{margin-top:28px;font-size:12px;color:var(--faint);text-align:center}
@media (min-width:1024px){
  .login{grid-template-columns:1.25fr 1fr}
  .login .visual{min-height:100vh}
  .login .visual::before{background:linear-gradient(90deg,rgba(8,9,12,.1),rgba(8,9,12,.25) 70%,var(--bg)),linear-gradient(0deg,rgba(8,9,12,.75),transparent 45%)}
  .login .band{bottom:16%;height:96px}.login .band.b2{bottom:calc(16% - 40px);height:22px}
  .login .v-in{left:48px;bottom:48px}
  .login .v-in strong{font-size:52px}
  .login .panel{padding:48px}
  .login h1{font-size:54px}
}
/* Login-Ergänzungen */
.login .visual.noimg{background:radial-gradient(110% 120% at 80% 10%,color-mix(in srgb,var(--au-primary) 35%,transparent),transparent 55%),linear-gradient(150deg,var(--au-secondary),#0C0D10 80%)}
.login .visual .bigmark{position:absolute;right:-40px;top:-30px;width:70%;max-width:520px;aspect-ratio:1;opacity:.12;z-index:-1;display:grid;place-items:center}
.login .visual .bigmark img{width:100%;height:100%;object-fit:contain}
.login .visual .bigmark .mono{font:800 220px/1 var(--f-display);color:var(--au-primary)}
.login .row2 label{cursor:pointer}
.login .row2 input{accent-color:var(--au-primary);width:16px;height:16px}