/* Auth/Login page styles. Extracted from renderAuthLoginPage() in panel/webPanel.js. Tenant theming is applied via a class (e.g. body.tenant-sd) instead of server-side string interpolation. */ :root{ --bg0:#070a12; --bg1:#0b0e14; --card:rgba(17,24,39,.78); --border:rgba(148,163,184,.22); --border2:rgba(148,163,184,.35); --text:#e5e7eb; --muted:rgba(229,231,235,.7); --accent1:#4f46e5; --accent2:#06b6d4; } *{box-sizing:border-box} body{ font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:var(--text); background: radial-gradient(1000px 500px at 20% 10%, rgba(79,70,229,.22), transparent 60%), radial-gradient(900px 500px at 80% 20%, rgba(6,182,212,.14), transparent 55%), radial-gradient(700px 450px at 40% 95%, rgba(251,191,36,.08), transparent 60%), linear-gradient(180deg, var(--bg0), var(--bg1)); display:flex; align-items:center; justify-content:center; min-height:100vh; margin:0; padding:24px; } .card{ width:min(420px, 100%); background:var(--card); border:1px solid var(--border); border-radius:16px; padding:22px; box-shadow:0 18px 60px rgba(0,0,0,.45); backdrop-filter:blur(10px); } h1{font-size:18px;margin:0 0 6px} .sub{font-size:12px;color:var(--muted);margin:0 0 14px} label{display:block;font-size:12px;color:var(--muted);margin:12px 0 6px} input{ width:100%; padding:11px 12px; border-radius:12px; border:1px solid var(--border); background:rgba(11,18,32,.85); color:var(--text); outline:none; } input:focus{border-color:var(--border2);box-shadow:0 0 0 3px rgba(79,70,229,.18)} .rememberRow{ display:flex; align-items:center; gap:8px; margin-top:10px; color:var(--muted); font-size:12px; user-select:none; cursor:pointer; } .rememberRow input{ width:auto; margin:0; padding:0; border-radius:6px; border:1px solid var(--border); background:rgba(11,18,32,.85); box-shadow:none; accent-color:var(--accent2); } .rememberRow input:focus{ box-shadow:none; border-color:var(--border2); } button{ width:100%; margin-top:14px; padding:11px 12px; border-radius:12px; border:0; background:linear-gradient(135deg, var(--accent1), var(--accent2)); color:white; font-weight:700; cursor:pointer; } button:hover{filter:brightness(1.05)} .err{margin-top:10px;color:#fecaca;font-size:13px} /* Tenant: SD (2. Behörde) — applied via body.tenant-sd */ body.tenant-sd{ --bg0:#050c08;--bg1:#0b1610; --card:rgba(14,30,18,.80); --border:rgba(100,162,80,.20);--border2:rgba(100,162,80,.36); --text:#d8e8d2;--muted:rgba(216,232,210,.70); --accent1:#5ea832;--accent2:#c9a527; background: radial-gradient(1000px 500px at 20% 10%,rgba(40,83,26,.26),transparent 60%), radial-gradient(900px 500px at 80% 20%,rgba(201,165,39,.12),transparent 55%), radial-gradient(700px 450px at 40% 95%,rgba(22,55,28,.16),transparent 60%), linear-gradient(180deg,var(--bg0),var(--bg1)); } body.tenant-sd input:focus{border-color:var(--border2);box-shadow:0 0 0 3px rgba(63,122,34,.18)}