.app-section-messages .app-hero {
    background: linear-gradient(135deg, #0f1b2a 0%, #163e63 100%);
}

.app-section-messages .grid-main {
    grid-template-columns: minmax(0, 1.16fr) minmax(300px, 0.84fr);
}

.app-section-messages .notification-list,
.app-section-messages .card-stack {
    gap: 16px;
}

.app-section-messages .notice-card {
    padding: 18px;
}

@media (max-width: 1100px) {
    .app-section-messages .grid-main {
        grid-template-columns: 1fr;
    }
}