/*
 * calendar_right_rail.css
 *
 * Styles for Calendar's "Upcoming" tab in the shared site right rail.
 * Owned by Calendar, not by the generic rail framework.
 * base.html loads this file on every page.
 */

.calendar-upcoming-title {
    margin: 0 0 12px;
    font-size: 1rem;
}

.calendar-upcoming-list {
    display: grid;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.calendar-upcoming-item {
    display: grid;
    gap: 2px;
    border-left: 3px solid #087f73;
    padding: 7px 8px;
    background: #f5fbfa;
}

.calendar-upcoming-item-date,
.calendar-upcoming-empty,
.calendar-upcoming-status {
    color: #596579;
    font-size: .8rem;
}

/* Reminder notices shown above the Upcoming list. */
.calendar-upcoming-reminders {
    margin-bottom: 18px;
}

.calendar-reminder-notice-list {
    display: grid;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.calendar-reminder-notice {
    display: grid;
    gap: 2px;
    border-left: 3px solid #f1b54a;
    padding: 7px 8px;
    background: #fff8ea;
}

.calendar-reminder-notice.is-read {
    border-left-color: #cbd6e5;
    background: #f7f9fc;
}

.calendar-reminder-notice-link {
    color: #172033;
    font-weight: 700;
}

.calendar-reminder-notice-date {
    color: #596579;
    font-size: .8rem;
}

.calendar-reminder-notice-read {
    justify-self: start;
    border: 0;
    background: transparent;
    color: #075e55;
    font-size: .8rem;
    font-weight: 700;
    padding: 2px 0;
}

/* "Open Calendar" link at the top of the Calendar rail tab. */
.calendar-rail-open-link {
    display: inline-block;
    margin-bottom: 14px;
    color: #087f73;
    font-weight: 700;
}