/* Public user credits: extracted from the public binder viewer.
   Django and React share these visual rules; callers own surrounding layout. */
.wyp-user-identity {
    color: rgba(92, 62, 112, 0.8);
    text-decoration: none;
}

a.wyp-user-identity:hover {
    color: rgba(92, 62, 112, 0.95);
}

a.wyp-user-identity:hover .wyp-user-identity-label,
a.wyp-user-identity:focus-visible .wyp-user-identity-label {
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-color: rgba(219, 160, 190, 0.7);
}

.wyp-user-avatar {
    background: linear-gradient(135deg, rgba(219, 160, 190, 0.65), rgba(160, 140, 180, 0.65));
    color: rgba(255, 255, 255, 0.96);
    box-shadow: 0 0 0 1.5px rgba(255, 255, 255, 0.92), 0 4px 10px rgba(160, 140, 180, 0.25);
}

.wyp-user-identity [hidden] {
    display: none;
}