/* --- CRM Lead Activity Calendar Custom Styles using style.css palette --- */

/* Calendar background and font */
body .fc {
    font-family: 'Segoe UI', 'Roboto', Arial, sans-serif;
    font-size: 1em;
    background: #f7fafd;
}

/* Calendar header toolbar */
.fc-toolbar.fc-header-toolbar {
    background: #e3eafc;
    border-radius: 8px;
    margin-bottom: 1em;
    padding: 0.5em 1em;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.fc-toolbar h2 {
    color: #1a237e;
    font-weight: 600;
    letter-spacing: 1px;
}

/* Day cells */
.fc-daygrid-day {
    background: #fff;
    border-radius: 6px;
    transition: background 0.2s;
}
.fc-daygrid-day:hover {
    background: #e3eafc;
}

/* --- Improved CRM Lead Activity Event Styles --- */

/* Make events pop out always */
.fc-event, .fc-daygrid-event, .fc-timegrid-event {
    background: #1976d2 !important; /* Strong primary blue */
    color: #fff !important;
    border: 2px solid #0d47a1 !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    box-shadow: 0 4px 16px rgba(33,150,243,0.18) !important;
    padding: 12px 16px !important;
    opacity: 1 !important;
    margin-bottom: 4px;
    text-align: left !important;
    letter-spacing: 0.5px;
    line-height: 1.4;
    transition: box-shadow 0.2s, filter 0.2s;
    z-index: 2;
}

/* Priority colors (optional, for variety) */
.fc-event[data-priority="High"] {
    background: #e53935 !important;
    color: #fff !important;
    border-color: #b71c1c !important;
}
.fc-event[data-priority="Medium"] {
    background: #fbc02d !important;
    color: #212529 !important;
    border-color: #f57c00 !important;
}
.fc-event[data-priority="Low"] {
    background: #43a047 !important;
    color: #fff !important;
    border-color: #1b5e20 !important;
}

/* Event text always left aligned */
.fc-event-title, .fc-event-time, .fc-event-main {
    text-align: left !important;
    justify-content: flex-start !important;
    color: inherit !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px;
    line-height: 1.4;
}

/* Hide event dot for cleaner look */
.fc-daygrid-event-dot {
    display: none !important;
}

/* Event hover effect: even stronger shadow */
.fc-event:hover, .fc-daygrid-event:hover, .fc-timegrid-event:hover {
    box-shadow: 0 8px 32px rgba(33,150,243,0.30) !important;
    filter: brightness(1.08);
    cursor: pointer;
    z-index: 10;
}

/* Sidebar and popover for details */
.fc-popover {
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(33,150,243,0.10);
    border: 1px solid #1976d2;
}
.fc-popover .fc-header {
    background: #e3eafc;
    color: #1976d2;
    font-weight: 600;
    border-radius: 8px 8px 0 0;
}

/* Today highlight */
.fc-daygrid-day.fc-day-today {
    background: #e3eafc !important;
    border: 2px solid #1976d2 !important;
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .fc-toolbar.fc-header-toolbar {
        padding: 0.5em 0.2em;
    }
    .fc-event, .fc-daygrid-event, .fc-timegrid-event {
        font-size: 13px !important;
        padding: 6px 6px !important;
    }
}

/* --- End CRM Lead Activity Calendar Custom Styles --- */