/* Login-Seite auth.apps.derkaufmann.at – DERKAUFMANN-Design (eingebunden von Caddy, 02.11.2026; Authelia 4.39 = Tailwind) */
@font-face{font-family:'Plus Jakarta Sans';font-weight:400;font-display:swap;src:url(/_dk/plus-jakarta-sans-400.woff2) format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-weight:600;font-display:swap;src:url(/_dk/plus-jakarta-sans-600.woff2) format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-weight:700;font-display:swap;src:url(/_dk/plus-jakarta-sans-700.woff2) format('woff2')}
html,body,#root{font-family:'Plus Jakarta Sans',system-ui,sans-serif!important}
body{background:radial-gradient(circle at 85% -10%,rgba(0,212,170,.16),transparent 45%),radial-gradient(circle at 10% 110%,rgba(0,102,255,.20),transparent 50%),linear-gradient(135deg,#0a1628,#132039)!important;background-attachment:fixed!important;min-height:100vh}
/* weiße Karte um jede Anmelde-Stufe */
#root div[class~="max-w-[444px]"]{background:#fff;border-radius:18px;padding:26px 28px 20px!important;box-shadow:0 24px 70px rgba(0,0,0,.40);color:#1f2a3a}
/* Logo groß statt 64 px */
img[src*="logo.png"]{width:min(240px,80%)!important;max-width:100%;height:auto!important;margin:4px auto 18px!important;display:block!important}
#root button[type="submit"],#sign-in-button{background:#0066ff!important;color:#fff!important;border-radius:10px!important;text-transform:none!important;font-weight:700!important;letter-spacing:0!important}
#root button[type="submit"]:hover,#sign-in-button:hover{background:#0052cc!important}
#root input{border-radius:10px!important}
#root input:focus{border-color:#0066ff!important;box-shadow:0 0 0 3px #0066ff33!important}
#root a{color:#0066ff!important}
/* Sprachwahl oben rechts auf dunklem Grund sichtbar */
#root > div > button:first-child, #root button[aria-label*="anguage" i]{color:#c9d3e3!important}
@media (max-width:520px){#root div[class~="max-w-[444px]"]{width:calc(100% - 28px)!important;padding:22px 18px 16px!important}}
#language-button{color:#e6ecf5!important}#language-button svg{color:#e6ecf5!important;fill:currentColor}
/* Authelia-Fehler: Kästen mit fester Höhe (h-[200px]) – deutsche Texte überlappen sonst */
#root [class~="h-[200px]"]{height:auto!important;min-height:200px;padding:6px 0}
#root [class~="h-[200px]"] > div{height:auto!important}
#root p[class~="text-[#5858ff]"]{color:#3d4a5c!important}
/* --- 2FA-Seite: Links Abmelden / Benutzer wechseln / Verfahren --- */
#logout-button,#methods-button,#switch-user-button,#root button[id$="-button"][class*="uppercase"]:not(#sign-in-button){color:#0066ff!important;text-transform:none!important;font-weight:600!important;font-size:14px!important;letter-spacing:0!important;padding:4px 10px!important;border-radius:8px!important}
#logout-button:hover,#methods-button:hover,#switch-user-button:hover{background:#eef4ff!important}
#register-link{display:inline-block;margin-top:6px;background:#0066ff;color:#fff!important;border-radius:10px;padding:9px 18px;font-weight:700;text-decoration:none!important}
#register-link:hover{background:#0052cc}
#root a[href*="authelia.com"]{color:#9aa5b5!important}
#account-menu{background:#ffffff1f!important;color:#fff!important}
/* --- Einstellungen (/settings/…) --- */
#root nav.bg-primary{background:rgba(10,22,40,.97)!important;border-bottom:1px solid #ffffff14;color:#fff!important}
#root nav.bg-primary h6{font-weight:700!important;display:flex;align-items:center;gap:16px}
#root main > div.grid{max-width:760px;margin:0 auto!important}
#root main > div.grid::before{content:"Zwei-Faktor-Anmeldung einrichten: Für Google Authenticator, Microsoft Authenticator & Co. bei „Einmal-Passwort“ auf „Hinzufügen“ klicken. Sie bekommen dann einen Bestätigungscode per E-Mail an info@derkaufmann.at, danach wird der QR-Code für die App angezeigt.";display:block;background:#eef4ff;border:1px solid #cfe0ff;color:#1f2a3a;border-radius:14px;padding:14px 18px;font-size:14.5px;line-height:1.55}
#one-time-password-panel,#webauthn-credentials-panel{border-radius:16px!important;border-color:#e6eaf0!important;box-shadow:0 10px 30px rgba(0,0,0,.18)!important}
#one-time-password-panel h5,#webauthn-credentials-panel h5{color:#0a1628;font-weight:800!important}
#one-time-password-add,#webauthn-credential-add{background:#0066ff!important;color:#fff!important;border-color:#0066ff!important;text-transform:none!important;font-weight:700!important;border-radius:10px!important;letter-spacing:0!important}
#one-time-password-add:hover,#webauthn-credential-add:hover{background:#0052cc!important}
#webauthn-credentials-panel h5::after{content:" (Sicherheitsschlüssel / Fingerabdruck, optional)";font-weight:400;font-size:14px;color:#5b6678}
@media (max-width:640px){#root main > div.grid{padding:0 12px}}

/* Dialog Identitätsüberprüfung */
[role="dialog"]{border-radius:16px!important;font-family:'Plus Jakarta Sans',system-ui,sans-serif!important}
[role="dialog"] button{text-transform:none!important;font-weight:700!important;border-radius:10px!important;letter-spacing:0!important;padding:8px 16px!important}
[role="dialog"] button:last-of-type{background:#0066ff!important;color:#fff!important}
[role="dialog"] button:last-of-type:hover{background:#0052cc!important}
[role="dialog"] input{font:700 20px Consolas,monospace!important;letter-spacing:4px;text-align:center;border-radius:10px!important}

/* --- Portal-Leiste: auf Login- und Code-Eingabe ausblenden, sonst Einstellungsleiste darunter --- */
body:has(#username-textfield) #dkbar,body:has(#root input[inputmode="numeric"]:not([type=radio])) #dkbar,body:has(#root input[autocomplete="one-time-code"]) #dkbar{display:none}
body:has(#username-textfield),body:has(#root input[autocomplete="one-time-code"]){padding-top:0!important}
#root nav.bg-primary{top:64px!important;background:#132039!important;height:52px}
#root nav.bg-primary > div{padding-top:6px!important;padding-bottom:6px!important}
#root nav.bg-primary h6{font-size:16px!important}
#root main.grow{padding-top:72px!important}
@media (max-width:760px){#root nav.bg-primary{top:114px!important}#root main.grow{padding-top:72px!important}}
/* Karte nicht zu weit nach unten */
#root div[class*="min-h-[90vh]"]{min-height:calc(100vh - 90px)!important}

/* Gerätekarten (Einmal-Passwort / WebAuthn) in voller Breite statt 1/4 – Text wurde Wort für Wort umgebrochen */
#one-time-password-panel [class*="col-span-3"],#webauthn-credentials-panel [class*="col-span-3"],
#one-time-password-panel [class*="col-span-6"],#webauthn-credentials-panel [class*="col-span-6"]{grid-column:span 12 / span 12!important}
#one-time-password-panel .hidden.sm\:block,#webauthn-credentials-panel .hidden.sm\:block{display:block!important}