/* Cloud Sync Visual Styles for File Explorer */

@keyframes highlightFlash {
    0% { background-color: rgba(189, 147, 249, 0.45); }
    100% { background-color: transparent; }
}

.highlight-flash {
    animation: highlightFlash 2s ease-out;
}

.workspace-sync-badge {
    color: var(--explorer-purple, #bd93f9);
    font-size: 11px;
    margin-left: 5px;
    opacity: 0.8;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
}

.cloud-update-indicator {
    color: var(--explorer-orange, #ffb86c);
    font-size: 12px;
    margin-left: 6px;
    cursor: pointer;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    transition: transform 0.15s ease, opacity 0.15s ease;
}

.cloud-update-indicator:hover {
    transform: scale(1.15);
    opacity: 1;
}