/* WerkPilot-Kopfemblem: kurze, rein aktionsbasierte Rückmeldung. */
html body.werkpilot-header-branding[data-view]:not([data-view="login"]):not([data-view="register"]):not([data-view="twofa"]) .modern-title-emblem[role="button"] {
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent;
}

html body.werkpilot-header-branding[data-view]:not([data-view="login"]):not([data-view="register"]):not([data-view="twofa"]) .modern-title-emblem[role="button"]:focus-visible {
    outline: 3px solid rgba(0, 174, 205, 0.34) !important;
    outline-offset: 6px !important;
    border-radius: 18px !important;
}

html body.werkpilot-header-branding .modern-title-emblem.wp-logo-feedback-active::before {
    animation: wp-logo-active 720ms cubic-bezier(.22,.8,.24,1) both;
}

html body.werkpilot-header-branding .modern-title-emblem.wp-logo-feedback-success::before {
    animation: wp-logo-success 900ms cubic-bezier(.22,.8,.24,1) both;
}

html body.werkpilot-header-branding .modern-title-emblem.wp-logo-feedback-import::before {
    animation: wp-logo-import 980ms cubic-bezier(.22,.8,.24,1) both;
}

html body.werkpilot-header-branding .modern-title-emblem.wp-logo-feedback-notification::before {
    animation: wp-logo-notification 1250ms ease-in-out both;
}

html body.werkpilot-header-branding .modern-title-emblem.wp-logo-feedback-error::before {
    animation: wp-logo-error 820ms ease-out both;
}

@keyframes wp-logo-active {
    0%, 100% { transform: scale(1); filter: brightness(1) drop-shadow(0 0 0 rgba(0,174,205,0)); }
    42% { transform: scale(1.08) rotate(-2deg); filter: brightness(1.12) drop-shadow(0 0 10px rgba(0,174,205,.55)); }
    70% { transform: scale(.99) rotate(1deg); }
}

@keyframes wp-logo-success {
    0%, 100% { transform: scale(1); filter: brightness(1) drop-shadow(0 0 0 rgba(0,174,205,0)); }
    32% { transform: scale(1.095); filter: brightness(1.24) drop-shadow(0 0 13px rgba(0,174,205,.72)); }
    62% { transform: scale(1.025); filter: brightness(1.08) drop-shadow(0 0 7px rgba(0,174,205,.38)); }
}

@keyframes wp-logo-import {
    0%, 100% { transform: scale(1); filter: brightness(1) drop-shadow(0 0 0 rgba(0,174,205,0)); }
    28% { transform: scale(1.12) rotate(-3deg); filter: brightness(1.3) drop-shadow(0 0 16px rgba(0,174,205,.82)); }
    55% { transform: scale(1.035) rotate(2deg); filter: brightness(1.12) drop-shadow(0 0 9px rgba(0,174,205,.48)); }
    78% { transform: scale(1.07) rotate(0); }
}

@keyframes wp-logo-notification {
    0%, 100% { transform: scale(1); filter: brightness(1) drop-shadow(0 0 0 rgba(0,174,205,0)); }
    18%, 58% { transform: scale(1.085); filter: brightness(1.22) drop-shadow(0 0 13px rgba(0,174,205,.72)); }
    36%, 76% { transform: scale(1); filter: brightness(1.03) drop-shadow(0 0 4px rgba(0,174,205,.28)); }
}

@keyframes wp-logo-error {
    0%, 100% { transform: scale(1); filter: brightness(1) hue-rotate(0deg) drop-shadow(0 0 0 rgba(213,0,28,0)); }
    28% { transform: scale(1.065); filter: brightness(1.08) hue-rotate(155deg) saturate(1.7) drop-shadow(0 0 12px rgba(213,0,28,.72)); }
    58% { transform: scale(1.015); filter: brightness(1.02) hue-rotate(155deg) saturate(1.35) drop-shadow(0 0 7px rgba(213,0,28,.42)); }
}

@media (prefers-reduced-motion: reduce) {
    html body.werkpilot-header-branding .modern-title-emblem[class*="wp-logo-feedback-"]::before {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
    }
}