/* Contest Marketplace - Notification Automation + Payment Callback Tools */

.cm-notification-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
    gap: 22px;
    margin-bottom: 22px;
}

.cm-notification-event {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 14px;
    margin-bottom: 10px;
}

.cm-notification-event strong {
    display: block;
    color: #081426;
    font-size: 18px;
}

.cm-notification-event span {
    display: block;
    color: #64748b;
    font-size: 12px;
    font-weight: 900;
    margin-top: 4px;
}

.cm-notification-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 7px 11px;
    font-size: 12px;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: .04em;
    background: #e5e7eb;
    color: #081426;
}

.cm-notification-queued {
    background: #dbeafe;
    color: #0f172a !important;
}

.cm-notification-held {
    background: #fef3c7;
    color: #78350f !important;
}

.cm-notification-sent {
    background: #dcfce7;
    color: #14532d !important;
}

.cm-notification-failed,
.cm-notification-cancelled {
    background: #fee2e2;
    color: #7f1d1d !important;
}

@media (max-width: 900px) {
    .cm-notification-layout {
        grid-template-columns: 1fr;
    }
}
