.gallery-tile.is-refreshing {
    z-index: 20 !important;
    overflow: visible !important;
    outline: 0 !important;
    animation: vteenTilePop 0.72s ease-in-out !important;
}

.gallery-tile.is-refreshing img {
    animation: vteenImageSwap 0.72s ease-in-out !important;
}

.gallery-tile {
    background: rgba(255, 255, 255, 0.03);
    position: relative;
    overflow: hidden;
}

.gallery-tile::after {
    content: "";
    position: absolute;
    top: 0; left: -100%;
    width: 200%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(6, 182, 212, 0.05), transparent);
    animation: loading-glow 2s infinite;
}

@keyframes loading-glow {
    0% { left: -100%; }
    100% { left: 100%; }
}

.gallery-tile img {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.gallery-tile img[src] {
    opacity: 1;
}

.gallery-burst {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    pointer-events: none;
    z-index: 30;
    transform: translate(-50%, -50%) scale(0.2);
    background: rgba(255, 255, 255, 0.96);
    box-shadow:
        0 0 40px rgba(0, 255, 255, 1),
        0 0 80px rgba(0, 255, 255, 0.8),
        0 0 160px rgba(255, 0, 255, 0.6),
        0 0 250px rgba(0, 242, 255, 0.4);
    animation: vteenBurstRing 1.2s cubic-bezier(0.1, 0.8, 0.3, 1) forwards;
}

@keyframes vteenBurstRing {
    0% { opacity: 0; transform: translate(-50%, -50%) scale(0.1); }
    15% { opacity: 1; transform: translate(-50%, -50%) scale(5); }
    40% { opacity: 0.8; transform: translate(-50%, -50%) scale(15); }
    100% { opacity: 0; transform: translate(-50%, -50%) scale(25); }
}

@keyframes vteenTilePop {
    0% { transform: scale(1); filter: brightness(1); }
    38% { transform: scale(1.045); filter: brightness(1.22) saturate(1.16); }
    58% { transform: scale(0.985); filter: brightness(1.45) saturate(0.88); }
    100% { transform: scale(1); filter: brightness(1) saturate(1); }
}

@keyframes vteenImageSwap {
    0%, 42% { opacity: 1; transform: scale(1); }
    52% { opacity: 0.18; transform: scale(1.08); }
    62% { opacity: 0; transform: scale(0.96); }
    74% { opacity: 1; transform: scale(1.04); }
    100% { opacity: 1; transform: scale(1); }
}

/* DRIVE TABS (HOME SYNC) */
.drive-tabs-group {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.03);
    padding: 5px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    gap: 8px;
    backdrop-filter: blur(10px);
}
.drive-tabs-scroll { display: flex; gap: 5px; overflow-x: auto; scrollbar-width: none; }
.drive-tabs-scroll::-webkit-scrollbar { display: none; }
.drive-tab-item {
    display: flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 14px;
    text-decoration: none; color: rgba(255, 255, 255, 0.5); font-size: 13px; font-weight: 700; transition: 0.3s; white-space: nowrap;
}
.drive-tab-item:hover { background: rgba(255, 255, 255, 0.08); color: #fff; }
.drive-tab-item.active {
    background: rgba(6, 182, 212, 0.15); color: #06b6d4; border: 1px solid rgba(6, 182, 212, 0.3);
    box-shadow: 0 4px 15px rgba(6, 182, 212, 0.2);
}

/* DRIVE FILE CARD REFINEMENTS */
.drive-file-card:hover img {
    transform: scale(1.1);
}
.drive-file-card:hover .fa-file {
    transform: scale(1.2) rotate(5deg);
    opacity: 0.5 !important;
}
