/* Ensure notifications are always on top */
.q-notifications {
    z-index: 99999 !important;
}

.q-notification {
    max-width: 80vw !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
    font-weight: 500 !important;
}

.app-notification {
    font-size: 1.1rem !important;
}

/* Center notifications properly */
.q-notification--center {
    margin-left: auto !important;
    margin-right: auto !important;
    left: 0 !important;
    right: 0 !important;
}

/* Ensure the notification panel is above everything */
.q-notifications__list--center {
    pointer-events: none !important;
}

.q-notification {
    pointer-events: all !important;
}