/* B"H - DIALOGS STYLES */

.dialog-overlay { 
    display: none; 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background-color: rgba(2, 4, 10, 0.85); 
    z-index: 250000; 
    justify-content: center; 
    align-items: center; 
    backdrop-filter: blur(12px) saturate(160%); 
    animation: fadeIn 0.2s ease; 
}

.dialog-overlay.visible { display: flex !important; }

.dialog-content { 
    background-color: #1a1d2b; 
    border: 2px solid var(--neon-cyan); 
    border-radius: 12px; 
    padding: 30px; 
    width: 90%; 
    max-width: 500px; 
    display: flex; 
    flex-direction: column; 
    gap: 15px; 
    box-shadow: 0 20px 60px rgba(0,0,0,0.8), 0 0 30px rgba(0, 246, 255, 0.2);
    transform: scale(0.95); 
    animation: scaleUp 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    max-height: 85vh; 
    overflow-y: auto;
    color: #fff;
}

.dialog-button-bar {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 10px;
}

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes scaleUp { from { transform: scale(0.9) translateY(10px); opacity: 0; } to { transform: scale(1) translateY(0); opacity: 1; } }