/* ---------------------------------------------------------------------------------------------- */
/* Context menu genaral style. Smooth border radius, enough padding, color hover. */

.e-contextmenu-wrapper ul.e-contextmenu, .e-contextmenu-container ul.e-contextmenu {
    padding: 10px;
    border-radius: 8px;
}

.e-contextmenu-container ul.e-ul {
    padding: 10px;
    border-radius: 8px;
    margin: -11px 0 0 5px;
}

.e-contextmenu-wrapper ul .e-menu-item.e-selected, 
.e-contextmenu-container ul .e-menu-item.e-selected {
    border-radius: 4px;
}

.e-contextmenu-wrapper ul .e-menu-item:hover,
.e-contextmenu-container ul .e-menu-item:hover {
    /*background-color: var(--color-sg-accent-main-0-75);*/
    border-radius: 4px;
}

.e-contextmenu-wrapper ul .e-menu-item.e-selected,
.e-contextmenu-container ul .e-menu-item.e-selected {
    background-color: #444c54;
}




/* ---------------------------------------------------------------------------------------------- */
/* Context menu genaral style. Icons. */

.sf-context-menu-icon-base {
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 5px;
}

    .sf-context-menu-icon-base:hover {
        /* Not really necessary, only maybe for nested menus; yet: applies to direct hovering over the icon, not by hovering over the row. */
        /*background-image: url('../icons/google/AI/network_intel_node_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');*/
    }




/* ............................. */
/* AI chat and hover events */

.sf-cm-ai-icon-subject {
    background-image: url('../icons/google/AI/network_intel_node_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

.sf-cm-ai-icon-context {
    background-image: url('../icons/google/AI/network_intel_node_80dp_179EAB_FILL1_wght400_GRAD200_opsz48.png');
}

/*.e-contextmenu-wrapper ul .e-menu-item:hover sf-cm-ai-icon-subject,
.e-contextmenu-container ul .e-menu-item:hover sf-cm-ai-icon-subject,
.e-contextmenu-wrapper ul .e-menu-item:hover .sf-cm-ai-icon-context,
.e-contextmenu-container ul .e-menu-item:hover .sf-cm-ai-icon-context {
    background-image: url('../icons/google/AI/network_intel_node_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
}*/


/* ............................. */
/* Copy */

.sf-cm-copy-icon-subject {
    background-image: url('../icons/google/other/content_copy_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

.sf-cm-copy-icon-context {
    background-image: url('../icons/google/other/content_copy_80dp_179EAB_FILL1_wght400_GRAD200_opsz48.png');
}


/* ............................. */
/* Cut */

.sf-cm-cut-icon-subject {
    background-image: url('../icons/google/other/content_cut_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

.sf-cm-cut-icon-context {
    background-image: url('../icons/google/other/content_cut_80dp_179EAB_FILL1_wght400_GRAD200_opsz48.png');
}


/* ............................. */
/* Event */

.sf-cm-event-icon-subject {
    background-image: url('../icons/google/calendar/calendar_month_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

.sf-cm-event-icon-context {
    background-image: url('../icons/google/calendar/calendar_month_80dp_179EAB_FILL1_wght400_GRAD200_opsz48.png');
}


/* ............................. */
/* Email response */

.sf-cm-email-response-icon-subject {
    background-image: url('../icons/google/email/outgoing_mail_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

.sf-cm-email-response-icon-context {
    background-image: url('../icons/google/email/outgoing_mail_80dp_179EAB_FILL1_wght400_GRAD200_opsz48.png');
}


/* ............................. */
/* Elaborate */

.sf-cm-elaborate-icon-subject {
    background-image: url('../icons/google/other/lightbulb_2_80dp_1EA48D_FILL1_wght400_GRAD0_opsz48.png');
}

.sf-cm-elaborate-icon-context {
    background-image: url('../icons/google/other/lightbulb_2_80dp_179EAB_FILL1_wght400_GRAD0_opsz48.png');
}


/* ............................. */
/* Extract */

.sf-cm-extract-icon-subject {
    background-image: url('../icons/google/note/note_alt_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

.sf-cm-extract-icon-context {
    background-image: url('../icons/google/note/note_alt_80dp_179EAB_FILL1_wght400_GRAD200_opsz48.png');
}


/* ............................. */
/* Note and hover events */

.sf-cm-note-icon-subject {
    background-image: url('../icons/google/note/edit_note_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

.sf-cm-note-icon-context {
    background-image: url('../icons/google/note/edit_note_80dp_179EAB_FILL1_wght400_GRAD200_opsz48.png');
}

/*.e-contextmenu-wrapper ul .e-menu-item:hover sf-cm-note-icon-subject,
.e-contextmenu-container ul .e-menu-item:hover sf-cm-note-icon-subject,
.e-contextmenu-wrapper ul .e-menu-item:hover .sf-cm-note-icon-context,
.e-contextmenu-container ul .e-menu-item:hover .sf-cm-note-icon-context {
    background-image: url('../icons/google/AI/network_intel_node_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
}*/


/* ............................. */
/* Paste */

.sf-cm-paste-icon-subject {
    background-image: url('../icons/google/other/content_paste_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

.sf-cm-paste-icon-context {
    background-image: url('../icons/google/other/content_paste_80dp_179EAB_FILL1_wght400_GRAD200_opsz48.png');
}


/* ............................. */
/* Smart button and hover events */

.sf-cm-smart-button-icon-subject {
    background-image: url('../icons/google/modified/automation_80dp_1EA48D_FILL0_wght400_GRAD200_opsz48.png');
}

.sf-cm-smart-button-icon-context {
    background-image: url('../icons/google/modified/automation_80dp_179EAB_FILL0_wght400_GRAD200_opsz48.png');
}

/*.e-contextmenu-wrapper ul .e-menu-item:hover .sf-cm-smart-button-subject,
.e-contextmenu-container ul .e-menu-item:hover .sf-cm-smart-button-subject,
.e-contextmenu-wrapper ul .e-menu-item:hover .sf-cm-smart-button-context,
.e-contextmenu-container ul .e-menu-item:hover .sf-cm-smart-button-context {
    background-image: url('../icons/google/modified/automation_80dp_FFFFFF_FILL0_wght400_GRAD200_opsz48.png');
}*/


/* ............................. */
/* Speech */

.sf-cm-speech-icon-subject {
    background-image: url('../icons/google/other/voice_selection_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

.sf-cm-speech-icon-context {
    background-image: url('../icons/google/other/voice_selection_80dp_179EAB_FILL1_wght400_GRAD200_opsz48.png');
}


/* ............................. */
/* Summary */

.sf-cm-summary-icon-subject {
    background-image: url('../icons/google/other/text_snippet_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

.sf-cm-summary-icon-context {
    background-image: url('../icons/google/other/text_snippet_80dp_179EAB_FILL1_wght400_GRAD200_opsz48.png');
}


/* ............................. */
/* Task */

.sf-cm-task-icon-subject {
    background-image: url('../icons/google/task/list_alt_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

.sf-cm-task-icon-context {
    background-image: url('../icons/google/task/list_alt_80dp_179EAB_FILL1_wght400_GRAD200_opsz48.png');
}


/* ............................. */
/* Topic */

.sf-cm-topic-icon-subject {
    background-image: url('../icons/google/topic/dataset_80dp_1EA48D_FILL0_wght400_GRAD200_opsz48.png');
}

.sf-cm-topic-icon-context {
    background-image: url('../icons/google/topic/dataset_80dp_179EAB_FILL0_wght400_GRAD200_opsz48.png');
}






.sf-cm-delete-icon {
    background-image: url('../icons/google/delete/delete_80dp_8B1A10_FILL1_wght400_GRAD200_opsz48.png');
}

.sf-cm-email-read {
    background-image: url('../icons/google/email/mark_email_read_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

.sf-cm-email-unread {
    background-image: url('../icons/google/email/mark_email_unread_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}