.page-message-container {
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 1050;
}

.page-message {
    padding: 12px 20px;
    font-size: 0.95rem;
    font-weight: 500;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    animation: slideDown 0.2s ease-out;
}

.page-message.success {
    background-color: #d1e7dd;
    color: #0f5132;
}

.page-message.error {
    background-color: #f8d7da;
    color: #842029;
}

.page-message.warning {
    background-color: #fff3cd;
    color: #664d03;
}

.page-message.info {
    background-color: #cff4fc;
    color: #055160;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}