/* modal-fix.css - Fixes for modal positioning and z-index issues */

/* Ensure modals always appear on top, even with expanded notes */
.modal {
    z-index: 9999 !important;
}

.modal-content {
    z-index: 10000 !important;
    position: relative;
}

/* Fix for dark overlay opacity */
.modal.active {
    background-color: rgba(0, 0, 0, 0.6);
}

/* Fix for delete buttons in modals */
.note.expanded button.note-delete {
    position: fixed !important;
    top: 15px !important;
    right: 15px !important;
    z-index: 10001 !important;
    opacity: 1 !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
}

/* Ensure note overlay and expanded notes have proper z-index */
.note-overlay.active {
    z-index: 9000;
}

.note.expanded {
    z-index: 9001;
}

/* Fix for modal inputs in Firefox */
.modal-input:focus {
    outline: none;
}