/* User-specific color classes for schedule events */
/* According to Syncfusion documentation, appointments with custom CSS classes are styled with .e-appointment.{CssClass} */

.e-schedule .e-appointment.user-color-0 {
    background-color: #4285F4 !important;
    border-left: 4px solid #2a5cbd !important;
    color: white !important;
}

.e-schedule .e-appointment.user-color-1 {
    background-color: #34A853 !important;
    border-left: 4px solid #257d3a !important;
    color: white !important;
}

.e-schedule .e-appointment.user-color-2 {
    background-color: #FBBC04 !important;
    border-left: 4px solid #c79402 !important;
    color: white !important;
}

.e-schedule .e-appointment.user-color-3 {
    background-color: #EA4335 !important;
    border-left: 4px solid #c5362d !important;
    color: white !important;
}

.e-schedule .e-appointment.user-color-4 {
    background-color: #9C27B0 !important;
    border-left: 4px solid #7b1fa2 !important;
    color: white !important;
}

.e-schedule .e-appointment.user-color-5 {
    background-color: #FF6D00 !important;
    border-left: 4px solid #cc5700 !important;
    color: white !important;
}

.e-schedule .e-appointment.user-color-6 {
    background-color: #00ACC1 !important;
    border-left: 4px solid #00838f !important;
    color: white !important;
}

.e-schedule .e-appointment.user-color-7 {
    background-color: #7CB342 !important;
    border-left: 4px solid #689f38 !important;
    color: white !important;
}

.e-schedule .e-appointment.user-color-8 {
    background-color: #C0CA33 !important;
    border-left: 4px solid #9e9d24 !important;
    color: #333 !important; /* Darker text for yellow background */
}

.e-schedule .e-appointment.user-color-9 {
    background-color: #F4511E !important;
    border-left: 4px solid #d84315 !important;
    color: white !important;
}

.e-schedule .e-appointment.user-color-10 {
    background-color: #8E24AA !important;
    border-left: 4px solid #6a1b9a !important;
    color: white !important;
}

.e-schedule .e-appointment.user-color-11 {
    background-color: #039BE5 !important;
    border-left: 4px solid #0277bd !important;
    color: white !important;
}

/* Make sure all text elements within appointments are readable */
.e-schedule .e-appointment .e-appointment-details,
.e-schedule .e-appointment .e-subject,
.e-schedule .e-appointment .e-time,
.e-schedule .e-appointment .template-wrap {
    color: inherit !important;
}

/* Published schedule indicator */
.e-schedule .e-appointment.published-schedule {
    opacity: 1 !important;
}

.e-schedule .e-appointment.published-schedule::after {
    content: '?';
    position: absolute;
    top: 2px;
    right: 2px;
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: bold;
}

/* Unpublished schedules are slightly transparent */
.e-schedule .e-appointment:not(.published-schedule) {
    opacity: 0.85;
}

/* Read-only schedules - visual indicator */
.e-schedule .e-appointment.readonly-schedule {
    cursor: not-allowed !important;
    opacity: 0.75 !important;
}

.e-schedule .e-appointment.readonly-schedule::before {
    content: '??';
    position: absolute;
    top: 2px;
    left: 2px;
    font-size: 10px;
    opacity: 0.6;
}