/* Loaded only for SMEPMS, AXLR8 and QBMS. Extra specificity overrides shared list colors. */

html .support-list-modern-screen {
    --support-list-accent: var(--company-primary-color);
    --support-list-accent-dark: var(--company-primary-color);
    --support-list-accent-soft: color-mix(in srgb, var(--company-primary-color) 9%, transparent);
    --support-list-shadow: 0 5px 20px color-mix(in srgb, var(--company-primary-color) 8%, transparent);
}

html .support-list-modern-screen .support-list-toolbar .btn,
html .support-list-modern-screen .dt-button {
    box-shadow: 0 3px 8px color-mix(in srgb, var(--company-primary-color) 15%, transparent) !important;
}

html .support-list-modern-screen .support-list-toolbar .btn:hover,
html .support-list-modern-screen .support-list-toolbar .btn:focus,
html .support-list-modern-screen .dt-button:hover,
html .support-list-modern-screen .dt-button:focus {
    box-shadow: 0 5px 12px color-mix(in srgb, var(--company-primary-color) 22%, transparent) !important;
}

html .support-list-modern-screen .show_filter {
    background: color-mix(in srgb, var(--company-primary-color) 8%, white);
}

html .support-list-modern-screen .form-control,
html .support-list-modern-screen .chosen-container .chosen-choices,
html .support-list-modern-screen .chosen-container-single .chosen-single {
    box-shadow: 0 1px 3px color-mix(in srgb, var(--company-primary-color) 4%, transparent) !important;
}

html .support-list-modern-screen .chosen-container .search-choice {
    background: color-mix(in srgb, var(--company-primary-color) 7%, white) !important;
    border-color: color-mix(in srgb, var(--company-primary-color) 20%, white) !important;
}

html .assign-ticket-dialog-content {
    --assign-dialog-accent: var(--company-primary-color);
    --assign-dialog-accent-soft: color-mix(in srgb, var(--company-primary-color) 10%, transparent);
}

html .assign-ticket-dialog-content .chosen-container-multi .chosen-choices {
    box-shadow: 0 1px 2px color-mix(in srgb, var(--company-primary-color) 4%, transparent);
}

html .assign-ticket-dialog-content .chosen-container-multi .chosen-choices li.search-choice {
    background: color-mix(in srgb, var(--company-primary-color) 8%, white);
    border-color: color-mix(in srgb, var(--company-primary-color) 22%, white);
}

html .disclosure-summary-popup {
    --summary-accent: var(--company-primary-color);
    --summary-accent-soft: color-mix(in srgb, var(--company-primary-color) 10%, transparent);
}

html .disclosure-summary-popup .disclosure-summary-column {
    scrollbar-color: color-mix(in srgb, var(--company-primary-color) 40%, white) color-mix(in srgb, var(--company-primary-color) 8%, white);
}

html .disclosure-summary-popup .disclosure-summary-column::-webkit-scrollbar-track {
    background: color-mix(in srgb, var(--company-primary-color) 8%, white);
}

html .disclosure-summary-popup .disclosure-summary-column::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--company-primary-color) 40%, white);
}

html .disclosure-summary-popup .chart-box {
    box-shadow: 0 4px 14px color-mix(in srgb, var(--company-primary-color) 7%, transparent);
}

html .disclosure-summary-popup .popup_header {
    background: color-mix(in srgb, var(--company-primary-color) 2%, white) !important;
}

html .disclosure-summary-popup .support-message-legend {
    background: color-mix(in srgb, var(--company-primary-color) 2%, white);
}

html .disclosure-summary-popup .support-message-legend__item:where(:not(.support-message-legend__item--public-received):not(.support-message-legend__item--internal):not(.support-message-legend__item--conversation-sent):not(.support-message-legend__item--conversation-received):not(.support-message-legend__item--activity):not(.support-message-legend__item--activity-completed)) > i {
    background: color-mix(in srgb, var(--company-primary-color) 6%, white);
    border-color: color-mix(in srgb, var(--company-primary-color) 20%, white);
}

html .disclosure-summary-popup .all_messages {
    scrollbar-color: color-mix(in srgb, var(--company-primary-color) 40%, white) color-mix(in srgb, var(--company-primary-color) 8%, white);
}

html .disclosure-summary-popup .all_messages::-webkit-scrollbar-track {
    background: color-mix(in srgb, var(--company-primary-color) 8%, white);
}

html .disclosure-summary-popup .all_messages::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--company-primary-color) 40%, white);
}

html .disclosure-summary-popup .support-message-card:where(:not(.support-message-card--public-received):not(.support-message-card--internal):not(.support-message-card--conversation-sent):not(.support-message-card--conversation-received):not(.support-message-card--activity):not(.support-message-card--activity-completed)) {
    background: color-mix(in srgb, var(--company-primary-color) 6%, white) !important;
    border-color: color-mix(in srgb, var(--company-primary-color) 20%, white);
    box-shadow: 0 3px 10px color-mix(in srgb, var(--company-primary-color) 6%, transparent);
}

html .disclosure-summary-popup .support-message-card--new {
    box-shadow: 0 0 0 2px #e8a317, 0 4px 12px color-mix(in srgb, var(--company-primary-color) 8%, transparent);
}

html .disclosure-summary-popup .support-message-card__recipient {
    border-color: color-mix(in srgb, var(--company-primary-color) 10%, transparent);
}

html .disclosure-summary-popup .support-message-card__body {
    border-top: 1px solid color-mix(in srgb, var(--company-primary-color) 13%, transparent);
}

html .disclosure-summary-popup .support-message-card__attachments,
html .disclosure-summary-popup .support-message-card__footer {
    border-top: 1px solid color-mix(in srgb, var(--company-primary-color) 13%, transparent);
}

html .disclosure-summary-popup .support-message-card__attachment {
    border-color: color-mix(in srgb, var(--company-primary-color) 12%, transparent);
}

html .support-list-modern-screen .dataTables_wrapper > .row:first-child {
    background: color-mix(in srgb, var(--company-primary-color) 2%, white);
}

html .support-list-modern-screen table.dataTable thead th {
    background: color-mix(in srgb, var(--company-primary-color) 6%, white) !important;
    border-top: 1px solid color-mix(in srgb, var(--company-primary-color) 18%, white) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--company-primary-color) 20%, white) !important;
}

html .support-list-modern-screen table.dataTable tbody tr:hover td {
    background: color-mix(in srgb, var(--company-primary-color) 5%, white) !important;
}

html .support-list-modern-screen .form-control:focus,
html .support-list-modern-screen .chosen-container-active .chosen-choices,
html .support-list-modern-screen .chosen-container-active .chosen-single {
    box-shadow: 0 0 0 3px var(--support-list-accent-soft) !important;
}