/* Floating bulk-action bar — appears at bottom-center when items are selected
   in either the email list or drive file list. */

.mf-bulk-bar {
    position: fixed;
    bottom: var(--mf-space-6);
    left: 50%;
    transform: translateX(-50%);
    z-index: 1700;
    display: flex;
    align-items: center;
    gap: var(--mf-space-2);
    padding: var(--mf-space-2) var(--mf-space-3);
    background: var(--mf-text);
    color: var(--mf-bg);
    border-radius: var(--mf-radius-full);
    box-shadow: var(--mf-shadow-lg);
    animation: mf-bulk-in 0.2s ease-out;
}

@keyframes mf-bulk-in {
    from { transform: translate(-50%, 20px); opacity: 0; }
    to   { transform: translate(-50%, 0); opacity: 1; }
}

.mf-bulk-bar__count {
    font-size: 13px;
    font-weight: 600;
    padding: 0 var(--mf-space-3);
}

.mf-bulk-bar .mf-btn {
    color: var(--mf-bg);
    background: transparent;
}

.mf-bulk-bar .mf-btn:hover {
    color: var(--mf-bg);
    background: rgba(255, 255, 255, 0.1);
}

.mf-bulk-bar .mf-btn--danger:hover {
    background: var(--mf-danger);
}

.mf-bulk-bar__close {
    background: transparent;
    border: 0;
    color: var(--mf-bg);
    cursor: pointer;
    width: 32px;
    height: 32px;
    border-radius: var(--mf-radius-full);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
    transition: opacity var(--mf-transition);
}
.mf-bulk-bar__close:hover { opacity: 1; }

/* In dark mode, invert again so the bar contrasts against dark bg */
[data-bs-theme="dark"] .mf-bulk-bar {
    background: var(--mf-text);
    color: var(--mf-bg);
}