/* /Components/Account/Shared/ExternalLoginPicker.razor.rz.scp.css */
/* ----------------------------------------------------------------- */
/* Micrisoft sign in button: as image (from license persective safe) */
/* See https://learn.microsoft.com/en-us/entra/identity-platform/howto-add-branding-in-apps */

.btn-sign-in-microsoft-as-image[b-drjeha84eq] {
    border: none;
    padding: 0;
    height: 41px;
}


/* ----------------------------------------------------------------- */
/* Micrisoft sign in button: as css, form a license perspective might be problematic on non windows machines. Rather use the image verion above. */
/* See https://learn.microsoft.com/en-us/entra/identity-platform/howto-add-branding-in-apps */

.btn-sign-in-img-microsoft[b-drjeha84eq] {
    height: 21px;
    aspect-ratio: 1/1;
    margin-right: 12px;
}

.btn-sign-in-microsoft-generic[b-drjeha84eq] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 210px;
    height: 41px;
    border: none;
    padding: 0;
    font-family: "Segoe UI";
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    padding: 0 12px 0 12px;
}

.btn-sign-in-microsoft-dark[b-drjeha84eq] {
    color: #ffffff;
    background-color: #2f2f2f;
}

.btn-sign-in-microsoft-bright[b-drjeha84eq] {
    color: #5e5e5e;
    background-color: #ffffff;
    border: 1px solid #8c8c8c;
}

/* /Components/AIChat/AIServiceList.razor.rz.scp.css */
.aichat-list-filter-item-container[b-b5h9bpwqqw] {
    display: flex;
    flex-direction: row;
    flex: 1;
    gap: 5px;
    width: 100%;
    padding: 10px 0px 0px 0px;
}
/* /Components/AIChat/AIServiceListOBSOLETE.razor.rz.scp.css */
.aichat-list-filter-item-container[b-y8gziwdxxu] {
    display: flex;
    flex-direction: row;
    flex: 1;
    gap: 5px;
    width: 100%;
    padding: 10px 0px 0px 0px;
}
/* /Components/AIChat/SemanticServiceCoreView.razor.rz.scp.css */
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*Border styling*/

#DOV-AIC-CON-MSG[b-u3qw9p0fi1], #DOV-AIC-MSG[b-u3qw9p0fi1], #DOV-AIC-CON-SEND[b-u3qw9p0fi1] {
    padding-left: 10px;
}

#DOV-AIC-SUB[b-u3qw9p0fi1] {
    padding-left: 15px;
    padding-right: 25px;
}

#DOV-AIC-CON-SEND[b-u3qw9p0fi1] {
    padding-top: 5px;
    padding-bottom: 5px;
}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* Icon AI chat agent */

.ssv-message-agent-icon-subject[b-u3qw9p0fi1] {
    width: 30px;
    height: 30px;
    margin: auto;
    border-radius: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--color-sg-accent-main-0-75);
    background-image: url('../../icons/google/AI/network_intel_node_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    background-size: 80%;
}

.ssv-message-websearch-icon-subject[b-u3qw9p0fi1] {
    width: 30px;
    height: 30px;
    margin: auto;
    border-radius: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--color-sg-accent-main-0-75);
    background-image: url('../../icons/google/other/language_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    background-size: 80%;
}

.ssv-message-agent-icon-context[b-u3qw9p0fi1] {
    width: 30px;
    height: 30px;
    margin: auto;
    border-radius: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--color-sg-accent-secondary-1-75);
    background-image: url('../../icons/google/AI/network_intel_node_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    background-size: 80%;
}

.ssv-message-websearch-icon-context[b-u3qw9p0fi1] {
    width: 30px;
    height: 30px;
    margin: auto;
    border-radius: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--color-sg-accent-secondary-1-75);
    background-image: url('../../icons/google/other/language_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    background-size: 80%;
}



/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*Button: send chat message*/

.dov-button-send-chat-message[b-u3qw9p0fi1] {
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 30px;
    border: 2px solid var(--color-sg-accent-main-0-75);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: var(--color-sg-accent-main-0-75);
    background-image: url('../../Icons/Google/send_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    background-size: 80%;
    box-shadow: 0 0 5px 5px rgb(0,0,0,0.15);
}

    .dov-button-send-chat-message:hover[b-u3qw9p0fi1] {
        background-image: url('../../Icons/Google/send_80dp_2AE9CA_FILL1_wght400_GRAD200_opsz48.png');
        background-color: var(--color-sg-background);
        background-size: 80%;
    }

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*Message style: AI answer*/

.div-dov-ai-chat-ai-answer[b-u3qw9p0fi1] {
    display: inline-block;
    border-radius: 8px;
    padding: 4px 4px 4px 8px;
    background-color: #BDE9EA;
    margin-left: 20px;
}

    .div-dov-ai-chat-ai-answer pre[b-u3qw9p0fi1] {
        margin: 0;
        font-size: 1.0rem;
        white-space: pre-line;
    }

.div-dov-ai-chat-time-stamp-ai[b-u3qw9p0fi1] {
    margin: 5px 0px 15px 30px;
    font-size: 0.8rem;
    font-style: italic;
    color: gray;
}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*Message style: user question*/

.div-dov-ai-chat-user-question[b-u3qw9p0fi1] {
    display: inline-block;
    border-radius: 8px;
    padding: 4px 4px 4px 8px;
    background-color: #E2E5EC;
}

    .div-dov-ai-chat-user-question p[b-u3qw9p0fi1] {
        margin: 0;
    }

.div-dov-ai-chat-time-stamp-user[b-u3qw9p0fi1] {
    margin: 5px 0px 15px 10px;
    font-size: 0.8rem;
    font-style: italic;
    color: gray;
}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*Message style: data context*/

.div-dov-ai-chat-data-context[b-u3qw9p0fi1] {
    display: inline-block;
    border-radius: 8px;
    padding: 4px 4px 4px 8px;
    background-color: #DBF2DB;
}

    .div-dov-ai-chat-data-context p[b-u3qw9p0fi1] {
        margin: 0;
    }

.div-dov-ai-chat-time-stamp-data-context[b-u3qw9p0fi1] {
    margin: 5px 0px 15px 10px;
    font-size: 0.8rem;
    font-style: italic;
    color: gray;
}
/* /Components/AIChat/TimeLineItemComponent.razor.rz.scp.css */
/* ------------------------------------------------------------- */
/* Status chip */

.timelineitem-status-chip-container[b-9io22gdmj9] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: fit-content;
    font-weight: 600;
    color: #FFFFFF;
    padding: 6px;
    border-radius: 4px;
}

.timelineitem-status-success[b-9io22gdmj9] {
    background-color: var(--color-ok);
}

.timelineitem-status-waiting[b-9io22gdmj9] {
    background-color: var(--color-information);
}

.timelineitem-status-retry[b-9io22gdmj9] {
    background-color: var(--color-warning);
}

.timelineitem-status-failed[b-9io22gdmj9] {
    background-color: var(--color-error);
}




/* ------------------------------------------------------------- */
/* ... Time/chronic and title icon */

.timelineitem-header-icon[b-9io22gdmj9] {
    width: 20px;
    height: 20px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 4px 0 0px;
}

.timelineitem-chronic-icon-default[b-9io22gdmj9] {
    background-image: url('../icons/google/other/chronic_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

.timelineitem-chronic-icon-context[b-9io22gdmj9] {
    background-image: url('../icons/google/other/chronic_80dp_179EAB_FILL1_wght400_GRAD200_opsz48.png');
}


.timelineitem-title-icon-default[b-9io22gdmj9] {
    background-image: url('../icons/google/other/subject_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

.timelineitem-title-icon-context[b-9io22gdmj9] {
    background-image: url('../icons/google/other/subject_80dp_179EAB_FILL1_wght400_GRAD200_opsz48.png');
}




/* ------------------------------------------------------------- */
/* Other */

/* ... Token display */

.timelineitem-token-usage[b-9io22gdmj9] {
    padding: 0px 0px 0px 4px;
    color: gray;
    font-size: 10px;
}


/* ... Body content base: container and content */

.timelineline-body-container[b-9io22gdmj9] {
    height: fit-content;
    border-radius: 4px;
    margin-top: 10px;
    padding: 10px;
    gap: 10px;
    white-space: pre-line;
}

.timelineitem-body-content[b-9io22gdmj9] {
    padding: 6px;
    border-radius: 4px;
}


/* ... Body content in message style */

.timelineitem-body-content-message[b-9io22gdmj9] {
    background-color: #1EA48D20;
}

.timelineitem-body-content-message-context[b-9io22gdmj9] {
    background-color: #179EAB20;
}
/* /Components/AIChat/TimelineViewByQuery.razor.rz.scp.css */
/* /Components/Automation/AugmentationList.razor.rz.scp.css */
/* /Components/Automation/AutomationList.razor.rz.scp.css */
.automation-list-filter-item-container[b-vun7t3zqeg] {
    display: flex;
    flex-direction: row;
    flex: 1;
    gap: 5px;
    width: 100%;
    padding: 10px 0px 0px 0px;
}
/* /Components/Automation/AutomationListOBSOLETE.razor.rz.scp.css */
.automation-list-filter-item-container[b-25gohasrym] {
    display: flex;
    flex-direction: row;
    flex: 1;
    gap: 5px;
    width: 100%;
    padding: 10px 0px 0px 0px;
}
/* /Components/Automation/ManageSystemSmartButtons.razor.rz.scp.css */
/* Main containers and spinnner */

.smartbutton-buttons-container[b-gp30069svn] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 340px 340px;
    border-radius: 8px;
    background: var(--color-sg-card-content-background);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    gap: 20px;
    padding: 20px;
    overflow-y: auto;
    overflow-x: hidden;
}

.smartbutton-buttons-container-format-only[b-gp30069svn] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 340px 340px;
    gap: 20px;
    padding: 10px;
}

.smartbutton-spinner-overlay[b-gp30069svn] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
}




/* Card */

.smartbutton-button-card[b-gp30069svn] {
    background: var(--color-sg-background);
    border-radius: 8px;
    box-shadow: 2px 2px 10px 4px rgb(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border: 1px solid var(--color-sg-accent-main-0-75);
    padding: 10px;
    height: 170px;
}

.smartbutton-item-title[b-gp30069svn] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-sg-accent-main-0-75);
    color: #FFFFFF;
    font-size: 12px;
    height: 36px;
    min-height: 36px;
    border-radius: 8px;
    box-shadow: 2px 2px 10px 4px rgb(0, 0, 0, 0.15);
}

.smartbutton-item-header[b-gp30069svn] {
    color: var(--color-sg-accent-main-0-75);
    font-size: 12px;
}

.smartbutton-item-automation-label[b-gp30069svn] {
    color: var(--color-sg-accent-main-0-75);
}

.smartbutton-item-automation-description[b-gp30069svn] {
    font-size: 12px;
    overflow-y: hidden;
    padding: 4px 8px;
    max-height: 100px;
}

.smartbutton-base-icon-card[b-gp30069svn] {
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
}

.smartbutton-base-icon[b-gp30069svn] {
    width: 60px;
    height: 60px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
}

.smartbutton-add-icon[b-gp30069svn] {
    background-image: url('../icons/google/other/add_circle_80dp_1EA48D_FILL0_wght400_GRAD200_opsz48.png');
}


    .smartbutton-add-icon:hover[b-gp30069svn] {
        background-image: url('../icons/google/other/add_circle_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
    }

.smartbutton-automation-icon[b-gp30069svn] {
    background-image: url('../icons/google/automation/automation_80dp_1EA48D_FILL0_wght400_GRAD200_opsz48.png');
}
/* /Components/Base/ComponentView/UI/ProgressBar.razor.rz.scp.css */

/* Skeleton/Shimmer text (left -> right pulsation) */

.skeleton-text[b-vrwu59oxuk] {
    display: inline-block;
    font-weight: 600;
    letter-spacing: 0.2px;
    background-size: 220% 100%;
    background-position: 0% 0%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: skeleton-shimmer-b-vrwu59oxuk 2000ms forwards infinite;
}

.skeleton-gradient-subject[b-vrwu59oxuk] {
    background-image: linear-gradient( 135deg, var(--color-sg-dark-bright-100) 35%, var(--color-sg-accent-main-0-75) 75%, var(--color-sg-dark-bright-100) 100% ); /* gradient clipped by text */
}

.skeleton-gradient-context[b-vrwu59oxuk] {
    background-image: linear-gradient( 135deg, var(--color-sg-dark-bright-100) 35%, var(--color-sg-accent-secondary-1-75) 75%, var(--color-sg-dark-bright-100) 100% ); /* gradient clipped by text */
}


@keyframes skeleton-shimmer-b-vrwu59oxuk {
    0% {
        background-position: 220% 0%;
    }

    100% {
        background-position: 0% 0%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .skeleton-text[b-vrwu59oxuk] {
        animation: none;
    }
}
/* /Components/Calendar/CalendarList.razor.rz.scp.css */
/* /Components/Card/ContextEntityComponentCard.razor.rz.scp.css */
/* ------------------------------------------------- */
/* Outer container div */

.context-card-container-base[b-ccbdxx6482] {
    display: flex;
    flex-direction: column;
    position: relative;
}

.context-card-container-subject[b-ccbdxx6482] {

}
    .context-card-container-subject:hover[b-ccbdxx6482] {
        box-shadow: 0 0 6px var(--color-sg-accent-main-0-75), 0 0 6px var(--color-sg-accent-main-0-75), 0 0 6px var(--color-sg-accent-main-0-75);
    }

.context-card-container-context[b-ccbdxx6482] {

}
    .context-card-container-context:hover[b-ccbdxx6482] {
        box-shadow: 0 0 6px var(--color-sg-accent-secondary-1-75), 0 0 4px var(--color-sg-accent-secondary-1-75), 0 0 6px var(--color-sg-accent-secondary-1-75);
    }


/* ------------------------------------------------- */
/* Overlay styles */

.context-card-overlay[b-ccbdxx6482] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 10;
    border-radius: 4px;
    pointer-events: none;
}       

.context-card-container-base:hover .context-card-overlay[b-ccbdxx6482] {
    opacity: 1;
    pointer-events: auto;
}

.context-card-overlay-buttons-container[b-ccbdxx6482] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

/* ... Overlay buttons base styles, subject and context mode */
.context-card-overlay-button-base[b-ccbdxx6482] {
    width: 50px;
    height: 50px;
    padding: 10px 10px;
    color: #ffffff;
    cursor: pointer;
    border-radius: 4px;
    font-size: 14px;
    transition: background-color 0.2s ease;
    background-color: var(--color-sg-background);
    background-size: contain;
    background-position: center;
}

.context-card-overlay-button-subject[b-ccbdxx6482] {
    border: 2px solid var(--color-sg-accent-main-0-75);
}

    .context-card-overlay-button-subject:hover[b-ccbdxx6482] {
        background-color: var(--color-sg-accent-main-0-75);
    }

.context-card-overlay-button-context[b-ccbdxx6482] {
    border: 2px solid var(--color-sg-accent-secondary-1-75);
}

    .context-card-overlay-button-context:hover[b-ccbdxx6482] {
        background-color: var(--color-sg-accent-secondary-1-75);
    }
/* ... Edit buttons ... */
.context-card-overlay-button-edit-subject[b-ccbdxx6482] {
    background-image: url('../icons/google/other/edit_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

    .context-card-overlay-button-edit-subject:hover[b-ccbdxx6482] {
        background-image: url('../icons/google/other/edit_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    }

.context-card-overlay-button-edit-context[b-ccbdxx6482] {
    background-image: url('../icons/google/other/edit_80dp_179EAB_FILL1_wght400_GRAD200_opsz48.png');
}

    .context-card-overlay-button-edit-context:hover[b-ccbdxx6482] {
        background-image: url('../icons/google/other/edit_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    }

/* ... Subject related buttons ... */
.context-card-overlay-button-association-add-subject[b-ccbdxx6482] {
    background-image: url('../icons/google/other/add_80dp_1EA48D_FILL1_wght400_GRAD0_opsz48.png');
}

    .context-card-overlay-button-association-add-subject:hover[b-ccbdxx6482] {
        background-image: url('../icons/google/other/add_80dp_FFFFFF_FILL1_wght400_GRAD0_opsz48.png');
    }

.context-card-overlay-button-association-remove-subject[b-ccbdxx6482] {
    background-image: url('../icons/google/other/remove_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

    .context-card-overlay-button-association-remove-subject:hover[b-ccbdxx6482] {
        background-image: url('../icons/google/other/remove_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    }

/* ... Context related buttons ... */
.context-card-overlay-button-association-add-context[b-ccbdxx6482] {
    background-image: url('../icons/google/other/add_80dp_179EAB_FILL1_wght400_GRAD0_opsz48.png');
}

    .context-card-overlay-button-association-add-context:hover[b-ccbdxx6482] {
        background-image: url('../icons/google/other/add_80dp_FFFFFF_FILL1_wght400_GRAD0_opsz48.png');
    }

.context-card-overlay-button-association-remove-context[b-ccbdxx6482] {
    background-image: url('../icons/google/other/remove_80dp_179EAB_FILL1_wght400_GRAD200_opsz48.png');
}
    .context-card-overlay-button-association-remove-context:hover[b-ccbdxx6482] {
        background-image: url('../icons/google/other/remove_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    }

/* ... Attachment (add) related buttons ... */
.context-card-overlay-button-attachment-add-subject[b-ccbdxx6482] {
    background-image: url('../icons/google/email/attach_file_add_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

    .context-card-overlay-button-attachment-add-subject:hover[b-ccbdxx6482] {
        background-image: url('../icons/google/email/attach_file_add_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    }

.context-card-overlay-button-attachment-add-context[b-ccbdxx6482] {
    background-image: url('../icons/google/email/attach_file_add_80dp_179EAB_FILL1_wght400_GRAD200_opsz48.png');
}

    .context-card-overlay-button-attachment-add-context:hover[b-ccbdxx6482] {
        background-image: url('../icons/google/email/attach_file_add_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    }

/* ... Attachment (remove) related buttons ... */
.context-card-overlay-button-attachment-remove-subject[b-ccbdxx6482] {
    background-image: url('../icons/google/email/attach_file_off_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

    .context-card-overlay-button-attachment-remove-subject:hover[b-ccbdxx6482] {
        background-image: url('../icons/google/email/attach_file_off_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    }

.context-card-overlay-button-attachment-remove-context[b-ccbdxx6482] {
    background-image: url('../icons/google/email/attach_file_off_80dp_179EAD_FILL1_wght400_GRAD200_opsz48.png');
}

    .context-card-overlay-button-attachment-remove-context:hover[b-ccbdxx6482] {
        background-image: url('../icons/google/email/attach_file_off_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    }


/* ... Switch related buttons ... */
.context-card-overlay-button-switch-subject[b-ccbdxx6482] {
    background-image: url('../icons/google/other/swap_horiz_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

    .context-card-overlay-button-switch-subject:hover[b-ccbdxx6482] {
        background-image: url('../icons/google/other/swap_horiz_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    }

.context-card-overlay-button-switch-context[b-ccbdxx6482] {
    background-image: url('../icons/google/other/swap_horiz_80dp_179EAB_FILL1_wght400_GRAD200_opsz48.png');
}

    .context-card-overlay-button-switch-context:hover[b-ccbdxx6482] {
        background-image: url('../icons/google/other/swap_horiz_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    }



/* ------------------------------------------------- */
/* Header row */

.context-card-meta-header[b-ccbdxx6482] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    color: var(--color-sg-card-header-font-color);
    font-size: 12px;
    line-height: 12px;
    height: 22px;
    align-items: center;
    justify-content: left;
    padding: 2px;
}

.context-card-meta-image[b-ccbdxx6482] {
    width: 18px;
    height: 18px;
}

.context-card-meta-text[b-ccbdxx6482] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* ------------------------------------------------- */
/* Main content: title, content, quick menu */

.context-card-content-container[b-ccbdxx6482] {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    background-color: var(--color-sg-card-content-background);
    box-shadow: 1px 2px 3px 3px rgb(0,0,0,0.10);
    font-size: 12px;
}

.context-card-content-header[b-ccbdxx6482] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    color: #ffffff;
    font-weight: 600;
    padding: 4px;
    cursor: pointer;
    white-space: nowrap;
}

.context-card-header-image[b-ccbdxx6482] {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

.context-card-content-body[b-ccbdxx6482] {
    padding: 8px 4px 8px 4px;
    overflow: hidden;
    line-height: 16px;
    cursor: pointer;
    white-space: pre;
    text-overflow: ellipsis;
    color: var(--color-sg-card-text-color);
}


/* ------------------------------------------------- */
/* Data model connection handling */

.context-card-connect-action-container[b-ccbdxx6482] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50px;
}

.context-card-connection-action-add[b-ccbdxx6482] {
    width: 42px;
    height: 42px;
    padding: 4px;
    cursor: pointer;
}

/* Basic button */
.context-card-button-base[b-ccbdxx6482] {
    width: 42px;
    height: 42px;
    border: none;
    background-size: contain;
    background-position: center;
    cursor: pointer;
    background-color: transparent;
    background-repeat: no-repeat;
    margin: auto;
}

.context-card-button-remove-connection[b-ccbdxx6482] {
    background-image: url('../icons/generic/Icon_CT_disconnect_inital.png');
    width: 36px;
    height: 36px;
}

    .context-card-button-remove-connection:hover[b-ccbdxx6482] {
        background-image: url('../icons/generic/Icon_CT_disconnect_hover.png');
    }

.context-card-button-add-connection[b-ccbdxx6482] {
    background-image: url('../icons/generic/Icon_CT_inital.png');
    width: 36px;
    height: 36px;
}

    .context-card-button-add-connection:hover[b-ccbdxx6482] {
        background-image: url('../icons/generic/Icon_CT_hover.png');
    }

/* ------------------------------------------------- */
/* Topics row */

.context-card-topic-container[b-ccbdxx6482] {
    margin-top: 5px;
    display: flex;
    flex-direction: row;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 1px 2px 3px 3px rgb(0,0,0,0.10);
    background-color: var(--color-sg-card-content-background);
    font-size: 12px;
    align-items: center;
    justify-content: left;
    height: 30px;
}

.context-card-topic-image[b-ccbdxx6482] {
    width: 30px;
    height: 30px;
    padding: 4px;
    cursor: pointer;
}

.context-card-topic-inbox-image[b-ccbdxx6482] {
    width: 18px;
    height: 18px;
    margin-right: 4px;
    cursor: pointer;
}

.context-card-topic-add-items[b-ccbdxx6482] {
    padding: 4px;
    white-space: nowrap;
}

.context-card-topic-items-container[b-ccbdxx6482] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
    height: 30px;
    line-height: 22px;
    overflow-x: hidden;
    overflow-y: auto;
}

.context-card-topic-item[b-ccbdxx6482] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 22px;
    margin: 4px;
    padding: 5px;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 4px;
    color: var(--color-sg-card-text-color);
    background-color: var(--color-sg-background);
}

.context-card-topic-item-text[b-ccbdxx6482] {
    max-width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* ------------------------------------------------- */
/* Gauge row */

.context-card-gauge-container[b-ccbdxx6482] {
    margin-top: 5px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    width: 100%;
    padding: 5px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 1px 2px 3px 3px rgb(0,0,0,0.10);
    background-color: var(--color-sg-card-content-background);
    font-size: 12px;
    align-items: center;
    justify-content: left;
    height: 40px;
}
/* /Components/Card/DataEntityComponentCard.razor.rz.scp.css */
/* ------------------------------------------------- */
/* Outer container div */

.card-container-base[b-9lc9pp01lv] {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
}

.card-container-base-subject[b-9lc9pp01lv] {

}
    .card-container-base-subject:hover[b-9lc9pp01lv] {
        box-shadow: 0 0 6px var(--color-sg-accent-main-0-75), 0 0 6px var(--color-sg-accent-main-0-75), 0 0 6px var(--color-sg-accent-main-0-75);
    }

.card-container-base-context[b-9lc9pp01lv] {
}
    .card-container-base-context:hover[b-9lc9pp01lv] {
        box-shadow: 0 0 6px var(--color-sg-accent-secondary-1-75), 0 0 6px var(--color-sg-accent-secondary-1-75), 0 0 6px var(--color-sg-accent-secondary-1-75);
    }


/* ------------------------------------------------- */
/* Header row */
.card-meta-header[b-9lc9pp01lv] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    color: var(--color-sg-card-header-font-color);
    font-size: 12px;
    line-height: 12px;
    height: 22px;
    align-items: center;
    justify-content: left;
    padding: 2px;
}

.card-meta-image[b-9lc9pp01lv] {
    width: 18px;
    height: 18px;
}

.card-meta-text[b-9lc9pp01lv] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* ------------------------------------------------- */
/* Main content: title, content, quick menu */

.card-content-container[b-9lc9pp01lv] {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 1px 2px 3px 3px rgb(0,0,0,0.10);
    background-color: var(--color-sg-card-content-background);
    font-size: 12px;
}

.card-content-container-glow-subject[b-9lc9pp01lv] {
    box-shadow: 0 0 8px var(--color-sg-accent-main-0-75), 0 0 8px var(--color-sg-accent-main-0-75), 0 0 8px var(--color-sg-accent-main-0-75);
}

.card-content-container-glow-context[b-9lc9pp01lv] {
    box-shadow: 0 0 8px var(--color-sg-accent-secondary-1-75), 0 0 8px var(--color-sg-accent-secondary-1-75), 0 0 8px var(--color-sg-accent-secondary-1-75);
}

.card-content-container-glow-highlight[b-9lc9pp01lv] {
        box-shadow: 0 0 8px var(--color-complement-accent-main-coral), 0 0 8px var(--color-complement-accent-main-coral), 0 0 8px var(--color-complement-accent-main-coral);
}

.card-content-container-glow-overdue[b-9lc9pp01lv] {
    box-shadow: 0 0 8px #dc3545, 0 0 8px #000000, 0 0 8px #ffffff;
}

.card-content-header[b-9lc9pp01lv] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    color: #ffffff;
    font-weight: 600;
    padding: 4px;
    cursor: pointer;
}

.card-content-header-text[b-9lc9pp01lv] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.card-content-header-image[b-9lc9pp01lv] {
    width: 18px;
    height: 18px;
}

.card-content-body[b-9lc9pp01lv] {
    padding: 8px 4px 8px 4px;
    overflow: hidden;
    line-height: 16px;
    cursor: pointer;
    white-space: pre;
    text-overflow: ellipsis;
    color: var(--color-sg-card-text-color);
}

.card-content-quick-menu-container[b-9lc9pp01lv] {
    display: flex;
    flex-direction: row;
    gap: 5px;
    padding: 4px;
}

.card-content-image[b-9lc9pp01lv] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}


/* ------------------------------------------------- */
/* Topic row */

.card-topic-container[b-9lc9pp01lv] {
    margin-top: 5px;
    display: flex;
    flex-direction: row;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 1px 2px 3px 3px rgb(0,0,0,0.10);
    background-color: var(--color-sg-card-content-background);
    font-size: 12px;
    align-items: center;
    justify-content: left;
    height: 30px;
}

.card-topic-image[b-9lc9pp01lv] {
    width: 30px;
    height: 30px;
    padding: 4px;
    cursor: pointer;
}

.card-topic-inbox-image[b-9lc9pp01lv] {
    width: 18px;
    height: 18px;
    margin-right: 4px; 
    cursor: pointer;
}

.card-topic-add-items[b-9lc9pp01lv] {
    padding: 4px;
    white-space: nowrap;
}

.card-topic-items-container[b-9lc9pp01lv] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
    height: 30px;
    line-height: 22px;
    overflow-x: hidden;
    overflow-y: auto;
}

.card-topic-item[b-9lc9pp01lv] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 22px;
    margin: 4px;
    padding: 5px;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 4px;
    color: var(--color-sg-card-text-color);
    background-color: var(--color-sg-background);
}

.card-topic-item-text[b-9lc9pp01lv] {
    max-width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}




/* ------------------------------------------------- */
/* Overlay styles */

.component-card-overlay[b-9lc9pp01lv] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 10;
    border-radius: 4px;
    pointer-events: none;
}

.card-container-base:hover .component-card-overlay[b-9lc9pp01lv] {
    opacity: 1;
    pointer-events: auto;
}

.component-card-overlay-buttons-container[b-9lc9pp01lv] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

/* ... Overlay buttons base styles */
.component-card-overlay-button-base[b-9lc9pp01lv] {
    width: 60px;
    height: 60px;
    padding: 10px 10px;
    color: #ffffff;
    cursor: pointer;
    border-radius: 4px;
    font-size: 14px;
    transition: background-color 0.2s ease;
    background-color: var(--color-sg-background);
    background-size: contain;
    background-position: center;
}

.component-card-overlay-button[b-9lc9pp01lv] {
    border: 2px solid var(--color-sg-accent-main-0-75);
}

    .component-card-overlay-button:hover[b-9lc9pp01lv] {
        background-color: var(--color-sg-accent-main-0-75);
    }


/* ... Edit buttons ... */
.component-card-overlay-button-edit[b-9lc9pp01lv] {
    background-image: url('../icons/google/other/edit_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

    .component-card-overlay-button-edit:hover[b-9lc9pp01lv] {
        background-image: url('../icons/google/other/edit_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    }

/* ... Assign/De-assign buttons ... */
.component-card-overlay-button-assign[b-9lc9pp01lv] {
    background-image: url('../icons/google/other/add_80dp_1EA48D_FILL1_wght400_GRAD0_opsz48.png');
}

    .component-card-overlay-button-assign:hover[b-9lc9pp01lv] {
        background-image: url('../icons/google/other/add_80dp_FFFFFF_FILL1_wght400_GRAD0_opsz48.png');
    }

.component-card-overlay-button-unassign[b-9lc9pp01lv] {
    background-image: url('../icons/google/other/remove_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

    .component-card-overlay-button-unassign:hover[b-9lc9pp01lv] {
        background-image: url('../icons/google/other/remove_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    }
/* /Components/Card/Extensions/Avatar.razor.rz.scp.css */
.avatar[b-s503t7g8ce] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.7);
    font-size: 9px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.avatar + .avatar[b-s503t7g8ce] {
    margin-left: -5px;
}
/* /Components/Card/Extensions/Avatars.razor.rz.scp.css */
.avatars[b-d6x4fvxs8w] {
    display: flex;
    align-items: center;
}

.avatars-meta[b-d6x4fvxs8w] {
    font-size: 11px;
    color: rgba(255,255,255,0.45);
    margin-left: 5px;
}
/* /Components/Card/ResourceEntityCard.razor.rz.scp.css */
/* ------------------------------------------ */
/* Card, general */

.re-card-wrapper[b-zkxj2s3l63] {
    flex: 1;
    position: relative;
    width: 100%;
}

.re-card[b-zkxj2s3l63] {
    position: relative;
    background: var(--color-sg-background);
    border-radius: 12px;
    border: 0.5px solid rgba(255,255,255,0.07);
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 130px;
    cursor: pointer;
    box-shadow: 2px 2px 12px 2px rgba(0, 0, 0, 0.2);
}



/* ------------------------------------------ */
/* Header */

.re-card-header[b-zkxj2s3l63] {
    border-radius: 12px 12px 0 0;
    padding: 8px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}

.re-card-header-left[b-zkxj2s3l63] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.re-card-hsvg[b-zkxj2s3l63] {
    fill: #FFFFFF;
    width: 14px;
    height: 14px;
}

.re-card-htitle[b-zkxj2s3l63] {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.9);
}

.re-card-header-right[b-zkxj2s3l63] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.re-card-dot[b-zkxj2s3l63] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255,255,255,0.85);
    flex-shrink: 0;
}

.re-card-hbadge[b-zkxj2s3l63] {
    font-size: 9px;
    padding: 2px 6px;
    border-radius: 4px;
    background: rgba(255,255,255,0.15);
    color: rgba(255,255,255,0.85);
}

.re-card-htime[b-zkxj2s3l63] {
    font-size: 10px;
    color: rgba(255,255,255,0.55);
}



/* ------------------------------------------ */
/* Body: content */

.re-card-body[b-zkxj2s3l63] {
    padding: 10px 14px;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    position: relative;
}

.re-card-body-contet-row[b-zkxj2s3l63] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: auto;
}

.re-card-avatar[b-zkxj2s3l63] {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    flex-shrink: 0;
}

.re-card-avatar-sender[b-zkxj2s3l63] {
    width: 28px;
    height: 28px;
    font-size: 11px;
    background: rgba(23,158,171,0.25);
    color: #179eab;
}

.re-card-col[b-zkxj2s3l63] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.re-card-title[b-zkxj2s3l63] {
    font-size: 13px;
    font-weight: 500;
    color: rgba(255,255,255,0.92);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.re-card-sub[b-zkxj2s3l63] {
    font-size: 11px;
    color: rgba(255,255,255,0.5);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



/* ------------------------------------------ */
/* Body: footer */

.re-card-footer[b-zkxj2s3l63] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.re-card-meta-item[b-zkxj2s3l63] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.re-card-meta[b-zkxj2s3l63] {
    font-size: 11px;
    color: rgba(255,255,255,0.45);
}

.re-card-meta-icon[b-zkxj2s3l63] {
    color: rgba(255,255,255,0.45);
    transform: scale(0.8);
}

.re-card-debug-copy-button[b-zkxj2s3l63] {
    width: 50px;
    height: 50px;
    border: none;
    background: transparent;
    color: #736d5f;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
    cursor: pointer;
    z-index: 2;
    border: 1px solid #736d5f;
    border-radius: 4px;
}

    .re-card-debug-copy-button:hover[b-zkxj2s3l63] {
        opacity: 1;
    }

.re-card-debug-copy-icon[b-zkxj2s3l63] {
    width: 30px;
    height: 30px;
    fill: currentColor;
}



/* ------------------------------------------------- */
/* Overlay styles */

.re-card-overlay[b-zkxj2s3l63] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 10;
    border-radius: 12px;
    pointer-events: none;
}

.re-card:hover .re-card-overlay[b-zkxj2s3l63] {
    opacity: 1;
    pointer-events: auto;
}

.re-card-overlay-buttons-container[b-zkxj2s3l63] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    align-items: center;
}


/* ... Overlay buttons base styles, subject and context mode */
.re-card-overlay-button-base[b-zkxj2s3l63] {
    width: 50px;
    height: 50px;
    padding: 10px 10px;
    color: #ffffff;
    cursor: pointer;
    border-radius: 4px;
    font-size: 14px;
    transition: background-color 0.2s ease;
    background-color: var(--color-sg-background);
    background-size: contain;
    background-position: center;
}

.re-card-overlay-button-subject[b-zkxj2s3l63] {
    border: 2px solid var(--color-sg-accent-main-0-75);
}

    .re-card-overlay-button-subject:hover[b-zkxj2s3l63] {
        background-color: var(--color-sg-accent-main-0-75);
    }

.re-card-overlay-button-context[b-zkxj2s3l63] {
    border: 2px solid var(--color-sg-accent-secondary-1-75);
}

    .re-card-overlay-button-context:hover[b-zkxj2s3l63] {
        background-color: var(--color-sg-accent-secondary-1-75);
    }
/* ... Edit buttons ... */
.re-card-overlay-button-edit-subject[b-zkxj2s3l63] {
    background-image: url('../icons/google/other/expand_content_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

    .re-card-overlay-button-edit-subject:hover[b-zkxj2s3l63] {
        background-image: url('../icons/google/other/expand_content_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    }

.re-card-overlay-button-edit-context[b-zkxj2s3l63] {
    background-image: url('../icons/google/other/expand_content_80dp_179EAB_FILL1_wght400_GRAD200_opsz48.png');
}

    .re-card-overlay-button-edit-context:hover[b-zkxj2s3l63] {
        background-image: url('../icons/google/other/expand_content_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    }

/* ... Subject related buttons ... */
.re-card-overlay-button-association-add-subject[b-zkxj2s3l63] {
    background-image: url('../icons/google/other/add_80dp_1EA48D_FILL1_wght400_GRAD0_opsz48.png');
}

    .re-card-overlay-button-association-add-subject:hover[b-zkxj2s3l63] {
        background-image: url('../icons/google/other/add_80dp_FFFFFF_FILL1_wght400_GRAD0_opsz48.png');
    }

.re-card-overlay-button-association-remove-subject[b-zkxj2s3l63] {
    background-image: url('../icons/google/other/remove_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

    .re-card-overlay-button-association-remove-subject:hover[b-zkxj2s3l63] {
        background-image: url('../icons/google/other/remove_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    }

/* ... Context related buttons ... */
.re-card-overlay-button-association-add-context[b-zkxj2s3l63] {
    background-image: url('../icons/google/other/add_80dp_179EAB_FILL1_wght400_GRAD0_opsz48.png');
}

    .re-card-overlay-button-association-add-context:hover[b-zkxj2s3l63] {
        background-image: url('../icons/google/other/add_80dp_FFFFFF_FILL1_wght400_GRAD0_opsz48.png');
    }

.re-card-overlay-button-association-remove-context[b-zkxj2s3l63] {
    background-image: url('../icons/google/other/remove_80dp_179EAB_FILL1_wght400_GRAD200_opsz48.png');
}

    .re-card-overlay-button-association-remove-context:hover[b-zkxj2s3l63] {
        background-image: url('../icons/google/other/remove_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    }

/* ... Attachment (add) related buttons ... */
.re-card-overlay-button-attachment-add-subject[b-zkxj2s3l63] {
    background-image: url('../icons/google/email/attach_file_add_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

    .re-card-overlay-button-attachment-add-subject:hover[b-zkxj2s3l63] {
        background-image: url('../icons/google/email/attach_file_add_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    }

.re-card-overlay-button-attachment-add-context[b-zkxj2s3l63] {
    background-image: url('../icons/google/email/attach_file_add_80dp_179EAB_FILL1_wght400_GRAD200_opsz48.png');
}

    .re-card-overlay-button-attachment-add-context:hover[b-zkxj2s3l63] {
        background-image: url('../icons/google/email/attach_file_add_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    }

/* ... Attachment (remove) related buttons ... */
.re-card-overlay-button-attachment-remove-subject[b-zkxj2s3l63] {
    background-image: url('../icons/google/email/attach_file_off_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

    .re-card-overlay-button-attachment-remove-subject:hover[b-zkxj2s3l63] {
        background-image: url('../icons/google/email/attach_file_off_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    }

.re-card-overlay-button-attachment-remove-context[b-zkxj2s3l63] {
    background-image: url('../icons/google/email/attach_file_off_80dp_179EAD_FILL1_wght400_GRAD200_opsz48.png');
}

    .re-card-overlay-button-attachment-remove-context:hover[b-zkxj2s3l63] {
        background-image: url('../icons/google/email/attach_file_off_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    }


/* ... Switch related buttons ... */
.re-card-overlay-button-switch-subject[b-zkxj2s3l63] {
    background-image: url('../icons/google/other/swap_horiz_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

    .re-card-overlay-button-switch-subject:hover[b-zkxj2s3l63] {
        background-image: url('../icons/google/other/swap_horiz_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    }

.re-card-overlay-button-switch-context[b-zkxj2s3l63] {
    background-image: url('../icons/google/other/swap_horiz_80dp_179EAB_FILL1_wght400_GRAD200_opsz48.png');
}

    .re-card-overlay-button-switch-context:hover[b-zkxj2s3l63] {
        background-image: url('../icons/google/other/swap_horiz_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    }



/* ------------------------------------------------- */
/* Gauge row */

.re-card-gauge-container[b-zkxj2s3l63] {
    margin-top: 6px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    width: 100%;
    padding: 10px;
    border: 0.5px solid rgba(255,255,255,0.07);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 2px 2px 12px 2px rgba(0, 0, 0, 0.2);
    background-color: var(--color-sg-background);
    font-size: 12px;
    align-items: center;
    justify-content: center;
    height: 60px;
}
/* /Components/Card/ResourceEntityCardCollection.razor.rz.scp.css */
/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/* Implicit collection row toggler and context/subject management button */

.cv-ext-eciv-row-toggler-cluster-image[b-9m9h62c8gd] {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.cv-ext-eciv-conversation-row-toggler-cluster-container[b-9m9h62c8gd] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    cursor: pointer;
    color: #ffffff;
    padding: 5px;
    border-radius: 4px;
    width: 100%;
    align-items: center;
}

.cv-ext-eciv-conversation-row-toggler-cluster-text[b-9m9h62c8gd] {
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cv-ext-eciv-row-toggler-buttons-container[b-9m9h62c8gd] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.cv-ext-eciv-row-toggler-button-base[b-9m9h62c8gd] {
    width: 30px;
    height: 30px;
    padding: 4px;
    color: #ffffff;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.2s ease;
    background-color: var(--color-sg-background);
    background-size: contain;
    background-position: center;
}

/* ... Subject related buttons ... */
.cv-ext-eciv-row-toggler-button-association-add-subject[b-9m9h62c8gd] {
    border: 2px solid var(--color-sg-accent-main-0-75);
    background-image: url('../icons/google/other/add_80dp_1EA48D_FILL1_wght400_GRAD0_opsz48.png');
}

    .cv-ext-eciv-row-toggler-button-association-add-subject:hover[b-9m9h62c8gd] {
        background-color: var(--color-sg-accent-main-0-75);
        background-image: url('../icons/google/other/add_80dp_FFFFFF_FILL1_wght400_GRAD0_opsz48.png');
    }

.cv-ext-eciv-row-toggler-button-association-remove-subject[b-9m9h62c8gd] {
    border: 2px solid var(--color-sg-accent-main-0-75);
    background-image: url('../icons/google/other/remove_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

    .cv-ext-eciv-row-toggler-button-association-remove-subject:hover[b-9m9h62c8gd] {
        background-color: var(--color-sg-accent-main-0-75);
        background-image: url('../icons/google/other/remove_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    }

/* ... Context related buttons ... */
.cv-ext-eciv-row-toggler-button-association-add-context[b-9m9h62c8gd] {
    border: 2px solid var(--color-sg-accent-secondary-1-75);
    background-image: url('../icons/google/other/add_80dp_179EAB_FILL1_wght400_GRAD0_opsz48.png');
}

    .cv-ext-eciv-row-toggler-button-association-add-context:hover[b-9m9h62c8gd] {
        background-color: var(--color-sg-accent-secondary-1-75);
        background-image: url('../icons/google/other/add_80dp_FFFFFF_FILL1_wght400_GRAD0_opsz48.png');
    }

.cv-ext-eciv-row-toggler-button-association-remove-context[b-9m9h62c8gd] {
    border: 2px solid var(--color-sg-accent-secondary-1-75);
    background-image: url('../icons/google/other/remove_80dp_179EAB_FILL1_wght400_GRAD200_opsz48.png');
}

    .cv-ext-eciv-row-toggler-button-association-remove-context:hover[b-9m9h62c8gd] {
        background-color: var(--color-sg-accent-secondary-1-75);
        background-image: url('../icons/google/other/remove_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    }



/* Single and multi row classes */

.cv-ext-eciv-single-row[b-9m9h62c8gd] {
    flex-wrap: nowrap;
    overflow-x: auto;
    height: 173px;
}

.cv-ext-eciv-multi-row[b-9m9h62c8gd] {
    flex-wrap: wrap;
}


/* Icon svg */
.re-card-collection-hsvg[b-9m9h62c8gd] {
    fill: #FFFFFF;
    width: 18px;
    height: 18px;
}
/* /Components/ContextManagement/ClusterActivityManagement.razor.rz.scp.css */
/* /Components/ContextManagement/ClusterSuggestion.razor.rz.scp.css */
/* -------------------------------------------------------------------------------- */
/* Page header and content container */

/* Dashboard Container */
.cluster-suggestion-component-container[b-lopvruhn98] {
    display: grid;
    flex-direction: column;
    height: calc(100vh - 3.5rem - 4.0rem - 2.0rem);
    flex: 1;
    gap: 10px;
    margin: 10px;
}

.cluster-suggestion-management-container[b-lopvruhn98] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    height: 100%;
    overflow: hidden;
}

/* Header Section */
.cluster-suggestion-header[b-lopvruhn98] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 10px 0 0 0;
    gap: 20px;
}

    .cluster-suggestion-header h3[b-lopvruhn98] {
        margin: 0;
    }

.cluster-suggestion-data-container[b-lopvruhn98] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow-y: auto;
    padding: 0 10px 0 0;
    height: 100%;
}

.cluster-suggestion-data-column[b-lopvruhn98] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
}




/* -------------------------------------------------------------------------------- */
/* Cluster container */
.cluster-suggestion-container[b-lopvruhn98] {
    display: flex;
    flex-direction: column;
    flex: 1;
    border-radius: 8px;
    background: var(--color-sg-background);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    gap: 20px;
    padding: 20px;
    border-left: 3px solid var(--color-sg-accent-main-0-75);
}




/* -------------------------------------------------------------------------------- */
/* Cluster items */

.cluster-suggestion-items-container[b-lopvruhn98] {
    margin: 10px 0 0 0;
}

.cluster-suggestion-list-group[b-lopvruhn98] {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 8px;
}

.cluster-suggestion-list-group-item[b-lopvruhn98] {
    background: var(--color-sg-background);
    /*color: var(--color-sg-font);*/
    border-radius: 8px;
    gap: 10px;
    height: 40px;
    padding: 10px 5px;
    margin: 4px 0;
}

.cluster-suggestion-group-item-text[b-lopvruhn98] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.cluster-suggestion-group-item-score[b-lopvruhn98] {
    margin-left: auto;
    width: 100px;
    color: var(--color-sg-accent-main-0-75);
    font-weight: 700;
}
/* /Components/ContextManagement/SuggestionActivityManagement.razor.rz.scp.css */
/* -------------------------------------------------------------------------------- */
/* Page header and content container */

/* Dashboard Container */
.suggestion-activity-component-container[b-uyq696ys54] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 10px;
    overflow: hidden;
}

.suggestion-activity-grid-container[b-uyq696ys54] {
    border-radius: 8px;
    padding: 10px;
    background: var(--color-sg-background);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
/* /Components/CoreView/ComponentView.razor.rz.scp.css */
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* Element sytling: containers */

.cv-container[b-smzlglczzu] {
    position: fixed;
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px 70px 20px 20px;
    overflow: hidden;
    z-index: 950;
}

.cv-container-inner-base[b-smzlglczzu] {
    display: flex;
    background-color: var(--color-sg-background);
    height: 100%;
    padding: 20px;
    border-radius: 8px;
    pointer-events: all;
    overflow: hidden;
}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* Background blurring */

.cv-background-blur[b-smzlglczzu] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    z-index: 940;
}




/* ------------------------------------------------------------------------------------------------------ */
/* Header row */

/* Outer container */
.div-cv-container-header[b-smzlglczzu] {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    padding: 10px;
    margin: 25px 25px 10px 25px;
    align-items: center;
    gap: 20px;
}

/* ------------------------------------------------------------------------------------------------------ */
/* Header, further parts */

.div-cv-sub-header-container[b-smzlglczzu] {
    display: flex;
    flex-direction: row;
    gap: 20px;
    width: 100%;
    align-items: center;
    padding: 10px;
    margin: 0px 25px 0px 25px;
}

.div-cv-sub-header-knob[b-smzlglczzu] {
    width: 20px;
    height: 20px;
    background-color: var(--color-sg-accent-main-0-75);
    border-radius: 4px
}

.div-cv-sub-header-label[b-smzlglczzu] {
    color: var(--color-sg-accent-main-0-75);
    font-weight: 700;
    width: 70px;
    margin-right: 10px
}

.div-cv-sub-header-item-container[b-smzlglczzu] {
    width: auto;
    overflow: hidden;
    flex-grow: 1;
    display: inline-flex
}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* Element sytling: reference and associated item header */

.cv-title-header[b-smzlglczzu] {
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.cv-title-header-reference[b-smzlglczzu] {
    color: var(--color-sg-accent-main-0-75);
    border-bottom: 2px solid var(--color-sg-accent-main-0-75);
}

.cv-title-header-associated[b-smzlglczzu] {
    color: var(--color-sg-accent-secondary-1-75);
    border-bottom: 2px solid var(--color-sg-accent-secondary-1-75);
}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* Switch button */

.cv-switch-container[b-smzlglczzu] {
    width: 60px;
    height: 60px;
    margin: auto 0 auto 0;
    padding: 5px;
    border-radius: 30px;
    gap: 2px;
    align-items: center;
    cursor: pointer;
    background-color: var(--color-sg-background);
    border-radius: 8px;
}

    .cv-switch-container:hover[b-smzlglczzu] {
        box-shadow: 0 0 5px 5px rgb(0,0,0,0.35);
    }

        .cv-switch-container:hover > .cv-switch-button[b-smzlglczzu] {
            background: url('../icons/google/other/swap_horiz_80dp_6F9394_FILL0_wght400_GRAD200_opsz48.png');
        }

.cv-base-button[b-smzlglczzu] {
    width: 100%;
    height: 100%;
    padding: 5px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;    
}

.cv-switch-button[b-smzlglczzu] {
    background: url('../icons/google/other/swap_horizontal_circle_80dp_6F9394_FILL1_wght400_GRAD200_opsz48.png')
}

.cv-switch-button-text[b-smzlglczzu] {
    font-weight: 600;
    color: var(--color-sg-neutral-default);
}



.cv-fullscreen-active[b-smzlglczzu] {
    background: url('../icons/google/other/fullscreen_80dp_6F9394_FILL1_wght400_GRAD200_opsz48.png')
}

.cv-switch-container:hover > .cv-fullscreen-active[b-smzlglczzu] {
    background: url('../icons/google/other/close_fullscreen_80dp_6F9394_FILL1_wght400_GRAD200_opsz48.png')
}

.cv-fullscreen-inactive[b-smzlglczzu] {
    background: url('../icons/google/other/open_in_full_80dp_6F9394_FILL1_wght400_GRAD200_opsz48.png')
}

.cv-switch-container:hover > .cv-fullscreen-inactive[b-smzlglczzu] {
    background: url('../icons/google/other/fullscreen_80dp_6F9394_FILL1_wght400_GRAD200_opsz48.png')
}



.cv-map-active[b-smzlglczzu] {
    background: url('../icons/virtualFolder/20250414_virtual_folder_icon_from_logo_6F9394.png');
}

.cv-switch-container:hover > .cv-map-active[b-smzlglczzu] {
    background: url('../icons/google/other/edit_80dp_6F9394_FILL1_wght400_GRAD200_opsz48.png');
}

.cv-map-inactive[b-smzlglczzu] {
    background: url('../icons/google/other/edit_80dp_6F9394_FILL1_wght400_GRAD200_opsz48.png');
}

.cv-switch-container:hover > .cv-map-inactive[b-smzlglczzu] {
    background: url('../icons/virtualFolder/20250414_virtual_folder_icon_from_logo_6F9394.png');
}
/* /Components/CoreView/ContextMenu.razor.rz.scp.css */
/* ------------------------------------------------------------------------------------------ */
/* Nav container and related classes */

.context-menu-container[b-lhd65gy5bp] {
    position: fixed;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
    gap: 10px;
    right: 15px;
    bottom: 50%;
    transform: translateY(50%);
    z-index: 2000;
}

.cm-container-green[b-lhd65gy5bp] {
    background: linear-gradient(135deg, var(--color-sg-accent-main-0-75), var(--color-sg-accent-main-0-75-light) )
}

.cm-container-blue[b-lhd65gy5bp] {
    background: linear-gradient(135deg, var(--color-sg-accent-secondary-1-75), var(--color-sg-accent-secondary-1-75-light) )
}


/* ------------------------------------------------------------------------------------------ */
/* Menu item content */

.cm-item-container[b-lhd65gy5bp] {
    display: flex;
    padding: 5px;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.cm-item-container-color-green[b-lhd65gy5bp] {

}

.cm-item-container-color-blue[b-lhd65gy5bp] {

}

    .cm-item-container-color-green:hover[b-lhd65gy5bp] {
        border-radius: 4px;
        background-color: var(--color-sg-accent-main-0-50);
    }

    .cm-item-container-color-blue:hover[b-lhd65gy5bp] {
        border-radius: 4px;
        background-color: var(--color-sg-accent-secondary-1-50);
    }

.cm-item-text[b-lhd65gy5bp] {
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
}


/* ------------------------------------------------------------------------------------------ */
/* Icons */

.cm-toggler-icon[b-lhd65gy5bp] {
    background-image: url('../icons/google/other/menu_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
}

.cm-enlarge-icon[b-lhd65gy5bp] {
    background-image: url('../icons/google/other/open_in_full_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
}

.cm-shrink-icon[b-lhd65gy5bp] {
    background-image: url('../icons/google/other/close_fullscreen_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
}



/* ------------------------------------------------------------------------------------------ */
/* Other */

/* Menu separator */
.cm-separator[b-lhd65gy5bp] {
    color: #ffffff;
    border-width: 1px;
    opacity: 1;
    margin: 5px 0 5px 0;
}
/* /Components/CoreView/ContextView.razor.rz.scp.css */
/* ------------------------------------------------- */
/* Overlay styles */

.context-view-spinner-overlay[b-t3htktfj99] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 240px;
    height: 240px;
    background-color: var(--color-sg-dark-dark-100);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.8;
    transition: opacity 0.3s ease;
    z-index: 10;
    border-radius: 8px;
    pointer-events: none;
    backdrop-filter: blur(1px);
    transform: translate(-50%, -50%);
}    




/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/* Icon CSS for add entity button(s) */

/* Base */
.context-view-base-icon[b-t3htktfj99] {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Context */
.context-view-context-aiicon-icon[b-t3htktfj99] {
    background-image: url('../../icons/google/AI/network_intel_node_80dp_179EAB_FILL1_wght400_GRAD200_opsz48.png');
}

.context-view-context-email-icon[b-t3htktfj99] {
    background-image: url('../../icons/google/email/mail_80dp_179EAB_FILL1_wght400_GRAD200_opsz48.png');
}

.context-view-context-note-icon[b-t3htktfj99] {
    background-image: url('../../icons/google/note/edit_note_80dp_179EAB_FILL1_wght400_GRAD200_opsz48.png');
}

.context-view-context-task-icon[b-t3htktfj99] {
    background-image: url('../../icons/google/task/list_alt_80dp_179EAB_FILL1_wght400_GRAD200_opsz48.png');
}

.context-view-context-topic-icon[b-t3htktfj99] {
    background-image: url('../../icons/google/topic/dataset_80dp_179EAB_FILL0_wght400_GRAD200_opsz48.png');
}

/* Subject */
.context-view-subject-aiicon-icon[b-t3htktfj99] {
    background-image: url('../../icons/google/AI/network_intel_node_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

.context-view-subject-email-icon[b-t3htktfj99] {
    background-image: url('../../icons/google/email/mail_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

.context-view-subject-note-icon[b-t3htktfj99] {
    background-image: url('../../icons/google/note/edit_note_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

.context-view-subject-task-icon[b-t3htktfj99] {
    background-image: url('../../icons/google/task/list_alt_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

.context-view-subject-topic-icon[b-t3htktfj99] {
    background-image: url('../../icons/google/topic/dataset_80dp_1EA48D_FILL0_wght400_GRAD200_opsz48.png');
}




/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/* Subject/context item template */

.context-view-speedial-item-container[b-t3htktfj99] {
    width: 110px;
    height: 40px;
    justify-content: left;
    border-radius: 20px;
    padding: 5px 5px 5px 10px;
    background-color: var(--color-sg-background);
    border-width: 2px;
    border-style: solid;
    box-shadow: 0 0 3px 3px rgb(0,0,0,0.15);
}

    .context-view-speedial-item-container:hover[b-t3htktfj99] {
        border-width: 3px;
    }

.context-view-speedial-item-text[b-t3htktfj99] {
    font-size: 14px;
    font-weight: 600
}




/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/* Other */

.context-view-title-header[b-t3htktfj99] {
    text-align: center;
    color: #ffffff;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 10px;
    height: 40px;
}

.context-view-content-container[b-t3htktfj99] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 10px;
}

.context-view-inline-button[b-t3htktfj99] {
    width: 25px;
    height: 25px;
    border: none;
    background-size: contain;
    background-position: center;
    cursor: pointer;
    background-color: transparent;
    margin: auto;
}

.context-view-chip-selection-label-green[b-t3htktfj99] {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-sg-accent-main-0-75);
}

.context-view-chip-selection-label-blue[b-t3htktfj99] {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-sg-accent-secondary-1-75);
}

.context-view-context-generation-header[b-t3htktfj99] {
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, var(--color-sg-font), var(--color-sg-background)) 1;
}




/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/* Email conversation row toggler and context/subject management button */

.context-view-conversation-row-toggler-cluster-image[b-t3htktfj99] {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.context-view-conversation-row-toggler-cluster-container[b-t3htktfj99] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    cursor: pointer;
    color: #ffffff;
    padding: 5px;
    border-radius: 4px;
    width: 100%;
}

.context-view-conversation-row-toggler-cluster-text[b-t3htktfj99] {
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.context-view-row-toggler-buttons-container[b-t3htktfj99] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.context-view-row-toggler-button-base[b-t3htktfj99] {
    width: 30px;
    height: 30px;
    padding: 4px;
    color: #ffffff;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.2s ease;
    background-color: var(--color-sg-background);
    background-size: contain;
    background-position: center;
}

/* ... Subject related buttons ... */
.context-view-row-toggler-button-association-add-subject[b-t3htktfj99] {
    border: 2px solid var(--color-sg-accent-main-0-75);
    background-image: url('../icons/google/other/add_80dp_1EA48D_FILL1_wght400_GRAD0_opsz48.png');
}

    .context-view-row-toggler-button-association-add-subject:hover[b-t3htktfj99] {
        background-color: var(--color-sg-accent-main-0-75);
        background-image: url('../icons/google/other/add_80dp_FFFFFF_FILL1_wght400_GRAD0_opsz48.png');
    }

.context-view-row-toggler-button-association-remove-subject[b-t3htktfj99] {
    border: 2px solid var(--color-sg-accent-main-0-75);
    background-image: url('../icons/google/other/remove_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
}

    .context-view-row-toggler-button-association-remove-subject:hover[b-t3htktfj99] {
        background-color: var(--color-sg-accent-main-0-75);
        background-image: url('../icons/google/other/remove_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    }

/* ... Context related buttons ... */
.context-view-row-toggler-button-association-add-context[b-t3htktfj99] {
    border: 2px solid var(--color-sg-accent-secondary-1-75);
    background-image: url('../icons/google/other/add_80dp_179EAB_FILL1_wght400_GRAD0_opsz48.png');
}

    .context-view-row-toggler-button-association-add-context:hover[b-t3htktfj99] {
        background-color: var(--color-sg-accent-secondary-1-75);
        background-image: url('../icons/google/other/add_80dp_FFFFFF_FILL1_wght400_GRAD0_opsz48.png');
    }

.context-view-row-toggler-button-association-remove-context[b-t3htktfj99] {
    border: 2px solid var(--color-sg-accent-secondary-1-75);
    background-image: url('../icons/google/other/remove_80dp_179EAB_FILL1_wght400_GRAD200_opsz48.png');
}

    .context-view-row-toggler-button-association-remove-context:hover[b-t3htktfj99] {
        background-color: var(--color-sg-accent-secondary-1-75);
        background-image: url('../icons/google/other/remove_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    }




/* ------------------------------------------------------ */
/* Filter */

.context-view-filter-item-container[b-t3htktfj99] {
    display: flex;
    flex-direction: row;
    flex: 1;
    gap: 5px;
    width: 100%;
    padding: 10px 0px 0px 0px;
    margin-bottom: 20px;
}
/* /Components/CoreView/Preview.razor.rz.scp.css */
#PRE-DOV[b-qnhkf4rsi6] {
    position: fixed;
    top: 60%;
    left: 15%;
    transform: translate(-15%, -60%);
    width: 44vw;
    height: 65vh;
    margin: auto;
    background-color: var(--color-sg-background);
    border-radius: 12px;
    border: 1px solid red;
    border-left: 6px solid red;
    z-index: 2000;
    padding: 8px;
    box-shadow: 2px 3px 8px 8px rgb(0,0,0,0.10);
    flex-direction: column;
    gap: 5px;
}

#PRE-DTP-DOV[b-qnhkf4rsi6] {
    display: flex;
    align-items: center;
    font-size: 0.8rem;
    font-style: italic;
    height: 1rem;
    color: gray;
    padding-left: 10px;
}

#PRE-DES-DOV[b-qnhkf4rsi6] {
    padding-left: 10px;
    overflow: auto;
}
/* /Components/Development/PrompLabMagentic/PromptAddAndEdit.razor.rz.scp.css */
body[b-71uqdawf2a] {
}
/* /Components/Development/PrompLabMagentic/PromptLab.razor.rz.scp.css */
/* /Components/Development/PrompLabMagentic/PromptSetManagement.razor.rz.scp.css */
/* /Components/Development/PromptLabCore/PromptLabCore.razor.rz.scp.css */
/* /Components/Email/EmailList.razor.rz.scp.css */
.email-list-content-date-header[b-ejta0uelqu] {
    margin-left: 5px;
    color: var(--color-sg-card-text-color);
    border-bottom: 1px solid var(--color-sg-card-text-color);
    border-image: linear-gradient(to right, var(--color-sg-card-text-color) 0%, transparent 70%, transparent 100%) 1;
    flex: 1;
}
/* /Components/Email/EmailListOBSOLETE.razor.rz.scp.css */
/* ------------------------------------------------------ */
/* Component container */



/* ------------------------------------------------------ */
/* Content */

.email-list-content-container[b-14q5s63rws] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 20px;
}

.email-list-content-date-header[b-14q5s63rws] {
    margin-left: 5px;
    color: var(--color-sg-card-text-color);
    border-bottom: 1px solid var(--color-sg-card-text-color);
    border-image: linear-gradient(to right, var(--color-sg-card-text-color) 0%, transparent 70%, transparent 100%) 1;
}

.email-list-content-row[b-14q5s63rws] {
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
    padding: 5px;
}
/* /Components/Email/EmailView.razor.rz.scp.css */
/* ------------------------------------------------- */
/* Overlay styles */

.email-view-spinner-overlay[b-lc1rqi1qci] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 600px;
    height: 140px;
    background-color: var(--color-sg-dark-dark-100);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.8;
    transition: opacity 0.3s ease;
    z-index: 10;
    border-radius: 8px;
    pointer-events: none;
    backdrop-filter: blur(1px);
    transform: translate(-50%, -50%);
}    



/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/* Covnersation header styling */

.email-view-conversation-header-subject[b-lc1rqi1qci] {
    text-align: center;
    color: #ffffff;
    border-radius: 8px;
    padding: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px;
}



/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/* Row styling */

.email-view-address-row-container[b-lc1rqi1qci] {
    gap: 10px;
    align-items: center;
}

.email-view-address-row-label[b-lc1rqi1qci] {
    width: 75px;
    min-width: 75px;
    margin-right: 10px;
}



/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/* Speed dial item template */

.email-automate-item-container[b-lc1rqi1qci] {
    width: 200px;
    height: 40px;
    justify-content: left;
    border-radius: 20px;
    padding: 5px 5px 5px 10px;
    background-color: var(--color-sg-background);
    border-width: 2px;
    border-style: solid;
    box-shadow: 0 0 3px 3px rgb(0,0,0,0.15);
}

    .email-automate-item-container:hover[b-lc1rqi1qci] {
        border-width: 3px;
    }

.email-automate-item-text[b-lc1rqi1qci] {
    font-size: 14px;
    font-weight: 600
}
/* /Components/File/FileList.razor.rz.scp.css */
.wt-list-filter-item-container[b-7cglmqmbco] {
    display: flex;
    flex-direction: row;
    flex: 1;
    gap: 5px;
    width: 100%;
    padding: 10px 0px 0px 0px;
}
/* /Components/File/FileListOBSOLETE.razor.rz.scp.css */
.wt-list-filter-item-container[b-851woq8yv7] {
    display: flex;
    flex-direction: row;
    flex: 1;
    gap: 5px;
    width: 100%;
    padding: 10px 0px 0px 0px;
}
/* /Components/File/FileListTest.razor.rz.scp.css */
.wt-list-filter-item-container[b-dafqc0a2bx] {
    display: flex;
    flex-direction: row;
    flex: 1;
    gap: 5px;
    width: 100%;
    padding: 10px 0px 0px 0px;
}
/* /Components/Generic/FunctionalPresentationItem.razor.rz.scp.css */
.fpi-container[b-pet5hqzssh] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: fit-content;
    max-width: 180px;
    padding: 2px;
    margin: 2px;
    background-color: var(--color-sg-background);
    border: 1px solid var(--color-sg-accent-main-0-75);
    border-left-width: 5px;
    border-radius: 8px;
}

.fpi-type-icon[b-pet5hqzssh] {
    width: 20px;
    cursor: pointer;
}

.fpi-text[b-pet5hqzssh] {
    margin: 0px 5px 0px 5px;
    font-size: 0.8rem;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.fpi-close[b-pet5hqzssh] {
    margin-left: 5px;
    width: 20px;
}
/* /Components/Generic/QuickView.razor.rz.scp.css */
.quickview-container[b-s2xd9ntqda] {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 50vw;
    height: 70vh;
    max-width: 1800px;
    bottom: 50%;
    transform: translateY(50%);
    padding: 8px;
    border-radius: 8px;
    box-shadow: 0 0 5px 5px rgb(0,0,0,0.15);
    border: 1px solid #1ea48d;
    background-color: #ffffff;
}

.quickview-container-style-right-side[b-s2xd9ntqda] {
    right: 2vw;
    z-index: 1060;
    border-left: 10px solid var(--color-sg-accent-main-0-75);
}

.quickview-container-style-left-side[b-s2xd9ntqda] {
    left: 0;
    z-index: 3060;
    border-right: 10px solid var(--color-sg-accent-secondary-1-75);
}




.quickview-virtual-folder-container[b-s2xd9ntqda] {
    display: flex;
    flex-direction: row;
    margin: 10px 0px 0px 0px;
    justify-content: center;
    width: 100%;
    height: 40px;
    overflow-x: hidden;
    overflow-y: auto;
}

.quickview-content-container[b-s2xd9ntqda] {
    position: relative;
    width: 100%;
    height: 100%;
}

.quickview-clickable-overlay[b-s2xd9ntqda] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}

.quickview-iframe[b-s2xd9ntqda] {
    flex-grow: 1;
    width: 100%;
    height: 100%;
    overflow: auto;
}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* Background blurring */

.quickview-background-blur[b-s2xd9ntqda] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    z-index: 1040;
}
/* /Components/Generic/RteSmartContextMenu.razor.rz.scp.css */
/* �������������������������������������������������������������������������������������������������������������������������������� */

/* Main floating menu container with responsive sizing and gradient border */
.rte-float-menu[b-m63b9836np] {
    position: fixed;
    display: none;
    z-index: 2000;

    /* Gradient bordered rounded box (radius 8px, border 2px) */
    border: 2px solid transparent;
    border-radius: 8px;
    background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(57deg, #29E484, #24D6E6) border-box;
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
    padding: 12px 14px 14px 14px;
    gap: 10px;
    flex-direction: column;
    box-sizing: border-box;

    /* Responsive width - will be set dynamically by JavaScript */
    min-width: 500px;
    max-width: 1000px;
    width: 50vw; /* Fallback for browsers that don't support the JS setting */
}

/* Close button positioned in top-right corner */
.rte-close-btn[b-m63b9836np] {
    position: absolute;
    top: 4px;
    right: 6px;
    background: rgba(255,255,255,0.95);
    border: 1px solid #cfd5da;
    border-radius: 4px;
    width: 24px;
    height: 24px;
    font-size: 16px;
    line-height: 1;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    transition: background .15s, color .15s;
}
    .rte-close-btn:hover[b-m63b9836np] {
        background: #f2f5f7;
        color: #000;
    }
    .rte-close-btn:active[b-m63b9836np] {
        background: #e2e6e8;
    }




/* �������������������������������������������������������������������������������������������������������������������������������� */

/* Row layout for menu content */
.rte-row[b-m63b9836np] { 
    display: flex; 
    align-items: center; 
    gap: 8px; 
    width: 100%;
}

/* Action buttons container with flex wrapping */
.rte-actions[b-m63b9836np] { 
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

/* Individual action buttons styling */
.rte-actions .btn[b-m63b9836np] { 
    min-width: 32px; 
    flex: 0 0 auto;
}

/* Text input field with flexible width */
.rte-float-input[b-m63b9836np] { 
    flex: 1; 
    min-width: 180px; 
    border: 1px solid #e2e2e2; 
    border-radius: 6px; 
    padding: 4px 8px; 
}
/* /Components/Generic/SelectionManager.razor.rz.scp.css */
/* ------------------------------------------------------------ */
/* Core elements */

.smc-container[b-ouyladwdza] {
    flex: 1;
}


/* ------------------------------------------------------------ */
/* Value template */

.smc-item-template-container[b-ouyladwdza] {
    padding: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    margin: 2px 0px 2px 0px;
}

.smc-item-template-icon[b-ouyladwdza] {
    padding: 4px;
    float: left;
    width: 30px;
    height: 30px;
}

.smc-item-template-title[b-ouyladwdza] {
    display: block !important;
    opacity: .87;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.smc-item-template-additonal[b-ouyladwdza] {
    display: block !important;
    opacity: .87;
    font-size: 12px;
    line-height: 12px;
    height: 12px;
    text-overflow: ellipsis;
    white-space: break-spaces;
    overflow: hidden;
}


/* ------------------------------------------------------------ */
/* Value template */

.smc-value-template-container[b-ouyladwdza] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
}

.smc-value-template-icon[b-ouyladwdza] {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
/* /Components/Input/InputFormCore.razor.rz.scp.css */
/* ########################################################## */
/* Modal, base style */

.input-form-core-backdrop[b-iyfi9po2q1] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background-color: rgb(0 0 0 / 45%);
    backdrop-filter: blur(1px);
}

.input-form-core-modal[b-iyfi9po2q1] {
    display: flex;
    flex-direction: column;
    width: clamp(600px, 50vw, 1000px);
    height: clamp(400px, 50vh, 800px);
    overflow: hidden;
    border-radius: 8px;
    background-color: var(--color-sg-background);
    box-shadow: 0 12px 32px rgb(0 0 0 / 25%);
}



/* ########################################################## */
/* Header and actions (footer) */

.input-form-core-header[b-iyfi9po2q1],
.input-form-core-actions[b-iyfi9po2q1] {
    padding: 20px 24px;
}

.input-form-core-header[b-iyfi9po2q1] {
    border-bottom: 1px solid rgb(0 0 0 / 12%);
}

.input-form-core-hsvg[b-iyfi9po2q1] {
    width: 30px;
    height: 30px;
    fill: #FFFFFF;
}

.input-form-core-header h5[b-iyfi9po2q1] {
    margin: 0 0 2px 0;
}



/* ########################################################## */
/* Content */

.input-form-core-content[b-iyfi9po2q1] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 24px;
    overflow-y: auto;
    padding: 24px;
}

.input-form-core-field[b-iyfi9po2q1] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.input-form-core-field > label[b-iyfi9po2q1],
.input-form-core-field > span[b-iyfi9po2q1] {
    width: 120px;
    flex-shrink: 0;
    font-weight: 400;
}

.input-form-core-field > .e-control-wrapper[b-iyfi9po2q1],
.input-form-core-field > .e-upload[b-iyfi9po2q1] {
    flex: 1;
}

.input-form-core-actions[b-iyfi9po2q1] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    border-top: 1px solid rgb(255 255 255 / 12%);
}



/* ########################################################## */
/* Spinner */

.input-form-core-spinner-overlay[b-iyfi9po2q1] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 240px;
    height: 240px;
    background-color: var(--color-sg-dark-dark-100);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.8;
    transition: opacity 0.3s ease;
    z-index: 10;
    border-radius: 8px;
    pointer-events: none;
    backdrop-filter: blur(1px);
    transform: translate(-50%, -50%);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
:root[b-w0etse2uu9] {

}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*page container*/

.page[b-w0etse2uu9] {
    position: absolute;
    display: flex;
    flex-direction: column;
    height: 100dvh;
    width: 100dvw;
    overflow: hidden;
    background: linear-gradient(135deg, var(--color-sg-accent-main-0-75), var(--color-sg-accent-secondary-1-75-90) );
}

.page-inner-container[b-w0etse2uu9] {
    display: flex;
    width: 100%;
    border-radius: 16px;
    margin: 4px;
    background: linear-gradient(135deg, var(--color-sg-background), var(--color-sg-background-light) );
}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*Nav menu / "sidebar" element*/
.sidebar[b-w0etse2uu9] {
    /*background-image: linear-gradient(0deg, #19253B 20%, #008BD0 80%, #19253B 95%);*/
    background-color: var(--color-sg-accent-main-0-75);
}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*Content / "main" element and its content container*/
main[b-w0etse2uu9] {
    display: flex;
    margin: 20px;
    flex: 1;
}

.div-article-container[b-w0etse2uu9] {
    margin: auto;
    padding: 10px;
    flex: 1;
    overflow: hidden;
    padding: 5px;
    height: 100%;
}

.mpl-content-container[b-w0etse2uu9] {
    display: flex;
    flex-direction: column;
    margin: 0 0 auto 0;
    flex-grow: 1;
    height: 100%;
}

.mpl-component-container[b-w0etse2uu9] {
    display: flex;
    flex-direction: row;
    margin: auto;
    gap: 40px;
    padding: 10px 10px 10px 10px;
}

.div-article-header[b-w0etse2uu9] {
    text-align: center;
    background-color: var(--color-sg-accent-main-0-75);
    color: var(--color-sg-background);
    border-radius: 8px;
}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*Top row*/
.top-row[b-w0etse2uu9] {
    background-color: var(--color-sg-accent-main-0-75);
    justify-content: flex-end;
    height: var(--top-row-height);
    display: flex;
    align-items: center;
}

    .top-row[b-w0etse2uu9]  a, .top-row[b-w0etse2uu9]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-w0etse2uu9]  a:hover, .top-row[b-w0etse2uu9]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-w0etse2uu9]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-w0etse2uu9] {
        justify-content: space-between;
    }

    .top-row[b-w0etse2uu9]  a, .top-row[b-w0etse2uu9]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-w0etse2uu9] {
        flex-direction: row;
    }

    .sidebar[b-w0etse2uu9] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-w0etse2uu9] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-w0etse2uu9]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-w0etse2uu9], article[b-w0etse2uu9] {
        padding-left: 0.7rem !important;
        padding-right: 0.7rem !important;
    }
}

#blazor-error-ui[b-w0etse2uu9] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-w0etse2uu9] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* ########################################################################################## */
/* ########################################################################################## */
/* Nav bar styles: custom nav bar */

/* ------------------------------------------------------------------------------------------ */
/* Complete component container */

.mpl-component-container[b-mkso953h0s] {
    display: flex;
    flex-direction: row;
    margin: auto;
    align-items: center;
    gap: 40px;
    padding: 10px 10px 10px 0px;
}


/* ------------------------------------------------------------------------------------------ */
/* Nav container and related classes */

.custom-nav-container[b-mkso953h0s] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--color-sg-accent-main-0-75), var(--color-sg-accent-main-0-75-light) )
}

.custom-nav-toggler-container[b-mkso953h0s] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    width: fit-content;
}

    .custom-nav-toggler-container:hover[b-mkso953h0s] {
        border-radius: 4px;
        background-color: var(--color-sg-accent-main-0-50);
    }


/* ------------------------------------------------------------------------------------------ */
/* Nav item content */

.custom-nav-item-container[b-mkso953h0s] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    width: 170px;
}

.custom-nav-item-text[b-mkso953h0s] {
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
}


/* ------------------------------------------------------------------------------------------ */
/* Icons */

.base-icon[b-mkso953h0s] {
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
}


.custom-nav-toggler-icon[b-mkso953h0s] {
    padding: 5px;
    background-image: url('../icons/google/other/menu_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    margin: 5px;
}


.custom-nav-sync-icon[b-mkso953h0s] {
    padding: 5px;
    background-image: url('../icons/google/other/sync_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    margin: 5px;
}



/* ------------------------------------------------------------------------------------------ */
/* Sub menus */

.submenu-nav-item[b-mkso953h0s] {
    position: relative;
    cursor: pointer;
}

.submenu-menu[b-mkso953h0s] {
    position: absolute;
    left: calc(100% + 20px);
    top: -8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
    border-radius: 10px;
    background: linear-gradient(135deg, #1ea48d, var(--color-sg-accent-main-0-75-light));
    min-width: 150px;
    z-index: 1900;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;

    /* Hide: wait 0.4s, then 0.2s fade-out → visibility gone after 0.6s */
    transition: opacity 0.2s ease 0.4s, visibility 0s linear 0.6s;
}

/* Show submenu */
.submenu-nav-item:hover .submenu-menu[b-mkso953h0s] {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s ease 0s, visibility 0s linear 0s;
}




/* ------------------------------------------------------------------------------------------ */
/* Other */

/* Menu separator */
.custom-nav-separator[b-mkso953h0s] {
    color: #ffffff;
    border-width: 1px;
    opacity: 1;
    margin: 5px 0 5px 0;
}

/* Logout container / block */
.custom-nav-logout-container[b-mkso953h0s] {
    padding: 5px;
    cursor: pointer;
}

    .custom-nav-logout-container:hover[b-mkso953h0s] {
        border-radius: 4px;
        background-color: #116e5e;
    }

.custom-logout-button-base[b-mkso953h0s] {
    background-color: unset;
    border: unset;
}
/* /Components/Note/NoteList.razor.rz.scp.css */
.note-list-filter-item-container[b-7lwxs3l9xe] {
    display: flex;
    flex-direction: row;
    flex: 1;
    gap: 5px;
    width: 100%;
    padding: 10px 0px 0px 0px;
}
/* /Components/Note/NoteListOBSOLETE.razor.rz.scp.css */
.note-list-filter-item-container[b-te3oiedgn5] {
    display: flex;
    flex-direction: row;
    flex: 1;
    gap: 5px;
    width: 100%;
    padding: 10px 0px 0px 0px;
}
/* /Components/Pages/Automation/Slot.razor.rz.scp.css */

.smartbutton-slot-container[b-d6ok19yaj8] {
    background: var(--color-sg-card-content-background);
    border-radius: 8px;
    box-shadow: 2px 2px 10px 4px rgb(0, 0, 0, 0.15);
    padding: 10px;
    gap: 10px;
    flex: 1;
}

    .smartbutton-slot-container:hover[b-d6ok19yaj8] {
        box-shadow: 0 0 6px var(--color-sg-accent-main-0-75), 0 0 6px var(--color-sg-accent-main-0-75), 0 0 6px var(--color-sg-accent-main-0-75);
    }

.smartbutton-button-slot-card[b-d6ok19yaj8] {
    background: var(--color-sg-background);
    border-radius: 8px;
    box-shadow: 2px 2px 10px 4px rgb(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border: 1px solid var(--color-sg-accent-main-0-75);
    padding: 10px;
}

.smartbutton-slot-title[b-d6ok19yaj8] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-sg-accent-main-0-75);
    color: #FFFFFF;
    font-size: 12px;
    height: 36px;
    min-height: 36px;
    border-radius: 8px;
    box-shadow: 2px 2px 10px 4px rgb(0, 0, 0, 0.15);
}

.smartbutton-slot-automation-description[b-d6ok19yaj8] {
    font-size: 12px;
    overflow-y: hidden;
    padding: 4px 8px;
    max-height: 100px;
}




.smartbutton-slot-base-icon[b-d6ok19yaj8] {
    width: 60px;
    height: 60px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
}

.smartbutton-slot-add-icon[b-d6ok19yaj8] {
    background-image: url('../icons/google/other/add_circle_80dp_1EA48D_FILL0_wght400_GRAD200_opsz48.png');
}

    .smartbutton-slot-add-icon:hover[b-d6ok19yaj8] {
        background-image: url('../icons/google/other/add_circle_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
    }
/* /Components/Pages/Automation/SmartButtonEdit.razor.rz.scp.css */
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* Element sytling: containers */

.smartbutton-edit-container[b-74zwthjy56] {
    display: flex;
    border-radius: 8px;
    background: var(--color-sg-card-content-background);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
}




/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* Element sytling: automation view */

.sbe-automation-view-container[b-74zwthjy56] {
    position: fixed;
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 100px;
    overflow: hidden;
    z-index: 1050;    
}

.sbe-automation-view-container-inner-base[b-74zwthjy56] {
    display: flex;
    background-color: var(--color-sg-background);
    height: 100%;
    padding: 20px;
    border-radius: 8px;
    pointer-events: all;
    overflow: hidden;
    width: 100%;
    border: 1px solid var(--color-sg-accent-main-0-75);
}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* Background blurring */

.sbe-automation-view-background-blur[b-74zwthjy56] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    z-index: 1040;
}
/* /Components/Pages/Automation/SmartButtons.razor.rz.scp.css */
/* Main containers and spinnner */

.smartbutton-buttons-container[b-tld9j4kjk5] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 340px 340px;
    border-radius: 8px;
    background: var(--color-sg-card-content-background);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    gap: 20px;
    padding: 20px;
}

.smartbutton-buttons-container-format-only[b-tld9j4kjk5] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 340px 340px;
    gap: 20px;
    padding: 10px;
}

.smartbutton-spinner-overlay[b-tld9j4kjk5] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
}




/* Card */

.smartbutton-button-card[b-tld9j4kjk5] {
    background: var(--color-sg-background);
    border-radius: 8px;
    box-shadow: 2px 2px 10px 4px rgb(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border: 1px solid var(--color-sg-accent-main-0-75);
    padding: 10px;
    height: 170px;
}

.smartbutton-item-title[b-tld9j4kjk5] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-sg-accent-main-0-75);
    color: #FFFFFF;
    font-size: 12px;
    height: 36px;
    min-height: 36px;
    border-radius: 8px;
    box-shadow: 2px 2px 10px 4px rgb(0, 0, 0, 0.15);
}

.smartbutton-item-header[b-tld9j4kjk5] {
    color: var(--color-sg-accent-main-0-75);
    font-size: 12px;
}

.smartbutton-item-automation-label[b-tld9j4kjk5] {
    color: var(--color-sg-accent-main-0-75);
}

.smartbutton-item-automation-description[b-tld9j4kjk5] {
    font-size: 12px;
    overflow-y: hidden;
    padding: 4px 8px;
    max-height: 100px;
}

.smartbutton-base-icon-card[b-tld9j4kjk5] {
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
}

.smartbutton-base-icon[b-tld9j4kjk5] {
    width: 60px;
    height: 60px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
}

.smartbutton-add-icon[b-tld9j4kjk5] {
    background-image: url('../icons/google/other/add_circle_80dp_1EA48D_FILL0_wght400_GRAD200_opsz48.png');
}


    .smartbutton-add-icon:hover[b-tld9j4kjk5] {
        background-image: url('../icons/google/other/add_circle_80dp_1EA48D_FILL1_wght400_GRAD200_opsz48.png');
    }

.smartbutton-automation-icon[b-tld9j4kjk5] {
    background-image: url('../icons/google/automation/automation_80dp_1EA48D_FILL0_wght400_GRAD200_opsz48.png');
}
/* /Components/Pages/Cluster/Activity/Cluster.razor.rz.scp.css */
/* -------------------------------------------------------------------------------- */
/* Content */

.cluster-activity-content-container[b-p07eyppgl5] {
    display: flex;
    flex: 1;
    border-radius: 8px;
    background: var(--color-sg-card-content-background);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    gap: 20px;
    padding: 20px;
    overflow: hidden;
}
/* /Components/Pages/Cluster/Activity/Suggestion.razor.rz.scp.css */
/* -------------------------------------------------------------------------------- */
/* Content */

.cluster-activity-content-container[b-uqqvn6mob7] {
    display: flex;
    flex: 1;
    border-radius: 8px;
    background: var(--color-sg-card-content-background);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    gap: 20px;
    padding: 20px;
    overflow: hidden;
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
/* -------------------------------------------------------------------------------- */
/* Page header and content container; spinner */

/* Dashboard Container */
.dashboard-container[b-webp4k1txf] {
    display: grid;
    grid-template-rows: auto 2fr 1fr 0.75fr;
    height: calc(100vh - 3.5rem - 4.0rem - 2.0rem);
    flex: 1;
    gap: 20px;
    margin: 10px;
}

/* Header Section */
.dashboard-header[b-webp4k1txf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

    .dashboard-header h3[b-webp4k1txf] {
        margin: 0;
    }

.dashboard-header-info[b-webp4k1txf] {
    font-size: 1.1rem;
    color: var( --color-sg-font);
}

.dashboard-spinner-overlay[b-webp4k1txf] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* -------------------------------------------------------------------------------- */
/* Column container */

.dashboard-user-data-container[b-webp4k1txf] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    flex: 1;
    border-radius: 8px;
    background: var(--color-sg-card-content-background);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    gap: 20px;
    padding: 20px;
}

.dashboard-user-context-container[b-webp4k1txf] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    flex: 1;
    border-radius: 8px;
    background: var(--color-sg-card-content-background);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    gap: 20px;
    padding: 20px;
}

.dashboard-admin-container[b-webp4k1txf] {
    display: grid;
    grid-template-columns: 1fr;
    flex: 1;
    border-radius: 8px;
    background: var(--color-sg-card-content-background);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    gap: 20px;
    padding: 20px;
}




/* -------------------------------------------------------------------------------- */
/* Content columns */

.dashboard-column[b-webp4k1txf] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow-y: auto;
}

.dashboard-card[b-webp4k1txf] {
    background: var(--color-sg-background);
    border-radius: 8px;
    box-shadow: 2px 2px 10px 4px rgb(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    border: 1px solid var(--color-sg-accent-main-0-75);
}




/* -------------------------------------------------------------------------------- */
/* Card and content headers */

.dashboard-card-header[b-webp4k1txf] {
    padding: 15px 20px 10px 15px;
    color: var(--color-sg-accent-main-0-75);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .dashboard-card-header h6[b-webp4k1txf] {
        font-weight: 600;
        padding: 0 0 0 5px;
    }




/* -------------------------------------------------------------------------------- */
/* Column cards: containers */

.dashboard-card-content[b-webp4k1txf] {
    padding: 20px;
    flex: 1;
    overflow-y: auto;
}

.dashboard-card-list[b-webp4k1txf] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}




/* -------------------------------------------------------------------------------- */
/* Context Quality: total score */

.context-quality[b-webp4k1txf] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    flex: 1;
}

.quality-score[b-webp4k1txf] {
    justify-content: center;
    text-align: center;
    padding: 10px 20px;
    background: linear-gradient(135deg, var(--color-sg-accent-secondary-1-75) 0%, var(--color-sg-accent-secondary-2-75) 100%);
    color: white;
    border-radius: 8px;
    flex: 1;
    overflow: hidden;
}

.quality-score-sub[b-webp4k1txf] {
    background: linear-gradient(135deg, var(--color-sg-card-content-background) 0%, var(--color-sg-background-light) 100%);
}

.score-label[b-webp4k1txf] {
    font-size: 0.9rem;
    opacity: 0.9;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.score-value[b-webp4k1txf] {
    font-size: 2rem;
    font-weight: 700;
    margin: 10px 0;
}

.score-percentage[b-webp4k1txf] {
    font-size: 0.9rem;
    opacity: 0.9;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.dashboard-card-content[b-webp4k1txf] {
    padding: 20px;
    flex: 1;
    overflow-y: auto;
}




/* -------------------------------------------------------------------------------- */
/* Context Quality and Metrics */

.quality-details[b-webp4k1txf], .metric-details[b-webp4k1txf] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.quality-item[b-webp4k1txf], .metric-item[b-webp4k1txf] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    background: var(--color-sg-card-content-background);
    border-radius: 6px;
}

.quality-label[b-webp4k1txf], .metric-label[b-webp4k1txf] {
    font-weight: 600;
    color: var(--color-sg-font);
}

.quality-value[b-webp4k1txf], .metric-value[b-webp4k1txf] {
    height: 30px;
    width: 150px;
    padding: 5px;
    border-radius: 15px;
    font-size: 12px;    
    font-weight: 600;
    color: #ffffff;
    text-align:center;
}




/* -------------------------------------------------------------------------------- */
/* Batch / count information */

.badge[b-webp4k1txf] {
    background: var(--color-sg-accent-main-0-75);
    color: #ffffff;
    padding: 4px 12px;
    border-radius: 1.5rem;
    font-size: 1.0rem;
    font-weight: 700;
}

.badge-urgent[b-webp4k1txf] {
    color: #ffffff;
}




/* -------------------------------------------------------------------------------- */
/* Footer */

.dashboard-footer[b-webp4k1txf] {
    padding: 20px 0;
}

.dashboard-footer-content[b-webp4k1txf] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}

    .dashboard-footer-content h5[b-webp4k1txf] {
        margin: 0;
        color: var(--color-sg-accent-main-0-75);
    }

.dashboard-footer-buttons[b-webp4k1txf] {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}




/* -------------------------------------------------------------------------------- */
/* Other: empty State */

.empty-state[b-webp4k1txf] {
    text-align: center;
    padding: 40px 20px;
    color: #999;
}

    .empty-state p[b-webp4k1txf] {
        margin: 0;
        font-style: italic;
    }
/* /Components/Pages/Legal/Imprint.razor.rz.scp.css */
.imprint-container[b-sg16cdav19] {
    display: flex;
    flex-direction: column;
    gap: 30px;
    height: 95vh;
    max-width: 1000px;
    margin: 20px auto 20px auto;
}

.imprint-content[b-sg16cdav19] {
    overflow-y: scroll;
    scrollbar-width: none; /* Hide scrollbar in Firefox */
    -ms-overflow-style: none; /* Hide scrollbar in Edge */
    white-space: pre-line;
}

    .imprint-content strong[b-sg16cdav19], .imprint-content b[b-sg16cdav19] {
        font-weight: 600;
    }

    .imprint-content[b-sg16cdav19]::-webkit-scrollbar {
        display: none; /* Hide scrollbar in Chrome, Safari, and Opera */
    }
/* /Components/Pages/Legal/PrivacyPolicy.razor.rz.scp.css */
.privacy-policy-container[b-45w33c4jpd] {
    display: flex;
    flex-direction: column;
    gap: 30px;
    height: 95vh;
    max-width: 1000px;
    margin: 20px auto 20px auto;
}

.privacy-policy-content[b-45w33c4jpd] {
    overflow-y: scroll;
    scrollbar-width: none; /* Hide scrollbar in Firefox */
    -ms-overflow-style: none; /* Hide scrollbar in Edge */
    white-space: pre-line;
}

    .privacy-policy-content strong[b-45w33c4jpd], .privacy-policy-content b[b-45w33c4jpd] {
        font-weight: 600;
    }

    .privacy-policy-content[b-45w33c4jpd]::-webkit-scrollbar {
        display: none; /* Hide scrollbar in Chrome, Safari, and Opera */
    }
/* /Components/Pages/Legal/TermsAndConditions.razor.rz.scp.css */
.tou-container[b-3ldknbb8tf] {
    display: flex;
    flex-direction: column;
    gap: 30px;
    height: 95vh;
    max-width: 1000px;
    margin: 20px auto 20px auto;
}

.tou-content[b-3ldknbb8tf] {
    overflow-y: scroll;
    scrollbar-width: none; /* Hide scrollbar in Firefox */
    -ms-overflow-style: none; /* Hide scrollbar in Edge */
    white-space: pre-line;
}
    .tou-content strong[b-3ldknbb8tf], .tou-content b[b-3ldknbb8tf] {
        font-weight: 600;
    }

    .tou-content[b-3ldknbb8tf]::-webkit-scrollbar {
        display: none; /* Hide scrollbar in Chrome, Safari, and Opera */
    }
/* /Components/Pages/Playbox.razor.rz.scp.css */
/* /Components/RelationMap/RelationMapView.razor.rz.scp.css */
/* ------------------------------------------------- */
/* Overlay styles */

.relation-map-spinner-overlay[b-hjzuq04hv1] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 240px;
    height: 240px;
    background-color: var(--color-sg-dark-dark-100);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.8;
    transition: opacity 0.3s ease;
    z-index: 10;
    border-radius: 8px;
    pointer-events: none;
    backdrop-filter: blur(1px);
    transform: translate(-50%, -50%);
}


/* ------------------------------------------------- */
/* Component header */

.relation-map-title-header[b-hjzuq04hv1] {
    text-align: center;
    color: #ffffff;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 10px;
    height: 40px;
}
/* /Components/ResourceEntityEditAndView/Extension/UI/SubElements/AiChat/ReeavAiChatEdit.razor.rz.scp.css */
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*Border styling*/

#DOV-AIC-CON-MSG[b-5odbt1n0w8], #DOV-AIC-MSG[b-5odbt1n0w8], #DOV-AIC-CON-SEND[b-5odbt1n0w8] {
    padding-left: 10px;
}

#DOV-AIC-SUB[b-5odbt1n0w8] {
    padding-left: 15px;
    padding-right: 25px;
}

#DOV-AIC-CON-SEND[b-5odbt1n0w8] {
    padding-top: 5px;
    padding-bottom: 5px;
}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* Icon AI chat agent */

.ssv-message-agent-icon-subject[b-5odbt1n0w8] {
    width: 30px;
    height: 30px;
    margin: auto;
    border-radius: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--color-sg-accent-main-0-75);
    background-image: url('../../icons/google/AI/network_intel_node_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    background-size: 80%;
}

.ssv-message-websearch-icon-subject[b-5odbt1n0w8] {
    width: 30px;
    height: 30px;
    margin: auto;
    border-radius: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--color-sg-accent-main-0-75);
    background-image: url('../../icons/google/other/language_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    background-size: 80%;
}

.ssv-message-agent-icon-context[b-5odbt1n0w8] {
    width: 30px;
    height: 30px;
    margin: auto;
    border-radius: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--color-sg-accent-secondary-1-75);
    background-image: url('../../icons/google/AI/network_intel_node_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    background-size: 80%;
}

.ssv-message-websearch-icon-context[b-5odbt1n0w8] {
    width: 30px;
    height: 30px;
    margin: auto;
    border-radius: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--color-sg-accent-secondary-1-75);
    background-image: url('../../icons/google/other/language_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    background-size: 80%;
}



/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*Button: send chat message*/

.dov-button-send-chat-message[b-5odbt1n0w8] {
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 30px;
    border: 2px solid var(--color-sg-accent-main-0-75);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: var(--color-sg-accent-main-0-75);
    background-image: url('../../Icons/Google/send_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
    background-size: 80%;
    box-shadow: 0 0 5px 5px rgb(0,0,0,0.15);
}

    .dov-button-send-chat-message:hover[b-5odbt1n0w8] {
        background-image: url('../../Icons/Google/send_80dp_2AE9CA_FILL1_wght400_GRAD200_opsz48.png');
        background-color: var(--color-sg-background);
        background-size: 80%;
    }

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*Message style: AI answer*/

.div-dov-ai-chat-ai-answer[b-5odbt1n0w8] {
    display: inline-block;
    border-radius: 8px;
    padding: 4px 4px 4px 8px;
    background-color: #BDE9EA;
    margin-left: 20px;
}

    .div-dov-ai-chat-ai-answer pre[b-5odbt1n0w8] {
        margin: 0;
        font-size: 1.0rem;
        white-space: pre-line;
    }

.div-dov-ai-chat-time-stamp-ai[b-5odbt1n0w8] {
    margin: 5px 0px 15px 30px;
    font-size: 0.8rem;
    font-style: italic;
    color: gray;
}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*Message style: user question*/

.div-dov-ai-chat-user-question[b-5odbt1n0w8] {
    display: inline-block;
    border-radius: 8px;
    padding: 4px 4px 4px 8px;
    background-color: #E2E5EC;
}

    .div-dov-ai-chat-user-question p[b-5odbt1n0w8] {
        margin: 0;
    }

.div-dov-ai-chat-time-stamp-user[b-5odbt1n0w8] {
    margin: 5px 0px 15px 10px;
    font-size: 0.8rem;
    font-style: italic;
    color: gray;
}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*Message style: data context*/

.div-dov-ai-chat-data-context[b-5odbt1n0w8] {
    display: inline-block;
    border-radius: 8px;
    padding: 4px 4px 4px 8px;
    background-color: #DBF2DB;
}

    .div-dov-ai-chat-data-context p[b-5odbt1n0w8] {
        margin: 0;
    }

.div-dov-ai-chat-time-stamp-data-context[b-5odbt1n0w8] {
    margin: 5px 0px 15px 10px;
    font-size: 0.8rem;
    font-style: italic;
    color: gray;
}
/* /Components/ResourceEntityListView/ResourceEntityListViewComponent.razor.rz.scp.css */
/* ================================================================================================================================ */
/* Page root                                                                                                                        */
/* ================================================================================================================================ */

.redev-page[b-yahsf06xkb] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding: 16px;
    gap: 12px;
    box-sizing: border-box;
}


/* ================================================================================================================================ */
/* Row 1 � resource type bar                                                                                                        */
/* ================================================================================================================================ */

.redev-type-bar[b-yahsf06xkb] {
    flex-shrink: 0;
    padding: 10px 14px;
    background: linear-gradient(135deg, var(--color-sg-card-content-background), var(--color-sg-card-content-background-lighter));
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10);
    box-sizing: border-box;
}

.redev-type-bar-buttons[b-yahsf06xkb] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    overflow-x: auto;
    scrollbar-width: thin;
    border: 1px solid var(--color-sg-background-light);
    border-radius: 6px;
    box-shadow: 2px 2px 12px 4px rgba(0, 0, 0, 0.2);
}

.redev-type-btn[b-yahsf06xkb] {
    flex: 1 1 0;
    min-width: 80px;
    padding: 6px 10px;
    border: none;
    border-left: 1px solid var(--color-sg-background-light);
    cursor: pointer;
    background: var(--color-sg-background);
    color: var(--color-sg-font);
    font-size: 0.85rem;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    transition: background 0.12s, color 0.12s;
    outline: none;
}

    .redev-type-btn:first-child[b-yahsf06xkb] {
        border-left: none;
    }

    .redev-type-btn:hover:not(.redev-type-btn--active)[b-yahsf06xkb] {
        background: linear-gradient(135deg, var(--color-sg-accent-main-0-75) 30%, var(--color-sg-accent-main-0-75-partner));
    }

.redev-type-btn--active[b-yahsf06xkb] {
    background: linear-gradient(135deg, var(--color-sg-accent-main-0-75), var(--color-sg-accent-main-0-75-partner));
    color: #ffffff;
    font-weight: 500;
}


/* ================================================================================================================================ */
/* Body � two-column split                                                                                                          */
/* ================================================================================================================================ */

.redev-body[b-yahsf06xkb] {
    display: flex;
    flex-direction: row;
    flex: 1;
    gap: 12px;
    overflow: hidden;
    min-height: 0;
}


/* ================================================================================================================================ */
/* Left panel                                                                                                                       */
/* ================================================================================================================================ */

.redev-left-panel[b-yahsf06xkb] {
    display: flex;
    flex-direction: column;
    width: 260px;
    flex-shrink: 0;
    gap: 10px;
    overflow: hidden;
}

.redev-left-top[b-yahsf06xkb] {
    min-height: 0;
    overflow-y: auto;
}

.redev-left-mid[b-yahsf06xkb] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.redev-left-bottom[b-yahsf06xkb] {
    flex: 2;
    min-height: 0;
    overflow: hidden;
}


/* ================================================================================================================================ */
/* Right panel                                                                                                                      */
/* ================================================================================================================================ */

.redev-right-panel[b-yahsf06xkb] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 10px;
    overflow: hidden;
    min-height: 0;
}

.redev-right-controls[b-yahsf06xkb] {
    flex-shrink: 0;
    overflow-y: auto;
    max-height: 42%;
}

.redev-right-list[b-yahsf06xkb] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}


/* ================================================================================================================================ */
/* Shared panel card                                                                                                                 */
/* ================================================================================================================================ */

.redev-panel-card[b-yahsf06xkb] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px;
    background: linear-gradient(135deg, var(--color-sg-card-content-background), var(--color-sg-card-content-background-lighter));
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    height: 100%;
    box-sizing: border-box;
}

.redev-section-label[b-yahsf06xkb] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--color-sg-font);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0;
    flex-shrink: 0;
    padding-left: 6px;
}

.redev-placeholder-text[b-yahsf06xkb] {
    font-size: 0.85rem;
    color: var(--color-sg-card-header-font-color);
    margin: 0;
    opacity: 0.7;
}


/* ================================================================================================================================ */
/* Component A � Nav buttons (left panel top: CRI / mailbox / drive selection)                                                      */
/*                                                                                                                                  */
/* Full-width, one per row. Active state: accent left border + subtle fill.                                                         */
/* No border between inactive items � separated by gap instead for a cleaner, less noisy look.                                      */
/* ================================================================================================================================ */

.redev-nav-list[b-yahsf06xkb] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    width: 100%;
    overflow-y: auto;
    padding: 4px;
}

.redev-nav-btn[b-yahsf06xkb] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 7px 12px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    background: var(--color-sg-background);
    color: var(--color-sg-font);
    font-size: 0.85rem;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: background 0.12s, border-color 0.12s, color 0.12s;
    outline: none;
    min-height: 36px;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2);
}

    .redev-nav-btn:hover:not(.redev-nav-btn--active)[b-yahsf06xkb] {
        background: linear-gradient(135deg, var(--color-sg-accent-main-0-75) 30%, var(--color-sg-accent-main-0-75-partner));
        box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2);
    }

.redev-nav-btn--active[b-yahsf06xkb] {
    background: linear-gradient(135deg, var(--color-sg-accent-main-0-75), var(--color-sg-accent-main-0-75-partner));
    color: #ffffff;
    font-weight: 500;
}


/* ================================================================================================================================ */
/* Component B � Folder buttons (left panel bottom: folder / directory selection)                                                   */
/*                                                                                                                                  */
/* Full-width, one per row. Slightly more prominent than nav items � acts as a selectable list row.                                 */
/* Active state: solid accent background.                                                                                           */
/* ================================================================================================================================ */

.redev-folder-list[b-yahsf06xkb] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    width: 100%;
    overflow-y: auto;
    padding: 4px;
}

.redev-folder-btn[b-yahsf06xkb] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 7px 12px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    background: var(--color-sg-background);
    color: var(--color-sg-font);
    font-size: 0.85rem;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: background 0.12s, border-color 0.12s, color 0.12s;
    outline: none;
    min-height: 36px;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2);
}

    .redev-folder-btn:hover:not(.redev-folder-btn--active)[b-yahsf06xkb] {
        background: linear-gradient(135deg, var(--color-sg-accent-main-0-75) 30%, var(--color-sg-accent-main-0-75-partner));
    }

.redev-folder-separator[b-yahsf06xkb] {
    height: 1px;
    background: var(--color-sg-accent-main-0-75);
    margin: 4px auto;
    flex-shrink: 0;
    width: 90%;
}

.redev-folder-btn--active[b-yahsf06xkb] {
    background: linear-gradient(135deg, var(--color-sg-accent-main-0-75), var(--color-sg-accent-main-0-75-partner));
    color: #ffffff;
    font-weight: 500;
}


/* ================================================================================================================================ */
/* Component C � Segmented controls (right panel: View as / Sort by / Search mode)                                                  */
/*                                                                                                                                  */
/* Horizontal pill-bar. Fixed overall width driven by container. Each segment equal-width (flex: 1).                                */
/* Width never changes on selection � only fill/color transitions.                                                                  */
/* ================================================================================================================================ */

.redev-seg-bar[b-yahsf06xkb] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0;
    border: 1px solid var(--color-sg-background-light);
    border-radius: 6px;
    overflow: hidden;
    width: 300px;
    flex-shrink: 0;
    box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.1);
}

.redev-seg-btn[b-yahsf06xkb] {
    flex: 1 1 0;
    min-width: 0;
    padding: 5px 12px;
    border: none;
    border-left: 1px solid var(--color-sg-background-light);
    cursor: pointer;
    background: var(--color-sg-background);
    color: var(--color-sg-font);
    font-size: 0.83rem;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    transition: background 0.12s, color 0.12s;
    outline: none;
}

    .redev-seg-btn:first-child[b-yahsf06xkb] {
        border-left: none;
    }

    .redev-seg-btn:hover:not(.redev-seg-btn--active)[b-yahsf06xkb] {
        background: linear-gradient(135deg, var(--color-sg-accent-main-0-75) 30%, var(--color-sg-accent-main-0-75-partner));
    }

.redev-seg-btn--active[b-yahsf06xkb] {
    background: linear-gradient(135deg, var(--color-sg-accent-main-0-75), var(--color-sg-accent-main-0-75-partner));
    color: #ffffff;
    font-weight: 500;
}


/* ================================================================================================================================ */
/* Controls area (right panel top)                                                                                                  */
/* ================================================================================================================================ */

.redev-controls-inner[b-yahsf06xkb] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.redev-controls-row[b-yahsf06xkb] {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.redev-input-group[b-yahsf06xkb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.redev-input-label[b-yahsf06xkb] {
    font-size: 0.73rem;
    font-weight: 700;
    color: var(--color-sg-font);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.redev-hint[b-yahsf06xkb] {
    font-size: 0.78rem;
    color: var(--color-sg-card-header-font-color);
    opacity: 0.7;
    align-self: flex-end;
    padding-bottom: 5px;
}

.redev-date-input[b-yahsf06xkb] {
    padding: 5px 8px;
    border: 1px solid var(--color-sg-background-light);
    border-radius: 6px;
    background: var(--color-sg-background);
    color: var(--color-sg-font);
    font-size: 0.85rem;
    outline: none;
    transition: border-color 0.12s;
}

    .redev-date-input:focus[b-yahsf06xkb] {
        border-color: var(--color-sg-accent-main-0-75);
    }

.redev-dev-actions[b-yahsf06xkb] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}


/* ================================================================================================================================ */
/* Entity list (right panel bottom)                                                                                                 */
/* ================================================================================================================================ */

.redev-folder-header[b-yahsf06xkb] {
    flex-shrink: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-sg-background-light);
    margin-bottom: 2px;
}

.redev-folder-header-title[b-yahsf06xkb] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-sg-font);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.redev-folder-header-title--placeholder[b-yahsf06xkb] {
    opacity: 0.35;
    font-weight: 400;
    font-style: italic;
}

.redev-count-label[b-yahsf06xkb] {
    font-size: 0.78rem;
    color: var(--color-sg-card-header-font-color);
    flex-shrink: 0;
    opacity: 0.7;
}

.redev-entity-list[b-yahsf06xkb] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    overflow-y: auto;
    flex: 1;
    min-height: 0;
    padding-right: 4px;
}

.redev-entity-row[b-yahsf06xkb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 14px;
    background: var(--color-sg-background);
    border-radius: 6px;
    border: 1px solid transparent;
    transition: border-color 0.15s, box-shadow 0.15s;
    flex-shrink: 0;
}

    .redev-entity-row:hover[b-yahsf06xkb] {
        border-color: var(--color-sg-accent-main-0-75);
        box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-sg-accent-main-0-75) 30%, transparent);
    }

.redev-entity-row-header[b-yahsf06xkb] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
}

.redev-entity-subject[b-yahsf06xkb] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-sg-font);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.redev-entity-id[b-yahsf06xkb] {
    font-size: 0.73rem;
    color: var(--color-sg-card-header-font-color);
    white-space: nowrap;
    flex-shrink: 0;
    opacity: 0.65;
}

.redev-entity-meta[b-yahsf06xkb] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 0.78rem;
    color: var(--color-sg-card-header-font-color);
    opacity: 0.8;
}
/* /Components/ResourceEntityManagementView/ResourceEntityContextViewComponent.razor.rz.scp.css */
/* ------------------------------------------------- */
/* Overlay styles */

.re-rv-spinner-overlay[b-glyivwup9b] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 240px;
    height: 240px;
    background-color: var(--color-sg-dark-dark-100);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.8;
    transition: opacity 0.3s ease;
    z-index: 10;
    border-radius: 8px;
    pointer-events: none;
    backdrop-filter: blur(1px);
    transform: translate(-50%, -50%);
}



/* ------------------------------------------------- */
/* Header section */

.re-rv-title-header[b-glyivwup9b] {
    text-align: center;
    color: #ffffff;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 10px;
    height: 40px;
}

.re-rv-filter-item-container[b-glyivwup9b] {
    display: flex;
    flex-direction: row;
    flex: 1;
    gap: 5px;
    width: 100%;
    padding: 10px 0px 0px 0px;
    margin-bottom: 20px;
}



/* ------------------------------------------------- */
/* List view section */

.re-rv-list-container[b-glyivwup9b] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 10px 0 20px 0;
}
/* /Components/ResourceEntityManagementView/ResourceEntityManagementViewComponent.razor.rz.scp.css */
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* Element sytling: containers */

.cv-container[b-9l4x9f9rys] {
    position: fixed;
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px 70px 20px 20px;
    overflow: hidden;
    z-index: 950;
}

.cv-container-inner-base[b-9l4x9f9rys] {
    display: flex;
    background-color: var(--color-sg-background);
    height: 100%;
    padding: 20px;
    border-radius: 8px;
    pointer-events: all;
    overflow: hidden;
}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* Background blurring */

.cv-background-blur[b-9l4x9f9rys] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    z-index: 940;
}




/* ------------------------------------------------------------------------------------------------------ */
/* Header row */

/* Outer container */
.div-cv-container-header[b-9l4x9f9rys] {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    padding: 10px;
    margin: 25px 25px 10px 25px;
    align-items: center;
    gap: 20px;
}

/* ------------------------------------------------------------------------------------------------------ */
/* Header, further parts */

.div-cv-sub-header-container[b-9l4x9f9rys] {
    display: flex;
    flex-direction: row;
    gap: 20px;
    width: 100%;
    align-items: center;
    padding: 10px;
    margin: 0px 25px 0px 25px;
}

.div-cv-sub-header-knob[b-9l4x9f9rys] {
    width: 20px;
    height: 20px;
    background-color: var(--color-sg-accent-main-0-75);
    border-radius: 4px
}

.div-cv-sub-header-label[b-9l4x9f9rys] {
    color: var(--color-sg-accent-main-0-75);
    font-weight: 700;
    width: 70px;
    margin-right: 10px
}

.div-cv-sub-header-item-container[b-9l4x9f9rys] {
    width: auto;
    overflow: hidden;
    flex-grow: 1;
    display: inline-flex
}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* Element sytling: reference and associated item header */

.cv-title-header[b-9l4x9f9rys] {
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.cv-title-header-reference[b-9l4x9f9rys] {
    color: var(--color-sg-accent-main-0-75);
    border-bottom: 2px solid var(--color-sg-accent-main-0-75);
}

.cv-title-header-associated[b-9l4x9f9rys] {
    color: var(--color-sg-accent-secondary-1-75);
    border-bottom: 2px solid var(--color-sg-accent-secondary-1-75);
}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* Subject/context action */

.re-mv-base-button-container[b-9l4x9f9rys] {
    width: 60px;
    height: 60px;
    padding: 5px;
    cursor: pointer;
    background-color: var(--color-sg-background);
    border-radius: 8px;
}

.re-mv-active-subject[b-9l4x9f9rys] {
    background-color: var(--color-sg-accent-main-0-75);
}

.re-mv-active-context[b-9l4x9f9rys] {
    background-color: var(--color-sg-accent-secondary-1-75);
}

.re-mv-base-button[b-9l4x9f9rys] {
    height: 100%;
    width: 100%;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.re-mv-base-button-container:hover[b-9l4x9f9rys] {
    background-color: var(--color-sg-neutral-default);
}

.re-mv-subject-add-button[b-9l4x9f9rys] {
    background: url('../icons/google/modified/graph_4_80dp_000000_FILL0_wght400_GRAD200_opsz48_subject_add.png')
}

.re-mv-subject-view-button[b-9l4x9f9rys] {
    background: url('../icons/google/modified/graph_4_80dp_000000_FILL0_wght400_GRAD200_opsz48_subject_view.png')
}

.re-mv-subject-suggest-button[b-9l4x9f9rys] {
    background: url('../icons/google/modified/graph_4_80dp_000000_FILL0_wght400_GRAD200_opsz48_subject_suggest.png')
}

.re-mv-context-add-button[b-9l4x9f9rys] {
    background: url('../icons/google/modified/graph_4_80dp_000000_FILL0_wght400_GRAD200_opsz48 - context_add.png')
}

.re-mv-context-view-button[b-9l4x9f9rys] {
    background: url('../icons/google/modified/graph_4_80dp_000000_FILL0_wght400_GRAD200_opsz48 - context_view.png')
}

.re-mv-context-suggest-button[b-9l4x9f9rys] {
    background: url('../icons/google/modified/graph_4_80dp_000000_FILL0_wght400_GRAD200_opsz48 - context_suggest.png')
}



.re-mv-fullscreen-active[b-9l4x9f9rys] {
    background: url('../icons/google/other/fullscreen_80dp_6F9394_FILL1_wght400_GRAD200_opsz48.png')
}

.re-mv-base-button-container:hover > .re-mv-fullscreen-active[b-9l4x9f9rys] {
    background: url('../icons/google/other/close_fullscreen_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png')
}

.re-mv-fullscreen-inactive[b-9l4x9f9rys] {
    background: url('../icons/google/other/open_in_full_80dp_6F9394_FILL1_wght400_GRAD200_opsz48.png')
}

.re-mv-base-button-container:hover > .re-mv-fullscreen-inactive[b-9l4x9f9rys] {
    background: url('../icons/google/other/fullscreen_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png')
}



.re-mv-map-active[b-9l4x9f9rys] {
    background: url('../icons/virtualFolder/20250414_virtual_folder_icon_from_logo_6F9394.png');
}

.re-mv-base-button-container:hover > .re-mv-map-active[b-9l4x9f9rys] {
    background: url('../icons/google/other/edit_80dp_FFFFFF_FILL1_wght400_GRAD200_opsz48.png');
}

.re-mv-map-inactive[b-9l4x9f9rys] {
    background: url('../icons/google/other/edit_80dp_6F9394_FILL1_wght400_GRAD200_opsz48.png');
}

.re-mv-base-button-container:hover > .re-mv-map-inactive[b-9l4x9f9rys] {
    background: url('../icons/virtualFolder/20250414_virtual_folder_icon_from_logo_ffffff.png');
}
/* /Components/Topic/TopicList.razor.rz.scp.css */
.topic-list-filter-item-container[b-qisndzq9u6] {
    display: flex;
    flex-direction: row;
    flex: 1;
    gap: 5px;
    width: 100%;
    padding: 10px 0px 0px 0px;
}
/* /Components/Topic/TopicListOBSOLETE.razor.rz.scp.css */
.topic-list-filter-item-container[b-g3t8w7jrem] {
    display: flex;
    flex-direction: row;
    flex: 1;
    gap: 5px;
    width: 100%;
    padding: 10px 0px 0px 0px;
}
/* /Components/ViewControl/RowToggler.razor.rz.scp.css */
.row-toggler-cluster-image[b-c28n1yxox8] {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.row-toggler-cluster-container[b-c28n1yxox8] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    cursor: pointer;
    color: #ffffff;
    padding: 10px;
    border-radius: 4px;
    margin: 0 10px 0 0;
}

.row-toggler-cluster-text[b-c28n1yxox8] {
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}
/* /Components/ViewControl/RowTogglerSection.razor.rz.scp.css */
.row-toggler-cluster-image[b-slrpl831rb] {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.row-toggler-cluster-container[b-slrpl831rb] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    cursor: pointer;
    color: #ffffff;
    padding: 10px;
    border-radius: 4px;
}

.row-toggler-cluster-text[b-slrpl831rb] {
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}
/* /Components/ViewControl/RowTogglerTopic.razor.rz.scp.css */
.vf-row-toggler-cluster-image[b-vtbowbbdtp] {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.vf-row-toggler-cluster-container[b-vtbowbbdtp] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    cursor: pointer;
    color: #ffffff;
    padding: 10px;
    border-radius: 4px;
    background: linear-gradient(135deg, var(--color-sg-accent-main-0-75), var(--color-sg-accent-main-0-75-80))
}

.vf-row-toggler-cluster-text[b-vtbowbbdtp] {
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}
/* /Components/VirtualFolder/VirtualFolderChip.razor.rz.scp.css */
/* /Components/WorkTask/AddAndEdit.razor.rz.scp.css */
.aae-worktask-status-chip-container[b-sll6rp6o3l] {
    border-radius: 4px;
    height: 32px;
    width: 180px;
    padding: 0px 5px 0px 5px;
    gap: 5px;
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
    cursor: pointer;
}

.aee-worktask-div-label[b-sll6rp6o3l] {
    width: 180px;
}
/* /Components/WorkTask/TaskList.razor.rz.scp.css */
.wt-list-filter-item-container[b-n2meraqsbs] {
    display: flex;
    flex-direction: row;
    flex: 1;
    gap: 5px;
    width: 100%;
    padding: 10px 0px 0px 0px;
}
/* /Components/WorkTask/WorkTaskListOBSOLETE.razor.rz.scp.css */
.wt-list-filter-item-container[b-5piwe0ffo5] {
    display: flex;
    flex-direction: row;
    flex: 1;
    gap: 5px;
    width: 100%;
    padding: 10px 0px 0px 0px;
}