/* Profile page dialog styles */

.container.dialog-open {
    filter: blur(2px);
    pointer-events: none;
    user-select: none;
}

/* Dialog styling */
#deviceLinkDialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    color: black;
    background: white;
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    padding: 2rem;
    max-width: 500px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
}

#deviceLinkDialog::backdrop {
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
}

/* Prevent scrolling when dialog is open */
body.dialog-open {
    overflow: hidden;
}