/* Calendar module (Kolab): remove remaining blue accents */
body:not(.task-login).task-calendar .listing li.selected > div > *,
body:not(.task-login).task-calendar .listing li.selected > div > *:hover,
body:not(.task-login).task-calendar .listing li.selected > div > *:focus {
    background-color: inherit !important;
}

html:not(.dark-mode) body:not(.task-login).task-calendar .listing li.selected > div > *,
html:not(.dark-mode) body:not(.task-login).task-calendar .listing li.selected > div > *:hover,
html:not(.dark-mode) body:not(.task-login).task-calendar .listing li.selected > div > *:focus,
html:not(.dark-mode) body:not(.task-login).task-calendar .listing li > div > a:hover,
html:not(.dark-mode) body:not(.task-login).task-calendar .listing li > div > a:focus {
    background-color: rgba(224, 82, 88, 0.06) !important;
}

body:not(.task-login).task-calendar .listing li > div > a:focus {
    border-left-color: var(--px-theme-primary) !important;
}

body:not(.task-login).task-calendar .listing li > div a.quickview:before,
body:not(.task-login).task-calendar .listing li > div.focusview a.quickview:before {
    color: var(--px-theme-primary) !important;
}

body:not(.task-login).task-calendar .listing li > div .subscribed:before,
body:not(.task-login).task-calendar .listing li > div span.subscribed:before {
    color: var(--px-theme-primary) !important;
}

body:not(.task-login).task-calendar .ui-datepicker-inline .ui-datepicker-week-col {
    color: var(--px-theme-primary) !important;
}

body:not(.task-login).task-calendar .fc-more,
body:not(.task-login).task-calendar a.fc-more {
    color: var(--px-theme-primary) !important;
}

body:not(.task-login).task-calendar .fc-more:hover,
body:not(.task-login).task-calendar .fc-more:focus,
body:not(.task-login).task-calendar a.fc-more:hover,
body:not(.task-login).task-calendar a.fc-more:focus {
    color: var(--px-theme-primary-hover) !important;
}

body:not(.task-login).task-calendar .ui-datepicker-inline .ui-datepicker-activerange,
body:not(.task-login).task-calendar .ui-datepicker-inline .ui-datepicker-activerange td {
    background-color: var(--px-theme-primary-soft) !important;
}

body:not(.task-login).task-calendar .ui-datepicker-inline .ui-datepicker-activerange a {
    background-color: transparent !important;
}

/* Keep selected day in mini-calendar readable (today+active overlap) */
body:not(.task-login).task-calendar .calendar-datepicker .ui-datepicker a.ui-state-active,
body:not(.task-login).task-calendar .calendar-datepicker .ui-datepicker a.ui-state-active.ui-state-highlight,
body:not(.task-login).task-calendar .calendar-datepicker .ui-datepicker.ui-widget-content a.ui-state-active,
body:not(.task-login).task-calendar .calendar-datepicker .ui-datepicker.ui-widget-content a.ui-state-active.ui-state-highlight {
    background-color: var(--px-theme-primary) !important;
    border-color: var(--px-theme-primary) !important;
    color: #fff !important;
}

body:not(.task-login).task-calendar .calendar-scheduler .schedule-table tr.times td {
    color: var(--px-theme-primary) !important;
}

body:not(.task-login).task-calendar .fc-highlight {
    background: var(--px-theme-primary-soft-strong) !important;
    opacity: .35;
}

html.dark-mode body:not(.task-login).task-calendar .listing li.selected > div > *,
html.dark-mode body:not(.task-login).task-calendar .listing li.selected > div > *:hover,
html.dark-mode body:not(.task-login).task-calendar .listing li.selected > div > *:focus {
    color: #c5d1d3 !important;
}

/* Calendar event editor dialog (new event popup) */
body:not(.task-login).task-calendar #ui-datepicker-div .ui-state-active,
body:not(.task-login).task-calendar #ui-datepicker-div .ui-state-active.ui-state-highlight,
body:not(.task-login).task-calendar #ui-datepicker-div a.ui-state-active,
body:not(.task-login).task-calendar #ui-datepicker-div a.ui-state-active.ui-state-highlight {
    color: #fff !important;
}

body:not(.task-login).task-calendar #eventedit .ui-menu .ui-menu-item-wrapper,
body:not(.task-login).task-calendar #eventedit .ui-menu .ui-menu-item a {
    color: #2c363a !important;
}

body:not(.task-login).task-calendar #eventedit .ui-menu .ui-state-active,
body:not(.task-login).task-calendar #eventedit .ui-menu .ui-state-focus,
body:not(.task-login).task-calendar #eventedit .ui-menu .ui-menu-item-wrapper.ui-state-active,
body:not(.task-login).task-calendar #eventedit .ui-menu .ui-menu-item-wrapper.ui-state-focus {
    background-color: var(--px-theme-primary) !important;
    color: #fff !important;
}

html.dark-mode body:not(.task-login).task-calendar #eventedit .ui-menu .ui-menu-item-wrapper,
html.dark-mode body:not(.task-login).task-calendar #eventedit .ui-menu .ui-menu-item a {
    color: #c5d1d3 !important;
}

body:not(.task-login).task-calendar #eventedit .alarms-input .edit-alarm-buttons a,
body:not(.task-login).task-calendar #eventedit .alarms-input .edit-alarm-buttons a:before {
    color: var(--px-theme-primary) !important;
}

body:not(.task-login).task-calendar #eventedit .alarms-input .edit-alarm-buttons a:focus,
body:not(.task-login).task-calendar #eventedit .alarms-input .edit-alarm-buttons a:focus-visible,
body:not(.task-login).task-calendar #eventedit .alarms-input .edit-alarm-buttons a:active {
    background-color: var(--px-theme-primary-soft) !important;
    box-shadow: none !important;
    outline: 0 !important;
}

body:not(.task-login).task-calendar #eventedit #event-panel-recurrence input[type="radio"],
body:not(.task-login).task-calendar #eventedit .recurrence-form input[type="radio"] {
    accent-color: var(--px-theme-primary);
}

body:not(.task-login).task-calendar #eventedit #event-panel-recurrence input[type="checkbox"],
body:not(.task-login).task-calendar #eventedit .recurrence-form input[type="checkbox"] {
    accent-color: var(--px-theme-primary);
}

body:not(.task-login).task-calendar #eventedit .edit-attendees-table td.options a,
body:not(.task-login).task-calendar #eventedit .edit-attendees-table td.options a:before {
    color: var(--px-theme-primary) !important;
}

body:not(.task-login).task-calendar #eventedit .edit-attendees-table td.options a:hover,
body:not(.task-login).task-calendar #eventedit .edit-attendees-table td.options a:hover:before,
body:not(.task-login).task-calendar #eventedit .edit-attendees-table td.options a:focus,
body:not(.task-login).task-calendar #eventedit .edit-attendees-table td.options a:focus:before {
    color: var(--px-theme-primary-hover) !important;
}

body:not(.task-login).task-calendar #eventedit #edit-recurrence-rdates a.delete,
body:not(.task-login).task-calendar #eventedit #edit-recurrence-rdates a.delete:before,
body:not(.task-login).task-calendar #eventedit #edit-recurrence-rdates a.iconbutton.delete,
body:not(.task-login).task-calendar #eventedit #edit-recurrence-rdates a.iconbutton.delete:before {
    color: var(--px-theme-primary) !important;
}

body:not(.task-login).task-calendar #eventedit #edit-recurrence-rdates a.delete:hover,
body:not(.task-login).task-calendar #eventedit #edit-recurrence-rdates a.delete:hover:before,
body:not(.task-login).task-calendar #eventedit #edit-recurrence-rdates a.delete:focus,
body:not(.task-login).task-calendar #eventedit #edit-recurrence-rdates a.delete:focus:before,
body:not(.task-login).task-calendar #eventedit #edit-recurrence-rdates a.iconbutton.delete:hover,
body:not(.task-login).task-calendar #eventedit #edit-recurrence-rdates a.iconbutton.delete:hover:before,
body:not(.task-login).task-calendar #eventedit #edit-recurrence-rdates a.iconbutton.delete:focus,
body:not(.task-login).task-calendar #eventedit #edit-recurrence-rdates a.iconbutton.delete:focus:before {
    color: var(--px-theme-primary-hover) !important;
}

body:not(.task-login).task-calendar .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary.cancel:focus,
body:not(.task-login).task-calendar .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary.cancel:focus-visible {
    box-shadow: none !important;
    outline: 0 !important;
}

body:not(.task-login).task-calendar #eventedit #edit-attachments-form button.attach:focus,
body:not(.task-login).task-calendar #eventedit #edit-attachments-form button.attach:focus-visible {
    box-shadow: none !important;
    outline: 0 !important;
}

html.dark-mode body:not(.task-login).task-calendar .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary.cancel,
html.dark-mode body:not(.task-login).task-calendar .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary.cancel:hover,
html.dark-mode body:not(.task-login).task-calendar .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary.cancel:focus,
html.dark-mode body:not(.task-login).task-calendar .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary.cancel:focus-visible,
html.dark-mode body:not(.task-login).task-calendar .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary.cancel:active,
html.dark-mode body:not(.task-login).task-calendar #eventedit #edit-attachments-form button.attach,
html.dark-mode body:not(.task-login).task-calendar #eventedit #edit-attachments-form button.attach:hover,
html.dark-mode body:not(.task-login).task-calendar #eventedit #edit-attachments-form button.attach:focus,
html.dark-mode body:not(.task-login).task-calendar #eventedit #edit-attachments-form button.attach:focus-visible,
html.dark-mode body:not(.task-login).task-calendar #eventedit #edit-attachments-form button.attach:active {
    border-color: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

/*
 * Calendar quickview background (eye mode):
 * replace built-in blue SVG background with neutral background + red eye glyph.
 */
body:not(.task-login).task-calendar.quickview-active .fc .fc-scroller {
    position: relative;
    background-image: none !important;
}

body:not(.task-login).task-calendar.quickview-active .fc .fc-scroller::before {
    content: "\f06e";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Icons;
    font-style: normal;
    font-weight: 900;
    font-size: min(19vw, 160px);
    line-height: 1;
    color: var(--px-theme-primary);
    opacity: 0.16;
    pointer-events: none;
    z-index: 0;
}

body:not(.task-login).task-calendar.quickview-active .fc .fc-scroller > * {
    position: relative;
    z-index: 1;
}