a[routerlink="/hint"],.vw-password-hint,.providers-2fa-3,.providers-2fa-1,ng-dropdown-panel div.ng-dropdown-panel-items div:has(>[title=DuckDuckGo]),ng-dropdown-panel div.ng-dropdown-panel-items div:has(>[title="Firefox Relay"]),app-user-layout app-danger-zone button:nth-child(1),bit-nav-logo bit-nav-item .bwi-shield,:is(bit-dialog,[bit-dialog]) div.tw-ml-4:has(bit-form-control input),:is(bit-dialog,[bit-dialog]) div.tw-col-span-4:has(input[formcontrolname*=access],input[formcontrolname*=manage]),app-security>app-two-factor-setup>form,app-org-reports-home>app-report-list>div.tw-inline-grid>div:nth-child(6),app-org-account form.ng-untouched:nth-child(5),app-organization-plans>form>bit-section:nth-child(2),bit-nav-item[route="settings/two-factor"],a[href$="/settings/two-factor"],.vw-other-login,.vw-or-text,.vw-passkey-login,app-user-layout app-password-settings app-webauthn-login-settings,.vw-sso-login,.vw-email-sso,a[href$="/settings/sponsored-families"],bit-nav-item[route="settings/subscription"],.vw-hide,head{display:none !important}bit-nav-logo bit-nav-item a:before{content:"";background-image:url("../images/icon-white.svg");background-repeat:no-repeat;background-position:center center;height:32px;display:block}/* Polarhub-Design für den Tresor (Vaultwarden, vault.polarwolke.de) - nur CSS, kein Skript.
   Wird von der Weboberfläche als css/vaultwarden.css geladen (nginx liefert diese Datei statt der leeren Vorgabe aus; siehe README.md).
   Farben und Rundungen wie polarhub.de (polar.css/hub.css): Blau #0b5fd0 (hell) / #6aa8ff (dunkel), Fjord-Foto, Milchglas.
   Bitwarden legt Farben als RGB-Tripel in Variablen ab (rgb(var(--color-...))), deshalb stehen hier Zahlen ohne Komma.
   Bilder dürfen nur von dieser Adresse kommen (CSP: img-src 'self' data:), Schriften sind die des Systems (font-src 'self'). */

/* ---- Farben: hell ---- */
html.theme_light, :root.theme_light {
    --color-background: 255 255 255;
    --color-background-alt: 246 247 249;
    --color-background-alt2: 11 95 208;
    --color-background-alt3: 232 240 252;
    --color-background-alt4: 20 23 28;
    --color-primary-100: 232 240 252;
    --color-primary-300: 91 100 114;
    --color-primary-600: 11 95 208;
    --color-primary-700: 8 72 158;
    --color-secondary-100: 225 229 234;
    --color-secondary-300: 168 179 200;
    --color-secondary-500: 91 100 114;
    --color-secondary-600: 71 80 96;
    --color-secondary-700: 20 23 28;
    --color-info-600: 11 95 208;
}
/* ---- Farben: dunkel ---- */
html.theme_dark, :root.theme_dark {
    --color-background: 23 27 33;
    --color-background-alt: 15 18 22;
    --color-background-alt2: 23 36 55;
    --color-background-alt3: 39 45 54;
    --color-background-alt4: 15 18 22;
    --color-primary-100: 23 36 55;
    --color-primary-300: 154 164 178;
    --color-primary-600: 106 168 255;
    --color-primary-700: 170 205 255;
    --color-secondary-100: 39 45 54;
    --color-secondary-300: 82 91 106;
    --color-secondary-500: 154 164 178;
    --color-secondary-600: 190 198 210;
    --color-secondary-700: 232 235 240;
    --color-info-600: 106 168 255;
}
body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, sans-serif; }

/* ---- Anmeldeseiten (Anmelden, Entsperren, 2-Faktor, Konto anlegen) ---- */
body.layout_frontend {
    background: #003351 url("polar/hintergrund.jpg") center / cover fixed no-repeat !important;
}
body.layout_frontend header.tw-bg-background-alt,
body.layout_frontend footer.tw-bg-background-alt,
body.layout_frontend bit-landing-content > div.tw-bg-background-alt { background: transparent !important; }

/* Logo oben links: Schriftzug im Stil von Polarhub statt des Vaultwarden-Logos (Vaultwarden bleibt im Fußtext genannt) */
body.layout_frontend bit-landing-header header > * { display: none !important; }
body.layout_frontend bit-landing-header header::before {
    content: "Polarhub Tresor"; color: #fff; font-weight: 700; font-size: 1.35rem; letter-spacing: .01em;
    text-shadow: 0 1px 12px rgba(0, 30, 60, .55); padding-block: 14px;
}

/* Überschrift und Texte direkt auf dem Foto: weiß mit weichem Schatten */
body.layout_frontend bit-landing-hero h1 { color: #fff !important; text-shadow: 0 2px 18px rgba(0, 30, 60, .6); }
body.layout_frontend bit-landing-footer footer, body.layout_frontend bit-landing-footer footer * { color: rgba(255, 255, 255, .88) !important; text-shadow: 0 1px 8px rgba(0, 30, 60, .5); }

/* Die Registrierung ist geschlossen (Einladungen gehen weiter): Link „Konto anlegen“ nicht anzeigen */
body.layout_frontend .vw-signup-link { display: none !important; }

/* Tresor-Symbol in einem Milchglas-Kreis */
body.layout_frontend bit-landing-hero > div > div:first-child {
    background: rgba(255, 255, 255, .72); backdrop-filter: blur(14px) saturate(1.2); -webkit-backdrop-filter: blur(14px) saturate(1.2);
    border: 1px solid rgba(255, 255, 255, .5); border-radius: 50%; padding: 14px; box-shadow: 0 8px 28px rgba(0, 30, 60, .25);
}
/* Karte mit dem Formular: Milchglas wie die Kacheln auf polarhub.de */
body.layout_frontend bit-landing-card bit-base-card {
    background: rgba(255, 255, 255, .8) !important; border: 1px solid rgba(255, 255, 255, .55) !important; border-radius: 14px !important;
    backdrop-filter: blur(16px) saturate(1.25); -webkit-backdrop-filter: blur(16px) saturate(1.25); box-shadow: 0 10px 36px rgba(0, 30, 60, .28);
}
html.theme_dark body.layout_frontend bit-landing-card bit-base-card { background: rgba(23, 27, 33, .78) !important; border-color: rgba(255, 255, 255, .16) !important; }
@media (max-width: 639px) { body.layout_frontend bit-landing-card bit-base-card { padding: 20px !important; } }
/* die großen blassen Zeichnungen am Rand stören auf dem Foto */
body.layout_frontend [class*="tw-opacity-[.11]"] { display: none !important; }

/* ---- Tresor (angemeldet) ---- */
/* Karten, Eingabefelder und Knöpfe etwas runder wie auf polarhub.de */
bit-dialog, [bit-dialog], .tw-rounded-lg { border-radius: 14px; }
input.tw-rounded, select.tw-rounded, textarea.tw-rounded, .tw-rounded { border-radius: 10px; }
a { text-underline-offset: 3px; }
:focus-visible { outline-color: rgb(var(--color-primary-600)); }
@media (prefers-reduced-motion: reduce) { * { animation-duration: .01ms !important; transition-duration: .01ms !important; } }