/* پس‌زمینه تیره */
.bl-busy-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 20000; /* ✅ بسیار بالاتر از recording-modal که 10001 است */
}

/* لایه مودال */
.bl-busy-modal {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    z-index: 20001; /* ✅ بالاتر از backdrop */
    user-select: none;
}

/* کارت داخل مودال */
.bl-busy-card {
    background: #fff;
    border-radius: 14px;
    padding: 18px 20px;
    min-width: 320px;
    max-width: 92vw;
    box-shadow: 0 12px 36px rgba(0,0,0,.25);
    direction: rtl;
}

/* ردیف محتوا */
.bl-busy-row {
    display: flex;
    align-items: center;
    gap: 14px;
}

/* اسپینر ساده (CSS-only) */
.bl-spinner {
    width: 28px;
    height: 28px;
    border: 3px solid #e5e7eb; /* خاکستری روشن */
    border-top-color: #4b5563; /* خاکستری تیره */
    border-radius: 50%;
    animation: bl-spin 0.9s linear infinite;
}

@keyframes bl-spin {
    to {
        transform: rotate(360deg);
    }
}

.bl-busy-text {
    display: grid;
    gap: 6px;
}

.bl-busy-title {
    font-weight: 700;
    font-size: 15px;
    color: #111827;
}

.bl-busy-message {
    font-size: 13px;
    color: #374151;
}

.bl-busy-extra {
    margin-top: 6px;
    font-size: 12px;
    color: #4b5563;
}