.reservation-announcement-card {
    position: relative;
    transition: filter .2s ease, opacity .2s ease, transform .2s ease;
}

.reservation-announcement-card.is-expired {
    cursor: default !important;
    pointer-events: none;
    opacity: .56;
    filter: grayscale(.86) saturate(.42);
}

.reservation-announcement-card.is-expired::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(100, 116, 139, .08), rgba(15, 23, 42, .13));
    pointer-events: none;
}

.reservation-announcement-expired-label {
    display: inline-flex;
    align-items: center;
    width: max-content;
    margin-top: 6px;
    padding: 4px 8px;
    border-radius: 999px;
    color: #64748b !important;
    background: rgba(100, 116, 139, .12);
    font-weight: 900;
}

.chat-message-item.is-expired-reservation-announcement .chat-structured-message-wrap {
    cursor: context-menu;
    touch-action: pan-y;
}

.chat-message-item.is-expired-reservation-announcement.is-pressing .chat-structured-message-wrap {
    transform: scale(.988);
    filter: brightness(.96);
}

.chat-expired-announcement-info {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 5px;
    padding: 7px 8px;
    border-radius: 11px;
    color: #64748b !important;
    background: rgba(100, 116, 139, .09);
    font-weight: 850;
}