.passkeys-geraete,.passkey-anmeldung{--pk-text:#153d59;--pk-blau:#005b8d;--pk-hell:#edf6fb;--pk-linie:#c4d9e5;--pk-flaeche:#fff;color:var(--pk-text);min-width:0;line-height:1.55}.passkeys-geraete{padding-block:18px}.passkeys-geraete header h2{margin:0 0 8px;font-size:1.35rem}.passkeys-geraete h3{margin:0 0 10px;font-size:1.05rem}.passkeys-geraete header p{margin:0}.passkeys-geraete .passkeys-hinweis{background:var(--pk-hell);border-radius:6px;padding:12px 14px;font-size:.87rem}.passkeys-support{font-size:.85rem}.passkeys-einrichten,.passkeys-geraetename{border-block:1px solid var(--pk-linie);flex-direction:column;align-items:flex-start;gap:12px;margin-block:18px;padding:16px 0;display:flex}.passkeys-geraete label{flex-direction:column;gap:5px;width:min(100%,460px);font-size:.9rem;display:flex}.passkeys-geraete input:not([type=checkbox]){box-sizing:border-box;background:var(--pk-flaeche);width:100%;min-height:44px;color:var(--pk-text);border:1px solid var(--pk-linie);font:inherit;border-radius:4px;padding:8px 10px}.passkeys-geraete .passkeys-auswahl{flex-direction:row;align-items:center;gap:10px;min-height:44px}.passkeys-auswahl input{width:18px;height:18px;accent-color:var(--pk-blau);flex-shrink:0}.passkeys-liste{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.passkeys-liste li{background:var(--pk-flaeche);border:1px solid var(--pk-linie);overflow-wrap:anywhere;border-radius:6px;min-width:0;padding:14px}.passkeys-liste li>div:first-child{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.passkeys-status{background:var(--pk-hell);border-radius:4px;padding:3px 7px;font-size:.78rem}.passkeys-liste dl{margin:10px 0}.passkeys-liste dl>div{flex-wrap:wrap;justify-content:space-between;gap:10px;margin:5px 0;font-size:.82rem;display:flex}.passkeys-liste dd{margin:0}.passkeys-aktionen{flex-wrap:wrap;gap:8px;display:flex}.passkeys-geraete :is(button,.primary-button,.secondary-button,.danger-button),.passkey-anmeldung button{white-space:normal;min-height:44px;font:inherit;cursor:pointer;border-radius:5px;padding:9px 13px;font-size:.87rem;line-height:1.45}.passkeys-geraete .primary-button{background:var(--pk-blau);color:var(--pk-flaeche);border:1px solid var(--pk-blau)}.passkeys-geraete .secondary-button,.passkey-anmeldung .secondary-button{background:var(--pk-flaeche);color:var(--pk-blau);border:1px solid var(--pk-blau)}.passkeys-geraete .danger-button{background:var(--pk-flaeche);color:#a00016;border:1px solid #a00016}.passkeys-geraete button:disabled,.passkey-anmeldung button:disabled{cursor:not-allowed;opacity:.6}.passkeys-geraete :is(button,input):focus-visible,.passkey-anmeldung button:focus-visible{outline:3px solid var(--pk-blau);outline-offset:3px}.passkeys-geraetename p{margin:0;font-size:.82rem}.passkey-anmeldung{border-top:1px solid var(--pk-linie);margin-top:18px;padding-top:16px}.passkey-anmeldung p{margin:9px 0;font-size:.83rem}html[data-theme=dark] :is(.passkeys-geraete,.passkey-anmeldung){--pk-text:#edf6fb;--pk-blau:#9bd7f3;--pk-hell:#193c54;--pk-linie:#45677b;--pk-flaeche:#102b40}html[data-theme=dark] .passkeys-geraete .danger-button{color:#ffbec8;border-color:#ffbec8}@media (width<=700px){.passkeys-liste{grid-template-columns:minmax(0,1fr)}.passkeys-geraete header h2{font-size:1.2rem}.passkeys-aktionen{flex-direction:column}.passkeys-geraete button{max-width:100%}.passkeys-liste dl>div{display:block}.passkeys-liste dt{font-weight:600}}@media (prefers-reduced-motion:reduce){.passkeys-geraete *,.passkey-anmeldung *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
