/* public/app/css/copy-flash.css
 * Synopsis: Clignotement copie presse-papiers.
 * Objectif: Signal fort, teintes du thème.
 */

.dash .dash-copy-flash {
    position: absolute;
    left: 50%;
    top: 44%;
    z-index: 8;
    max-width: min(22rem, calc(100% - 2rem));
    padding: 0.85rem 1.2rem;
    border-radius: calc(var(--dash-radius, 0.45rem) + 0.15rem);
    border: 1px solid color-mix(in srgb, var(--dash-accent) 55%, var(--dash-line));
    background: color-mix(in srgb, var(--dash-accent) 28%, var(--dash-elev2));
    color: var(--dash-text);
    box-shadow:
        0 0.55rem 1.6rem color-mix(in srgb, var(--dash-shadow) 70%, transparent),
        0 0 0 1px color-mix(in srgb, var(--dash-accent) 22%, transparent);
    font-family: var(--display, inherit);
    font-size: clamp(1.05rem, 2.2vw, 1.35rem);
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.25;
    text-align: center;
    pointer-events: none;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.9);
}

.dash .dash-copy-flash[hidden] {
    display: none !important;
}

.dash .dash-compose.dash-compose--copied #ws-input.ws-input--copied {
    animation: vok-copy-wash 1.45s ease-in-out;
}

.dash .dash-compose-ico--copied {
    animation: vok-copy-btn 1.45s ease-in-out;
}