/* _content/WSP.PCT.PIMSuite.UX/Components/Layout/AppLayout.razor.rz.scp.css */
body[b-4rpesc1j19] {
    display: flex;
    flex-direction: column;
    margin: 0;
    background-color: red;
    overflow: auto;
    border: solid 4px purple;
}

.components-reconnect-dialog p[b-4rpesc1j19] {
    color: black;
}

.button-theme-toggle .k-button[b-4rpesc1j19] {
    width: 32px;
    padding: 0px;
    padding-inline-start: 0px !important;
    padding-inline-end: 0px !important;
    padding-block-start: 0px !important;
    padding-block-end: 0px !important;
}

.pct-footer-visible[b-4rpesc1j19] {
    display: block;
}
.pct-footer-hidden[b-4rpesc1j19] {
    display: hidden;
}

.pct-drawer-content k-drawer-content[b-4rpesc1j19] {
    padding: 0px;
}

.pct-main[b-4rpesc1j19] {
    overflow-y: hidden;
    padding-right: var(--kendo-spacing-8);
    padding-left: var(--kendo-spacing-8);
    padding-top: var(--kendo-spacing-4);
    padding-bottom: 0px;
}

.initials-circle[b-4rpesc1j19] {
    width: 32px; /* Diameter of the circle */
    height: 32px;
    background-color: var(--kendo-color-primary); /* Gray background #808080 (50% gray) */
    color: white; /* Text color */
    font-size: 13px; /* Font size for the initials */
    font-weight: 300;
    text-align: center;
    line-height: 32px; /* Align text vertically */
    border-radius: 50%; /* Make it a circle */
    display: inline-block; /* Keeps it block-like but inline */
    cursor: pointer;

    /* No Select*/
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Standard syntax */
}

.pct-avatar[b-4rpesc1j19] {
    cursor: pointer;
}

.predecessor[b-4rpesc1j19] {
    margin-bottom: 2px;
}

.target[b-4rpesc1j19] {
    padding: 2px;
}

.custom-collapsed-width .k-drawer-mini[b-4rpesc1j19] {
    width: 200px; /* Set your desired width */
}

.spacing[b-4rpesc1j19] {
    height: var(--kendo-spacing-6);
    background-color: lime; /* Just for visualization */
}

@media screen and (max-width: 640px) {
    .pct-compact-hide[b-4rpesc1j19] {
        display: none;
    }
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Layout/FormItemDetailLayout.razor.rz.scp.css */
/* Marker - FormItemDetailLayout.razor.css */
.content-container[b-q6mch717hj] {
    overflow: auto;
    height: calc(100vh - 252px);
    padding-bottom: 4px;
    padding-right: 0px;
    outline-offset: -1px; 
}

body.light .content-container[b-q6mch717hj],
.light .content-container[b-q6mch717hj] {
    border: none; /* Remove the original border */
    outline: 1px solid #cacaca;
}

body.dark .content-container[b-q6mch717hj],
.dark .content-container[b-q6mch717hj] {
    border: none; /* Remove the original border */
    outline: 1px solid #3c3c3c; /* Dark outline matching Fluent UI dark border color */
}

/* Light theme (original) */
body.light .form-body-container[b-q6mch717hj],
body.light .form-body-container-compact[b-q6mch717hj],
.light .form-body-container[b-q6mch717hj],
.light .form-body-container-compact[b-q6mch717hj] {
    padding: 4px;
    max-inline-size: 1848px; /* Max res width - 200px */
    background-color: #ffffff; /* White from Fluent UI */
    margin-top: 0px;
    margin-bottom: 0px;
}

body.light .form-body-container-compact[b-q6mch717hj],
.light .form-body-container-compact[b-q6mch717hj] {
    max-inline-size: 1184px; /* Max res width - 96px */
}

/* Dark theme */
body.dark .form-body-container[b-q6mch717hj],
body.dark .form-body-container-compact[b-q6mch717hj],
.dark .form-body-container[b-q6mch717hj],
.dark .form-body-container-compact[b-q6mch717hj] {
    padding: 4px;
    max-inline-size: 1848px; /* Max res width - 200px */
    background-color: #1e1e1e; /* Dark background */
    margin-top: 0px;
    margin-bottom: 0px;
}

body.dark .form-body-container-compact[b-q6mch717hj],
.dark .form-body-container-compact[b-q6mch717hj] {
    max-inline-size: 1184px; /* Max res width - 96px */
}

.center-squeezed[b-q6mch717hj] {
    padding-left: calc(2vw);
    padding-right: calc(2vw);
}

.form-field-grid[b-q6mch717hj] {
    width: calc(76vw - 368px);
    /* additional styling such as padding or border can be added */
}

.form-grid-toolbar-button[b-q6mch717hj] {
    max-width:220px;
}

@media (min-width: 1200px) {
    .center-squeezed[b-q6mch717hj] {
        padding-left: calc(12vw);
        padding-right: calc(12vw);
    }

    
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Layout/GridLandingLayout.razor.rz.scp.css */
.content-container[b-tx18gocnbi] {
    margin-top: 12px;
    overflow: auto;
    height: calc(100vh - 264px);
}

.content-container-compact[b-tx18gocnbi] {
    margin-top: 12px;
    overflow: auto;
    height: calc(100vh - 108px);
}

.advancedFilter[b-tx18gocnbi] {
    height: 184px;
    overflow-y: auto;
}


/* _content/WSP.PCT.PIMSuite.UX/Components/Layout/LogInOrOut.razor.rz.scp.css */
.bi[b-21ax6p1r1p] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-person-badge-nav-menu[b-21ax6p1r1p] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-21ax6p1r1p] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-21ax6p1r1p] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
    text-align: left;
}

    .nav-item .nav-link[b-21ax6p1r1p] {
        color: black;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        text-align: left;
        width: 100%;
    }

.nav-item .nav-link:hover[b-21ax6p1r1p] {
    background-color: rgba(0,0,0,0.8);
    color: white;
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-x3ksc4jqg3] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-x3ksc4jqg3] {
    flex: 1;
}

.sidebar[b-x3ksc4jqg3] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-x3ksc4jqg3] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

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

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

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

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

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

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

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

    .top-row[b-x3ksc4jqg3], article[b-x3ksc4jqg3] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-x3ksc4jqg3] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    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-x3ksc4jqg3] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/WSP.PCT.PIMSuite.UX/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-7gz5lcy8a8] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-7gz5lcy8a8] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-7gz5lcy8a8] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-7gz5lcy8a8] {
    font-size: 1.1rem;
}

.bi[b-7gz5lcy8a8] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-7gz5lcy8a8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-7gz5lcy8a8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-7gz5lcy8a8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-7gz5lcy8a8] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-7gz5lcy8a8] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-7gz5lcy8a8] {
        padding-bottom: 1rem;
    }

    .nav-item[b-7gz5lcy8a8]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-7gz5lcy8a8]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-7gz5lcy8a8]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-7gz5lcy8a8] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-7gz5lcy8a8] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-7gz5lcy8a8] {
        display: none;
    }

    .nav-scrollable[b-7gz5lcy8a8] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/About.razor.rz.scp.css */
.about-scroller[b-r3osknpjpy] {
    height: calc(100vh - 140px);
    overflow: auto;
    padding-right: var(--kendo-spacing-8, 2rem);
    margin-right: -32px;
}

.about-container[b-r3osknpjpy] {
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--kendo-spacing-4, 1rem);
    font-family: var(--kendo-font-family, inherit);
    line-height: var(--kendo-line-height, 1.4285714286);
}

.about-hero-section[b-r3osknpjpy] {
    margin-bottom: var(--kendo-spacing-8, 2rem);
}

.about-hero-content[b-r3osknpjpy] {
    padding: var(--kendo-spacing-6, 1.5rem);
    text-align: center;
}

.about-hero-title[b-r3osknpjpy] {
    margin: 0 0 var(--kendo-spacing-3, 0.75rem) 0;
    font-size: var(--kendo-font-size-2xl, 1.5rem);
    font-weight: var(--kendo-font-weight-bold, 700);
    color: var(--kendo-color-on-app-surface, #323130);
}

.about-hero-text[b-r3osknpjpy] {
    margin: 0;
    font-size: var(--kendo-font-size-lg, 1rem);
    color: var(--kendo-color-on-app-surface, #323130);
    max-width: 800px;
    margin: 0 auto;
}

.section-title[b-r3osknpjpy] {
    margin: 0 0 var(--kendo-spacing-4, 1rem) 0;
    font-size: var(--kendo-font-size-xl, 1.25rem);
    font-weight: var(--kendo-font-weight-semibold, 600);
    color: var(--kendo-color-on-app-surface, #323130);
    text-align: center;
}

/* Features Section */
.about-features-section[b-r3osknpjpy] {
    margin-bottom: var(--kendo-spacing-8, 2rem);
}

.features-grid[b-r3osknpjpy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--kendo-spacing-4, 1rem);
}

.feature-card[b-r3osknpjpy] {
    background: var(--kendo-color-surface-alt, #ffffff);
    border: 1px solid var(--kendo-color-border, #8a8886);
    border-radius: var(--kendo-border-radius-md, 0.25rem);
    padding: var(--kendo-spacing-4, 1rem);
    text-align: center;
    transition: var(--kendo-transition);
}

    .feature-card:hover[b-r3osknpjpy] {
        transform: translateY(-2px);
        box-shadow: var(--kendo-elevation-4, 0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13));
    }

.feature-icon[b-r3osknpjpy] {
    width: var(--kendo-icon-size-xl, 2rem);
    height: var(--kendo-icon-size-xl, 2rem);
    color: var(--kendo-color-primary, #0078d4);
    margin-bottom: var(--kendo-spacing-3, 0.75rem);
}

.feature-card h5[b-r3osknpjpy] {
    margin: 0 0 var(--kendo-spacing-2, 0.5rem) 0;
    font-size: var(--kendo-font-size-lg, 1rem);
    font-weight: var(--kendo-font-weight-semibold, 600);
    color: var(--kendo-color-on-app-surface, #323130);
}

.feature-card p[b-r3osknpjpy] {
    margin: 0;
    font-size: var(--kendo-font-size, 0.875rem);
    color: var(--kendo-color-subtle, #605e5c);
}

/* Innovation Section */
.about-innovation-section[b-r3osknpjpy] {
    margin-bottom: var(--kendo-spacing-8, 2rem);
}

.innovation-grid[b-r3osknpjpy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: var(--kendo-spacing-4, 1rem);
}

.innovation-card[b-r3osknpjpy] {
    background: var(--kendo-color-surface, #faf9f8);
    border: 1px solid var(--kendo-color-border, #8a8886);
    border-radius: var(--kendo-border-radius-md, 0.25rem);
    padding: var(--kendo-spacing-4, 1rem);
}

.innovation-header[b-r3osknpjpy] {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-2, 0.5rem);
    margin-bottom: var(--kendo-spacing-3, 0.75rem);
}

.innovation-icon[b-r3osknpjpy] {
    width: var(--kendo-icon-size-lg, 1.25rem);
    height: var(--kendo-icon-size-lg, 1.25rem);
}

.ai-icon[b-r3osknpjpy] {
    color: var(--kendo-color-warning, #ffc80a);
}

.tech-icon[b-r3osknpjpy] {
    color: var(--kendo-color-info, #0a7eff);
}

.innovation-card h5[b-r3osknpjpy] {
    margin: 0;
    font-size: var(--kendo-font-size-lg, 1rem);
    font-weight: var(--kendo-font-weight-semibold, 600);
    color: var(--kendo-color-on-app-surface, #323130);
}

.innovation-list[b-r3osknpjpy] {
    margin: 0;
    padding-left: var(--kendo-spacing-4, 1rem);
    list-style-type: disc;
}

    .innovation-list li[b-r3osknpjpy] {
        margin-bottom: var(--kendo-spacing-2, 0.5rem);
        color: var(--kendo-color-on-app-surface, #323130);
        font-size: var(--kendo-font-size, 0.875rem);
    }

/* Framework Section */
.about-framework-section[b-r3osknpjpy] {
    margin-bottom: var(--kendo-spacing-8, 2rem);
}

.framework-card[b-r3osknpjpy] {
    background: var(--kendo-color-surface-alt, #ffffff);
    border: 1px solid var(--kendo-color-border, #8a8886);
    border-radius: var(--kendo-border-radius-md, 0.25rem);
    padding: var(--kendo-spacing-6, 1.5rem);
    box-shadow: var(--kendo-elevation-2, 0 0.6px 1.8px rgba(0, 0, 0, 0.1), 0 3.2px 7.2px rgba(0, 0, 0, 0.13));
}

.framework-header[b-r3osknpjpy] {
    text-align: center;
    margin-bottom: var(--kendo-spacing-6, 1.5rem);
}

.framework-icon[b-r3osknpjpy] {
    width: var(--kendo-icon-size-2xl, 2.5rem);
    height: var(--kendo-icon-size-2xl, 2.5rem);
    color: var(--kendo-color-secondary, #979593);
    margin-bottom: var(--kendo-spacing-3, 0.75rem);
}

.framework-description[b-r3osknpjpy] {
    margin: 0;
    font-size: var(--kendo-font-size, 0.875rem);
    color: var(--kendo-color-on-app-surface, #323130);
    max-width: 600px;
    margin: 0 auto;
}

.framework-stages[b-r3osknpjpy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--kendo-spacing-3, 0.75rem);
}

.stage-item[b-r3osknpjpy] {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-2, 0.5rem);
    padding: var(--kendo-spacing-2, 0.5rem);
    background: var(--kendo-color-surface, #faf9f8);
    border-radius: var(--kendo-border-radius-sm, 0.125rem);
}

.stage-number[b-r3osknpjpy] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: var(--kendo-color-primary, #0078d4);
    color: var(--kendo-color-on-primary, #ffffff);
    border-radius: 50%;
    font-size: var(--kendo-font-size-sm, 0.75rem);
    font-weight: var(--kendo-font-weight-bold, 700);
    flex-shrink: 0;
}

.stage-name[b-r3osknpjpy] {
    font-size: var(--kendo-font-size, 0.875rem);
    color: var(--kendo-color-on-app-surface, #323130);
}

/* Benefits Section */
.about-benefits-section[b-r3osknpjpy] {
    margin-bottom: var(--kendo-spacing-8, 2rem);
}

.benefits-grid[b-r3osknpjpy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--kendo-spacing-3, 0.75rem);
}

.benefit-item[b-r3osknpjpy] {
    display: flex;
    align-items: flex-start;
    gap: var(--kendo-spacing-3, 0.75rem);
    padding: var(--kendo-spacing-3, 0.75rem);
    background: var(--kendo-color-surface, #faf9f8);
    border-radius: var(--kendo-border-radius-md, 0.25rem);
}

.benefit-icon[b-r3osknpjpy] {
    width: var(--kendo-icon-size-lg, 1.25rem);
    height: var(--kendo-icon-size-lg, 1.25rem);
    color: var(--kendo-color-success, #107c10);
    flex-shrink: 0;
    margin-top: 2px;
}

.benefit-item h6[b-r3osknpjpy] {
    margin: 0 0 var(--kendo-spacing-1, 0.25rem) 0;
    font-size: var(--kendo-font-size, 0.875rem);
    font-weight: var(--kendo-font-weight-semibold, 600);
    color: var(--kendo-color-on-app-surface, #323130);
}

.benefit-item p[b-r3osknpjpy] {
    margin: 0;
    font-size: var(--kendo-font-size-sm, 0.75rem);
    color: var(--kendo-color-subtle, #605e5c);
}

/* CTA Section */
.about-cta-section[b-r3osknpjpy] {
    text-align: center;
    padding: var(--kendo-spacing-8, 2rem) var(--kendo-spacing-4, 1rem);
    background: var(--kendo-color-surface, #faf9f8);
    border-radius: var(--kendo-border-radius-md, 0.25rem);
}

.cta-content h5[b-r3osknpjpy] {
    margin: 0 0 var(--kendo-spacing-2, 0.5rem) 0;
    font-size: var(--kendo-font-size-xl, 1.25rem);
    font-weight: var(--kendo-font-weight-semibold, 600);
    color: var(--kendo-color-on-app-surface, #323130);
}

.cta-content p[b-r3osknpjpy] {
    margin: 0 0 var(--kendo-spacing-4, 1rem) 0;
    font-size: var(--kendo-font-size, 0.875rem);
    color: var(--kendo-color-subtle, #605e5c);
}

.cta-button[b-r3osknpjpy] {
    min-width: 180px;
}

/* Responsive design */
@media (max-width: 768px) {
    .features-grid[b-r3osknpjpy], .innovation-grid[b-r3osknpjpy] {
        grid-template-columns: 1fr;
    }

    .framework-stages[b-r3osknpjpy] {
        grid-template-columns: 1fr;
    }

    .benefits-grid[b-r3osknpjpy] {
        grid-template-columns: 1fr;
    }
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Admin/ApiKeyManagement.razor.rz.scp.css */
body[b-zoa3efyafd] {
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Admin/AppGlobals/ConfigData.razor.rz.scp.css */
body[b-tuyjukei6c] {
}

/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Admin/Correspondence/ConfigData.razor.rz.scp.css */
body[b-s6rbc0xruh] {
}

/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Admin/DocumentManagement/ConfigData.razor.rz.scp.css */
body[b-zfgy2tu8di] {
}

/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Admin/Index.razor.rz.scp.css */
/* Admin Container */
.admin-container[b-zoeq5pgtop] {
    height: calc(100vh - 164px);
    overflow-y: auto;
    padding: var(--kendo-spacing-6);
    background: var(--kendo-color-base);
}

/* Header Section */
.admin-header[b-zoeq5pgtop] {
    margin-bottom: var(--kendo-spacing-8);
}

.admin-title[b-zoeq5pgtop] {
    font-size: 2.5rem;
    font-weight: 600;
    color: var(--kendo-color-on-app-surface);
    margin-bottom: var(--kendo-spacing-2);
}

.admin-subtitle[b-zoeq5pgtop] {
    font-size: 1.125rem;
    color: var(--kendo-color-subtle);
    margin: 0;
}

/* Section Headers */
.section-title[b-zoeq5pgtop] {
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--kendo-color-on-app-surface);
    margin-bottom: var(--kendo-spacing-6);
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-3);
}

.section-header[b-zoeq5pgtop] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--kendo-spacing-6);
}

/* Metrics Section */
.metrics-section[b-zoeq5pgtop] {
    margin-bottom: var(--kendo-spacing-10);
}

.metrics-grid[b-zoeq5pgtop] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--kendo-spacing-6);
}

.metric-card[b-zoeq5pgtop] {
    background: var(--kendo-color-surface);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    padding: var(--kendo-spacing-6);
    transition: all 0.2s ease;
}

    .metric-card:hover[b-zoeq5pgtop] {
        box-shadow: var(--kendo-elevation-3);
        transform: translateY(-2px);
    }

    .metric-card.status-warning[b-zoeq5pgtop] {
        border-color: var(--kendo-color-warning-subtle);
        background: var(--kendo-color-warning-subtle-active);
    }

    .metric-card.status-critical[b-zoeq5pgtop] {
        border-color: var(--kendo-color-error-subtle);
        background: var(--kendo-color-error-subtle-active);
    }

.metric-header[b-zoeq5pgtop] {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-3);
    margin-bottom: var(--kendo-spacing-4);
}

.metric-icon[b-zoeq5pgtop] {
    font-size: 1.5rem;
    color: var(--kendo-color-primary);
}

.metric-label[b-zoeq5pgtop] {
    font-weight: 500;
    color: var(--kendo-color-on-app-surface);
}

.metric-content[b-zoeq5pgtop] {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-6);
}

.metric-gauge[b-zoeq5pgtop] {
    flex-shrink: 0;
}

.metric-details[b-zoeq5pgtop] {
    flex: 1;
}

.metric-value[b-zoeq5pgtop] {
    font-size: 2rem;
    font-weight: 600;
    color: var(--kendo-color-on-app-surface);
    line-height: 1;
    margin-bottom: var(--kendo-spacing-2);
}

.metric-subtext[b-zoeq5pgtop] {
    font-size: 0.875rem;
    color: var(--kendo-color-subtle);
    margin-bottom: var(--kendo-spacing-3);
}

.metric-info[b-zoeq5pgtop] {
    display: flex;
    flex-direction: column;
    gap: var(--kendo-spacing-1);
    font-size: 0.875rem;
    color: var(--kendo-color-subtle);
}

/* Environment Info */
.environment-info[b-zoeq5pgtop] {
    display: flex;
    flex-direction: column;
    gap: var(--kendo-spacing-3);
}

.info-row[b-zoeq5pgtop] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.info-label[b-zoeq5pgtop] {
    font-size: 0.875rem;
    color: var(--kendo-color-subtle);
}

.info-value[b-zoeq5pgtop] {
    font-weight: 500;
    color: var(--kendo-color-on-app-surface);
}

.environment-chip.env-production[b-zoeq5pgtop] {
    background: var(--kendo-color-error);
    color: var(--kendo-color-on-error);
}

.environment-chip.env-staging[b-zoeq5pgtop] {
    background: var(--kendo-color-warning);
    color: var(--kendo-color-on-warning);
}

.environment-chip.env-development[b-zoeq5pgtop] {
    background: var(--kendo-color-success);
    color: var(--kendo-color-on-success);
}

/* Time Zone Info */
.timezone-info[b-zoeq5pgtop] {
    padding-top: var(--kendo-spacing-4);
}

.time-display[b-zoeq5pgtop] {
    display: flex;
    flex-direction: column;
    gap: var(--kendo-spacing-3);
}

.time-zone[b-zoeq5pgtop] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.zone-label[b-zoeq5pgtop] {
    font-size: 0.875rem;
    color: var(--kendo-color-subtle);
    font-weight: 500;
}

.zone-time[b-zoeq5pgtop] {
    font-family: monospace;
    font-size: 0.875rem;
    color: var(--kendo-color-on-app-surface);
}

/* Quick Actions */
.quick-actions-section[b-zoeq5pgtop] {
    margin-bottom: var(--kendo-spacing-10);
}

.quick-actions-grid[b-zoeq5pgtop] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: var(--kendo-spacing-4);
}

[b-zoeq5pgtop] .quick-action-button {
    width: 100%;
    height: auto;
    padding: var(--kendo-spacing-6);
    justify-content: flex-start;
    background: var(--kendo-color-surface);
    border: 1px solid var(--kendo-color-border);
    transition: all 0.2s ease;
}

    [b-zoeq5pgtop] .quick-action-button:hover {
        background: var(--kendo-color-base-hover);
        border-color: var(--kendo-color-primary);
        transform: translateY(-2px);
        box-shadow: var(--kendo-elevation-2);
    }

    [b-zoeq5pgtop] .quick-action-button .k-button-icon {
        font-size: 2rem;
        margin-right: var(--kendo-spacing-4);
    }

.button-content[b-zoeq5pgtop] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}

.button-title[b-zoeq5pgtop] {
    font-weight: 500;
    font-size: 1rem;
    margin-bottom: var(--kendo-spacing-1);
}

.button-subtitle[b-zoeq5pgtop] {
    font-size: 0.875rem;
    color: var(--kendo-color-subtle);
    font-weight: normal;
}

/* Module Configuration */
.modules-section[b-zoeq5pgtop] {
    margin-bottom: var(--kendo-spacing-10);
}

.section-actions[b-zoeq5pgtop] {
    display: flex;
    gap: var(--kendo-spacing-4);
}

.module-category-card[b-zoeq5pgtop] {
    margin-bottom: var(--kendo-spacing-4);
    border: 1px solid var(--kendo-color-border);
}

.category-header[b-zoeq5pgtop] {
    padding: var(--kendo-spacing-4) var(--kendo-spacing-6);
    background: var(--kendo-color-base-subtle);
    border-bottom: 1px solid var(--kendo-color-border);
}

.category-title[b-zoeq5pgtop] {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-3);
    cursor: pointer;
    user-select: none;
}

    .category-title h3[b-zoeq5pgtop] {
        margin: 0;
        font-size: 1.125rem;
        font-weight: 500;
        flex: 1;
    }

.module-count-chip[b-zoeq5pgtop] {
    font-size: 0.75rem;
}

.module-list-card[b-zoeq5pgtop] {
    border: 1px solid var(--kendo-color-border);
}

.module-grid[b-zoeq5pgtop] {
    display: grid;
    gap: var(--kendo-spacing-2);
}

.module-item[b-zoeq5pgtop] {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-4);
    padding: var(--kendo-spacing-4);
    background: var(--kendo-color-base);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-md);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .module-item:hover[b-zoeq5pgtop] {
        background: var(--kendo-color-base-hover);
        border-color: var(--kendo-color-primary);
        transform: translateX(4px);
    }

.module-icon[b-zoeq5pgtop] {
    font-size: 1.5rem;
    color: var(--kendo-color-primary);
    flex-shrink: 0;
}

.module-content[b-zoeq5pgtop] {
    flex: 1;
}

.module-name[b-zoeq5pgtop] {
    margin: 0 0 var(--kendo-spacing-1) 0;
    font-size: 1rem;
    font-weight: 500;
    color: var(--kendo-color-on-app-surface);
}

.module-description[b-zoeq5pgtop] {
    margin: 0 0 var(--kendo-spacing-2) 0;
    font-size: 0.875rem;
    color: var(--kendo-color-subtle);
}

.module-category[b-zoeq5pgtop] {
    font-size: 0.75rem;
    color: var(--kendo-color-subtle);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.module-badge[b-zoeq5pgtop] {
    flex-shrink: 0;
}

.module-arrow[b-zoeq5pgtop] {
    color: var(--kendo-color-subtle);
    flex-shrink: 0;
}

/* Reference Section */
.reference-section[b-zoeq5pgtop] {
    margin-bottom: var(--kendo-spacing-10);
}

.badge-showcase[b-zoeq5pgtop] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--kendo-spacing-4);
    align-items: center;
}

.badge-item[b-zoeq5pgtop] {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-2);
}

/* Access Denied */
.access-denied-card[b-zoeq5pgtop] {
    max-width: 600px;
    margin: var(--kendo-spacing-10) auto;
    text-align: center;
}

    .access-denied-card h2[b-zoeq5pgtop] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: var(--kendo-spacing-3);
        color: var(--kendo-color-error);
    }

/* Dark Theme Adjustments */
@media (prefers-color-scheme: dark) {
    .admin-container[b-zoeq5pgtop] {
        background: var(--kendo-color-app-surface);
    }

    .metric-card[b-zoeq5pgtop] {
        background: var(--kendo-color-surface-alt);
    }

    [b-zoeq5pgtop] .quick-action-button {
        background: var(--kendo-color-surface-alt);
    }

    .module-item[b-zoeq5pgtop] {
        background: var(--kendo-color-surface-alt);
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .metrics-grid[b-zoeq5pgtop] {
        grid-template-columns: 1fr;
    }

    .quick-actions-grid[b-zoeq5pgtop] {
        grid-template-columns: 1fr;
    }

    .section-header[b-zoeq5pgtop] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--kendo-spacing-4);
    }

    .metric-content[b-zoeq5pgtop] {
        flex-direction: column;
        text-align: center;
    }
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Admin/Issues/ConfigData.razor.rz.scp.css */
body[b-dfvvsb7xos] {
}

/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Admin/MeetingSchedules/ConfigData.razor.rz.scp.css */
body[b-1gx2zvgi1a] {
}

/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Admin/Requests/ConfigData.razor.rz.scp.css */
body[b-7e77iwre9o] {
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Admin/Schedule/ConfigData.razor.rz.scp.css */
body[b-lkp8cgwa2d] {
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Admin/Submittals/ConfigData.razor.rz.scp.css */
body[b-aawajc8pkn] {
}

/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Admin/TaskHubs/ConfigData.razor.rz.scp.css */
body[b-n9aevnsgly] {
}

/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Admin/Transmittals/ConfigData.razor.rz.scp.css */
body[b-1zaapzh4xq] {
}

/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Contact.razor.rz.scp.css */
.contact-scroller[b-2kzsxt1ka9] {
    height: calc(100vh - 140px);
    overflow: auto;
    padding-right: var(--kendo-spacing-8, 2rem);
    margin-right: -32px;
}

.contact-container[b-2kzsxt1ka9] {
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--kendo-spacing-4, 1rem);
    font-family: var(--kendo-font-family, inherit);
    line-height: var(--kendo-line-height, 1.4285714286);
}

.contact-hero-section[b-2kzsxt1ka9] {
    margin-bottom: var(--kendo-spacing-8, 2rem);
}

.contact-hero-content[b-2kzsxt1ka9] {
    padding: var(--kendo-spacing-6, 1.5rem);
    text-align: center;
}

.contact-hero-title[b-2kzsxt1ka9] {
    margin: 0 0 var(--kendo-spacing-3, 0.75rem) 0;
    font-size: var(--kendo-font-size-2xl, 1.5rem);
    font-weight: var(--kendo-font-weight-bold, 700);
    color: var(--kendo-color-on-app-surface, #323130);
}

.contact-hero-text[b-2kzsxt1ka9] {
    margin: 0 auto;
    font-size: var(--kendo-font-size-lg, 1rem);
    color: var(--kendo-color-on-app-surface, #323130);
    max-width: 800px;
}

.section-title[b-2kzsxt1ka9] {
    margin: 0 0 var(--kendo-spacing-4, 1rem) 0;
    font-size: var(--kendo-font-size-xl, 1.25rem);
    font-weight: var(--kendo-font-weight-semibold, 600);
    color: var(--kendo-color-on-app-surface, #323130);
    text-align: center;
}

/* Excellence Section */
.contact-excellence-section[b-2kzsxt1ka9] {
    margin-bottom: var(--kendo-spacing-8, 2rem);
}

.excellence-grid[b-2kzsxt1ka9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--kendo-spacing-4, 1rem);
}

.excellence-card[b-2kzsxt1ka9] {
    background: var(--kendo-color-surface-alt, #ffffff);
    border: 1px solid var(--kendo-color-border, #8a8886);
    border-radius: var(--kendo-border-radius-md, 0.25rem);
    padding: var(--kendo-spacing-6, 1.5rem);
    text-align: center;
    transition: var(--kendo-transition);
}

    .excellence-card:hover[b-2kzsxt1ka9] {
        transform: translateY(-2px);
        box-shadow: var(--kendo-elevation-4, 0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13));
    }

.excellence-icon-wrapper[b-2kzsxt1ka9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: var(--kendo-color-primary-subtle, #e1f1ff);
    border-radius: 50%;
    margin-bottom: var(--kendo-spacing-4, 1rem);
}

.excellence-icon[b-2kzsxt1ka9] {
    width: var(--kendo-icon-size-xl, 2rem);
    height: var(--kendo-icon-size-xl, 2rem);
    color: var(--kendo-color-primary, #0078d4);
}

.excellence-card h5[b-2kzsxt1ka9] {
    margin: 0 0 var(--kendo-spacing-3, 0.75rem) 0;
    font-size: var(--kendo-font-size-lg, 1rem);
    font-weight: var(--kendo-font-weight-semibold, 600);
    color: var(--kendo-color-on-app-surface, #323130);
}

.excellence-card p[b-2kzsxt1ka9] {
    margin: 0;
    font-size: var(--kendo-font-size, 0.875rem);
    color: var(--kendo-color-subtle, #605e5c);
    line-height: 1.6;
}

/* People Section */
.contact-people-section[b-2kzsxt1ka9] {
    margin-bottom: var(--kendo-spacing-8, 2rem);
}

.people-card[b-2kzsxt1ka9] {
    background: var(--kendo-color-surface, #faf9f8);
    border: 1px solid var(--kendo-color-border, #8a8886);
    border-radius: var(--kendo-border-radius-md, 0.25rem);
    padding: var(--kendo-spacing-6, 1.5rem);
}

.people-stats[b-2kzsxt1ka9] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--kendo-spacing-6, 1.5rem);
    margin-bottom: var(--kendo-spacing-6, 1.5rem);
    flex-wrap: wrap;
}

.stat-item[b-2kzsxt1ka9] {
    text-align: center;
}

.stat-number[b-2kzsxt1ka9] {
    display: block;
    font-size: var(--kendo-font-size-3xl, 2rem);
    font-weight: var(--kendo-font-weight-bold, 700);
    color: var(--kendo-color-primary, #0078d4);
    margin-bottom: var(--kendo-spacing-1, 0.25rem);
}

.stat-label[b-2kzsxt1ka9] {
    display: block;
    font-size: var(--kendo-font-size-sm, 0.75rem);
    color: var(--kendo-color-subtle, #605e5c);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-divider[b-2kzsxt1ka9] {
    width: 1px;
    height: 50px;
    background: var(--kendo-color-border, #8a8886);
}

.people-description[b-2kzsxt1ka9] {
    margin: 0;
    text-align: center;
    font-size: var(--kendo-font-size, 0.875rem);
    color: var(--kendo-color-on-app-surface, #323130);
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto;
}

/* Approach Section */
.contact-approach-section[b-2kzsxt1ka9] {
    margin-bottom: var(--kendo-spacing-8, 2rem);
}

.approach-grid[b-2kzsxt1ka9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--kendo-spacing-4, 1rem);
}

.approach-card[b-2kzsxt1ka9] {
    background: var(--kendo-color-surface-alt, #ffffff);
    border: 2px solid;
    border-radius: var(--kendo-border-radius-md, 0.25rem);
    padding: var(--kendo-spacing-4, 1rem);
    transition: var(--kendo-transition);
}

.create-card[b-2kzsxt1ka9] {
    border-color: var(--kendo-color-info, #0a7eff);
}

.navigate-card[b-2kzsxt1ka9] {
    border-color: var(--kendo-color-success, #107c10);
}

.innovate-card[b-2kzsxt1ka9] {
    border-color: var(--kendo-color-warning, #ffc80a);
}

.approach-card:hover[b-2kzsxt1ka9] {
    transform: translateY(-2px);
    box-shadow: var(--kendo-elevation-4, 0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13));
}

.approach-header[b-2kzsxt1ka9] {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-2, 0.5rem);
    margin-bottom: var(--kendo-spacing-3, 0.75rem);
}

.approach-icon[b-2kzsxt1ka9] {
    width: var(--kendo-icon-size-lg, 1.25rem);
    height: var(--kendo-icon-size-lg, 1.25rem);
}

.create-card .approach-icon[b-2kzsxt1ka9] {
    color: var(--kendo-color-info, #0a7eff);
}

.navigate-card .approach-icon[b-2kzsxt1ka9] {
    color: var(--kendo-color-success, #107c10);
}

.innovate-card .approach-icon[b-2kzsxt1ka9] {
    color: var(--kendo-color-warning, #ffc80a);
}

.approach-card h5[b-2kzsxt1ka9] {
    margin: 0;
    font-size: var(--kendo-font-size-lg, 1rem);
    font-weight: var(--kendo-font-weight-bold, 700);
    color: var(--kendo-color-on-app-surface, #323130);
}

.approach-card p[b-2kzsxt1ka9] {
    margin: 0;
    font-size: var(--kendo-font-size, 0.875rem);
    color: var(--kendo-color-on-app-surface, #323130);
    line-height: 1.6;
}

/* Services Section */
.contact-services-section[b-2kzsxt1ka9] {
    margin-bottom: var(--kendo-spacing-8, 2rem);
    background: var(--kendo-color-surface, #faf9f8);
    border-radius: var(--kendo-border-radius-md, 0.25rem);
    padding: var(--kendo-spacing-6, 1.5rem);
}

.services-description[b-2kzsxt1ka9] {
    text-align: center;
    margin: 0 0 var(--kendo-spacing-4, 1rem) 0;
    font-size: var(--kendo-font-size, 0.875rem);
    color: var(--kendo-color-on-app-surface, #323130);
}

.services-list[b-2kzsxt1ka9] {
    display: flex;
    justify-content: center;
    gap: var(--kendo-spacing-6, 1.5rem);
    flex-wrap: wrap;
}

.service-item[b-2kzsxt1ka9] {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-2, 0.5rem);
    padding: var(--kendo-spacing-3, 0.75rem) var(--kendo-spacing-4, 1rem);
    background: var(--kendo-color-surface-alt, #ffffff);
    border: 1px solid var(--kendo-color-border, #8a8886);
    border-radius: var(--kendo-border-radius-sm, 0.125rem);
}

.service-icon[b-2kzsxt1ka9] {
    width: var(--kendo-icon-size, 1rem);
    height: var(--kendo-icon-size, 1rem);
    color: var(--kendo-color-primary, #0078d4);
}

/* Contact Information Section */
.contact-info-section[b-2kzsxt1ka9] {
    margin-bottom: var(--kendo-spacing-4, 1rem);
}

.contact-cards-grid[b-2kzsxt1ka9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--kendo-spacing-4, 1rem);
}

.contact-info-card[b-2kzsxt1ka9] {
    background: var(--kendo-color-surface-alt, #ffffff);
    border: 1px solid var(--kendo-color-border, #8a8886);
    border-radius: var(--kendo-border-radius-md, 0.25rem);
    overflow: hidden;
    transition: var(--kendo-transition);
}

    .contact-info-card:hover[b-2kzsxt1ka9] {
        box-shadow: var(--kendo-elevation-2, 0 0.6px 1.8px rgba(0, 0, 0, 0.1), 0 3.2px 7.2px rgba(0, 0, 0, 0.13));
    }

.contact-info-header[b-2kzsxt1ka9] {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-2, 0.5rem);
    padding: var(--kendo-spacing-4, 1rem);
    background: var(--kendo-color-surface, #faf9f8);
    border-bottom: 1px solid var(--kendo-color-border, #8a8886);
}

.contact-info-icon[b-2kzsxt1ka9] {
    width: var(--kendo-icon-size-lg, 1.25rem);
    height: var(--kendo-icon-size-lg, 1.25rem);
    color: var(--kendo-color-primary, #0078d4);
}

.contact-info-header h5[b-2kzsxt1ka9] {
    margin: 0;
    font-size: var(--kendo-font-size-lg, 1rem);
    font-weight: var(--kendo-font-weight-semibold, 600);
    color: var(--kendo-color-on-app-surface, #323130);
}

.contact-info-content[b-2kzsxt1ka9] {
    padding: var(--kendo-spacing-4, 1rem);
}

    .contact-info-content p[b-2kzsxt1ka9] {
        margin: 0 0 var(--kendo-spacing-2, 0.5rem) 0;
        font-size: var(--kendo-font-size, 0.875rem);
        color: var(--kendo-color-on-app-surface, #323130);
    }

        .contact-info-content p:last-child[b-2kzsxt1ka9] {
            margin-bottom: 0;
        }

.contact-link[b-2kzsxt1ka9] {
    color: var(--kendo-color-primary, #0078d4);
    text-decoration: none;
    transition: var(--kendo-transition);
}

    .contact-link:hover[b-2kzsxt1ka9] {
        color: var(--kendo-color-primary-hover, #106ebe);
        text-decoration: underline;
    }

/* Responsive design */
@media (max-width: 768px) {
    .stat-divider[b-2kzsxt1ka9] {
        display: none;
    }

    .people-stats[b-2kzsxt1ka9] {
        flex-direction: column;
        gap: var(--kendo-spacing-4, 1rem);
    }

    .approach-grid[b-2kzsxt1ka9],
    .excellence-grid[b-2kzsxt1ka9] {
        grid-template-columns: 1fr;
    }

    .services-list[b-2kzsxt1ka9] {
        flex-direction: column;
        align-items: center;
    }

    .service-item[b-2kzsxt1ka9] {
        width: 100%;
        max-width: 300px;
    }

    .contact-cards-grid[b-2kzsxt1ka9] {
        grid-template-columns: 1fr;
    }
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/DataSampling.razor.rz.scp.css */
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Home.razor.rz.scp.css */
#home-page[b-a8xyxyf3u3] {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--kendo-font-size-xl);
    margin:-16px;
}

.content-center[b-a8xyxyf3u3] {
    text-align: center;
    z-index: 1;
    padding: 20px;
}

.video-background[b-a8xyxyf3u3] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.content-overlay[b-a8xyxyf3u3] {
    position: relative;
    z-index: 1;
    padding: 20px;
}

.splash-boilerplate[b-a8xyxyf3u3] {
    position: absolute;
    top: 16vh;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
}
.splash-boilerplate-deployment-tag[b-a8xyxyf3u3] {
    font-size: 1rem;
    color: #6c757d;
    margin-bottom: 20px;
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/AgenticIntelliSys/Agent.razor.rz.scp.css */
body[b-rr5dvnelwx] {
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/AgenticIntelliSys/AITraining/AITraining.razor.rz.scp.css */
[b-xqdfjqkxav] .training-header {
    display: flex;
    align-items: center;
    gap: 1rem;
}

[b-xqdfjqkxav] .header-subtitle {
    font-size: 0.875rem;
    opacity: 0.7;
    font-weight: normal;
}

[b-xqdfjqkxav] .training-container {
    height: calc(100vh - 240px);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

[b-xqdfjqkxav] .system-selection-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: var(--kendo-color-surface);
    border-radius: var(--kendo-border-radius-lg);
    border: 1px solid var(--kendo-color-border);
}

[b-xqdfjqkxav] .system-selector {
    display: flex;
    align-items: center;
    gap: 1rem;
}

    [b-xqdfjqkxav] .system-selector label {
        font-weight: 500;
        color: var(--kendo-color-on-app-surface);
    }

[b-xqdfjqkxav] .system-actions {
    display: flex;
    gap: 0.75rem;
}

[b-xqdfjqkxav] .training-content {
    flex: 1;
    background: var(--kendo-color-surface);
    border-radius: var(--kendo-border-radius-lg);
    overflow: hidden;
}

[b-xqdfjqkxav] .modern-tabs {
    height: 100%;
}

    [b-xqdfjqkxav] .modern-tabs .k-tabstrip-items-wrapper {
        background: var(--kendo-color-surface-alt);
        border-bottom: 1px solid var(--kendo-color-border);
    }

    [b-xqdfjqkxav] .modern-tabs .k-tabstrip-content {
        height: calc(100% - 48px);
        overflow-y: auto;
        padding: 0;
    }

[b-xqdfjqkxav] .conversation-builder {
    padding: 1.5rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

[b-xqdfjqkxav] .builder-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

    [b-xqdfjqkxav] .builder-header h4 {
        margin: 0;
        font-size: 1.125rem;
    }

[b-xqdfjqkxav] .conversation-flow {
    flex: 1;
    overflow-y: auto;
}

[b-xqdfjqkxav] .flow-simple {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 800px;
    margin: 0 auto;
}

[b-xqdfjqkxav] .message-card {
    background: var(--kendo-color-base);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    padding: 1.25rem;
    transition: all 0.2s ease;
}

    [b-xqdfjqkxav] .message-card:hover {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

    [b-xqdfjqkxav] .message-card.system {
        border-left: 4px solid var(--kendo-color-info);
    }

    [b-xqdfjqkxav] .message-card.user {
        border-left: 4px solid var(--kendo-color-primary);
    }

    [b-xqdfjqkxav] .message-card.assistant {
        border-left: 4px solid var(--kendo-color-success);
    }

[b-xqdfjqkxav] .message-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    font-weight: 500;
}

[b-xqdfjqkxav] .flow-arrow {
    text-align: center;
    color: var(--kendo-color-subtle);
    margin: 0.5rem 0;
}

[b-xqdfjqkxav] .modern-textarea {
    font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;
    font-size: 0.875rem;
    background: var(--kendo-color-surface);
}

[b-xqdfjqkxav] .action-bar {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-top: 1.5rem;
}

[b-xqdfjqkxav] .flow-multi {
    height: 100%;
    display: flex;
    flex-direction: column;
}

[b-xqdfjqkxav] .multi-turn-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
}

[b-xqdfjqkxav] .conversation-thread {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    background: var(--kendo-color-base);
    border-radius: var(--kendo-border-radius-lg);
    border: 1px solid var(--kendo-color-border);
    margin-bottom: 1rem;
}

[b-xqdfjqkxav] .message-bubble {
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: var(--kendo-border-radius-md);
    position: relative;
}

    [b-xqdfjqkxav] .message-bubble.system {
        background: var(--kendo-color-info-subtle);
        margin-left: 2rem;
    }

    [b-xqdfjqkxav] .message-bubble.user {
        background: var(--kendo-color-primary-subtle);
        margin-right: 2rem;
    }

    [b-xqdfjqkxav] .message-bubble.assistant {
        background: var(--kendo-color-success-subtle);
        margin-left: 2rem;
    }

[b-xqdfjqkxav] .bubble-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
}

[b-xqdfjqkxav] .bubble-content {
    font-size: 0.9375rem;
    line-height: 1.5;
}

[b-xqdfjqkxav] .turn-builder {
    background: var(--kendo-color-base);
    padding: 1rem;
    border-radius: var(--kendo-border-radius-lg);
    border: 1px solid var(--kendo-color-border);
}

[b-xqdfjqkxav] .turn-inputs {
    display: flex;
    gap: 1rem;
    align-items: center;
}

[b-xqdfjqkxav] .flow-vision {
    height: 100%;
}

[b-xqdfjqkxav] .vision-container {
    display: grid;
    grid-template-columns: 400px 1fr;
    gap: 1.5rem;
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

[b-xqdfjqkxav] .image-upload-zone {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

[b-xqdfjqkxav] .upload-dropzone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    background: var(--kendo-color-base);
    border: 2px dashed var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

    [b-xqdfjqkxav] .upload-dropzone:hover {
        border-color: var(--kendo-color-primary);
        background: var(--kendo-color-primary-subtle);
    }

[b-xqdfjqkxav] .file-types {
    font-size: 0.875rem;
    color: var(--kendo-color-subtle);
}

[b-xqdfjqkxav] .image-preview {
    position: relative;
    border-radius: var(--kendo-border-radius-lg);
    overflow: hidden;
}

    [b-xqdfjqkxav] .image-preview img {
        width: 100%;
        height: auto;
        display: block;
    }

[b-xqdfjqkxav] .image-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    padding: 1rem;
    display: flex;
    justify-content: center;
}

[b-xqdfjqkxav] .vision-messages {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

[b-xqdfjqkxav] .training-library {
    padding: 1.5rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

[b-xqdfjqkxav] .library-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

    [b-xqdfjqkxav] .library-header h4 {
        margin: 0;
        font-size: 1.125rem;
    }

[b-xqdfjqkxav] .library-stats {
    display: flex;
    gap: 0.75rem;
}

[b-xqdfjqkxav] .library-toolbar {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

[b-xqdfjqkxav] .modern-grid {
    background: var(--kendo-color-base);
    border-radius: var(--kendo-border-radius-lg);
}

[b-xqdfjqkxav] .set-name {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

[b-xqdfjqkxav] .examples-preview {
    padding: 1.5rem;
    height: 100%;
    overflow-y: auto;
}

[b-xqdfjqkxav] .preview-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

    [b-xqdfjqkxav] .preview-header h4 {
        margin: 0;
        font-size: 1.125rem;
    }

[b-xqdfjqkxav] .examples-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 1rem;
}

[b-xqdfjqkxav] .example-card {
    background: var(--kendo-color-base);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    padding: 1.25rem;
    transition: all 0.2s ease;
}

    [b-xqdfjqkxav] .example-card:hover {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

[b-xqdfjqkxav] .example-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

[b-xqdfjqkxav] .example-date {
    font-size: 0.875rem;
    color: var(--kendo-color-subtle);
}

[b-xqdfjqkxav] .example-messages {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

[b-xqdfjqkxav] .example-message {
    padding: 0.5rem;
    border-radius: var(--kendo-border-radius-sm);
    font-size: 0.875rem;
    line-height: 1.4;
}

    [b-xqdfjqkxav] .example-message.system {
        background: var(--kendo-color-info-subtle);
    }

    [b-xqdfjqkxav] .example-message.user {
        background: var(--kendo-color-primary-subtle);
    }

    [b-xqdfjqkxav] .example-message.assistant {
        background: var(--kendo-color-success-subtle);
    }

[b-xqdfjqkxav] .example-actions {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
}

[b-xqdfjqkxav] .help-content {
    padding: 1rem;
    max-height: 100%;
    overflow-y: auto;
}

    [b-xqdfjqkxav] .help-content h2 {
        color: var(--kendo-color-primary);
        margin-bottom: 1rem;
    }

    [b-xqdfjqkxav] .help-content pre {
        background: var(--kendo-color-base);
        padding: 1rem;
        border-radius: var(--kendo-border-radius-md);
        overflow-x: auto;
        font-size: 0.875rem;
    }

[b-xqdfjqkxav] .json-preview {
    height: 100%;
    overflow: auto;
    background: var(--kendo-color-base);
    padding: 1rem;
    border-radius: var(--kendo-border-radius-md);
}

    [b-xqdfjqkxav] .json-preview pre {
        margin: 0;
        font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;
        font-size: 0.875rem;
        line-height: 1.5;
    }

/* Dark theme enhancements */
@media (prefers-color-scheme: dark) {
    [b-xqdfjqkxav] .message-card {
        background: var(--kendo-color-surface);
    }

    [b-xqdfjqkxav] .conversation-thread {
        background: var(--kendo-color-surface);
    }

    [b-xqdfjqkxav] .upload-dropzone {
        background: var(--kendo-color-surface);
    }

    [b-xqdfjqkxav] .modern-textarea {
        background: var(--kendo-color-base);
    }
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/AgenticIntelliSys/AITraining/ExamplePreviewView.razor.rz.scp.css */
.examples-preview-container[b-xlp8njl7dy] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    height: 100%;
}

/* Header */
.preview-header[b-xlp8njl7dy] {
    background: var(--kendo-color-surface-alt);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    padding: 1.5rem;
}

.header-content[b-xlp8njl7dy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .header-content h5[b-xlp8njl7dy] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin: 0;
    }

.example-count[b-xlp8njl7dy] {
    font-size: 0.875rem;
    font-weight: normal;
    opacity: 0.7;
    margin-left: 0.5rem;
}

.header-controls[b-xlp8njl7dy] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

/* Export Bar */
.export-bar[b-xlp8njl7dy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    padding: 1rem;
    background: var(--kendo-color-info-subtle);
    border-radius: var(--kendo-border-radius-md);
}

.export-info[b-xlp8njl7dy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.export-actions[b-xlp8njl7dy] {
    display: flex;
    gap: 0.75rem;
}

/* Content */
.examples-content[b-xlp8njl7dy] {
    flex: 1;
    background: var(--kendo-color-surface-alt);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    padding: 1.5rem;
    overflow-y: auto;
}

/* Empty State */
.empty-state[b-xlp8njl7dy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    opacity: 0.6;
    gap: 1rem;
}

/* Examples List */
.examples-list[b-xlp8njl7dy] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.example-item[b-xlp8njl7dy] {
    background: var(--kendo-color-surface);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    padding: 1.25rem;
    transition: all 0.3s ease;
    display: flex;
    gap: 1rem;
}

    .example-item:hover[b-xlp8njl7dy] {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    }

    .example-item.favorite[b-xlp8njl7dy] {
        border-color: var(--kendo-color-warning);
    }

    .example-item.selected[b-xlp8njl7dy] {
        background: var(--kendo-color-primary-subtle);
        border-color: var(--kendo-color-primary);
    }

/* Dark mode example hover */
@media (prefers-color-scheme: dark) {
    .example-item:hover[b-xlp8njl7dy] {
        box-shadow: 0 4px 12px rgba(255, 255, 255, 0.05);
    }
}

.selection-control[b-xlp8njl7dy] {
    display: flex;
    align-items: center;
    padding-right: 0.5rem;
}

/* Example Header */
.example-header[b-xlp8njl7dy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.header-info[b-xlp8njl7dy] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.example-type[b-xlp8njl7dy] {
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
}

.example-date[b-xlp8njl7dy] {
    font-size: 0.8125rem;
    opacity: 0.6;
}

.favorite-icon[b-xlp8njl7dy] {
    color: var(--kendo-color-warning);
}

.header-actions[b-xlp8njl7dy] {
    display: flex;
    gap: 0.25rem;
}

/* Example Content */
.example-content[b-xlp8njl7dy] {
    flex: 1;
}

/* Conversation Preview */
.conversation-preview[b-xlp8njl7dy] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.message[b-xlp8njl7dy] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.75rem;
    background: var(--kendo-color-base);
    border-radius: var(--kendo-border-radius-md);
}

    .message.system[b-xlp8njl7dy] {
        background: var(--kendo-color-info-subtle);
    }

    .message.user[b-xlp8njl7dy] {
        background: var(--kendo-color-primary-subtle);
    }

    .message.assistant[b-xlp8njl7dy] {
        background: var(--kendo-color-success-subtle);
    }

.message-role[b-xlp8njl7dy] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    opacity: 0.8;
}

.message-text[b-xlp8njl7dy] {
    font-size: 0.875rem;
    line-height: 1.5;
}

/* Vision Preview */
.vision-preview[b-xlp8njl7dy] {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 1rem;
}

.vision-image[b-xlp8njl7dy] {
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: var(--kendo-border-radius-md);
}

    .vision-image img[b-xlp8njl7dy] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.vision-conversation[b-xlp8njl7dy] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* Function Preview */
.function-preview[b-xlp8njl7dy] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.function-query[b-xlp8njl7dy],
.function-call[b-xlp8njl7dy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: var(--kendo-color-base);
    border-radius: var(--kendo-border-radius-md);
}

.function-call[b-xlp8njl7dy] {
    font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;
    font-size: 0.875rem;
}

/* Example Footer */
.example-footer[b-xlp8njl7dy] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--kendo-color-border);
}

.quality-info[b-xlp8njl7dy] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

/* Export Preview */
.export-preview[b-xlp8njl7dy] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.export-stats[b-xlp8njl7dy] {
    display: flex;
    gap: 2rem;
    padding: 1rem;
    background: var(--kendo-color-surface-alt);
    border-radius: var(--kendo-border-radius-md);
}

    .export-stats .stat[b-xlp8njl7dy] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
    }

    .export-stats label[b-xlp8njl7dy] {
        font-size: 0.8125rem;
        font-weight: 500;
        opacity: 0.7;
    }

.jsonl-preview[b-xlp8njl7dy] {
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-md);
    overflow: hidden;
}

    .jsonl-preview .preview-header[b-xlp8njl7dy] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.75rem 1rem;
        border-bottom: 1px solid var(--kendo-color-border);
        background: var(--kendo-color-surface-alt);
    }

        .jsonl-preview .preview-header h6[b-xlp8njl7dy] {
            margin: 0;
            font-size: 0.875rem;
        }

.jsonl-content[b-xlp8njl7dy] {
    padding: 1rem;
    background: var(--kendo-color-base);
    font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;
    font-size: 0.8125rem;
    line-height: 1.5;
    overflow-x: auto;
    white-space: pre-wrap;
    margin: 0;
    max-height: 300px;
    overflow-y: auto;
}

/* Delete Dialog */
.warning-text[b-xlp8njl7dy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--kendo-color-error);
    margin-top: 1rem;
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .message[b-xlp8njl7dy],
    .function-query[b-xlp8njl7dy],
    .function-call[b-xlp8njl7dy] {
        background: var(--kendo-color-surface);
    }

    .jsonl-content[b-xlp8njl7dy] {
        background: var(--kendo-color-surface);
    }

    .example-item[b-xlp8njl7dy] {
        background: var(--kendo-color-surface);
    }

        .example-item:hover[b-xlp8njl7dy] {
            border-color: var(--kendo-color-primary-subtle);
        }

    .export-bar[b-xlp8njl7dy] {
        background: var(--kendo-color-info-subtle);
        border-color: var(--kendo-color-info);
    }

    .empty-state[b-xlp8njl7dy] {
        opacity: 0.5;
    }

    .vision-image[b-xlp8njl7dy] {
        border: 1px solid var(--kendo-color-border);
    }

    .example-footer[b-xlp8njl7dy] {
        border-color: rgba(255, 255, 255, 0.1);
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .header-content[b-xlp8njl7dy] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }

    .header-controls[b-xlp8njl7dy] {
        flex-wrap: wrap;
    }

    .export-bar[b-xlp8njl7dy] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }

    .export-actions[b-xlp8njl7dy] {
        justify-content: flex-end;
    }

    .vision-preview[b-xlp8njl7dy] {
        grid-template-columns: 1fr;
    }

    .vision-image[b-xlp8njl7dy] {
        max-width: 200px;
        margin: 0 auto;
    }
}

/* Animations */
@keyframes fadeIn-b-xlp8njl7dy {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.example-item[b-xlp8njl7dy] {
    animation: fadeIn-b-xlp8njl7dy 0.3s ease-out;
    animation-fill-mode: both;
}

    .example-item:nth-child(1)[b-xlp8njl7dy] {
        animation-delay: 0.05s;
    }

    .example-item:nth-child(2)[b-xlp8njl7dy] {
        animation-delay: 0.1s;
    }

    .example-item:nth-child(3)[b-xlp8njl7dy] {
        animation-delay: 0.15s;
    }

    .example-item:nth-child(4)[b-xlp8njl7dy] {
        animation-delay: 0.2s;
    }

    .example-item:nth-child(5)[b-xlp8njl7dy] {
        animation-delay: 0.25s;
    }

/* Loading skeleton animations */
@keyframes shimmer-b-xlp8njl7dy {
    0% {
        background-position: -1000px 0;
    }

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

.loading-skeleton[b-xlp8njl7dy] {
    background: linear-gradient( to right, var(--kendo-color-surface) 8%, var(--kendo-color-surface-alt) 18%, var(--kendo-color-surface) 33% );
    background-size: 1000px 100%;
    animation: shimmer-b-xlp8njl7dy 1.5s infinite linear;
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/AgenticIntelliSys/AITraining/ExpertReviewsView.razor.rz.scp.css */
.expert-reviews-container[b-olragphgax] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    height: 100%;
}

/* Header */
.reviews-header[b-olragphgax] {
    background: var(--kendo-color-surface-alt);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    padding: 1.5rem;
}

.header-content[b-olragphgax] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

    .header-content h5[b-olragphgax] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        margin: 0;
    }

.header-controls[b-olragphgax] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

/* Expert Stats */
.expert-stats[b-olragphgax] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1rem;
}

.expert-card[b-olragphgax] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: var(--kendo-color-base);
    border-radius: var(--kendo-border-radius-md);
}

.expert-info h6[b-olragphgax] {
    margin: 0 0 0.25rem 0;
    font-size: 0.875rem;
}

.expert-metrics[b-olragphgax] {
    display: flex;
    gap: 1rem;
}

.metric[b-olragphgax] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.8125rem;
    opacity: 0.8;
}

.expert-specialties[b-olragphgax] {
    margin-left: auto;
    display: flex;
    gap: 0.5rem;
}

/* Content */
.reviews-content[b-olragphgax] {
    flex: 1;
    background: var(--kendo-color-surface-alt);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    padding: 1.5rem;
    overflow-y: auto;
}

/* Empty State */
.empty-state[b-olragphgax] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    opacity: 0.6;
    gap: 1rem;
}

/* Reviews Grid */
.reviews-grid[b-olragphgax] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 1.5rem;
}

.review-card[b-olragphgax] {
    background: var(--kendo-color-surface);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    transition: all 0.3s ease;
}

    .review-card:hover[b-olragphgax] {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    }

    .review-card.pending[b-olragphgax] {
        border-color: var(--kendo-color-warning);
    }

/* Dark mode review hover */
@media (prefers-color-scheme: dark) {
    .review-card:hover[b-olragphgax] {
        box-shadow: 0 4px 12px rgba(255, 255, 255, 0.05);
    }
}

/* Review Header */
.review-header[b-olragphgax] {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.review-meta[b-olragphgax] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.meta-info h6[b-olragphgax] {
    margin: 0;
    font-size: 0.875rem;
}

.review-date[b-olragphgax] {
    font-size: 0.8125rem;
    opacity: 0.6;
}

.score-display[b-olragphgax] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.score-value[b-olragphgax] {
    font-size: 1.25rem;
    font-weight: 600;
}

.score-good[b-olragphgax] {
    color: var(--kendo-color-success);
}

.score-warning[b-olragphgax] {
    color: var(--kendo-color-warning);
}

/* Review Example */
.review-example[b-olragphgax] {
    padding: 1rem;
    background: var(--kendo-color-base);
    border-radius: var(--kendo-border-radius-md);
}

.example-preview[b-olragphgax] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
}

.example-content[b-olragphgax] {
    font-size: 0.875rem;
    line-height: 1.5;
    opacity: 0.9;
}

/* Review Feedback */
.review-feedback[b-olragphgax] {
    padding: 1rem;
    background: var(--kendo-color-info-subtle);
    border-radius: var(--kendo-border-radius-md);
}

    .review-feedback h6[b-olragphgax] {
        margin: 0 0 0.5rem 0;
        font-size: 0.875rem;
    }

    .review-feedback p[b-olragphgax] {
        margin: 0 0 1rem 0;
        line-height: 1.5;
    }

.suggestions[b-olragphgax] {
    font-size: 0.875rem;
}

    .suggestions ul[b-olragphgax] {
        margin: 0.5rem 0 0 0;
        padding-left: 1.5rem;
    }

/* Review Categories */
.review-categories[b-olragphgax] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.category-score[b-olragphgax] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.category-name[b-olragphgax] {
    font-size: 0.8125rem;
    font-weight: 500;
}

.score-bar[b-olragphgax] {
    height: 6px;
}

/* Review Actions */
.review-actions[b-olragphgax] {
    display: flex;
    gap: 0.75rem;
    padding-top: 1rem;
    border-top: 1px solid var(--kendo-color-border);
}

/* Request Dialog */
.request-form[b-olragphgax] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.form-section h6[b-olragphgax] {
    margin: 0 0 0.5rem 0;
}

.form-section p[b-olragphgax] {
    margin: 0 0 1rem 0;
    font-size: 0.875rem;
    opacity: 0.8;
}

.sets-list[b-olragphgax] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-height: 200px;
    overflow-y: auto;
}

.set-item[b-olragphgax] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem;
    background: var(--kendo-color-base);
    border-radius: var(--kendo-border-radius-md);
}

.set-info[b-olragphgax] {
    display: flex;
    flex-direction: column;
}

.set-name[b-olragphgax] {
    font-weight: 500;
}

.set-meta[b-olragphgax] {
    font-size: 0.8125rem;
    opacity: 0.6;
}

/* Experts Grid */
.experts-grid[b-olragphgax] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.expert-selection[b-olragphgax] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: var(--kendo-color-base);
    border: 2px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-md);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .expert-selection:hover[b-olragphgax] {
        border-color: var(--kendo-color-primary);
    }

    .expert-selection.selected[b-olragphgax] {
        background: var(--kendo-color-primary-subtle);
        border-color: var(--kendo-color-primary);
    }

.expert-details[b-olragphgax] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.expert-name[b-olragphgax] {
    font-weight: 500;
    font-size: 0.875rem;
}

.expert-tags[b-olragphgax] {
    display: flex;
    gap: 0.25rem;
}

/* Discussion Dialog */
.discussion-container[b-olragphgax] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.feedback-summary[b-olragphgax] {
    padding: 1rem;
    background: var(--kendo-color-surface-alt);
    border-radius: var(--kendo-border-radius-md);
}

    .feedback-summary h6[b-olragphgax] {
        margin: 0 0 0.5rem 0;
    }

    .feedback-summary p[b-olragphgax] {
        margin: 0 0 1rem 0;
        line-height: 1.5;
    }

.score-summary[b-olragphgax] {
    font-weight: 600;
    color: var(--kendo-color-primary);
}

.discussion-thread[b-olragphgax] {
    max-height: 300px;
    overflow-y: auto;
}

    .discussion-thread h6[b-olragphgax] {
        margin: 0 0 1rem 0;
    }

.discussion-message[b-olragphgax] {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

    .discussion-message.expert .message-content[b-olragphgax] {
        background: var(--kendo-color-info-subtle);
    }

    .discussion-message.user .message-content[b-olragphgax] {
        background: var(--kendo-color-primary-subtle);
    }

.message-content[b-olragphgax] {
    flex: 1;
    padding: 0.75rem;
    border-radius: var(--kendo-border-radius-md);
}

.message-header[b-olragphgax] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.25rem;
    font-size: 0.8125rem;
}

    .message-header .author[b-olragphgax] {
        font-weight: 500;
    }

    .message-header .timestamp[b-olragphgax] {
        opacity: 0.6;
    }

.message-content p[b-olragphgax] {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.5;
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .expert-card[b-olragphgax],
    .review-example[b-olragphgax],
    .set-item[b-olragphgax],
    .expert-selection[b-olragphgax] {
        background: var(--kendo-color-surface);
    }

    .feedback-summary[b-olragphgax] {
        background: var(--kendo-color-surface);
    }
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/AgenticIntelliSys/AITraining/FunctionTrainingMode.razor.rz.scp.css */
.function-training-container[b-ugmfkt26cq] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    height: 100%;
}

/* Header */
.function-header[b-ugmfkt26cq] {
    background: var(--kendo-color-surface-alt);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    padding: 1.5rem;
}

.header-content[b-ugmfkt26cq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-info[b-ugmfkt26cq] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.info-text h4[b-ugmfkt26cq] {
    margin: 0;
    font-size: 1.125rem;
}

.header-subtitle[b-ugmfkt26cq] {
    font-size: 0.875rem;
    opacity: 0.7;
    font-weight: normal;
}

.header-actions[b-ugmfkt26cq] {
    display: flex;
    gap: 0.75rem;
}

/* Main Content */
.function-content[b-ugmfkt26cq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    flex: 1;
    min-height: 0;
}

/* Panels */
.definition-panel[b-ugmfkt26cq],
.examples-panel[b-ugmfkt26cq] {
    background: var(--kendo-color-surface-alt);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.panel-header[b-ugmfkt26cq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--kendo-color-border);
}

    .panel-header h5[b-ugmfkt26cq] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin: 0;
    }

.example-count[b-ugmfkt26cq] {
    font-size: 0.875rem;
    opacity: 0.7;
}

/* Definition Content */
.definition-content[b-ugmfkt26cq],
.examples-content[b-ugmfkt26cq] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
}

/* Empty States */
.empty-state[b-ugmfkt26cq],
.no-function-selected[b-ugmfkt26cq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    opacity: 0.6;
    gap: 1rem;
}

/* Function Editor */
.function-editor[b-ugmfkt26cq] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.editor-section[b-ugmfkt26cq] {
    border-bottom: 1px solid var(--kendo-color-border);
    padding-bottom: 1.5rem;
}

    .editor-section:last-of-type[b-ugmfkt26cq] {
        border-bottom: none;
    }

    .editor-section h6[b-ugmfkt26cq] {
        margin: 0 0 1rem 0;
    }

.section-header[b-ugmfkt26cq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

    .section-header h6[b-ugmfkt26cq] {
        margin: 0;
    }

/* Form Groups */
.form-group[b-ugmfkt26cq] {
    margin-bottom: 1rem;
}

    .form-group label[b-ugmfkt26cq] {
        display: block;
        font-weight: 500;
        font-size: 0.875rem;
        margin-bottom: 0.375rem;
    }

    .form-group.checkbox[b-ugmfkt26cq] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 0;
    }

        .form-group.checkbox label[b-ugmfkt26cq] {
            margin: 0;
            font-weight: normal;
        }

    .form-group.full-width[b-ugmfkt26cq] {
        grid-column: 1 / -1;
    }

.field-error[b-ugmfkt26cq] {
    display: block;
    color: var(--kendo-color-error);
    font-size: 0.8125rem;
    margin-top: 0.25rem;
}

.field-success[b-ugmfkt26cq] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--kendo-color-success);
    font-size: 0.8125rem;
    margin-top: 0.25rem;
}

/* Parameters */
.no-parameters[b-ugmfkt26cq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: var(--kendo-color-base);
    border-radius: var(--kendo-border-radius-md);
    font-size: 0.875rem;
    opacity: 0.7;
}

.parameters-list[b-ugmfkt26cq] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.parameter-item[b-ugmfkt26cq] {
    background: var(--kendo-color-base);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-md);
    padding: 1rem;
}

.parameter-header[b-ugmfkt26cq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.parameter-number[b-ugmfkt26cq] {
    font-size: 0.75rem;
    font-weight: 600;
    opacity: 0.6;
}

.parameter-fields[b-ugmfkt26cq] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.field-row[b-ugmfkt26cq] {
    display: grid;
    grid-template-columns: 1fr 120px auto;
    gap: 1rem;
    align-items: end;
}

/* Editor Actions */
.editor-actions[b-ugmfkt26cq] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    margin-top: 1.5rem;
}

/* Function Display */
.function-display[b-ugmfkt26cq] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.function-info h5[b-ugmfkt26cq] {
    margin: 0 0 0.5rem 0;
}

.function-info p[b-ugmfkt26cq] {
    margin: 0;
    opacity: 0.8;
}

.function-schema[b-ugmfkt26cq] {
    background: var(--kendo-color-base);
    border-radius: var(--kendo-border-radius-md);
    overflow: hidden;
}

.schema-header[b-ugmfkt26cq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--kendo-color-border);
}

    .schema-header h6[b-ugmfkt26cq] {
        margin: 0;
        font-size: 0.875rem;
    }

.schema-code[b-ugmfkt26cq],
.code-textarea[b-ugmfkt26cq] {
    font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;
    font-size: 0.8125rem;
    line-height: 1.5;
}

.schema-code[b-ugmfkt26cq] {
    margin: 0;
    padding: 1rem;
    overflow-x: auto;
    white-space: pre-wrap;
}

.function-actions[b-ugmfkt26cq] {
    display: flex;
    gap: 0.75rem;
}

/* Example Builder */
.example-builder[b-ugmfkt26cq] {
    background: var(--kendo-color-base);
    border-radius: var(--kendo-border-radius-md);
    padding: 1.25rem;
    margin-bottom: 1.5rem;
}

    .example-builder h6[b-ugmfkt26cq] {
        margin: 0 0 1rem 0;
    }

.json-editor[b-ugmfkt26cq] {
    position: relative;
}

.json-tools[b-ugmfkt26cq] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    display: flex;
    gap: 0.5rem;
}

.example-actions[b-ugmfkt26cq] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    margin-top: 1rem;
}

/* Examples List */
.examples-list h6[b-ugmfkt26cq] {
    margin: 0 0 1rem 0;
}

.example-item[b-ugmfkt26cq] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding: 1rem;
    background: var(--kendo-color-surface);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-md);
    margin-bottom: 0.75rem;
    transition: all 0.2s ease;
}

    .example-item:hover[b-ugmfkt26cq] {
        border-color: var(--kendo-color-primary-subtle);
        transform: translateX(2px);
    }

.example-content[b-ugmfkt26cq] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.example-query[b-ugmfkt26cq],
.example-call[b-ugmfkt26cq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.example-call[b-ugmfkt26cq] {
    opacity: 0.8;
}

    .example-call code[b-ugmfkt26cq] {
        font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;
        font-size: 0.8125rem;
    }

.example-actions[b-ugmfkt26cq] {
    display: flex;
    gap: 0.25rem;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.example-item:hover .example-actions[b-ugmfkt26cq] {
    opacity: 1;
}

/* Action Bar */
.action-bar[b-ugmfkt26cq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: var(--kendo-color-surface-alt);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
}

.function-management[b-ugmfkt26cq],
.export-actions[b-ugmfkt26cq] {
    display: flex;
    gap: 0.75rem;
}

/* Dialogs */
.schema-preview[b-ugmfkt26cq],
.jsonl-content[b-ugmfkt26cq] {
    font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;
    font-size: 0.8125rem;
    line-height: 1.5;
    padding: 1rem;
    background: var(--kendo-color-base);
    border-radius: var(--kendo-border-radius-md);
    overflow-x: auto;
    white-space: pre-wrap;
    margin: 0;
}

.jsonl-preview[b-ugmfkt26cq] {
    max-height: 500px;
    overflow-y: auto;
}

.preview-header[b-ugmfkt26cq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--kendo-color-border);
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .schema-code[b-ugmfkt26cq],
    .jsonl-content[b-ugmfkt26cq],
    .code-textarea[b-ugmfkt26cq] {
        background: var(--kendo-color-surface);
    }

    .no-parameters[b-ugmfkt26cq],
    .parameter-item[b-ugmfkt26cq],
    .example-builder[b-ugmfkt26cq],
    .function-schema[b-ugmfkt26cq] {
        background: var(--kendo-color-surface);
    }
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/AgenticIntelliSys/AITraining/MultiTurnTrainingMode.razor.rz.scp.css */
.multi-turn-container[b-skklygvo4a] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    height: 100%;
}

/* Header */
.conversation-header[b-skklygvo4a] {
    background: var(--kendo-color-surface-alt);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    padding: 1.5rem;
}

.header-content[b-skklygvo4a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.conversation-info[b-skklygvo4a] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.info-text h4[b-skklygvo4a] {
    margin: 0;
    font-size: 1.125rem;
}

.conversation-stats[b-skklygvo4a] {
    font-size: 0.875rem;
    opacity: 0.7;
}

.header-controls[b-skklygvo4a] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

/* Tips */
.conversation-tips[b-skklygvo4a] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    background: var(--kendo-color-info-subtle);
    border-radius: var(--kendo-border-radius-md);
    font-size: 0.875rem;
}

/* Builder Area */
.conversation-builder[b-skklygvo4a] {
    flex: 1;
    background: var(--kendo-color-surface);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    overflow: hidden;
}

/* Flow View */
.flow-container[b-skklygvo4a] {
    padding: 2rem;
    overflow-y: auto;
    height: 100%;
}

.empty-state[b-skklygvo4a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    gap: 1rem;
    opacity: 0.6;
}

.messages-flow[b-skklygvo4a] {
    display: flex;
    flex-direction: column;
    gap: 0;
    max-width: 700px;
    margin: 0 auto;
}

.flow-message-wrapper[b-skklygvo4a] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.flow-connector[b-skklygvo4a] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2rem;
    position: relative;
}

.connector-line[b-skklygvo4a] {
    width: 2px;
    height: 100%;
    background: var(--kendo-color-border);
}

    .connector-line.dashed[b-skklygvo4a] {
        background: repeating-linear-gradient( to bottom, var(--kendo-color-border) 0, var(--kendo-color-border) 4px, transparent 4px, transparent 8px );
    }

.connector-arrow[b-skklygvo4a] {
    position: absolute;
    background: var(--kendo-color-surface);
    padding: 0.25rem;
    color: var(--kendo-color-subtle);
}

.flow-message[b-skklygvo4a] {
    width: 100%;
    background: var(--kendo-color-surface-alt);
    border: 2px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    padding: 1.25rem;
    cursor: move;
    transition: all 0.3s ease;
}

    .flow-message:hover[b-skklygvo4a] {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    }

    .flow-message.selected[b-skklygvo4a] {
        border-color: var(--kendo-color-primary);
        box-shadow: 0 0 0 3px var(--kendo-color-primary-subtle);
    }

    .flow-message.system-message[b-skklygvo4a] {
        border-color: var(--kendo-color-info);
    }

    .flow-message.user-message[b-skklygvo4a] {
        border-color: var(--kendo-color-primary);
    }

    .flow-message.assistant-message[b-skklygvo4a] {
        border-color: var(--kendo-color-success);
    }

/* Dark mode flow message hover */
@media (prefers-color-scheme: dark) {
    .flow-message:hover[b-skklygvo4a] {
        box-shadow: 0 6px 20px rgba(255, 255, 255, 0.1);
    }
}

/* Message Structure */
.message-header[b-skklygvo4a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.message-info[b-skklygvo4a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.message-role[b-skklygvo4a] {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
}

.message-number[b-skklygvo4a] {
    font-size: 0.75rem;
    opacity: 0.5;
}

.message-actions[b-skklygvo4a] {
    display: flex;
    gap: 0.25rem;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.flow-message:hover .message-actions[b-skklygvo4a] {
    opacity: 1;
}

.message-content[b-skklygvo4a] {
    line-height: 1.6;
    margin-bottom: 0.75rem;
}

.message-footer[b-skklygvo4a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.75rem;
    opacity: 0.6;
}

.word-count[b-skklygvo4a] {
    font-size: 0.75rem;
}

.message-warnings[b-skklygvo4a] {
    display: flex;
    gap: 0.5rem;
}

.warning-icon[b-skklygvo4a] {
    color: var(--kendo-color-warning);
    cursor: help;
}

/* Chat View */
.chat-container[b-skklygvo4a] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.chat-messages[b-skklygvo4a] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.chat-message[b-skklygvo4a] {
    display: flex;
    gap: 0.75rem;
    animation: fadeInUp-b-skklygvo4a 0.3s ease-out;
}

    .chat-message.user-message[b-skklygvo4a] {
        flex-direction: row-reverse;
    }

.message-avatar[b-skklygvo4a] {
    width: 36px;
    height: 36px;
    background: var(--kendo-color-surface-alt);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--kendo-color-border);
}

.chat-message.system-message .message-avatar[b-skklygvo4a] {
    background: var(--kendo-color-info-subtle);
    border-color: var(--kendo-color-info);
}

.chat-message.user-message .message-avatar[b-skklygvo4a] {
    background: var(--kendo-color-primary-subtle);
    border-color: var(--kendo-color-primary);
}

.chat-message.assistant-message .message-avatar[b-skklygvo4a] {
    background: var(--kendo-color-success-subtle);
    border-color: var(--kendo-color-success);
}

.message-bubble[b-skklygvo4a] {
    max-width: 70%;
    background: var(--kendo-color-surface-alt);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    padding: 1rem;
}

.chat-message.user-message .message-bubble[b-skklygvo4a] {
    background: var(--kendo-color-primary-subtle);
    border-color: var(--kendo-color-primary);
}

.bubble-header[b-skklygvo4a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.bubble-role[b-skklygvo4a] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    opacity: 0.7;
}

.bubble-actions[b-skklygvo4a] {
    display: flex;
    gap: 0.25rem;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.message-bubble:hover .bubble-actions[b-skklygvo4a] {
    opacity: 1;
}

.bubble-content[b-skklygvo4a] {
    line-height: 1.6;
}

/* Typing Indicator */
.typing-indicator[b-skklygvo4a] {
    display: flex;
    gap: 4px;
    padding: 8px 0;
}

    .typing-indicator span[b-skklygvo4a] {
        width: 8px;
        height: 8px;
        background: var(--kendo-color-subtle);
        border-radius: 50%;
        animation: typing-b-skklygvo4a 1.4s infinite;
    }

        .typing-indicator span:nth-child(2)[b-skklygvo4a] {
            animation-delay: 0.2s;
        }

        .typing-indicator span:nth-child(3)[b-skklygvo4a] {
            animation-delay: 0.4s;
        }

@keyframes typing-b-skklygvo4a {
    0%, 60%, 100% {
        transform: translateY(0);
        opacity: 0.7;
    }

    30% {
        transform: translateY(-10px);
        opacity: 1;
    }
}

/* Chat Input Bar */
.chat-input-bar[b-skklygvo4a] {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    background: var(--kendo-color-surface-alt);
    border-top: 1px solid var(--kendo-color-border);
}

.role-item[b-skklygvo4a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Add Message Button */
.flow-add-message[b-skklygvo4a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0;
}

.add-message-button[b-skklygvo4a] {
    width: 200px;
}

/* Analysis Panel */
.analysis-panel[b-skklygvo4a] {
    background: var(--kendo-color-surface-alt);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    padding: 1.5rem;
}

    .analysis-panel h5[b-skklygvo4a] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin: 0 0 1rem 0;
    }

.analysis-grid[b-skklygvo4a] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.analysis-item[b-skklygvo4a] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.analysis-label[b-skklygvo4a] {
    font-size: 0.875rem;
    opacity: 0.7;
}

.analysis-value[b-skklygvo4a] {
    font-size: 1.25rem;
    font-weight: 600;
}

.analysis-indicator[b-skklygvo4a] {
    height: 4px;
    border-radius: 2px;
    background: var(--kendo-color-base);
}

    .analysis-indicator.good[b-skklygvo4a] {
        background: var(--kendo-color-success);
    }

    .analysis-indicator.warning[b-skklygvo4a] {
        background: var(--kendo-color-warning);
    }

.quality-progress[b-skklygvo4a] {
    height: 4px;
    margin-top: 0.5rem;
}

/* Suggestions */
.suggestions-section h6[b-skklygvo4a] {
    margin: 0 0 0.75rem 0;
    font-size: 0.875rem;
}

.suggestion-list[b-skklygvo4a] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .suggestion-list li[b-skklygvo4a] {
        padding: 0.5rem 0;
        padding-left: 1.5rem;
        position: relative;
        font-size: 0.875rem;
        line-height: 1.5;
    }

        .suggestion-list li[b-skklygvo4a]::before {
            content: "•";
            position: absolute;
            left: 0.5rem;
            color: var(--kendo-color-primary);
        }

/* Action Bar */
.action-bar[b-skklygvo4a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: var(--kendo-color-surface-alt);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
}

.action-buttons[b-skklygvo4a] {
    display: flex;
    gap: 0.75rem;
}

/* Message Editor */
.message-editor[b-skklygvo4a] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.editor-field[b-skklygvo4a] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .editor-field label[b-skklygvo4a] {
        font-weight: 500;
        font-size: 0.875rem;
    }

.content-helpers[b-skklygvo4a] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.editor-preview[b-skklygvo4a] {
    background: var(--kendo-color-base);
    border-radius: var(--kendo-border-radius-md);
    padding: 1rem;
}

    .editor-preview h6[b-skklygvo4a] {
        margin: 0 0 0.75rem 0;
        font-size: 0.875rem;
        opacity: 0.7;
    }

.preview-message[b-skklygvo4a] {
    padding: 0.75rem;
    border-radius: var(--kendo-border-radius-md);
    border: 1px solid var(--kendo-color-border);
}

.preview-role[b-skklygvo4a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    opacity: 0.8;
}

.preview-content[b-skklygvo4a] {
    line-height: 1.6;
    opacity: 0.9;
}

/* Preview Dialog */
.preview-conversation[b-skklygvo4a] {
    max-height: 400px;
    overflow-y: auto;
    padding: 1rem;
    background: var(--kendo-color-base);
    border-radius: var(--kendo-border-radius-md);
    margin-bottom: 1.5rem;
}

.preview-turn[b-skklygvo4a] {
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: var(--kendo-border-radius-md);
    border: 1px solid var(--kendo-color-border);
}

    .preview-turn:last-child[b-skklygvo4a] {
        margin-bottom: 0;
    }

    .preview-turn.system-message[b-skklygvo4a] {
        background: var(--kendo-color-info-subtle);
        border-color: var(--kendo-color-info);
    }

    .preview-turn.user-message[b-skklygvo4a] {
        background: var(--kendo-color-primary-subtle);
        border-color: var(--kendo-color-primary);
    }

    .preview-turn.assistant-message[b-skklygvo4a] {
        background: var(--kendo-color-success-subtle);
        border-color: var(--kendo-color-success);
    }

.turn-header[b-skklygvo4a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.turn-role[b-skklygvo4a] {
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    opacity: 0.8;
}

.turn-content[b-skklygvo4a] {
    line-height: 1.6;
}

.preview-stats[b-skklygvo4a] {
    display: flex;
    gap: 2rem;
    padding: 1rem;
    background: var(--kendo-color-surface-alt);
    border-radius: var(--kendo-border-radius-md);
}

.stat-item[b-skklygvo4a] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.stat-label[b-skklygvo4a] {
    font-size: 0.875rem;
    opacity: 0.7;
}

.stat-value[b-skklygvo4a] {
    font-weight: 600;
}

/* Animations */
@keyframes fadeInUp-b-skklygvo4a {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Dark mode specific adjustments */
@media (prefers-color-scheme: dark) {
    .analysis-indicator[b-skklygvo4a] {
        opacity: 0.8;
    }

    .preview-conversation[b-skklygvo4a] {
        background: var(--kendo-color-surface);
    }

    .editor-preview[b-skklygvo4a] {
        background: var(--kendo-color-surface);
    }
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/AgenticIntelliSys/AITraining/QualityGuidelines.razor.rz.scp.css */
.quality-guidelines-container[b-xv2wdatxo9] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Header Section */
.guidelines-header[b-xv2wdatxo9] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1.5rem;
    padding: 1.5rem;
    background: var(--kendo-color-surface-alt);
    border-radius: var(--kendo-border-radius-lg);
}

.score-overview[b-xv2wdatxo9] {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.score-circle[b-xv2wdatxo9] {
    width: 120px;
    height: 120px;
}

.score-details h4[b-xv2wdatxo9] {
    margin: 0 0 0.5rem 0;
}

.score-value[b-xv2wdatxo9] {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.5rem;
}

.score-status[b-xv2wdatxo9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

    .score-status.excellent[b-xv2wdatxo9] {
        color: var(--kendo-color-success);
    }

    .score-status.good[b-xv2wdatxo9] {
        color: var(--kendo-color-info);
    }

    .score-status.fair[b-xv2wdatxo9] {
        color: var(--kendo-color-warning);
    }

    .score-status.needs-improvement[b-xv2wdatxo9] {
        color: var(--kendo-color-error);
    }

.improvement-potential[b-xv2wdatxo9] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.75rem;
    padding: 1.5rem;
    background: var(--kendo-color-primary-subtle);
    border-radius: var(--kendo-border-radius-md);
}

    .improvement-potential h5[b-xv2wdatxo9] {
        margin: 0;
        font-size: 0.875rem;
    }

.potential-bar[b-xv2wdatxo9] {
    height: 8px;
}

.potential-text[b-xv2wdatxo9] {
    font-size: 0.875rem;
    font-weight: 500;
}

/* Suggestions Content */
.suggestions-content[b-xv2wdatxo9] {
    background: var(--kendo-color-surface-alt);
    border-radius: var(--kendo-border-radius-lg);
    padding: 1.5rem;
}

    .suggestions-content h5[b-xv2wdatxo9] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin: 0 0 1.5rem 0;
    }

.suggestions-grid[b-xv2wdatxo9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 1.5rem;
}

.suggestion-category[b-xv2wdatxo9] {
    background: var(--kendo-color-surface);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-md);
    padding: 1.25rem;
}

.category-header[b-xv2wdatxo9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

    .category-header h6[b-xv2wdatxo9] {
        flex: 1;
        margin: 0;
    }

.category-score[b-xv2wdatxo9] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
    font-size: 0.875rem;
}

.category-progress[b-xv2wdatxo9] {
    height: 6px;
}

.suggestions-list[b-xv2wdatxo9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.suggestion-item[b-xv2wdatxo9] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 1rem;
    padding: 0.75rem;
    background: var(--kendo-color-base);
    border-radius: var(--kendo-border-radius-sm);
    transition: all 0.2s ease;
}

    .suggestion-item.applied[b-xv2wdatxo9] {
        opacity: 0.6;
        background: var(--kendo-color-success-subtle);
    }

.suggestion-content[b-xv2wdatxo9] {
    display: flex;
    gap: 0.75rem;
    flex: 1;
}

.suggestion-text[b-xv2wdatxo9] {
    flex: 1;
}

    .suggestion-text p[b-xv2wdatxo9] {
        margin: 0 0 0.5rem 0;
        font-size: 0.875rem;
        line-height: 1.5;
    }

.suggestion-example[b-xv2wdatxo9] {
    font-size: 0.8125rem;
    opacity: 0.8;
    font-style: italic;
}

/* Best Practices */
.best-practices[b-xv2wdatxo9] {
    background: var(--kendo-color-surface-alt);
    border-radius: var(--kendo-border-radius-lg);
    padding: 1.5rem;
}

    .best-practices h5[b-xv2wdatxo9] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin: 0 0 1rem 0;
    }

.practices-content[b-xv2wdatxo9] {
    padding: 1rem 0;
}

.practice-section h6[b-xv2wdatxo9] {
    margin: 0 0 1rem 0;
}

.practice-section ul[b-xv2wdatxo9] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.practice-section li[b-xv2wdatxo9] {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--kendo-color-border);
}

    .practice-section li:last-child[b-xv2wdatxo9] {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.check-icon[b-xv2wdatxo9] {
    color: var(--kendo-color-success);
    flex-shrink: 0;
}

/* Do's and Don'ts */
.dos-donts-grid[b-xv2wdatxo9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    padding: 1rem 0;
}

.dos-section[b-xv2wdatxo9],
.donts-section[b-xv2wdatxo9] {
    padding: 1.25rem;
    border-radius: var(--kendo-border-radius-md);
}

.dos-section[b-xv2wdatxo9] {
    background: var(--kendo-color-success-subtle);
}

.donts-section[b-xv2wdatxo9] {
    background: var(--kendo-color-error-subtle);
}

.dos-header[b-xv2wdatxo9],
.donts-header[b-xv2wdatxo9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 1rem 0;
}

.dos-header[b-xv2wdatxo9] {
    color: var(--kendo-color-success);
}

.donts-header[b-xv2wdatxo9] {
    color: var(--kendo-color-error);
}

.dos-section ul[b-xv2wdatxo9],
.donts-section ul[b-xv2wdatxo9] {
    margin: 0;
    padding-left: 1.5rem;
}

.dos-section li[b-xv2wdatxo9],
.donts-section li[b-xv2wdatxo9] {
    margin-bottom: 0.5rem;
}

/* Templates */
.templates-showcase[b-xv2wdatxo9] {
    display: grid;
    gap: 1.5rem;
    padding: 1rem 0;
}

.template-card[b-xv2wdatxo9] {
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-md);
    overflow: hidden;
}

.template-header[b-xv2wdatxo9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: var(--kendo-color-base);
}

    .template-header h6[b-xv2wdatxo9] {
        margin: 0;
    }

.template-preview[b-xv2wdatxo9] {
    padding: 1rem;
}

    .template-preview .message[b-xv2wdatxo9] {
        padding: 0.75rem;
        margin-bottom: 0.75rem;
        border-radius: var(--kendo-border-radius-sm);
        font-size: 0.875rem;
        line-height: 1.5;
    }

        .template-preview .message:last-child[b-xv2wdatxo9] {
            margin-bottom: 0;
        }

        .template-preview .message.user[b-xv2wdatxo9] {
            background: var(--kendo-color-primary-subtle);
            border: 1px solid var(--kendo-color-primary);
        }

        .template-preview .message.assistant[b-xv2wdatxo9] {
            background: var(--kendo-color-success-subtle);
            border: 1px solid var(--kendo-color-success);
        }

.message-role[b-xv2wdatxo9] {
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    margin-bottom: 0.25rem;
    opacity: 0.8;
}

/* Progress Tracking */
.progress-section[b-xv2wdatxo9] {
    background: var(--kendo-color-surface-alt);
    border-radius: var(--kendo-border-radius-lg);
    padding: 1.5rem;
}

    .progress-section h5[b-xv2wdatxo9] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin: 0 0 1.5rem 0;
    }

.milestones-list[b-xv2wdatxo9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.milestone-item[b-xv2wdatxo9] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: var(--kendo-color-surface);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-md);
    transition: all 0.2s ease;
}

    .milestone-item.achieved[b-xv2wdatxo9] {
        background: var(--kendo-color-success-subtle);
        border-color: var(--kendo-color-success);
    }

    .milestone-item.current[b-xv2wdatxo9] {
        border-color: var(--kendo-color-primary);
        box-shadow: 0 0 0 2px var(--kendo-color-primary-subtle);
    }

.milestone-icon[b-xv2wdatxo9] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--kendo-color-base);
    border: 2px solid var(--kendo-color-border);
}

.milestone-item.achieved .milestone-icon[b-xv2wdatxo9] {
    background: var(--kendo-color-success);
    border-color: var(--kendo-color-success);
    color: white;
}

.milestone-content[b-xv2wdatxo9] {
    flex: 1;
}

    .milestone-content h6[b-xv2wdatxo9] {
        margin: 0 0 0.25rem 0;
    }

    .milestone-content p[b-xv2wdatxo9] {
        margin: 0;
        font-size: 0.875rem;
        opacity: 0.8;
    }

.milestone-reward[b-xv2wdatxo9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
}

/* Action Items */
.action-items[b-xv2wdatxo9] {
    background: var(--kendo-color-surface-alt);
    border-radius: var(--kendo-border-radius-lg);
    padding: 1.5rem;
}

    .action-items h5[b-xv2wdatxo9] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin: 0 0 1rem 0;
    }

.actions-list[b-xv2wdatxo9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.action-item[b-xv2wdatxo9] {
    display: flex;
    align-items: start;
    gap: 0.75rem;
    padding: 0.75rem;
    background: var(--kendo-color-surface);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-md);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .action-item:hover[b-xv2wdatxo9] {
        border-color: var(--kendo-color-primary);
        transform: translateX(4px);
    }

    .action-item.completed[b-xv2wdatxo9] {
        opacity: 0.6;
        text-decoration: line-through;
    }

.action-priority[b-xv2wdatxo9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    flex-shrink: 0;
}

    .action-priority.high[b-xv2wdatxo9] {
        background: var(--kendo-color-error-subtle);
        color: var(--kendo-color-error);
    }

    .action-priority.medium[b-xv2wdatxo9] {
        background: var(--kendo-color-warning-subtle);
        color: var(--kendo-color-warning);
    }

    .action-priority.low[b-xv2wdatxo9] {
        background: var(--kendo-color-info-subtle);
        color: var(--kendo-color-info);
    }

.action-content[b-xv2wdatxo9] {
    flex: 1;
}

    .action-content p[b-xv2wdatxo9] {
        margin: 0;
        font-size: 0.875rem;
        line-height: 1.5;
    }

    .action-content .action-impact[b-xv2wdatxo9] {
        font-size: 0.8125rem;
        opacity: 0.6;
        margin-top: 0.25rem;
    }

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .improvement-potential[b-xv2wdatxo9] {
        background: var(--kendo-color-primary-subtle);
        opacity: 0.9;
    }

    .suggestion-item[b-xv2wdatxo9] {
        background: var(--kendo-color-surface);
    }

        .suggestion-item.applied[b-xv2wdatxo9] {
            background: var(--kendo-color-success-subtle);
            opacity: 0.7;
        }

    .dos-section[b-xv2wdatxo9] {
        background: var(--kendo-color-success-subtle);
        opacity: 0.9;
    }

    .donts-section[b-xv2wdatxo9] {
        background: var(--kendo-color-error-subtle);
        opacity: 0.9;
    }

    .template-card[b-xv2wdatxo9] {
        background: var(--kendo-color-surface);
    }

    .milestone-item[b-xv2wdatxo9],
    .action-item[b-xv2wdatxo9] {
        background: var(--kendo-color-surface);
    }

        .milestone-item.achieved[b-xv2wdatxo9] {
            background: var(--kendo-color-success-subtle);
            opacity: 0.9;
        }

    .expert-card[b-xv2wdatxo9] {
        background: var(--kendo-color-surface);
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .guidelines-header[b-xv2wdatxo9] {
        grid-template-columns: 1fr;
    }

    .suggestions-grid[b-xv2wdatxo9] {
        grid-template-columns: 1fr;
    }

    .dos-donts-grid[b-xv2wdatxo9] {
        grid-template-columns: 1fr;
    }

    .expert-stats[b-xv2wdatxo9] {
        grid-template-columns: 1fr;
    }

    .practices-content[b-xv2wdatxo9] {
        padding: 0.5rem 0;
    }

    .score-circle[b-xv2wdatxo9] {
        width: 100px;
        height: 100px;
    }

    .score-value[b-xv2wdatxo9] {
        font-size: 2rem;
    }
}

/* Animations */
@keyframes slideInRight-b-xv2wdatxo9 {
    from {
        opacity: 0;
        transform: translateX(20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes pulse-b-xv2wdatxo9 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

.suggestion-item[b-xv2wdatxo9],
.milestone-item[b-xv2wdatxo9],
.action-item[b-xv2wdatxo9] {
    animation: slideInRight-b-xv2wdatxo9 0.3s ease-out;
    animation-fill-mode: both;
}

    .suggestion-item:nth-child(1)[b-xv2wdatxo9] {
        animation-delay: 0.05s;
    }

    .suggestion-item:nth-child(2)[b-xv2wdatxo9] {
        animation-delay: 0.1s;
    }

    .suggestion-item:nth-child(3)[b-xv2wdatxo9] {
        animation-delay: 0.15s;
    }

.improvement-potential[b-xv2wdatxo9] {
    animation: pulse-b-xv2wdatxo9 2s ease-in-out infinite;
}

/* Loading states */
.loading-shimmer[b-xv2wdatxo9] {
    position: relative;
    overflow: hidden;
}

    .loading-shimmer[b-xv2wdatxo9]::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.1) 50%, transparent 100% );
        animation: shimmer-b-xv2wdatxo9 1.5s infinite;
    }

@keyframes shimmer-b-xv2wdatxo9 {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

/* Utility classes */
.text-truncate[b-xv2wdatxo9] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fade-in[b-xv2wdatxo9] {
    animation: fadeIn-b-xv2wdatxo9 0.3s ease-out;
}

@keyframes fadeIn-b-xv2wdatxo9 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/AgenticIntelliSys/AITraining/SimpleTrainingMode.razor.rz.scp.css */
.simple-training-container[b-4qo7i0he5m] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 900px;
    margin: 0 auto;
}

/* Section Styling */
.context-section[b-4qo7i0he5m],
.query-section[b-4qo7i0he5m],
.response-section[b-4qo7i0he5m] {
    background: var(--kendo-color-surface-alt);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    padding: 1.5rem;
    transition: all 0.3s ease;
}

    .context-section:hover[b-4qo7i0he5m],
    .query-section:hover[b-4qo7i0he5m],
    .response-section:hover[b-4qo7i0he5m] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        transform: translateY(-1px);
    }

/* Dark mode enhancements */
@media (prefers-color-scheme: dark) {
    .context-section:hover[b-4qo7i0he5m],
    .query-section:hover[b-4qo7i0he5m],
    .response-section:hover[b-4qo7i0he5m] {
        box-shadow: 0 4px 12px rgba(255, 255, 255, 0.05);
        border-color: var(--kendo-color-primary-subtle);
    }
}

/* Section Headers */
.section-header[b-4qo7i0he5m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.header-title[b-4qo7i0he5m] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .header-title h4[b-4qo7i0he5m] {
        margin: 0;
        font-size: 1rem;
        font-weight: 600;
    }

.optional-badge[b-4qo7i0he5m],
.required-badge[b-4qo7i0he5m] {
    font-size: 0.75rem;
    padding: 0.125rem 0.5rem;
    border-radius: var(--kendo-border-radius-sm);
    font-weight: 500;
}

.optional-badge[b-4qo7i0he5m] {
    background: var(--kendo-color-info-subtle);
    color: var(--kendo-color-info-on-subtle);
}

.required-badge[b-4qo7i0he5m] {
    background: var(--kendo-color-error-subtle);
    color: var(--kendo-color-error-on-subtle);
}

/* Role Icons */
.role-icon[b-4qo7i0he5m] {
    width: 24px;
    height: 24px;
    padding: 4px;
    border-radius: var(--kendo-border-radius-md);
}

    .role-icon.user[b-4qo7i0he5m] {
        background: var(--kendo-color-primary-subtle);
        color: var(--kendo-color-primary);
    }

    .role-icon.assistant[b-4qo7i0he5m] {
        background: var(--kendo-color-success-subtle);
        color: var(--kendo-color-success);
    }

/* Input Areas */
.context-input-wrapper[b-4qo7i0he5m],
.input-container[b-4qo7i0he5m] {
    position: relative;
}

.context-textarea[b-4qo7i0he5m],
.query-textarea[b-4qo7i0he5m],
.response-textarea[b-4qo7i0he5m] {
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.9375rem;
    line-height: 1.6;
    resize: vertical;
}

.character-count[b-4qo7i0he5m] {
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
    font-size: 0.75rem;
    opacity: 0.6;
}

    .character-count .warning[b-4qo7i0he5m] {
        color: var(--kendo-color-warning);
        font-weight: 600;
    }

/* Context Examples */
.context-examples[b-4qo7i0he5m] {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.examples-label[b-4qo7i0he5m] {
    font-size: 0.875rem;
    opacity: 0.7;
}

.example-chips[b-4qo7i0he5m] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Visual Connector */
.visual-connector[b-4qo7i0he5m] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2rem;
    position: relative;
}

.connector-line[b-4qo7i0he5m] {
    position: absolute;
    width: 2px;
    height: 100%;
    background: var(--kendo-color-border);
    opacity: 0.5;
}

.connector-icon[b-4qo7i0he5m] {
    background: var(--kendo-color-surface);
    padding: 0.25rem;
    border-radius: 50%;
    z-index: 1;
    color: var(--kendo-color-subtle);
}

/* Query Analysis */
.query-analysis[b-4qo7i0he5m] {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--kendo-color-border);
}

.analysis-items[b-4qo7i0he5m] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.analysis-item[b-4qo7i0he5m] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Suggestions Panel */
.suggestions-panel[b-4qo7i0he5m] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background: var(--kendo-color-base);
    border-radius: var(--kendo-border-radius-md);
    border: 1px solid var(--kendo-color-border);
}

.suggestions-label[b-4qo7i0he5m] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
    opacity: 0.7;
}

.suggestion-list[b-4qo7i0he5m] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.suggestion-item[b-4qo7i0he5m] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: var(--kendo-color-surface);
    border-radius: var(--kendo-border-radius-md);
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.875rem;
}

    .suggestion-item:hover[b-4qo7i0he5m] {
        background: var(--kendo-color-base-hover);
        transform: translateX(4px);
    }

/* Quality Indicators */
.quality-indicators[b-4qo7i0he5m] {
    display: flex;
    gap: 1rem;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--kendo-color-border);
}

.indicator[b-4qo7i0he5m] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.8125rem;
}

    .indicator.success[b-4qo7i0he5m] {
        color: var(--kendo-color-success);
    }

    .indicator.warning[b-4qo7i0he5m] {
        color: var(--kendo-color-warning);
    }

/* Enhancement Tools */
.enhancement-tools[b-4qo7i0he5m] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--kendo-color-border);
}

/* Action Bar */
.action-bar[b-4qo7i0he5m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    background: var(--kendo-color-surface-alt);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    margin-top: 1rem;
}

.action-info[b-4qo7i0he5m] {
    flex: 1;
}

.validation-summary[b-4qo7i0he5m] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

    .validation-summary.error[b-4qo7i0he5m] {
        color: var(--kendo-color-error);
    }

    .validation-summary.success[b-4qo7i0he5m] {
        color: var(--kendo-color-success);
    }

.action-buttons[b-4qo7i0he5m] {
    display: flex;
    gap: 0.75rem;
}

/* Preview Dialog */
.preview-container[b-4qo7i0he5m] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.preview-message[b-4qo7i0he5m] {
    padding: 1rem;
    border-radius: var(--kendo-border-radius-md);
    border: 1px solid var(--kendo-color-border);
}

    .preview-message.system[b-4qo7i0he5m] {
        background: var(--kendo-color-info-subtle);
        border-color: var(--kendo-color-info);
    }

    .preview-message.user[b-4qo7i0he5m] {
        background: var(--kendo-color-primary-subtle);
        border-color: var(--kendo-color-primary);
    }

    .preview-message.assistant[b-4qo7i0he5m] {
        background: var(--kendo-color-success-subtle);
        border-color: var(--kendo-color-success);
    }

.message-role[b-4qo7i0he5m] {
    font-weight: 600;
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    opacity: 0.8;
}

.message-content[b-4qo7i0he5m] {
    line-height: 1.6;
    white-space: pre-wrap;
}

/* Dark mode optimizations */
@media (prefers-color-scheme: dark) {
    .suggestion-item[b-4qo7i0he5m] {
        background: var(--kendo-color-surface-alt);
    }

    .suggestions-panel[b-4qo7i0he5m] {
        background: var(--kendo-color-surface);
    }

    .preview-message[b-4qo7i0he5m] {
        border-width: 1px;
    }

    .quality-indicators[b-4qo7i0he5m],
    .enhancement-tools[b-4qo7i0he5m],
    .query-analysis[b-4qo7i0he5m] {
        border-color: rgba(255, 255, 255, 0.1);
    }
}

/* Animations */
@keyframes slideIn-b-4qo7i0he5m {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.suggestions-panel[b-4qo7i0he5m],
.query-analysis[b-4qo7i0he5m],
.quality-indicators[b-4qo7i0he5m] {
    animation: slideIn-b-4qo7i0he5m 0.3s ease-out;
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/AgenticIntelliSys/AITraining/TrainingLibraryView.razor.rz.scp.css */
.training-library-container[b-ot25hovbey] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    height: 100%;
}

/* Header */
.library-header[b-ot25hovbey] {
    background: var(--kendo-color-surface-alt);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    padding: 1.5rem;
}

.header-content[b-ot25hovbey] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

    .header-content h5[b-ot25hovbey] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin: 0;
    }

.header-controls[b-ot25hovbey] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

/* Stats */
.library-stats[b-ot25hovbey] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
}

.stat-card[b-ot25hovbey] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: var(--kendo-color-base);
    border-radius: var(--kendo-border-radius-md);
}

.stat-content[b-ot25hovbey] {
    display: flex;
    flex-direction: column;
}

.stat-value[b-ot25hovbey] {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
}

.stat-label[b-ot25hovbey] {
    font-size: 0.875rem;
    opacity: 0.7;
}

/* Content */
.library-content[b-ot25hovbey] {
    flex: 1;
    background: var(--kendo-color-surface-alt);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    padding: 1.5rem;
    overflow-y: auto;
}

/* Empty State */
.empty-state[b-ot25hovbey] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    opacity: 0.6;
    gap: 1rem;
}

/* Grid View */
.training-grid[b-ot25hovbey] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.5rem;
}

.training-card[b-ot25hovbey] {
    background: var(--kendo-color-surface);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    transition: all 0.3s ease;
}

    .training-card:hover[b-ot25hovbey] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    }

    .training-card.favorite[b-ot25hovbey] {
        border-color: var(--kendo-color-warning);
    }

/* Dark mode card hover */
@media (prefers-color-scheme: dark) {
    .training-card:hover[b-ot25hovbey] {
        box-shadow: 0 4px 12px rgba(255, 255, 255, 0.05);
    }
}

.card-header[b-ot25hovbey] {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.card-title[b-ot25hovbey] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .card-title h6[b-ot25hovbey] {
        margin: 0;
        font-size: 1rem;
    }

.favorite-icon[b-ot25hovbey] {
    color: var(--kendo-color-warning);
}

.card-description[b-ot25hovbey] {
    font-size: 0.875rem;
    opacity: 0.8;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card-stats[b-ot25hovbey] {
    display: flex;
    gap: 1.5rem;
}

.stat[b-ot25hovbey] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.875rem;
    opacity: 0.8;
}

.card-metadata[b-ot25hovbey] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    border-top: 1px solid var(--kendo-color-border);
}

.metadata-item[b-ot25hovbey] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.8125rem;
    opacity: 0.7;
}

.status-chip[b-ot25hovbey] {
    font-size: 0.75rem;
}

    .status-chip.status-active[b-ot25hovbey] {
        background: var(--kendo-color-success-subtle);
        color: var(--kendo-color-success-on-subtle);
    }

    .status-chip.status-draft[b-ot25hovbey] {
        background: var(--kendo-color-info-subtle);
        color: var(--kendo-color-info-on-subtle);
    }

    .status-chip.status-review[b-ot25hovbey] {
        background: var(--kendo-color-warning-subtle);
        color: var(--kendo-color-warning-on-subtle);
    }

    .status-chip.status-approved[b-ot25hovbey] {
        background: var(--kendo-color-success-subtle);
        color: var(--kendo-color-success-on-subtle);
    }

.card-actions[b-ot25hovbey] {
    display: flex;
    gap: 0.75rem;
    margin-top: auto;
}

/* List View */
.training-list[b-ot25hovbey] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.list-header[b-ot25hovbey] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr auto;
    gap: 1rem;
    padding: 0.75rem 1rem;
    font-weight: 600;
    font-size: 0.875rem;
    opacity: 0.8;
    border-bottom: 2px solid var(--kendo-color-border);
}

.list-item[b-ot25hovbey] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr auto;
    gap: 1rem;
    padding: 1rem;
    background: var(--kendo-color-surface);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-md);
    align-items: center;
    transition: all 0.2s ease;
}

    .list-item:hover[b-ot25hovbey] {
        border-color: var(--kendo-color-primary-subtle);
        transform: translateX(2px);
    }

    .list-item.favorite[b-ot25hovbey] {
        border-color: var(--kendo-color-warning);
    }

.item-name[b-ot25hovbey] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 500;
}

    .item-name .clickable[b-ot25hovbey] {
        cursor: pointer;
        color: var(--kendo-color-primary);
    }

        .item-name .clickable:hover[b-ot25hovbey] {
            text-decoration: underline;
        }

.quality-bar[b-ot25hovbey] {
    height: 6px;
}

.item-actions[b-ot25hovbey] {
    display: flex;
    gap: 0.25rem;
    justify-content: flex-end;
}

/* Details Dialog */
.details-container[b-ot25hovbey] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.details-section h6[b-ot25hovbey] {
    margin: 0 0 1rem 0;
    font-size: 0.875rem;
    text-transform: uppercase;
    opacity: 0.7;
}

.details-grid[b-ot25hovbey] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.detail-item[b-ot25hovbey] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

    .detail-item label[b-ot25hovbey] {
        font-size: 0.8125rem;
        font-weight: 500;
        opacity: 0.7;
    }

.quality-breakdown[b-ot25hovbey] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.quality-item[b-ot25hovbey] {
    display: grid;
    grid-template-columns: 120px 1fr;
    align-items: center;
    gap: 1rem;
}

    .quality-item span[b-ot25hovbey] {
        font-size: 0.875rem;
    }

/* Delete Dialog */
.warning-text[b-ot25hovbey] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--kendo-color-error);
    margin-top: 1rem;
}

/* Menu Items */
.delete-item[b-ot25hovbey] {
    color: var(--kendo-color-error);
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .stat-card[b-ot25hovbey] {
        background: var(--kendo-color-surface);
    }
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/AgenticIntelliSys/AITraining/VisionTrainingMode.razor.rz.scp.css */
.vision-training-container[b-pgf80w6bfo] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    height: 100%;
}

/* Vision Header */
.vision-header[b-pgf80w6bfo] {
    background: var(--kendo-color-surface-alt);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    padding: 1.5rem;
}

.header-content[b-pgf80w6bfo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-info[b-pgf80w6bfo] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.info-text h4[b-pgf80w6bfo] {
    margin: 0;
    font-size: 1.125rem;
}

.header-subtitle[b-pgf80w6bfo] {
    font-size: 0.875rem;
    opacity: 0.7;
    font-weight: normal;
}

.header-stats[b-pgf80w6bfo] {
    display: flex;
    gap: 2rem;
}

.stat-item[b-pgf80w6bfo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    opacity: 0.8;
}

/* Vision Tips */
.vision-tips[b-pgf80w6bfo] {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
    padding: 1rem;
    background: var(--kendo-color-info-subtle);
    border-radius: var(--kendo-border-radius-md);
}

.tips-content[b-pgf80w6bfo] {
    flex: 1;
    font-size: 0.875rem;
}

    .tips-content strong[b-pgf80w6bfo] {
        display: block;
        margin-bottom: 0.5rem;
    }

    .tips-content ul[b-pgf80w6bfo] {
        margin: 0;
        padding-left: 1.5rem;
    }

    .tips-content li[b-pgf80w6bfo] {
        margin: 0.25rem 0;
    }

/* Main Content */
.vision-content[b-pgf80w6bfo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    flex: 1;
    min-height: 0;
}

/* Image Section */
.image-section[b-pgf80w6bfo],
.example-section[b-pgf80w6bfo] {
    background: var(--kendo-color-surface-alt);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.section-header[b-pgf80w6bfo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--kendo-color-border);
}

    .section-header h5[b-pgf80w6bfo] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin: 0;
    }

/* Upload Zone */
.upload-zone[b-pgf80w6bfo] {
    flex: 1;
    margin: 1.5rem;
    border: 2px dashed var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    background: var(--kendo-color-base);
    transition: all 0.3s ease;
    overflow-y: auto;
}

    .upload-zone.dragging[b-pgf80w6bfo] {
        border-color: var(--kendo-color-primary);
        background: var(--kendo-color-primary-subtle);
        transform: scale(1.02);
    }

.upload-placeholder[b-pgf80w6bfo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 2rem;
    text-align: center;
    opacity: 0.7;
}

    .upload-placeholder h6[b-pgf80w6bfo] {
        margin: 1rem 0 0.5rem 0;
    }

    .upload-placeholder p[b-pgf80w6bfo] {
        font-size: 0.875rem;
        margin-bottom: 1.5rem;
    }

.vision-uploader[b-pgf80w6bfo] {
    width: 200px;
}

/* Image Gallery */
.image-gallery[b-pgf80w6bfo] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 1rem;
    padding: 1rem;
}

.image-item[b-pgf80w6bfo] {
    background: var(--kendo-color-surface);
    border: 2px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-md);
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .image-item:hover[b-pgf80w6bfo] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

    .image-item.selected[b-pgf80w6bfo] {
        border-color: var(--kendo-color-primary);
        box-shadow: 0 0 0 3px var(--kendo-color-primary-subtle);
    }

/* Dark mode image hover */
@media (prefers-color-scheme: dark) {
    .image-item:hover[b-pgf80w6bfo] {
        box-shadow: 0 4px 12px rgba(255, 255, 255, 0.1);
    }
}

.image-container[b-pgf80w6bfo] {
    position: relative;
    aspect-ratio: 1;
    overflow: hidden;
}

    .image-container img[b-pgf80w6bfo] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.image-overlay[b-pgf80w6bfo] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    gap: 0.5rem;
}

    .image-overlay.processing[b-pgf80w6bfo] {
        background: rgba(0, 0, 0, 0.7);
    }

.image-actions[b-pgf80w6bfo] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-item:hover .image-actions[b-pgf80w6bfo] {
    opacity: 1;
}

.image-info[b-pgf80w6bfo] {
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.image-name[b-pgf80w6bfo] {
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.image-size[b-pgf80w6bfo] {
    font-size: 0.75rem;
    opacity: 0.6;
}

.image-tags[b-pgf80w6bfo] {
    display: flex;
    gap: 0.25rem;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}

/* Add More Button */
.add-more-images[b-pgf80w6bfo] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 150px;
}

.add-more-button[b-pgf80w6bfo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 2rem;
    border: 2px dashed var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-md);
    cursor: pointer;
    transition: all 0.3s ease;
    opacity: 0.7;
}

    .add-more-button:hover[b-pgf80w6bfo] {
        opacity: 1;
        border-color: var(--kendo-color-primary);
        background: var(--kendo-color-primary-subtle);
    }

/* Example Section */
.selected-image-badge[b-pgf80w6bfo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.75rem;
    background: var(--kendo-color-primary-subtle);
    border-radius: var(--kendo-border-radius-md);
    font-size: 0.875rem;
}

.no-image-selected[b-pgf80w6bfo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    opacity: 0.5;
    text-align: center;
    padding: 2rem;
}

/* Example Builder */
.example-builder[b-pgf80w6bfo] {
    padding: 1.5rem;
    overflow-y: auto;
}

.template-chips[b-pgf80w6bfo] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.chips-label[b-pgf80w6bfo] {
    font-size: 0.875rem;
    font-weight: 500;
    opacity: 0.7;
}

.example-field[b-pgf80w6bfo] {
    margin-bottom: 1.5rem;
}

    .example-field label[b-pgf80w6bfo] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-weight: 500;
        margin-bottom: 0.5rem;
    }

    .example-field .optional[b-pgf80w6bfo] {
        font-size: 0.75rem;
        opacity: 0.6;
        font-weight: normal;
        margin-left: 0.5rem;
    }

.example-textarea[b-pgf80w6bfo] {
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Query Suggestions */
.query-suggestions[b-pgf80w6bfo] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background: var(--kendo-color-base);
    border-radius: var(--kendo-border-radius-md);
    border: 1px solid var(--kendo-color-border);
}

.suggestions-label[b-pgf80w6bfo] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
    opacity: 0.7;
}

.suggestion-list[b-pgf80w6bfo] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.suggestion-item[b-pgf80w6bfo] {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0.5rem 0.75rem;
    background: var(--kendo-color-surface);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-sm);
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.875rem;
}

    .suggestion-item:hover[b-pgf80w6bfo] {
        background: var(--kendo-color-base-hover);
        border-color: var(--kendo-color-primary);
    }

/* Response Tools */
.response-tools[b-pgf80w6bfo] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

/* Quality Panel */
.quality-panel[b-pgf80w6bfo] {
    background: var(--kendo-color-base);
    border-radius: var(--kendo-border-radius-md);
    padding: 1rem;
    margin-top: 1.5rem;
}

    .quality-panel h6[b-pgf80w6bfo] {
        margin: 0 0 0.75rem 0;
        font-size: 0.875rem;
    }

.quality-metrics[b-pgf80w6bfo] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.metric[b-pgf80w6bfo] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.8125rem;
}

    .metric.good[b-pgf80w6bfo] {
        color: var(--kendo-color-success);
    }

    .metric.warning[b-pgf80w6bfo] {
        color: var(--kendo-color-warning);
    }

/* Recent Examples */
.recent-examples[b-pgf80w6bfo] {
    background: var(--kendo-color-surface-alt);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    padding: 1.5rem;
}

    .recent-examples h5[b-pgf80w6bfo] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin: 0 0 1rem 0;
    }

.examples-grid[b-pgf80w6bfo] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
}

.recent-example-card[b-pgf80w6bfo] {
    background: var(--kendo-color-surface);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-md);
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .recent-example-card:hover[b-pgf80w6bfo] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

.example-image[b-pgf80w6bfo] {
    aspect-ratio: 16/9;
    overflow: hidden;
}

    .example-image img[b-pgf80w6bfo] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.example-details[b-pgf80w6bfo] {
    padding: 0.75rem;
}

.example-query[b-pgf80w6bfo] {
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.example-meta[b-pgf80w6bfo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.75rem;
    opacity: 0.6;
}

/* Action Bar */
.action-bar[b-pgf80w6bfo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: var(--kendo-color-surface-alt);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
}

.batch-actions[b-pgf80w6bfo],
.primary-actions[b-pgf80w6bfo] {
    display: flex;
    gap: 0.75rem;
}

/* Image Preview Dialog */
.image-preview-container[b-pgf80w6bfo] {
    position: relative;
}

    .image-preview-container img[b-pgf80w6bfo] {
        width: 100%;
        height: auto;
        border-radius: var(--kendo-border-radius-md);
    }

.image-analysis-overlay[b-pgf80w6bfo] {
    margin-top: 1rem;
    padding: 1rem;
    background: var(--kendo-color-surface-alt);
    border-radius: var(--kendo-border-radius-md);
}

    .image-analysis-overlay h6[b-pgf80w6bfo] {
        margin: 0 0 0.75rem 0;
    }

.analysis-content[b-pgf80w6bfo] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.analysis-section strong[b-pgf80w6bfo] {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

.analysis-tags[b-pgf80w6bfo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.color-palette[b-pgf80w6bfo] {
    display: flex;
    gap: 0.5rem;
}

.color-swatch[b-pgf80w6bfo] {
    width: 32px;
    height: 32px;
    border-radius: var(--kendo-border-radius-sm);
    border: 2px solid var(--kendo-color-border);
    cursor: pointer;
    transition: transform 0.2s ease;
}

    .color-swatch:hover[b-pgf80w6bfo] {
        transform: scale(1.1);
    }

/* Example Preview Dialog */
.example-preview[b-pgf80w6bfo] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.preview-image[b-pgf80w6bfo] {
    max-height: 300px;
    overflow: hidden;
    border-radius: var(--kendo-border-radius-md);
}

    .preview-image img[b-pgf80w6bfo] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.preview-conversation[b-pgf80w6bfo] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.preview-message[b-pgf80w6bfo] {
    padding: 1rem;
    border-radius: var(--kendo-border-radius-md);
    border: 1px solid var(--kendo-color-border);
}

    .preview-message.user[b-pgf80w6bfo] {
        background: var(--kendo-color-primary-subtle);
        border-color: var(--kendo-color-primary);
    }

    .preview-message.assistant[b-pgf80w6bfo] {
        background: var(--kendo-color-success-subtle);
        border-color: var(--kendo-color-success);
    }

.message-header[b-pgf80w6bfo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
    font-size: 0.875rem;
    opacity: 0.8;
}

.message-content[b-pgf80w6bfo] {
    line-height: 1.6;
}

.preview-context[b-pgf80w6bfo] {
    padding: 0.75rem;
    background: var(--kendo-color-info-subtle);
    border-radius: var(--kendo-border-radius-md);
    font-size: 0.875rem;
}

/* Animations */
@keyframes fadeIn-b-pgf80w6bfo {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.image-item[b-pgf80w6bfo] {
    animation: fadeIn-b-pgf80w6bfo 0.3s ease-out;
}

/* Dark mode specific adjustments */
@media (prefers-color-scheme: dark) {
    .upload-zone[b-pgf80w6bfo] {
        background: var(--kendo-color-surface);
    }

    .query-suggestions[b-pgf80w6bfo],
    .quality-panel[b-pgf80w6bfo] {
        background: var(--kendo-color-surface);
    }

    .suggestion-item[b-pgf80w6bfo] {
        background: var(--kendo-color-surface-alt);
    }

    .recent-example-card:hover[b-pgf80w6bfo] {
        box-shadow: 0 4px 12px rgba(255, 255, 255, 0.1);
    }
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/AgenticIntelliSys/PromptLibrary.razor.rz.scp.css */
/* ============================================================================
   AI Prompt Library - Enhanced Responsive Styles
   ============================================================================
   
   Design Philosophy:
   - Leverages Telerik Kendo CSS variables for theme consistency
   - Supports both light and dark themes automatically
   - Mobile-first responsive design with three breakpoints
   - Follows BEM-like naming conventions for maintainability
   - Uses semantic spacing and sizing tokens
   
   Breakpoints:
   - Compact: < 768px (Mobile)
   - Medium: 768px - 1199px (Tablet)
   - Large: ≥ 1200px (Desktop)
   
   Maintainer Notes:
   - All colors use Kendo CSS variables for theme support
   - Spacing uses consistent multipliers of base unit (0.25rem)
   - Z-index scale: Base UI (1-10), Overlays (100-200), Modals (1000+)
   ============================================================================ */

/* ==========================================================================
   Base Container Layout
   ========================================================================== */

[b-fkapqql5x1] .prompt-library-container {
    /* Use viewport calculation for full height minus header */
    height: calc(100vh - var(--kendo-appbar-height, 96px));
    background: var(--kendo-color-surface);
    display: flex;
    flex-direction: column;
    /* Remove gaps to allow sections to manage their own spacing */
    gap: 0;
    padding: 0;
    /* Ensure container respects theme transitions */
    transition: background-color 0.2s ease;
}

    /* Compact view modifier */
    [b-fkapqql5x1] .prompt-library-container.compact-view {
        /* Maintains same structure in compact mode */
        padding: 0;
        gap: 0;
    }

/* ==========================================================================
   System Selection Bar
   ========================================================================== */

[b-fkapqql5x1] .system-selection-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* Consistent padding using spacing tokens */
    padding: var(--kendo-spacing-3) var(--kendo-spacing-4);
    /* Theme-aware background */
    background: var(--kendo-color-surface-alt);
    /* Use Kendo border variables */
    border-bottom: 1px solid var(--kendo-color-border);
    /* Compact height for efficiency */
    min-height: 52px;
    /* Allow wrapping on smaller screens */
    flex-wrap: wrap;
    gap: var(--kendo-spacing-4);
    /* Smooth theme transitions */
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* System selector group for responsive layout */
[b-fkapqql5x1] .system-selector-group {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-4);
    flex: 1;
    min-width: 0; /* Prevent overflow */
}

[b-fkapqql5x1] .system-selector {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-4);
    flex: 1;
    min-width: 0; /* Prevent overflow */
}

    /* System selector label */
    [b-fkapqql5x1] .system-selector label,
    [b-fkapqql5x1] .selector-label {
        font-weight: var(--kendo-font-weight-medium);
        color: var(--kendo-color-on-app-surface);
        /* Prevent label from shrinking */
        flex-shrink: 0;
        white-space: nowrap;
        /* Use Kendo typography scale */
        font-size: var(--kendo-font-size-sm);
    }

/* Dropdown customization */
[b-fkapqql5x1] .system-dropdown {
    min-width: 200px;
    /* Ensure dropdown respects container */
    max-width: 100%;
}

/* System statistics chips */
[b-fkapqql5x1] .system-stats {
    display: flex;
    gap: var(--kendo-spacing-3);
    align-items: center;
}

/* Action buttons group */
[b-fkapqql5x1] .system-actions {
    display: flex;
    gap: var(--kendo-spacing-3);
    /* Prevent shrinking below minimum */
    flex-shrink: 0;
}

/* ==========================================================================
   Main Content Splitter
   ========================================================================== */

[b-fkapqql5x1] .library-splitter {
    flex: 1;
    /* Transparent to inherit from parent */
    background: transparent;
    overflow: hidden;
    /* Visual separation from header */
    margin-top: 1px;
    /* Minimum height for usability */
    min-height: 0;
}

    /* Splitter pane styling */
    [b-fkapqql5x1] .library-splitter .k-splitter-pane {
        overflow: hidden;
        /* Ensure panes respect theme */
        background: var(--kendo-color-surface);
    }

    /* Splitter bar customization */
    [b-fkapqql5x1] .library-splitter .k-splitbar {
        /* Use subtle border color for splitter */
        background: var(--kendo-color-border-subtle);
        /* Even more subtle in light theme */
        opacity: 0.5;
        /* Add hover state for better UX */
        transition: background-color 0.2s ease, opacity 0.2s ease;
    }

        [b-fkapqql5x1] .library-splitter .k-splitbar:hover {
            background: var(--kendo-color-border);
            opacity: 0.8;
        }

        /* Splitter drag handle - make it more subtle */
        [b-fkapqql5x1] .library-splitter .k-splitbar .k-resize-handle {
            /* Use subtle color for the dots */
            background-color: var(--kendo-color-subtle);
            opacity: 0.4;
        }

        [b-fkapqql5x1] .library-splitter .k-splitbar:hover .k-resize-handle {
            opacity: 0.7;
        }

/* ==========================================================================
   Panel Headers
   ========================================================================== */

[b-fkapqql5x1] .panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* Consistent padding */
    padding: var(--kendo-spacing-3) var(--kendo-spacing-4);
    /* Theme-aware border */
    border-bottom: 1px solid var(--kendo-color-border);
    /* Subtle background difference */
    background: var(--kendo-color-base-subtle);
    /* Compact height */
    min-height: 48px;
    /* Smooth transitions */
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* Panel title styling */
[b-fkapqql5x1] .panel-title {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-2);
    margin: 0;
    /* Use Kendo typography */
    font-size: var(--kendo-font-size);
    font-weight: var(--kendo-font-weight-medium);
    color: var(--kendo-color-on-app-surface);
    /* Prevent overflow */
    overflow: hidden;
    min-width: 0;
}

/* Title text with ellipsis */
[b-fkapqql5x1] .title-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* System name subtitle */
[b-fkapqql5x1] .system-name {
    font-size: var(--kendo-font-size-sm);
    font-weight: var(--kendo-font-weight);
    opacity: 0.7;
    margin-left: var(--kendo-spacing-1);
}

/* Header action buttons */
[b-fkapqql5x1] .header-actions {
    display: flex;
    gap: var(--kendo-spacing-2);
    flex-shrink: 0;
}

/* ==========================================================================
   Library Panel
   ========================================================================== */

[b-fkapqql5x1] .library-panel {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    /* Theme-aware background */
    background: var(--kendo-color-surface);
    /* Separator border */
    border-right: 1px solid var(--kendo-color-border);
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* Library search area */
[b-fkapqql5x1] .library-search {
    padding: var(--kendo-spacing-3) var(--kendo-spacing-4);
    display: flex;
    gap: var(--kendo-spacing-3);
    border-bottom: 1px solid var(--kendo-color-border);
    background: var(--kendo-color-surface);
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* Library list container */
[b-fkapqql5x1] .library-list {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    background: var(--kendo-color-surface);
    /* Critical for flex scrolling */
    min-height: 0;
    /* Smooth scroll behavior */
    scroll-behavior: smooth;
}

/* Library list item */
[b-fkapqql5x1] .library-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* Generous padding for touch targets */
    padding: var(--kendo-spacing-3-5) var(--kendo-spacing-4);
    margin: 0;
    cursor: pointer;
    /* Smooth transitions for interactions */
    transition: all 0.15s ease;
    /* Subtle separator */
    border-bottom: 1px solid var(--kendo-color-border-subtle);
    background: var(--kendo-color-surface);
    /* Focus indicator for accessibility */
    position: relative;
}

    /* Library item hover state */
    [b-fkapqql5x1] .library-item:hover {
        background: var(--kendo-color-base-hover);
        /* Subtle depth on hover */
        box-shadow: inset 0 0 0 1px var(--kendo-color-border);
    }

    /* Library item selected state */
    [b-fkapqql5x1] .library-item.selected {
        /* Use theme primary color for selection */
        background: var(--kendo-color-primary-subtle);
        /* Strong left border indicator */
        border-left: 3px solid var(--kendo-color-primary);
        /* Adjust padding to account for border */
        padding-left: calc(var(--kendo-spacing-4) - 3px);
    }

    /* Library item focus state for keyboard navigation */
    [b-fkapqql5x1] .library-item:focus-visible {
        outline: 2px solid var(--kendo-color-primary);
        outline-offset: -2px;
        z-index: 1;
    }

/* Library info section */
[b-fkapqql5x1] .library-info {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-3-5);
    /* Prevent overflow */
    min-width: 0;
}

/* Library details */
[b-fkapqql5x1] .library-details {
    display: flex;
    flex-direction: column;
    gap: var(--kendo-spacing-0-5);
    /* Prevent overflow */
    min-width: 0;
}

/* Library name */
[b-fkapqql5x1] .library-name {
    font-weight: var(--kendo-font-weight-medium);
    color: var(--kendo-color-on-app-surface);
    font-size: var(--kendo-font-size);
    /* Handle long names gracefully */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Library item count */
[b-fkapqql5x1] .library-count {
    font-size: var(--kendo-font-size-sm);
    color: var(--kendo-color-subtle);
    opacity: 0.8;
}

/* Library actions */
[b-fkapqql5x1] .library-actions {
    flex-shrink: 0;
    /* Smooth opacity transition */
    transition: opacity 0.2s ease;
}

/* ==========================================================================
   Templates Panel
   ========================================================================== */

[b-fkapqql5x1] .templates-panel {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    /* Slightly different background for visual hierarchy */
    background: var(--kendo-color-base-subtle);
    transition: background-color 0.2s ease;
}

/* Templates search area */
[b-fkapqql5x1] .templates-search {
    padding: var(--kendo-spacing-3) var(--kendo-spacing-4);
    display: flex;
    gap: var(--kendo-spacing-3);
    border-bottom: 1px solid var(--kendo-color-border);
    background: var(--kendo-color-surface);
    /* Allow wrapping on small screens */
    flex-wrap: wrap;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* Templates grid container */
[b-fkapqql5x1] .templates-grid {
    flex: 1;
    padding: var(--kendo-spacing-5);
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--kendo-color-base-subtle);
    /* Critical for flex scrolling */
    min-height: 0;
    /* Smooth scroll behavior */
    scroll-behavior: smooth;
    transition: background-color 0.2s ease;
}

    /* Grid layout variations */
    [b-fkapqql5x1] .templates-grid.large-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
        gap: var(--kendo-spacing-5);
    }

    [b-fkapqql5x1] .templates-grid.medium-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
        gap: var(--kendo-spacing-4);
    }

    [b-fkapqql5x1] .templates-grid.compact-grid {
        display: flex;
        flex-direction: column;
        gap: var(--kendo-spacing-3-5);
    }

/* ==========================================================================
   Prompt Cards
   ========================================================================== */

[b-fkapqql5x1] .prompt-card {
    /* Theme-aware card styling */
    background: var(--kendo-color-surface);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    padding: var(--kendo-spacing-5);
    /* Smooth transitions for interactions */
    transition: all 0.2s ease;
    /* Flex layout for consistent structure */
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
    /* Subtle shadow for depth */
    box-shadow: var(--kendo-elevation-1);
}

    /* Card hover state */
    [b-fkapqql5x1] .prompt-card:hover {
        /* Elevate on hover */
        box-shadow: var(--kendo-elevation-4);
        transform: translateY(-2px);
        /* Slightly darker border */
        border-color: var(--kendo-color-border-hover);
    }

    /* Card focus state for keyboard navigation */
    [b-fkapqql5x1] .prompt-card:focus-within {
        outline: 2px solid var(--kendo-color-primary);
        outline-offset: 2px;
    }

/* Compact grid card adjustments */
[b-fkapqql5x1] .compact-grid .prompt-card {
    padding: var(--kendo-spacing-4);
}

/* Card header */
[b-fkapqql5x1] .card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--kendo-spacing-4);
    margin-bottom: var(--kendo-spacing-3);
}

    /* Card title */
    [b-fkapqql5x1] .card-header h5 {
        margin: 0;
        font-size: var(--kendo-font-size-lg);
        font-weight: var(--kendo-font-weight-medium);
        color: var(--kendo-color-on-app-surface);
        /* Handle long titles */
        word-break: break-word;
        hyphens: auto;
    }

/* Card content area */
[b-fkapqql5x1] .card-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--kendo-spacing-3);
}

/* Prompt preview */
[b-fkapqql5x1] .prompt-preview {
    /* Subtle background for code */
    background: var(--kendo-color-base);
    padding: var(--kendo-spacing-3-5);
    border-radius: var(--kendo-border-radius-md);
    /* Monospace font stack */
    font-family: var(--kendo-font-family-monospace, 'SF Mono', Monaco, 'Cascadia Code', Consolas, monospace);
    font-size: var(--kendo-font-size-sm);
    line-height: 1.5;
    /* Constrain height with scroll */
    max-height: 120px;
    overflow-y: auto;
    white-space: pre-wrap;
    word-break: break-word;
    /* Subtle border */
    border: 1px solid var(--kendo-color-border-subtle);
    /* Smooth transitions */
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

    /* Parameter highlighting in preview */
    [b-fkapqql5x1] .prompt-preview .parameter {
        /* Use theme info color for parameters */
        background: var(--kendo-color-info-subtle);
        color: var(--kendo-color-info-on-subtle);
        padding: var(--kendo-spacing-0-5) var(--kendo-spacing-1-5);
        border-radius: var(--kendo-border-radius-sm);
        font-weight: var(--kendo-font-weight-medium);
        /* Inline-block for proper spacing */
        display: inline-block;
        margin: 0 2px;
    }

/* Parameters section */
[b-fkapqql5x1] .parameters-section {
    display: flex;
    flex-direction: column;
    gap: var(--kendo-spacing-1-5);
}

/* Parameters label */
[b-fkapqql5x1] .parameters-label {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-1);
    font-size: var(--kendo-font-size-sm);
    font-weight: var(--kendo-font-weight-medium);
    color: var(--kendo-color-subtle);
}

/* Parameter chips container */
[b-fkapqql5x1] .parameter-chips {
    display: flex;
    flex-wrap: wrap;
    gap: var(--kendo-spacing-1-5);
}

/* Card actions footer */
[b-fkapqql5x1] .card-actions {
    display: flex;
    gap: var(--kendo-spacing-2);
    justify-content: flex-end;
    padding-top: var(--kendo-spacing-3);
    border-top: 1px solid var(--kendo-color-border-subtle);
    /* Push to bottom of card */
    margin-top: auto;
    /* Smooth transition for hover effects */
    transition: opacity 0.2s ease, border-color 0.2s ease;
}

/* Card toolbar for responsive actions */
[b-fkapqql5x1] .card-toolbar {
    width: 100%;
}

    [b-fkapqql5x1] .card-toolbar .k-toolbar {
        background: transparent;
        border: none;
        padding: 0;
        min-height: auto;
    }

    [b-fkapqql5x1] .card-toolbar .k-toolbar-item {
        margin: 0;
    }

/* ==========================================================================
   Empty States
   ========================================================================== */

[b-fkapqql5x1] .empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 300px;
    gap: var(--kendo-spacing-4);
    padding: var(--kendo-spacing-8);
    text-align: center;
    /* Subtle opacity for empty state */
    opacity: 0.6;
}

    [b-fkapqql5x1] .empty-state p {
        margin: 0;
        color: var(--kendo-color-subtle);
        font-size: var(--kendo-font-size);
        max-width: 300px;
    }

/* ==========================================================================
   Scrollbar Styling
   ========================================================================== */

/* Custom scrollbar for better visual integration */
[b-fkapqql5x1] .library-list::-webkit-scrollbar,
[b-fkapqql5x1] .templates-grid::-webkit-scrollbar,
[b-fkapqql5x1] .prompt-preview::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

[b-fkapqql5x1] .library-list::-webkit-scrollbar-track,
[b-fkapqql5x1] .templates-grid::-webkit-scrollbar-track,
[b-fkapqql5x1] .prompt-preview::-webkit-scrollbar-track {
    background: var(--kendo-color-base);
    border-radius: 4px;
}

[b-fkapqql5x1] .library-list::-webkit-scrollbar-thumb,
[b-fkapqql5x1] .templates-grid::-webkit-scrollbar-thumb,
[b-fkapqql5x1] .prompt-preview::-webkit-scrollbar-thumb {
    background: var(--kendo-color-border);
    border-radius: 4px;
    /* Add hover state */
    transition: background-color 0.2s ease;
}

    [b-fkapqql5x1] .library-list::-webkit-scrollbar-thumb:hover,
    [b-fkapqql5x1] .templates-grid::-webkit-scrollbar-thumb:hover,
    [b-fkapqql5x1] .prompt-preview::-webkit-scrollbar-thumb:hover {
        background: var(--kendo-color-border-hover);
    }

/* Firefox scrollbar styling */
[b-fkapqql5x1] .library-list,
[b-fkapqql5x1] .templates-grid,
[b-fkapqql5x1] .prompt-preview {
    scrollbar-width: thin;
    scrollbar-color: var(--kendo-color-border) var(--kendo-color-base);
}

/* ==========================================================================
   Component-Specific Overrides
   ========================================================================== */

/* Chip customizations */
[b-fkapqql5x1] .k-chip {
    /* Consistent sizing */
    font-size: var(--kendo-font-size-xs);
    /* Smooth transitions */
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* Button customizations */
[b-fkapqql5x1] .k-button {
    /* Consistent font size */
    font-size: var(--kendo-font-size-sm);
    /* Smooth transitions */
    transition: all 0.15s ease;
}

/* Small button variant */
[b-fkapqql5x1] .k-button-sm {
    padding: var(--kendo-spacing-1) var(--kendo-spacing-2);
    font-size: var(--kendo-font-size-xs);
}

/* ==========================================================================
   Stats Popup (Mobile)
   ========================================================================== */

[b-fkapqql5x1] .stats-popup {
    display: flex;
    flex-direction: column;
    gap: var(--kendo-spacing-4);
    padding: var(--kendo-spacing-4);
}

[b-fkapqql5x1] .stat-item {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-3);
    padding: var(--kendo-spacing-3);
    background: var(--kendo-color-base-subtle);
    border-radius: var(--kendo-border-radius-md);
    transition: background-color 0.2s ease;
}

/* ==========================================================================
   Responsive Design - Mobile First
   ========================================================================== */

/* Mobile/Compact View (< 768px) */
@media (max-width: 767px) {
    /* Stack system selection bar */
    [b-fkapqql5x1] .system-selection-bar {
        flex-direction: column;
        align-items: stretch;
        padding: var(--kendo-spacing-2) var(--kendo-spacing-3);
    }

    [b-fkapqql5x1] .system-selector-group {
        flex-direction: column;
        width: 100%;
    }

    [b-fkapqql5x1] .system-selector {
        flex-direction: column;
        align-items: stretch;
        gap: var(--kendo-spacing-2);
    }

        [b-fkapqql5x1] .system-selector label {
            min-width: unset;
        }

    /* Adjust splitter for mobile */
    [b-fkapqql5x1] .library-splitter {
        height: calc(100vh - 220px) !important;
    }

        [b-fkapqql5x1] .library-splitter .k-splitter-pane:first-child {
            min-height: 150px !important;
        }

    /* Compact panel headers */
    [b-fkapqql5x1] .panel-header {
        padding: var(--kendo-spacing-2-5) var(--kendo-spacing-3);
    }

    [b-fkapqql5x1] .panel-title {
        font-size: var(--kendo-font-size-sm);
    }

    /* Adjust search areas */
    [b-fkapqql5x1] .library-search,
    [b-fkapqql5x1] .templates-search {
        padding: var(--kendo-spacing-2-5) var(--kendo-spacing-3);
        flex-direction: column;
        gap: var(--kendo-spacing-2);
    }

    /* Compact prompt cards */
    [b-fkapqql5x1] .prompt-card {
        min-height: auto;
        padding: var(--kendo-spacing-3);
    }

    [b-fkapqql5x1] .prompt-preview {
        max-height: 100px;
        font-size: var(--kendo-font-size-xs);
    }

    [b-fkapqql5x1] .card-header h5 {
        font-size: var(--kendo-font-size);
    }

    /* Adjust grid padding */
    [b-fkapqql5x1] .templates-grid {
        padding: var(--kendo-spacing-3);
    }

    /* Hide system stats on mobile */
    [b-fkapqql5x1] .system-stats {
        display: none;
    }
}

/* Medium/Tablet View (768px - 1199px) */
@media (min-width: 768px) and (max-width: 1199px) {
    /* Wrap system bar elements */
    [b-fkapqql5x1] .system-selection-bar {
        flex-wrap: wrap;
    }

    /* Move stats to new row */
    [b-fkapqql5x1] .system-stats {
        order: 3;
        width: 100%;
        justify-content: center;
        margin-top: var(--kendo-spacing-2);
    }

    /* Adjust grid spacing */
    [b-fkapqql5x1] .templates-grid {
        gap: var(--kendo-spacing-3-5);
        padding: var(--kendo-spacing-4);
    }

    /* Medium card adjustments */
    [b-fkapqql5x1] .prompt-card {
        padding: var(--kendo-spacing-4);
    }
}

/* Large/Desktop View (≥ 1200px) */
@media (min-width: 1200px) {
    /* Enhanced hover states for desktop */
    [b-fkapqql5x1] .prompt-card:hover {
        box-shadow: var(--kendo-elevation-6);
        transform: translateY(-3px);
    }

    [b-fkapqql5x1] .library-item:hover {
        transform: translateX(2px);
    }

    /* Show actions only on hover for desktop */
    [b-fkapqql5x1] .card-actions {
        opacity: 0;
    }

    [b-fkapqql5x1] .prompt-card:hover .card-actions {
        opacity: 1;
    }

    [b-fkapqql5x1] .library-actions {
        opacity: 0;
    }

    [b-fkapqql5x1] .library-item:hover .library-actions {
        opacity: 1;
    }

    /* Larger click targets for desktop */
    [b-fkapqql5x1] .library-item {
        padding: var(--kendo-spacing-4) var(--kendo-spacing-5);
    }
}

/* ==========================================================================
   Dark Theme Support
   ========================================================================== */

/* Dark theme overrides - minimal as we use CSS variables */
.k-theme-dark[b-fkapqql5x1] {
    /* Parameter highlighting adjustments for dark theme */
    :: deep .prompt-preview .parameter

{
    /* Ensure good contrast in dark mode */
    background: var(--kendo-color-info-subtle);
    color: var(--kendo-color-info-on-subtle);
}

/* Enhance card depth in dark mode */
[b-fkapqql5x1] .prompt-card {
    box-shadow: var(--kendo-elevation-2);
}

    [b-fkapqql5x1] .prompt-card:hover {
        box-shadow: var(--kendo-elevation-8);
    }

/* Adjust empty state opacity for dark theme */
[b-fkapqql5x1] .empty-state {
    opacity: 0.7;
}

/* Splitter is already subtle in dark theme, but ensure consistency */
[b-fkapqql5x1] .library-splitter .k-splitbar {
    opacity: 0.6;
}

    [b-fkapqql5x1] .library-splitter .k-splitbar:hover {
        opacity: 0.9;
    }

}

/* ==========================================================================
   Print Styles
   ========================================================================== */

@media print {
    /* Hide interactive elements */
    [b-fkapqql5x1] .system-selection-bar,
    [b-fkapqql5x1] .library-actions,
    [b-fkapqql5x1] .card-actions,
    [b-fkapqql5x1] .system-actions,
    [b-fkapqql5x1] .header-actions {
        display: none !important;
    }

    /* Optimize card layout for print */
    [b-fkapqql5x1] .prompt-card {
        break-inside: avoid;
        page-break-inside: avoid;
        box-shadow: none;
        border: 1px solid #000;
        margin-bottom: var(--kendo-spacing-4);
    }

    /* Single column for print */
    [b-fkapqql5x1] .templates-grid {
        display: block;
    }

    /* Expand preview for print */
    [b-fkapqql5x1] .prompt-preview {
        max-height: none;
    }

    /* Show all content */
    [b-fkapqql5x1] .library-splitter {
        display: block;
        height: auto !important;
    }

        [b-fkapqql5x1] .library-splitter .k-splitter-pane {
            display: block !important;
            height: auto !important;
            width: 100% !important;
        }
}

/* ==========================================================================
   Accessibility Enhancements
   ========================================================================== */

/* High contrast mode support */
@media (prefers-contrast: high) {
    [b-fkapqql5x1] .library-item.selected {
        outline: 2px solid;
        outline-offset: -2px;
    }

    [b-fkapqql5x1] .prompt-card {
        border-width: 2px;
    }

    [b-fkapqql5x1] .prompt-preview .parameter {
        outline: 1px solid;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    [b-fkapqql5x1] * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Focus visible for keyboard navigation */
[b-fkapqql5x1] :focus-visible {
    outline: 2px solid var(--kendo-color-primary);
    outline-offset: 2px;
}

/* ==========================================================================
   Performance Optimizations
   ========================================================================== */

/* Hardware acceleration for transforms */
[b-fkapqql5x1] .prompt-card,
[b-fkapqql5x1] .library-item {
    will-change: transform;
}

/* Optimize scrolling performance */
[b-fkapqql5x1] .library-list,
[b-fkapqql5x1] .templates-grid {
    -webkit-overflow-scrolling: touch;
    /* Contain layout for performance */
    contain: layout style;
}

/* ==========================================================================
   Utility Classes for Dynamic Styling
   ========================================================================== */

/* Loading state */
[b-fkapqql5x1] .loading-shimmer {
    background: linear-gradient( 90deg, var(--kendo-color-surface) 25%, var(--kendo-color-base-hover) 50%, var(--kendo-color-surface) 75% );
    background-size: 200% 100%;
    animation: shimmer-b-fkapqql5x1 1.5s infinite;
}

@keyframes shimmer-b-fkapqql5x1 {
    0% {
        background-position: -200% 0;
    }

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

/* Fade in animation for cards */
[b-fkapqql5x1] .prompt-card {
    animation: fadeIn-b-fkapqql5x1 0.3s ease-out;
}

@keyframes fadeIn-b-fkapqql5x1 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ==========================================================================
   Future Enhancement Hooks
   ========================================================================== */

/* 
   Reserved classes for future features:
   - .prompt-card--featured: For highlighting important prompts
   - .library-item--new: For indicating new libraries
   - .templates-grid--compact: For an even more compact view
   - .prompt-preview--expanded: For full preview mode
   
   These follow BEM naming conventions for maintainability
*/

/* End of Prompt Library Styles */
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/BallInCourt/Detail.razor.rz.scp.css */
body[b-5b8hpse2w0] {
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/BallInCourt/Index.razor.rz.scp.css */
body[b-xy40mh8gfe] {
}



:root[b-xy40mh8gfe] {
    --kendo-slider-alt-size: 64px;
    --kendo-slider-track-size: 64px;
}

.date-range-slider k-slider[b-xy40mh8gfe] {
    height: var(--kendo-slider-track-size);
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/CommCenter/Detail.razor.rz.scp.css */

.email-container[b-uppoledhxx] {
    width: 80%;
    margin: auto;
    height:calc(100vh - 360px);
    font-size:large;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 8px;
    overflow:auto;
}

.email-header[b-uppoledhxx] {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.email-body[b-uppoledhxx] {
    margin-bottom: 30px;
}

.email-footer[b-uppoledhxx] {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    text-align: center;
    color: #888;
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/Correspondence/Detail.razor.rz.scp.css */

/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/Correspondence/Index.razor.rz.scp.css */
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/Dashboards/Index.razor.rz.scp.css */
.container-fit[b-08utw1sgrp] {
    width: 100%;
    overflow: hidden; /* Clip only the image inside */
    margin-bottom: 20px; /* Create visual space between the image and the list */
}

    .container-fit img[b-08utw1sgrp] {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Ensures the image fills the container, even if cropped */
        object-position: center; /* Centers the image so the midpoint is always visible */
    }

/* Ensure the content container displays fully */
.content[b-08utw1sgrp] {
    overflow: visible;
    /* Additional styling for the list can go here */
}

ul[b-08utw1sgrp] {
    font-size: large;
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/DocumentManagement/FileWorkspaceManager.razor.rz.scp.css */


.splitter[b-olvhda9dev] {
    display: flex;
    flex-direction: row;        
}

.file-grid[b-olvhda9dev] {
    height: calc(100vh -120px)
}

.processing-indicator[b-olvhda9dev] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0;
    color: var(--kendo-color-primary);
}

.directory-path[b-olvhda9dev] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: stretch; /* Adjust the width as needed */
    color: rgba(128, 128, 128, 0.8); /* 80% opacity, 20% transparency */
    margin-bottom: 4px;
    margin-left: 8px;
    margin-right: 32px;
}
.right-click-enabled[b-olvhda9dev] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: stretch; /* Adjust the width as needed */
    color: rgba(128, 128, 128, 0.8); /* 80% opacity, 20% transparency */
    justify-content: right;
    text-align: right;
    margin-bottom: 4px;
    margin-left: 16px;
    margin-right: 8px;
}

/* Tiles View Container */
.tiles-view-container[b-olvhda9dev] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 270px);
    background-color: var(--kendo-color-surface);
}

/* Tiles Toolbar */
.tiles-toolbar[b-olvhda9dev] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 1rem;
    background-color: var(--kendo-color-surface-alt);
    border-bottom: 1px solid var(--kendo-color-border);
}

.tiles-toolbar-left[b-olvhda9dev],
.tiles-toolbar-right[b-olvhda9dev] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Tiles Header */
.tiles-header[b-olvhda9dev] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background-color: var(--kendo-color-surface);
    border-bottom: 1px solid var(--kendo-color-border);
}

.tiles-count[b-olvhda9dev] {
    color: var(--kendo-color-on-surface);
    opacity: 0.7;
    font-size: 0.875rem;
}

.tiles-sort-controls[b-olvhda9dev] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Tiles Content Wrapper */
.tiles-content-wrapper[b-olvhda9dev] {
    flex: 1;
    overflow: hidden;
    position: relative;
}

/* ListView Customization */
[b-olvhda9dev] .tiles-listview {
    height: 100%;
    background-color: var(--kendo-color-surface);
}

    [b-olvhda9dev] .tiles-listview .k-listview-content {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
        gap: 1rem;
        padding: 1rem;
        overflow-y: auto;
        height: calc(100% - 60px); /* Account for header */
    }

/* Tile Item */
.tile-item[b-olvhda9dev] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    background-color: var(--kendo-color-surface-alt);
    border: 2px solid transparent;
    border-radius: var(--kendo-border-radius-md);
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    position: relative;
    height: 180px;
}

    .tile-item:hover[b-olvhda9dev] {
        background-color: var(--kendo-color-base-hover);
        border-color: var(--kendo-color-primary);
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    .tile-item.tile-selected[b-olvhda9dev] {
        background-color: var(--kendo-color-primary-subtle);
        border-color: var(--kendo-color-primary);
    }

/* Dark theme adjustments */
.k-theme-dark .tile-item:hover[b-olvhda9dev] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Tile Icon Wrapper */
.tile-icon-wrapper[b-olvhda9dev] {
    position: relative;
    margin-bottom: 0.75rem;
}

    .tile-icon-wrapper[b-olvhda9dev]  .k-svg-icon {
        color: var(--kendo-color-primary);
    }

/* Selection Indicator */
.tile-selection-indicator[b-olvhda9dev] {
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: var(--kendo-color-primary);
    border-radius: 50%;
    padding: 2px;
}

    .tile-selection-indicator[b-olvhda9dev]  .k-svg-icon {
        color: var(--kendo-color-on-primary);
        width: 16px;
        height: 16px;
    }

/* Tile Content */
.tile-content[b-olvhda9dev] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
}

.tile-name[b-olvhda9dev] {
    font-weight: 500;
    color: var(--kendo-color-on-surface);
    margin-bottom: 0.25rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.875rem;
}

.tile-metadata[b-olvhda9dev] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: var(--kendo-color-on-surface);
    opacity: 0.7;
    margin-bottom: 0.25rem;
}

.tile-separator[b-olvhda9dev] {
    opacity: 0.5;
}

.tile-dates[b-olvhda9dev] {
    font-size: 0.6875rem;
    color: var(--kendo-color-on-surface);
    opacity: 0.6;
}

/* Tiles Footer */
.tiles-footer[b-olvhda9dev] {
    padding: 0.5rem 1rem;
    background-color: var(--kendo-color-surface-alt);
    border-top: 1px solid var(--kendo-color-border);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    [b-olvhda9dev] .tiles-listview .k-listview-content {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
        gap: 0.75rem;
        padding: 0.75rem;
    }

    .tile-item[b-olvhda9dev] {
        padding: 0.75rem;
        height: 160px;
    }
}

@media (max-width: 480px) {
    [b-olvhda9dev] .tiles-listview .k-listview-content {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 0.5rem;
        padding: 0.5rem;
    }

    .tile-item[b-olvhda9dev] {
        padding: 0.5rem;
        height: 140px;
    }

    .tile-name[b-olvhda9dev] {
        font-size: 0.75rem;
    }

    .tile-metadata[b-olvhda9dev] {
        font-size: 0.6875rem;
    }
}

/* Loading state for tiles */
.tile-item.loading[b-olvhda9dev] {
    opacity: 0.5;
    pointer-events: none;
}

/* Drag and drop support */
.tile-item.drag-over[b-olvhda9dev] {
    background-color: var(--kendo-color-primary-subtle);
    border-color: var(--kendo-color-primary);
    border-style: dashed;
}

/* Focus styles for accessibility */
.tile-item:focus[b-olvhda9dev] {
    outline: 2px solid var(--kendo-color-primary);
    outline-offset: 2px;
}

/* Animation for tile selection */
@keyframes tile-select-b-olvhda9dev {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.95);
    }

    100% {
        transform: scale(1);
    }
}

.tile-item.tile-selected[b-olvhda9dev] {
    animation: tile-select-b-olvhda9dev 0.2s ease-in-out;
}

/* Focus state for keyboard navigation */
.tiles-content-wrapper:focus[b-olvhda9dev] {
    outline: 2px solid var(--kendo-color-primary);
    outline-offset: -2px;
}

.tiles-content-wrapper:focus-visible[b-olvhda9dev] {
    outline: 2px solid var(--kendo-color-primary);
    outline-offset: -2px;
}

/* Enhanced selection state */
.tile-item.tile-selected[b-olvhda9dev] {
    background-color: var(--kendo-color-primary-subtle);
    border-color: var(--kendo-color-primary);
    box-shadow: 0 0 0 1px var(--kendo-color-primary) inset;
}

    /* Hover state when item is already selected */
    .tile-item.tile-selected:hover[b-olvhda9dev] {
        background-color: var(--kendo-color-primary-subtle-hover);
    }

/* Visual feedback for multi-select mode */
.tiles-listview[b-olvhda9dev] {
    user-select: none; /* Prevent text selection during multi-select */
}

    .tiles-listview .k-listview-content[b-olvhda9dev] {
        /* existing styles */
        position: relative;
    }

.tile-item[b-olvhda9dev] {
    /* existing styles */
    pointer-events: auto;
    position: relative;
    z-index: 1;
}

/* File icon column styling for compact view - using class selector for flexibility */
[b-olvhda9dev] .file-icon-column {
    padding: 0.25rem !important;
    text-align: center !important;
}

/* Target cells in the file icon column */
[b-olvhda9dev] .k-grid td.file-icon-column {
    padding: 0.25rem;
    text-align: center;
    vertical-align: middle;
}

/* Target header cells in the file icon column */
[b-olvhda9dev] .k-grid th.file-icon-column {
    padding: 0.25rem;
    text-align: center;
    vertical-align: middle;
}

/* Ensure icon content is centered and compact */
[b-olvhda9dev] .file-icon-column .k-svg-icon {
    vertical-align: middle;
    margin: 0;
    display: inline-block;
}

/* Remove any default margins/padding from the icon cell content */
[b-olvhda9dev] .file-icon-column > * {
    margin: 0;
    padding: 0;
}

/* Consistent icon sizing in the file icon column */
[b-olvhda9dev] .file-icon-column .k-svg-icon {
    width: 16px;
    height: 16px;
}

/* Optional: Add subtle hover effect for better UX */
[b-olvhda9dev] .k-grid tr:hover .file-icon-column .k-svg-icon {
    opacity: 0.8;
    transition: opacity 0.2s ease;
}

/* Optional: Different icon colors for folders vs files */
[b-olvhda9dev] .file-icon-column .k-svg-i-folder {
    color: var(--kendo-color-warning);
}

[b-olvhda9dev] .file-icon-column .k-svg-icon[class*="k-svg-i-file"] {
    color: var(--kendo-color-info);
}

/* Dark theme adjustments */
[b-olvhda9dev] .k-theme-dark .file-icon-column .k-svg-i-folder {
    color: var(--kendo-color-warning-lighter);
}

[b-olvhda9dev] .k-theme-dark .file-icon-column .k-svg-icon[class*="k-svg-i-file"] {
    color: var(--kendo-color-info-lighter);
}

/* AI Analysis Window Base Styles */
.ai-analysis-window[b-olvhda9dev] {
    --ai-border-radius: 8px;
    --ai-spacing-xs: 4px;
    --ai-spacing-sm: 8px;
    --ai-spacing-md: 16px;
    --ai-spacing-lg: 24px;
    --ai-spacing-xl: 32px;
    --ai-transition: all 0.2s ease;
}

/* Window Title Styling */
.ai-window-title[b-olvhda9dev] {
    display: flex;
    align-items: center;
    gap: var(--ai-spacing-sm);
    font-size: 1.125rem;
    font-weight: 600;
}

.ai-title-icon[b-olvhda9dev] {
    color: var(--kendo-color-primary);
}

.ai-title-metadata[b-olvhda9dev] {
    margin-left: auto;
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--kendo-color-subtle);
}

    .ai-title-metadata .separator[b-olvhda9dev] {
        margin: 0 var(--ai-spacing-xs);
        opacity: 0.5;
    }

/* Content Wrapper */
.ai-analysis-content-wrapper[b-olvhda9dev] {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

/* Processing Overlay */
.ai-processing-overlay[b-olvhda9dev] {
    position: absolute;
    inset: 0;
    background-color: var(--kendo-color-base-white);
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
}

:global(.k-dark) .ai-processing-overlay[b-olvhda9dev] {
    background-color: var(--kendo-color-base-black);
}

.ai-processing-content[b-olvhda9dev] {
    text-align: center;
    margin-top: var(--ai-spacing-lg);
}

.processing-title[b-olvhda9dev] {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: var(--ai-spacing-sm);
    color: var(--kendo-color-on-app-surface);
}

.processing-subtitle[b-olvhda9dev] {
    color: var(--kendo-color-subtle);
}

/* Tab Styling */
.ai-analysis-tabs[b-olvhda9dev] {
    height: 100%;
    border: none;
}

    .ai-analysis-tabs .k-tabstrip-items-wrapper[b-olvhda9dev] {
        background-color: var(--kendo-color-surface);
        border-bottom: 1px solid var(--kendo-color-border);
    }

.tab-header[b-olvhda9dev] {
    display: flex;
    align-items: center;
    gap: var(--ai-spacing-xs);
}

.ai-analysis-tabs .k-tabstrip-content[b-olvhda9dev] {
    height: calc(100% - 44px);
    padding: 0;
    overflow: hidden;
}

/* Analysis Container */
.ai-analysis-container[b-olvhda9dev],
.ai-digest-container[b-olvhda9dev] {
    height: 100%;
    overflow-y: auto;
    padding: var(--ai-spacing-lg);
    background-color: var(--kendo-color-base);
}

/* Error Message */
.ai-error-message[b-olvhda9dev] {
    display: flex;
    gap: var(--ai-spacing-md);
    padding: var(--ai-spacing-md);
    background-color: var(--kendo-color-error-subtle);
    border: 1px solid var(--kendo-color-error);
    border-radius: var(--ai-border-radius);
    color: var(--kendo-color-error-on-subtle);
}

    .ai-error-message .k-svg-icon[b-olvhda9dev] {
        color: var(--kendo-color-error);
        flex-shrink: 0;
    }

.error-content h4[b-olvhda9dev] {
    margin: 0 0 var(--ai-spacing-xs) 0;
    font-size: 1rem;
}

.error-content p[b-olvhda9dev] {
    margin: 0;
}

/* Report Styling */
.ai-analysis-report[b-olvhda9dev],
.ai-digest-report[b-olvhda9dev] {
    max-width: 1200px;
    margin: 0 auto;
}

.report-header[b-olvhda9dev] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--ai-spacing-lg);
    padding-bottom: var(--ai-spacing-md);
    border-bottom: 2px solid var(--kendo-color-border);
}

    .report-header h2[b-olvhda9dev] {
        margin: 0;
        font-size: 1.75rem;
        font-weight: 600;
        color: var(--kendo-color-on-app-surface);
    }

.report-metadata[b-olvhda9dev] {
    display: flex;
    align-items: center;
    gap: var(--ai-spacing-md);
    color: var(--kendo-color-subtle);
    font-size: 0.875rem;
}

.processing-time[b-olvhda9dev] {
    display: flex;
    align-items: center;
    gap: var(--ai-spacing-xs);
}

/* ... existing styles ... */

/* Updated Markdown Content Styling - Remove gray backgrounds */
.ai-response-markdown[b-olvhda9dev],
.digest-markdown[b-olvhda9dev] {
    line-height: 1.6;
    color: var(--kendo-color-on-app-surface);
    background-color: transparent !important;
    /* Prevent horizontal scrolling from long unbroken text */
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
}

    /* Ensure all child elements also handle long text properly */
    .ai-response-markdown *[b-olvhda9dev],
    .digest-markdown *[b-olvhda9dev] {
        background-color: transparent !important;
        word-wrap: break-word;
        word-break: break-word;
        overflow-wrap: break-word;
    }

    /* Update code blocks to handle overflow */
    .ai-response-markdown pre[b-olvhda9dev],
    .digest-markdown pre[b-olvhda9dev] {
        margin: var(--ai-spacing-md) 0;
        padding: var(--ai-spacing-md);
        background-color: var(--kendo-color-base-hover) !important;
        border: 1px solid var(--kendo-color-border);
        border-radius: var(--ai-border-radius);
        overflow-x: auto;
        max-width: 100%;
        /* Allow horizontal scroll only for code blocks */
        word-wrap: normal;
        word-break: normal;
    }

        /* Ensure pre/code blocks still allow horizontal scroll when needed */
        .ai-response-markdown pre code[b-olvhda9dev],
        .digest-markdown pre code[b-olvhda9dev] {
            padding: 0;
            background-color: transparent !important;
            border: none;
            white-space: pre;
            word-wrap: normal;
            word-break: normal;
        }

    /* Inline code should wrap */
    .ai-response-markdown code:not(pre code)[b-olvhda9dev],
    .digest-markdown code:not(pre code)[b-olvhda9dev] {
        padding: 2px 6px;
        background-color: var(--kendo-color-base-hover) !important;
        border-radius: 3px;
        font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
        font-size: 0.875em;
        color: var(--kendo-color-on-app-surface);
        border: 1px solid var(--kendo-color-border-alt);
        word-wrap: break-word;
        word-break: break-word;
    }

/* Ensure the parent containers don't add backgrounds */
.ai-analysis-container[b-olvhda9dev],
.ai-digest-container[b-olvhda9dev] {
    height: 100%;
    overflow-y: auto;
    padding: var(--ai-spacing-lg);
    background-color: transparent !important; /* Changed from var(--kendo-color-base) */
}

/* Make report containers transparent */
.ai-analysis-report[b-olvhda9dev],
.ai-digest-report[b-olvhda9dev] {
    max-width: 1200px;
    margin: 0 auto;
    background-color: transparent !important;
}

/* Remove background from all markdown child elements */
.ai-response-markdown *[b-olvhda9dev],
.digest-markdown *[b-olvhda9dev] {
    background-color: transparent !important;
}

/* Only add subtle backgrounds to specific elements that need them */
.ai-response-markdown code[b-olvhda9dev],
.digest-markdown code[b-olvhda9dev] {
    padding: 2px 6px;
    background-color: var(--kendo-color-base-hover) !important; /* Very subtle background */
    border-radius: 3px;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.875em;
    color: var(--kendo-color-on-app-surface);
    border: 1px solid var(--kendo-color-border-alt);
}

.ai-response-markdown pre[b-olvhda9dev],
.digest-markdown pre[b-olvhda9dev] {
    margin: var(--ai-spacing-md) 0;
    padding: var(--ai-spacing-md);
    background-color: var(--kendo-color-base-hover) !important; /* Subtle background */
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--ai-border-radius);
    overflow-x: auto;
}

    .ai-response-markdown pre code[b-olvhda9dev],
    .digest-markdown pre code[b-olvhda9dev] {
        padding: 0;
        background-color: transparent !important;
        border: none;
    }

/* Blockquotes with very subtle background */
.ai-response-markdown blockquote[b-olvhda9dev],
.digest-markdown blockquote[b-olvhda9dev] {
    margin: var(--ai-spacing-md) 0;
    padding: var(--ai-spacing-md);
    border-left: 4px solid var(--kendo-color-primary);
    background-color: var(--kendo-color-base-hover) !important; /* Very subtle */
    font-style: italic;
    color: var(--kendo-color-on-app-surface);
}

/* Tables with proper contrast */
.ai-response-markdown table[b-olvhda9dev],
.digest-markdown table[b-olvhda9dev] {
    width: 100%;
    margin: var(--ai-spacing-md) 0;
    border-collapse: collapse;
    background-color: transparent !important;
}

.ai-response-markdown th[b-olvhda9dev],
.digest-markdown th[b-olvhda9dev] {
    background-color: var(--kendo-color-base-hover) !important; /* Subtle header */
    font-weight: 600;
    color: var(--kendo-color-on-app-surface);
    padding: var(--ai-spacing-sm) var(--ai-spacing-md);
    border: 1px solid var(--kendo-color-border);
    text-align: left;
}

.ai-response-markdown td[b-olvhda9dev],
.digest-markdown td[b-olvhda9dev] {
    padding: var(--ai-spacing-sm) var(--ai-spacing-md);
    border: 1px solid var(--kendo-color-border);
    text-align: left;
    background-color: transparent !important;
    color: var(--kendo-color-on-app-surface);
}

.ai-response-markdown tr:nth-child(even) td[b-olvhda9dev],
.digest-markdown tr:nth-child(even) td[b-olvhda9dev] {
    background-color: var(--kendo-color-base-hover) !important; /* Very subtle stripe */
}

/* Dark Theme Specific Overrides */
:global(.k-dark) .ai-response-markdown code[b-olvhda9dev],
:global(.k-dark) .digest-markdown code[b-olvhda9dev] {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.1);
}

:global(.k-dark) .ai-response-markdown pre[b-olvhda9dev],
:global(.k-dark) .digest-markdown pre[b-olvhda9dev] {
    background-color: rgba(255, 255, 255, 0.03) !important;
    border-color: rgba(255, 255, 255, 0.1);
}

:global(.k-dark) .ai-response-markdown blockquote[b-olvhda9dev],
:global(.k-dark) .digest-markdown blockquote[b-olvhda9dev] {
    background-color: rgba(255, 255, 255, 0.02) !important;
    border-left-color: var(--kendo-color-primary-lighter);
}

:global(.k-dark) .ai-response-markdown th[b-olvhda9dev],
:global(.k-dark) .digest-markdown th[b-olvhda9dev] {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

:global(.k-dark) .ai-response-markdown tr:nth-child(even) td[b-olvhda9dev],
:global(.k-dark) .digest-markdown tr:nth-child(even) td[b-olvhda9dev] {
    background-color: rgba(255, 255, 255, 0.02) !important;
}

/* Ensure window content has transparent background */
.ai-analysis-window .k-window-content[b-olvhda9dev] {
    background-color: var(--kendo-color-base) !important; /* Clean window background */
}

/* Tab content should be transparent */
.ai-analysis-tabs .k-tabstrip-content[b-olvhda9dev] {
    background-color: transparent !important;
}

/* Override any theme-specific backgrounds that might leak through */
.ai-analysis-window .k-content[b-olvhda9dev],
.ai-analysis-window .k-tabstrip-items-wrapper[b-olvhda9dev] {
    background-color: var(--kendo-color-surface) !important; /* Tab header background */
}

/* Ensure rendered markdown content wrapper is transparent */
.rendered-markdown-content[b-olvhda9dev] {
    background-color: transparent !important;
}

/* Contributing Documents Section */
.contributing-documents-section[b-olvhda9dev] {
    margin-top: var(--ai-spacing-xl);
    padding-top: var(--ai-spacing-xl);
    border-top: 1px solid var(--kendo-color-border);
}

.section-title[b-olvhda9dev] {
    display: flex;
    align-items: center;
    gap: var(--ai-spacing-sm);
    margin-bottom: var(--ai-spacing-lg);
    font-size: 1.25rem;
    font-weight: 600;
}

.document-badge[b-olvhda9dev] {
    margin-left: auto;
    padding: 2px 8px;
    background-color: var(--kendo-color-primary);
    color: var(--kendo-color-on-primary);
    border-radius: 12px;
    font-size: 0.875rem;
    font-weight: 500;
}

.documents-grid-wrapper[b-olvhda9dev] {
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--ai-border-radius);
    overflow: hidden;
}

.contributing-documents-grid[b-olvhda9dev] {
    border: none;
}

    .contributing-documents-grid .k-grid-header[b-olvhda9dev] {
        background-color: var(--kendo-color-surface);
    }

.file-size[b-olvhda9dev] {
    font-family: monospace;
    font-size: 0.875rem;
}

.date-modified[b-olvhda9dev] {
    color: var(--kendo-color-subtle);
}

.tag-list[b-olvhda9dev] {
    display: flex;
    gap: var(--ai-spacing-xs);
    flex-wrap: wrap;
}

.document-tag[b-olvhda9dev] {
    display: inline-block;
    padding: 2px 8px;
    background-color: var(--kendo-color-base-hover);
    border-radius: 12px;
    font-size: 0.75rem;
    color: var(--kendo-color-on-app-surface);
}

.tag-more[b-olvhda9dev] {
    display: inline-block;
    padding: 2px 8px;
    color: var(--kendo-color-subtle);
    font-size: 0.75rem;
}

/* Contributing Documents Grid Toolbar */
.contributing-documents-toolbar[b-olvhda9dev] {
    display: flex;
    align-items: center;
    gap: var(--ai-spacing-sm);
    padding: var(--ai-spacing-sm);
    background-color: var(--kendo-color-surface);
    border-bottom: 1px solid var(--kendo-color-border);
}

.documents-selection-info[b-olvhda9dev] {
    margin-left: auto;
    font-size: 0.875rem;
    color: var(--kendo-color-subtle);
}

/* Empty States */
.ai-empty-state[b-olvhda9dev],
.no-documents-message[b-olvhda9dev] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    text-align: center;
    color: var(--kendo-color-subtle);
}

    .ai-empty-state .k-svg-icon[b-olvhda9dev],
    .no-documents-message .k-svg-icon[b-olvhda9dev] {
        margin-bottom: var(--ai-spacing-md);
        opacity: 0.5;
    }

    .ai-empty-state h3[b-olvhda9dev] {
        margin-bottom: var(--ai-spacing-sm);
        color: var(--kendo-color-on-app-surface);
    }

/* Footer Styling */
.ai-window-footer[b-olvhda9dev] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--ai-spacing-md);
    background-color: var(--kendo-color-surface);
    border-top: 1px solid var(--kendo-color-border);
}

.footer-left[b-olvhda9dev] {
    display: flex;
    align-items: center;
}

.ai-personalization-toggle[b-olvhda9dev] {
    display: flex;
    align-items: center;
    gap: var(--ai-spacing-sm);
}

.personalization-checkbox[b-olvhda9dev] {
    margin-right: var(--ai-spacing-xs);
}

.personalization-label[b-olvhda9dev] {
    display: flex;
    align-items: center;
    gap: var(--ai-spacing-xs);
    cursor: pointer;
    font-size: 0.875rem;
    color: var(--kendo-color-on-app-surface);
    transition: var(--ai-transition);
}

    .personalization-label:hover[b-olvhda9dev] {
        color: var(--kendo-color-primary);
    }

.footer-actions[b-olvhda9dev] {
    display: flex;
    gap: var(--ai-spacing-sm);
}

.footer-button[b-olvhda9dev] {
    min-width: 120px;
}

    .footer-button.primary[b-olvhda9dev] {
        font-weight: 600;
    }

/* Dark Theme Overrides */
:global(.k-dark) .ai-response-markdown blockquote[b-olvhda9dev],
:global(.k-dark) .digest-markdown blockquote[b-olvhda9dev] {
    background-color: var(--kendo-color-surface-alt);
    border-left-color: var(--kendo-color-primary-lighter);
}

:global(.k-dark) .document-tag[b-olvhda9dev] {
    background-color: var(--kendo-color-base-subtle);
}

/* Responsive Design */
@media (max-width: 768px) {
    .ai-window-title[b-olvhda9dev] {
        flex-wrap: wrap;
    }

    .ai-title-metadata[b-olvhda9dev] {
        margin-left: 0;
        margin-top: var(--ai-spacing-xs);
        width: 100%;
        font-size: 0.75rem;
    }

    .report-header[b-olvhda9dev] {
        flex-direction: column;
        align-items: flex-start;
    }

    .ai-window-footer[b-olvhda9dev] {
        flex-direction: column;
        gap: var(--ai-spacing-md);
    }

    .footer-left[b-olvhda9dev],
    .footer-actions[b-olvhda9dev] {
        width: 100%;
    }

    .footer-actions[b-olvhda9dev] {
        justify-content: flex-end;
    }
}

/* Print Styles */
@media print {
    .ai-analysis-tabs .k-tabstrip-items-wrapper[b-olvhda9dev],
    .ai-window-footer[b-olvhda9dev],
    .k-window-actions[b-olvhda9dev] {
        display: none !important;
    }

    .ai-analysis-container[b-olvhda9dev],
    .ai-digest-container[b-olvhda9dev] {
        padding: 0;
        overflow: visible;
    }

    .ai-response-markdown[b-olvhda9dev],
    .digest-markdown[b-olvhda9dev] {
        page-break-inside: avoid;
    }
}

/* Code Block Copy Button */
.copy-code-button[b-olvhda9dev] {
    position: absolute;
    top: var(--ai-spacing-sm);
    right: var(--ai-spacing-sm);
    padding: 4px 8px;
    background-color: var(--kendo-color-primary);
    color: var(--kendo-color-on-primary);
    border: none;
    border-radius: 4px;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.2s ease;
}

pre:hover .copy-code-button[b-olvhda9dev] {
    opacity: 1;
}

.copy-code-button:hover[b-olvhda9dev] {
    background-color: var(--kendo-color-primary-hover);
}

.copy-code-button:active[b-olvhda9dev] {
    transform: scale(0.95);
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/Financials/AccountingProjects/Index.razor.rz.scp.css */
body[b-il2boo7kdj] {
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/Financials/Accounts/Index.razor.rz.scp.css */
body[b-ex5j8z6kr9] {
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/Financials/Contracts/Detail.razor.rz.scp.css */
body[b-6hfynb2ykz] {
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/Financials/Contracts/Index.razor.rz.scp.css */
body[b-ba88u5wboi] {
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/Financials/Invoicing/Detail.razor.rz.scp.css */
body[b-yz6k16tws3] {
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/Financials/Invoicing/Index.razor.rz.scp.css */
body[b-1p2sjaxjfz] {
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/Financials/Jobs/Detail.razor.rz.scp.css */
body[b-t2eo2au45d] {
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/Financials/Jobs/Index.razor.rz.scp.css */
body[b-ry90mt56dc] {
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/Financials/PurchaseOrders/Detail.razor.rz.scp.css */
body[b-vhts9zbrhw] {
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/Financials/PurchaseOrders/Index.razor.rz.scp.css */
body[b-zkbzzv5n54] {
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/Financials/Vendors/Index.razor.rz.scp.css */
body[b-jjyun6yrby] {
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/MeetingSchedules/Calendar.razor.rz.scp.css */
/* Meeting Calendar Component Styles with Blazor CSS Isolation */
/* Using ::deep for CSS isolation compatibility */

/* Header Styles */
[b-sv9p6kjd75] .calendar-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

    [b-sv9p6kjd75] .calendar-header h3 {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin: 0;
        font-size: 1.5rem;
        font-weight: 500;
    }

[b-sv9p6kjd75] .header-subtitle {
    font-size: 0.875rem;
    opacity: 0.7;
    font-weight: normal;
}

/* Main Container */
[b-sv9p6kjd75] .meeting-calendar-container {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 180px);
    background: var(--kendo-color-surface);
    border-radius: var(--kendo-border-radius-lg);
    overflow: hidden;
    position: relative;
}

/* Controls Bar */
[b-sv9p6kjd75] .calendar-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: var(--kendo-color-surface-alt);
    border-bottom: 1px solid var(--kendo-color-border);
    gap: 1rem;
    flex-wrap: wrap;
    flex-shrink: 0;
}

[b-sv9p6kjd75] .controls-left,
[b-sv9p6kjd75] .controls-center,
[b-sv9p6kjd75] .controls-right {
    display: flex;
    align-items: center;
    gap: 1rem;
}

/* Add margin to account for side panel toggle */
[b-sv9p6kjd75] .controls-right {
    margin-right: 60px; /* Space for collapsed side panel toggle */
}

[b-sv9p6kjd75] .current-date-display {
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--kendo-color-on-app-surface);
    padding: 0 1rem;
}

/* Calendar Content Area */
[b-sv9p6kjd75] .calendar-content-area {
    flex: 1;
    display: flex;
    position: relative;
    overflow: hidden;
    min-height: 0;
}

/* Scheduler Wrapper */
[b-sv9p6kjd75] .scheduler-wrapper {
    flex: 1;
    position: relative;
    overflow: hidden;
    display: flex;
    min-width: 0;
}

/* Telerik Scheduler Customizations */
[b-sv9p6kjd75] .meeting-scheduler {
    flex: 1;
    border: none;
    width: 100%;
    height: 100%;
}

    [b-sv9p6kjd75] .meeting-scheduler .k-scheduler {
        border: none;
        height: 100%;
    }

    [b-sv9p6kjd75] .meeting-scheduler .k-scheduler-layout {
        border: none;
        height: 100%;
    }

    [b-sv9p6kjd75] .meeting-scheduler .k-scheduler-head {
        background: var(--kendo-color-surface-alt);
        border-bottom: 2px solid var(--kendo-color-border);
    }

    [b-sv9p6kjd75] .meeting-scheduler .k-scheduler-table {
        table-layout: fixed;
    }

        [b-sv9p6kjd75] .meeting-scheduler .k-scheduler-table td,
        [b-sv9p6kjd75] .meeting-scheduler .k-scheduler-table th {
            border-color: var(--kendo-color-border);
            position: relative;
        }

    [b-sv9p6kjd75] .meeting-scheduler .k-scheduler-content {
        overflow: auto;
    }

    [b-sv9p6kjd75] .meeting-scheduler .k-scheduler-datecolumn {
        background: var(--kendo-color-surface-alt);
        font-weight: 500;
    }

    [b-sv9p6kjd75] .meeting-scheduler .k-scheduler-times th {
        background: var(--kendo-color-surface-alt);
        font-size: 0.75rem;
        color: var(--kendo-color-subtle);
    }

    /* Fix for calendar cell alignment */
    [b-sv9p6kjd75] .meeting-scheduler .k-scheduler-monthview .k-scheduler-table td {
        vertical-align: top;
        height: auto;
        min-height: 80px;
    }

/* Event Templates */
[b-sv9p6kjd75] .meeting-event-template {
    padding: 0.25rem 0.5rem;
    border-radius: var(--kendo-border-radius-md);
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    position: relative;
}

    [b-sv9p6kjd75] .meeting-event-template:hover {
        transform: translateY(-1px);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        z-index: 10;
    }

[b-sv9p6kjd75] .event-time {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    opacity: 0.8;
}

[b-sv9p6kjd75] .event-title {
    font-weight: 500;
    font-size: 0.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
}

[b-sv9p6kjd75] .event-location {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    opacity: 0.7;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-sv9p6kjd75] .event-indicator {
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    opacity: 0.6;
}

/* All-Day Event Template */
[b-sv9p6kjd75] .all-day-event-template {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.5rem;
    border-radius: var(--kendo-border-radius-md);
    font-size: 0.875rem;
    font-weight: 500;
    height: 100%;
}

/* Event Status Classes */
[b-sv9p6kjd75] .meeting-event.current-meeting {
    border-left: 3px solid var(--kendo-color-success);
    background: linear-gradient(90deg, rgba(var(--kendo-color-success-rgb), 0.1) 0%, transparent 100%);
}

[b-sv9p6kjd75] .meeting-event.cancelled-meeting {
    opacity: 0.6;
    text-decoration: line-through;
}

[b-sv9p6kjd75] .meeting-event.has-attachments::after {
    content: "📎";
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    font-size: 0.75rem;
}

/* Side Panel */
[b-sv9p6kjd75] .side-panel {
    position: absolute;
    right: 0;
    top: 173px;
    height: calc(100% - 172px);
    background: var(--kendo-color-surface);
    border-left: 1px solid var(--kendo-color-border);
    transition: width 0.3s ease;
    z-index: 100;
    display: flex;
    flex-direction: column;
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);

}

    [b-sv9p6kjd75] .side-panel.expanded {
        width: 320px;
    }

    [b-sv9p6kjd75] .side-panel.collapsed {
        width: 24px;
        margin-right: 24px; /* Hide the panel when collapsed */
    }

[b-sv9p6kjd75] .panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0rem;
    border-bottom: 1px solid var(--kendo-color-border);
    background: var(--kendo-color-surface-alt);
    flex-shrink: 0;
}

    [b-sv9p6kjd75] .panel-header h4 {
        margin: 0;
        font-size: 1rem;
        display: none;
    }

[b-sv9p6kjd75] .side-panel.expanded .panel-header h4 {
    display: block;
}

[b-sv9p6kjd75] .panel-content {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

[b-sv9p6kjd75] .detail-section {
    margin-bottom: 1.5rem;
}

    [b-sv9p6kjd75] .detail-section h5 {
        margin: 0 0 0.5rem 0;
        font-size: 1.125rem;
        color: var(--kendo-color-on-app-surface);
    }

    [b-sv9p6kjd75] .detail-section label {
        display: block;
        font-size: 0.75rem;
        font-weight: 500;
        color: var(--kendo-color-subtle);
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin-bottom: 0.25rem;
    }

    [b-sv9p6kjd75] .detail-section p {
        margin: 0.25rem 0;
        color: var(--kendo-color-on-app-surface);
    }

[b-sv9p6kjd75] .detail-meta {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--kendo-color-subtle);
}

[b-sv9p6kjd75] .panel-actions {
    display: flex;
    gap: 0.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--kendo-color-border);
}

/* Status Chips */
[b-sv9p6kjd75] .chip-new {
    background: var(--kendo-color-info-subtle);
    color: var(--kendo-color-info-on-subtle);
}

[b-sv9p6kjd75] .chip-active {
    background: var(--kendo-color-success-subtle);
    color: var(--kendo-color-success-on-subtle);
}

[b-sv9p6kjd75] .chip-closed {
    background: var(--kendo-color-base-subtle);
    color: var(--kendo-color-on-base);
}

[b-sv9p6kjd75] .chip-cancelled {
    background: var(--kendo-color-error-subtle);
    color: var(--kendo-color-error-on-subtle);
}

/* Context Menu */
[b-sv9p6kjd75] .context-menu-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 1rem;
    min-width: 150px;
}

    [b-sv9p6kjd75] .context-menu-item:hover {
        background: var(--kendo-color-base-hover);
    }

/* Meeting Form Dialog */
[b-sv9p6kjd75] .meeting-form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0.5rem;
}

[b-sv9p6kjd75] .form-group {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

    [b-sv9p6kjd75] .form-group label {
        font-size: 0.875rem;
        font-weight: 500;
        color: var(--kendo-color-on-app-surface);
    }

[b-sv9p6kjd75] .form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

[b-sv9p6kjd75] .recurrence-options {
    padding: 1rem;
    background: var(--kendo-color-base);
    border-radius: var(--kendo-border-radius-md);
    margin-top: 0.5rem;
}

/* Loading State */
[b-sv9p6kjd75] .loading-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 1rem;
}

    [b-sv9p6kjd75] .loading-container p {
        color: var(--kendo-color-subtle);
        font-size: 0.875rem;
    }

/* Fix for scrollbar issues */
[b-sv9p6kjd75] .k-scheduler-layout {
    display: flex;
    flex-direction: column;
    height: 100%;
}

[b-sv9p6kjd75] .k-scheduler-content-wrap {
    flex: 1;
    min-height: 0;
    position: relative;
}

/* Prevent unnecessary scrollbars */
[b-sv9p6kjd75] .k-scheduler-monthview {
    overflow: hidden;
}

    [b-sv9p6kjd75] .k-scheduler-monthview .k-scheduler-content {
        overflow: auto;
    }

/* Responsive Design */
@media (max-width: 768px) {
    [b-sv9p6kjd75] .calendar-controls {
        flex-direction: column;
        align-items: stretch;
    }

    [b-sv9p6kjd75] .controls-left,
    [b-sv9p6kjd75] .controls-center,
    [b-sv9p6kjd75] .controls-right {
        justify-content: center;
    }

    [b-sv9p6kjd75] .controls-right {
        margin-right: 0; /* Remove margin on mobile */
    }

    [b-sv9p6kjd75] .side-panel.expanded {
        width: 100%;
        position: fixed;
    }

    [b-sv9p6kjd75] .current-date-display {
        font-size: 1rem;
    }

    [b-sv9p6kjd75] .meeting-calendar-container {
        height: calc(100vh - 120px);
    }
}

/* Dark Theme Overrides */
@media (prefers-color-scheme: dark) {
    [b-sv9p6kjd75] .meeting-calendar-container {
        background: var(--kendo-color-surface);
    }

    [b-sv9p6kjd75] .meeting-scheduler .k-scheduler-table {
        background: var(--kendo-color-surface);
    }

    [b-sv9p6kjd75] .meeting-scheduler .k-scheduler-nonwork {
        background: rgba(var(--kendo-color-base-rgb), 0.05);
    }

    [b-sv9p6kjd75] .meeting-event-template:hover {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    }

    [b-sv9p6kjd75] .side-panel {
        box-shadow: -2px 0 8px rgba(0, 0, 0, 0.3);
    }
}

/* Animations */
@keyframes slideIn-b-sv9p6kjd75 {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

[b-sv9p6kjd75] .side-panel.expanded {
    animation: slideIn-b-sv9p6kjd75 0.3s ease;
}

/* Print Styles */
@media print {
    [b-sv9p6kjd75] .calendar-controls,
    [b-sv9p6kjd75] .side-panel {
        display: none;
    }

    [b-sv9p6kjd75] .meeting-calendar-container {
        border: none;
        box-shadow: none;
        height: auto;
    }

    [b-sv9p6kjd75] .meeting-scheduler {
        height: auto !important;
    }

    [b-sv9p6kjd75] .calendar-content-area {
        height: auto;
        overflow: visible;
    }
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/MeetingSchedules/Index.razor.rz.scp.css */
body[b-0t9qw7o8kv] {
}



.hidden-form form[b-0t9qw7o8kv] {
    display: none;
}

div.modal-wizard[b-0t9qw7o8kv] {
    height: calc(80vh) !important;
    width: calc(100vw - 120px) !important;
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/Personalization/UserProfileDetail.razor.rz.scp.css */
[b-ljgni9gvsn] .profile-banner-compact {
    display: flex;
    align-items: center;
    gap: 1rem;
    height: 48px;
    padding: 0 1rem;
}

[b-ljgni9gvsn] .profile-avatar-mini {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--kendo-color-primary-subtle);
    border: 2px solid var(--kendo-color-primary);
    flex-shrink: 0;
}

    [b-ljgni9gvsn] .profile-avatar-mini img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

[b-ljgni9gvsn] .profile-info-compact {
    flex: 1;
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    min-width: 0;
}

[b-ljgni9gvsn] .profile-name-compact {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--kendo-color-on-surface);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-ljgni9gvsn] .profile-email-compact {
    color: var(--kendo-color-subtle);
    font-size: 0.875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-ljgni9gvsn] .profile-completion-chip {
    margin-left: auto;
    flex-shrink: 0;
}

/* Remove old banner styles */
[b-ljgni9gvsn] .profile-banner {
    display: none;
}

[b-ljgni9gvsn] .profile-avatar-section {
    display: none;
}

[b-ljgni9gvsn] .profile-avatar {
    display: none;
}

[b-ljgni9gvsn] .avatar-edit-btn {
    display: none;
}

[b-ljgni9gvsn] .profile-info {
    display: none;
}

[b-ljgni9gvsn] .profile-name {
    display: none;
}

[b-ljgni9gvsn] .profile-subtitle {
    display: none;
}

[b-ljgni9gvsn] .profile-email {
    display: none;
}

[b-ljgni9gvsn] .profile-status-chip {
    display: none;
}

/* Toolbar Styles */
[b-ljgni9gvsn] .profile-toolbar {
    border-bottom: 1px solid var(--kendo-color-border);
    background: var(--kendo-color-surface);
}

/* Content Area */
[b-ljgni9gvsn] .profile-content {
    height: calc(100vh - 320px);
    overflow-y: auto;
    padding: 1.5rem;
}

/* Tabs */
[b-ljgni9gvsn] .profile-tabs {
    height: 100%;
}

    [b-ljgni9gvsn] .profile-tabs .k-tabstrip-items-wrapper {
        background: var(--kendo-color-surface);
        border-bottom: 1px solid var(--kendo-color-border);
    }

    [b-ljgni9gvsn] .profile-tabs .k-tabstrip-content {
        height: calc(100% - 48px);
        overflow-y: auto;
        background: transparent;
    }

[b-ljgni9gvsn] .tab-content {
    padding: 1.5rem;
    max-width: 1200px;
}

/* Form Groups */
[b-ljgni9gvsn] .k-form-group {
    margin-bottom: 2rem;
    background: var(--kendo-color-surface);
    border-radius: var(--kendo-border-radius-lg);
    padding: 1.5rem;
    border: 1px solid var(--kendo-color-border);
}

[b-ljgni9gvsn] .k-form-group-label {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--kendo-color-on-surface);
}

/* Persona Selection */
[b-ljgni9gvsn] .persona-selection {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

[b-ljgni9gvsn] .persona-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

[b-ljgni9gvsn] .persona-chip {
    cursor: pointer;
    transition: all 0.2s ease;
}

    [b-ljgni9gvsn] .persona-chip:hover {
        transform: translateY(-2px);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    [b-ljgni9gvsn] .persona-chip.k-chip-selected {
        background: var(--kendo-color-primary);
        color: var(--kendo-color-on-primary);
    }

/* Notification Settings */
[b-ljgni9gvsn] .notification-settings {
    padding: 0.75rem 0;
}

    [b-ljgni9gvsn] .notification-settings .k-switch-label-on,
    [b-ljgni9gvsn] .notification-settings .k-switch-label-off {
        min-width: 200px;
    }

/* Security Info */
[b-ljgni9gvsn] .security-info {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

[b-ljgni9gvsn] .info-row {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.5rem 0;
}

[b-ljgni9gvsn] .info-label {
    font-weight: 500;
    min-width: 150px;
    color: var(--kendo-color-subtle);
}

[b-ljgni9gvsn] .info-value {
    color: var(--kendo-color-on-surface);
}

/* Data Actions */
[b-ljgni9gvsn] .data-actions {
    display: flex;
    gap: 1rem;
    padding: 1rem 0;
}

/* Avatar Upload */
[b-ljgni9gvsn] .avatar-upload {
    padding: 1rem;
}

/* AI Insights */
[b-ljgni9gvsn] .ai-insights {
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-ljgni9gvsn] .insights-content {
    padding: 1rem;
}

    [b-ljgni9gvsn] .insights-content h3,
    [b-ljgni9gvsn] .insights-content h4 {
        color: var(--kendo-color-primary);
        margin-bottom: 0.75rem;
    }

    [b-ljgni9gvsn] .insights-content ul {
        list-style: none;
        padding: 0;
    }

    [b-ljgni9gvsn] .insights-content li {
        padding: 0.5rem 0;
        border-bottom: 1px solid var(--kendo-color-border);
    }

        [b-ljgni9gvsn] .insights-content li:last-child {
            border-bottom: none;
        }

/* Delete Warning */
[b-ljgni9gvsn] .delete-warning {
    text-align: center;
    padding: 2rem;
}

    [b-ljgni9gvsn] .delete-warning p {
        margin: 1rem 0;
        color: var(--kendo-color-error);
    }

/* Profile Actions */
[b-ljgni9gvsn] .profile-actions {
    display: flex;
    gap: 1rem;
    padding: 1.5rem;
    border-top: 1px solid var(--kendo-color-border);
    background: var(--kendo-color-surface);
    justify-content: flex-end;
    position: sticky;
    bottom: 0;
    z-index: 10;
}

/* Dark Theme Overrides */
@media (prefers-color-scheme: dark) {
    [b-ljgni9gvsn] .profile-banner {
        background: var(--kendo-color-surface);
    }

    [b-ljgni9gvsn] .profile-avatar {
        background: var(--kendo-color-base);
    }

    [b-ljgni9gvsn] .k-form-group {
        background: var(--kendo-color-base);
    }

    [b-ljgni9gvsn] .profile-content {
        background: var(--kendo-color-surface);
    }
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    [b-ljgni9gvsn] .profile-banner {
        flex-direction: column;
        text-align: center;
    }

    [b-ljgni9gvsn] .profile-avatar-section {
        margin: 0 auto;
    }

    [b-ljgni9gvsn] .profile-subtitle {
        justify-content: center;
    }

    [b-ljgni9gvsn] .data-actions {
        flex-direction: column;
    }

    [b-ljgni9gvsn] .persona-chips {
        justify-content: center;
    }
}

/* Compact Mode */
.form-body-container-compact[b-ljgni9gvsn]  .profile-content {
    padding: 1rem;
}

.form-body-container-compact[b-ljgni9gvsn]  .k-form-group {
    padding: 1rem;
    margin-bottom: 1rem;
}

.form-body-container-compact[b-ljgni9gvsn]  .tab-content {
    padding: 1rem;
}

/* Animation Classes */
@keyframes pulse-b-ljgni9gvsn {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

[b-ljgni9gvsn] .profile-status-chip {
    animation: pulse-b-ljgni9gvsn 2s infinite;
}

/* Tooltip Styling */
[b-ljgni9gvsn] .k-tooltip {
    background: var(--kendo-color-primary);
    color: var(--kendo-color-on-primary);
    border-radius: var(--kendo-border-radius-md);
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
}


/* AI Assistant Prompt Text Area Styling */
[b-ljgni9gvsn] .ai-prompt-textarea {
    font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', monospace;
    font-size: 0.875rem;
    line-height: 1.5;
    min-height: 150px;
    max-height: 400px;
    resize: vertical;
    padding: 0.75rem;
    border-radius: var(--kendo-border-radius-md);
    transition: all 0.2s ease;
}

    [b-ljgni9gvsn] .ai-prompt-textarea:focus {
        box-shadow: 0 0 0 2px rgba(var(--kendo-color-primary-rgb), 0.2);
        border-color: var(--kendo-color-primary);
    }

    [b-ljgni9gvsn] .ai-prompt-textarea::placeholder {
        color: var(--kendo-color-subtle);
        font-style: italic;
        opacity: 0.7;
    }

/* Prompt field footer with character count and actions */
[b-ljgni9gvsn] .prompt-field-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--kendo-color-border-alt);
    font-size: 0.75rem;
}

[b-ljgni9gvsn] .character-info {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

[b-ljgni9gvsn] .char-count {
    color: var(--kendo-color-subtle);
    font-weight: 500;
}

[b-ljgni9gvsn] .char-warning {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--kendo-color-warning);
    font-weight: 500;
}

[b-ljgni9gvsn] .prompt-actions {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

/* Enhanced form item styling for AI prompt field */
[b-ljgni9gvsn] .k-form-field-wrap:has(.ai-prompt-textarea) {
    grid-column: span 2;
}

    [b-ljgni9gvsn] .k-form-field-wrap:has(.ai-prompt-textarea) .k-form-label {
        font-weight: 600;
        color: var(--kendo-color-on-app-surface);
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

        [b-ljgni9gvsn] .k-form-field-wrap:has(.ai-prompt-textarea) .k-form-label::before {
            content: "🤖";
            font-size: 1rem;
        }

    [b-ljgni9gvsn] .k-form-field-wrap:has(.ai-prompt-textarea) .k-form-hint {
        color: var(--kendo-color-subtle);
        font-style: italic;
        margin-top: 0.25rem;
        font-size: 0.875rem;
    }

/* Responsive adjustments */
@media (max-width: 768px) {
    [b-ljgni9gvsn] .prompt-field-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    [b-ljgni9gvsn] .prompt-actions {
        align-self: flex-end;
    }

    [b-ljgni9gvsn] .ai-prompt-textarea {
        font-size: 1rem; /* Better for mobile */
        min-height: 120px;
    }
}

/* Dark theme specific adjustments */
@media (prefers-color-scheme: dark) {
    [b-ljgni9gvsn] .ai-prompt-textarea {
        background-color: var(--kendo-color-base);
        color: var(--kendo-color-on-base);
    }

    [b-ljgni9gvsn] .char-warning {
        color: var(--kendo-color-warning-emphasis);
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    [b-ljgni9gvsn] .ai-prompt-textarea {
        border-width: 2px;
    }

        [b-ljgni9gvsn] .ai-prompt-textarea:focus {
            border-width: 3px;
            box-shadow: none;
        }
}

/* Animation for smooth transitions */
[b-ljgni9gvsn] .ai-prompt-textarea {
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

    /* Custom scrollbar styling for webkit browsers */
    [b-ljgni9gvsn] .ai-prompt-textarea::-webkit-scrollbar {
        width: 8px;
    }

    [b-ljgni9gvsn] .ai-prompt-textarea::-webkit-scrollbar-track {
        background: var(--kendo-color-base-hover);
        border-radius: 4px;
    }

    [b-ljgni9gvsn] .ai-prompt-textarea::-webkit-scrollbar-thumb {
        background: var(--kendo-color-border);
        border-radius: 4px;
    }

        [b-ljgni9gvsn] .ai-prompt-textarea::-webkit-scrollbar-thumb:hover {
            background: var(--kendo-color-border-alt);
        }

.ai-prompt-help[b-ljgni9gvsn] {
    background: var(--kendo-color-surface-alt, #f8f9fa);
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: var(--kendo-border-radius-md, 4px);
    padding: 16px;
    margin-bottom: 16px;
}

.help-header[b-ljgni9gvsn] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.help-icon[b-ljgni9gvsn] {
    color: var(--kendo-color-primary, #0078d4);
    flex-shrink: 0;
}

.help-title[b-ljgni9gvsn] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--kendo-color-on-app-surface, #323130);
}

.help-intro[b-ljgni9gvsn] {
    margin: 0 0 12px 0;
    color: var(--kendo-color-on-app-surface, #323130);
    line-height: 1.4;
}

.help-expandable[b-ljgni9gvsn] {
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}

    .help-expandable.collapsed[b-ljgni9gvsn] {
        max-height: 0;
    }

    .help-expandable.expanded[b-ljgni9gvsn] {
        max-height: 2000px;
    }

.help-full-content[b-ljgni9gvsn] {
    padding-top: 8px;
}

    .help-full-content h5[b-ljgni9gvsn] {
        margin: 16px 0 8px 0;
        font-size: 13px;
        font-weight: 600;
        color: var(--kendo-color-primary, #0078d4);
    }

    .help-full-content h6[b-ljgni9gvsn] {
        margin: 12px 0 6px 0;
        font-size: 12px;
        font-weight: 600;
        color: var(--kendo-color-on-app-surface, #323130);
    }

    .help-full-content p[b-ljgni9gvsn] {
        margin: 0 0 12px 0;
        line-height: 1.4;
        color: var(--kendo-color-on-app-surface, #323130);
    }

.help-list[b-ljgni9gvsn] {
    margin: 8px 0 12px 20px;
    padding: 0;
}

    .help-list li[b-ljgni9gvsn] {
        margin-bottom: 6px;
        line-height: 1.4;
        color: var(--kendo-color-on-app-surface, #323130);
    }

.example-comparison[b-ljgni9gvsn] {
    margin: 12px 0;
}

.example-generic[b-ljgni9gvsn],
.example-specialized[b-ljgni9gvsn] {
    margin-bottom: 16px;
}

.example-comparison blockquote[b-ljgni9gvsn] {
    margin: 6px 0 0 0;
    padding: 12px;
    background: var(--kendo-color-surface, #ffffff);
    border-left: 3px solid var(--kendo-color-border, #dee2e6);
    font-style: italic;
    color: var(--kendo-color-subtle, #605e5c);
}

.example-specialized blockquote[b-ljgni9gvsn] {
    border-left-color: var(--kendo-color-success, #107c10);
}

.help-bottom-line[b-ljgni9gvsn] {
    background: var(--kendo-color-primary-lighter, #f3f9ff);
    border: 1px solid var(--kendo-color-primary-subtle, #c7e0f4);
    border-radius: var(--kendo-border-radius-sm, 2px);
    padding: 12px;
    margin: 16px 0 0 0;
    font-size: 13px;
    line-height: 1.4;
}

.help-toggle[b-ljgni9gvsn] {
    margin-top: 8px;
}

    .help-toggle .k-button-text[b-ljgni9gvsn] {
        font-size: 12px;
    }
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/Requests/Index.razor.rz.scp.css */
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/Search/Index.razor.rz.scp.css */
body[b-j5a72ohlbv] {
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Pages/Modules/Submittals/Detail.razor.rz.scp.css */
/* _content/WSP.PCT.PIMSuite.UX/Components/Shared/AIAgentConsole.razor.rz.scp.css */
.ai-agent-console[b-7n9vcli85f] {
    height: 100%;
    width: 100%;
    display: flex;
    background: var(--kendo-color-surface);
}

.chat-container[b-7n9vcli85f] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.chat-header[b-7n9vcli85f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
    border-bottom: 1px solid var(--kendo-color-border);
    background: var(--kendo-color-surface-alt);
}

.chat-title[b-7n9vcli85f] {
    flex: 0 0 auto;
    font-weight: 600;
    font-size: 1.1rem;
}

/* New header controls section */
.chat-header-controls[b-7n9vcli85f] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    justify-content: flex-end;
}

/* System selector wrapper */
.system-selector-wrapper[b-7n9vcli85f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.ai-system-dropdown[b-7n9vcli85f] {
    min-width: 180px;
}

/* Prompt picker wrapper */
.prompt-picker-wrapper[b-7n9vcli85f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.prompt-template-dropdown[b-7n9vcli85f] {
    min-width: 200px;
}

/* Prompt dropdown item styling */
[b-7n9vcli85f] .prompt-group-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    font-weight: 600;
    background: var(--kendo-color-base-200);
    color: var(--kendo-color-on-app-surface);
    border-bottom: 1px solid var(--kendo-color-border);
    pointer-events: none;
}

[b-7n9vcli85f] .prompt-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    [b-7n9vcli85f] .prompt-item:hover {
        background: var(--kendo-color-base-hover);
    }

/* Non-selectable prompt items */
[b-7n9vcli85f] .k-list-item.k-disabled .prompt-item {
    cursor: default;
    opacity: 0.6;
    font-style: italic;
}

    [b-7n9vcli85f] .k-list-item.k-disabled .prompt-item:hover {
        background: transparent;
    }

.chat-messages[b-7n9vcli85f] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    background: var(--kendo-color-surface);
}

.message-item[b-7n9vcli85f] {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    animation: fadeIn-b-7n9vcli85f 0.3s ease-in;
}

.user-message[b-7n9vcli85f] {
    flex-direction: row-reverse;
}

.message-avatar[b-7n9vcli85f] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--kendo-color-primary);
    color: var(--kendo-color-on-primary);
}

.ai-message .message-avatar[b-7n9vcli85f] {
    background: var(--kendo-gradient-primary-mirror);
}

.message-content[b-7n9vcli85f] {
    flex: 1;
    max-width: 70%;
}

.user-message .message-content[b-7n9vcli85f] {
    text-align: right;
}

.message-header[b-7n9vcli85f] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
    color: var(--kendo-color-subtle);
}

.user-message .message-header[b-7n9vcli85f] {
    justify-content: flex-end;
}

.message-text[b-7n9vcli85f] {
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    background: var(--kendo-color-base-200);
    word-wrap: break-word;
}

.user-message .message-text[b-7n9vcli85f] {
    background: var(--kendo-color-primary);
    color: var(--kendo-color-on-primary);
}

/* Markdown styles for AI messages */
[b-7n9vcli85f] .message-text.markdown-content {
    line-height: 1.6;
}

    [b-7n9vcli85f] .message-text.markdown-content h1,
    [b-7n9vcli85f] .message-text.markdown-content h2,
    [b-7n9vcli85f] .message-text.markdown-content h3,
    [b-7n9vcli85f] .message-text.markdown-content h4,
    [b-7n9vcli85f] .message-text.markdown-content h5,
    [b-7n9vcli85f] .message-text.markdown-content h6 {
        margin-top: 1em;
        margin-bottom: 0.5em;
        font-weight: 600;
        line-height: 1.25;
    }

    [b-7n9vcli85f] .message-text.markdown-content h1 {
        font-size: 1.5em;
    }

    [b-7n9vcli85f] .message-text.markdown-content h2 {
        font-size: 1.3em;
    }

    [b-7n9vcli85f] .message-text.markdown-content h3 {
        font-size: 1.1em;
    }

    [b-7n9vcli85f] .message-text.markdown-content p {
        margin-top: 0;
        margin-bottom: 0.75em;
    }

        [b-7n9vcli85f] .message-text.markdown-content p:last-child {
            margin-bottom: 0;
        }

    [b-7n9vcli85f] .message-text.markdown-content code {
        background-color: rgba(0, 0, 0, 0.08);
        padding: 0.2em 0.4em;
        border-radius: 3px;
        font-family: 'Courier New', Courier, monospace;
        font-size: 0.85em;
    }

    [b-7n9vcli85f] .message-text.markdown-content pre {
        background-color: rgba(0, 0, 0, 0.05);
        padding: 0.75em;
        border-radius: 6px;
        overflow-x: auto;
        margin: 0.75em 0;
    }

        [b-7n9vcli85f] .message-text.markdown-content pre code {
            background-color: transparent;
            padding: 0;
            font-size: 0.85em;
        }

    [b-7n9vcli85f] .message-text.markdown-content blockquote {
        border-left: 3px solid var(--kendo-color-primary);
        margin: 0.75em 0;
        padding-left: 0.75em;
        color: inherit;
        opacity: 0.8;
    }

    [b-7n9vcli85f] .message-text.markdown-content ul,
    [b-7n9vcli85f] .message-text.markdown-content ol {
        margin: 0.5em 0;
        padding-left: 1.5em;
    }

    [b-7n9vcli85f] .message-text.markdown-content li {
        margin-bottom: 0.25em;
    }

    [b-7n9vcli85f] .message-text.markdown-content table {
        border-collapse: collapse;
        width: 100%;
        margin: 0.75em 0;
    }

        [b-7n9vcli85f] .message-text.markdown-content table th,
        [b-7n9vcli85f] .message-text.markdown-content table td {
            border: 1px solid var(--kendo-color-border);
            padding: 0.5em;
            text-align: left;
        }

        [b-7n9vcli85f] .message-text.markdown-content table th {
            background-color: rgba(0, 0, 0, 0.05);
            font-weight: 600;
        }

    [b-7n9vcli85f] .message-text.markdown-content hr {
        border: 0;
        border-top: 1px solid var(--kendo-color-border);
        margin: 1em 0;
    }

    [b-7n9vcli85f] .message-text.markdown-content a {
        color: var(--kendo-color-primary);
        text-decoration: underline;
    }

        [b-7n9vcli85f] .message-text.markdown-content a:hover {
            text-decoration: none;
        }

    [b-7n9vcli85f] .message-text.markdown-content strong {
        font-weight: 600;
    }

    [b-7n9vcli85f] .message-text.markdown-content em {
        font-style: italic;
    }

.message-attachments[b-7n9vcli85f] {
    margin-top: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.user-message .message-attachments[b-7n9vcli85f] {
    justify-content: flex-end;
}

/* Enhanced chat input container - ChatGPT style */
.chat-input-container[b-7n9vcli85f] {
    border-top: 1px solid var(--kendo-color-border);
    padding: 1rem 1.5rem 1.5rem;
    background: var(--kendo-color-surface);
}

.processing-indicator[b-7n9vcli85f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0;
    color: var(--kendo-color-primary);
}

/* Modernized chat input wrapper */
.chat-input-wrapper[b-7n9vcli85f] {
    position: relative;
    display: flex;
    align-items: flex-end;
    gap: 0;
    background: var(--kendo-color-surface);
    border: 1px solid var(--kendo-color-border);
    border-radius: 1.5rem;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

    .chat-input-wrapper:focus-within[b-7n9vcli85f] {
        border-color: var(--kendo-color-primary);
        box-shadow: 0 2px 12px rgba(var(--kendo-color-primary-rgb), 0.15);
    }

.chat-quick-actions[b-7n9vcli85f] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-shrink: 0;
    align-self: flex-end;
    padding-bottom: 0.25rem;
}

.chat-divider[b-7n9vcli85f] {
    width: 1px;
    height: 1.5rem;
    background: var(--kendo-color-border);
    margin: 0 0.25rem;
}

.chat-input-field[b-7n9vcli85f] {
    flex: 1;
    min-width: 0;
    position: relative;
}

/* Auto-sizing textarea with CSS */
[b-7n9vcli85f] .chat-input-field .chat-textarea-auto {
    background: transparent;
    border: none;
    padding: 0.5rem 0;
    resize: none;
    min-height: 48px; /* Reduced from 72px */
    max-height: 144px; /* 6 rows */
    overflow-y: auto;
    transition: height 0.1s ease;
    font-size: 0.9375rem;
    line-height: 1.5;
}

    [b-7n9vcli85f] .chat-input-field .chat-textarea-auto:focus {
        box-shadow: none;
        outline: none;
    }

/* Ensure the textarea wrapper also follows the constraints */
[b-7n9vcli85f] .chat-input-field .k-textarea {
    background: transparent;
    border: none;
}

/* Handle the actual textarea element inside Telerik wrapper */
[b-7n9vcli85f] .chat-input-field .k-input-inner {
    min-height: 48px;
    max-height: 144px;
    overflow-y: auto;
    resize: none;
    scrollbar-width: thin;
}

/* Bottom actions section - right aligned */
.chat-bottom-actions[b-7n9vcli85f] {
    position: absolute;
    bottom: 0.5rem;
    right: 3.5rem; /* Space for send button */
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Prominent send button - ChatGPT style */
.chat-action-buttons[b-7n9vcli85f] {
    display: flex;
    align-items: center;
    gap: 0;
    flex-shrink: 0;
    align-self: flex-end;
}

[b-7n9vcli85f] .chat-action-buttons .k-button-primary {
    width: 36px;
    height: 36px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--kendo-color-primary);
    border: none;
    transition: all 0.2s ease;
}

    [b-7n9vcli85f] .chat-action-buttons .k-button-primary:not(.k-disabled):hover {
        background: var(--kendo-color-primary-hover);
        transform: scale(1.05);
    }

    [b-7n9vcli85f] .chat-action-buttons .k-button-primary.k-disabled {
        opacity: 0.4;
        cursor: not-allowed;
    }

/* Subtle secondary controls */
[b-7n9vcli85f] .chat-bottom-actions .k-button {
    background: transparent;
    border: none;
    color: var(--kendo-color-subtle);
    padding: 0.375rem;
    min-width: auto;
}

    [b-7n9vcli85f] .chat-bottom-actions .k-button:hover {
        background: var(--kendo-color-base-hover);
        color: var(--kendo-color-on-app-surface);
    }

[b-7n9vcli85f] .chat-bottom-actions .k-toggle-button {
    background: transparent;
    border: 1px solid transparent;
    color: var(--kendo-color-subtle);
    padding: 0.25rem 0.5rem;
    font-size: 0.8125rem;
}

    [b-7n9vcli85f] .chat-bottom-actions .k-toggle-button.k-selected {
        background: var(--kendo-color-primary-subtle);
        border-color: var(--kendo-color-primary);
        color: var(--kendo-color-primary);
    }

.chat-model-indicator[b-7n9vcli85f] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border-radius: var(--kendo-border-radius-md);
    background: var(--kendo-color-base-subtle);
    font-size: 0.75rem;
    color: var(--kendo-color-subtle);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .chat-model-indicator:hover[b-7n9vcli85f] {
        background: var(--kendo-color-base-hover);
    }

.chat-upload-button .k-upload[b-7n9vcli85f] {
    display: inline-block;
    width: 720px;
}

.chat-upload-button .k-upload-button[b-7n9vcli85f] {
    display: none;
}

.chat-upload-button .k-upload-files[b-7n9vcli85f] {
    display: none;
}

.pending-files.compact[b-7n9vcli85f] {
    margin-top: 0.5rem;
    padding: 0.5rem;
    background: var(--kendo-color-base-100);
    border-radius: var(--kendo-border-radius-md);
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.tool-pane[b-7n9vcli85f] {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: var(--kendo-color-surface-alt);
}

.tool-header[b-7n9vcli85f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
    border-bottom: 1px solid var(--kendo-color-border);
}

.tool-title[b-7n9vcli85f] {
    flex: 1;
    font-weight: 600;
}

.tool-content[b-7n9vcli85f] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

/* Active state for deep reasoning button */
.deep-reasoning-active[b-7n9vcli85f] {
    background: var(--kendo-color-primary);
    color: var(--kendo-color-on-primary);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .chat-quick-actions[b-7n9vcli85f] {
        display: none;
    }

    .chat-model-indicator[b-7n9vcli85f] {
        display: none;
    }

    .chat-header-controls[b-7n9vcli85f] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    .system-selector-wrapper[b-7n9vcli85f],
    .prompt-picker-wrapper[b-7n9vcli85f] {
        width: 100%;
    }

    .ai-system-dropdown[b-7n9vcli85f],
    .prompt-template-dropdown[b-7n9vcli85f] {
        width: 100%;
    }

    .chat-input-wrapper[b-7n9vcli85f] {
        border-radius: 1.25rem;
    }

    .chat-bottom-actions[b-7n9vcli85f] {
        position: static;
        margin-top: 0.5rem;
        justify-content: flex-end;
    }
}

@keyframes fadeIn-b-7n9vcli85f {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Dark theme adjustments */
.k-theme-dark .message-text[b-7n9vcli85f] {
    background: var(--kendo-color-base-700);
}

.k-theme-dark .user-message .message-text[b-7n9vcli85f] {
    background: var(--kendo-color-primary);
    color: var(--kendo-color-on-primary);
}

.k-theme-dark .chat-input-wrapper[b-7n9vcli85f] {
    background: var(--kendo-color-base-800);
    border-color: var(--kendo-color-border);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

    .k-theme-dark .chat-input-wrapper:focus-within[b-7n9vcli85f] {
        border-color: var(--kendo-color-primary);
        box-shadow: 0 2px 12px rgba(var(--kendo-color-primary-rgb), 0.25);
    }

.k-theme-dark .chat-model-indicator[b-7n9vcli85f] {
    background: var(--kendo-color-base-700);
}

.k-theme-dark[b-7n9vcli85f]  .prompt-group-header {
    background: var(--kendo-color-base-700);
    border-color: var(--kendo-color-border);
}

.k-theme-dark[b-7n9vcli85f]  .prompt-item:hover {
    background: var(--kendo-color-base-600);
}

/* Dark theme for textarea */
.k-theme-dark[b-7n9vcli85f]  .chat-input-field .chat-textarea-auto,
.k-theme-dark[b-7n9vcli85f]  .chat-input-field .k-textarea,
.k-theme-dark[b-7n9vcli85f]  .chat-input-field .k-input-inner {
    background: transparent;
    color: var(--kendo-color-on-app-surface);
}

/* Dark theme markdown adjustments */
.k-theme-dark[b-7n9vcli85f]  .message-text.markdown-content code {
    background-color: rgba(255, 255, 255, 0.1);
}

.k-theme-dark[b-7n9vcli85f]  .message-text.markdown-content pre {
    background-color: rgba(255, 255, 255, 0.05);
}

.k-theme-dark[b-7n9vcli85f]  .message-text.markdown-content table th {
    background-color: rgba(255, 255, 255, 0.05);
}

/* Prompt preview dialog styles */
[b-7n9vcli85f] .prompt-preview-dialog {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1rem;
}

[b-7n9vcli85f] .preview-parameters {
    background: var(--kendo-color-base-subtle);
    border-radius: var(--kendo-border-radius-md);
    padding: 1rem;
}

    [b-7n9vcli85f] .preview-parameters h5 {
        margin: 0 0 1rem 0;
        color: var(--kendo-color-on-app-surface);
    }

[b-7n9vcli85f] .parameter-input {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

    [b-7n9vcli85f] .parameter-input:last-child {
        margin-bottom: 0;
    }

    [b-7n9vcli85f] .parameter-input label {
        font-weight: 500;
        color: var(--kendo-color-subtle);
        font-size: 0.875rem;
    }

[b-7n9vcli85f] .preview-output {
    flex: 1;
    display: flex;
    flex-direction: column;
}

    [b-7n9vcli85f] .preview-output h5 {
        margin: 0 0 1rem 0;
        color: var(--kendo-color-on-app-surface);
    }

[b-7n9vcli85f] .rendered-prompt {
    flex: 1;
    background: var(--kendo-color-base);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-md);
    padding: 1rem;
    font-family: var(--kendo-font-family-monospace, 'SF Mono', Monaco, 'Cascadia Code', Consolas, monospace);
    font-size: 0.875rem;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-y: auto;
    max-height: 300px;
}

/* Dark theme support for preview dialog */
.k-theme-dark[b-7n9vcli85f]  .preview-parameters {
    background: var(--kendo-color-base-700);
}

.k-theme-dark[b-7n9vcli85f]  .rendered-prompt {
    background: var(--kendo-color-base-800);
    border-color: var(--kendo-color-border);
    color: var(--kendo-color-on-app-surface);
}

/* Settings Dialog styling*/
/* Base layout and structure */
.ai-settings-landscape-dialog .k-window-titlebar[b-7n9vcli85f] {
    padding: 0.75rem 1rem;
}

.ai-settings-landscape-dialog .k-window-content[b-7n9vcli85f] {
    padding: 0;
    overflow: hidden;
}

.ai-settings-container[b-7n9vcli85f] {
    display: flex;
    height: 100%;
}

.settings-column[b-7n9vcli85f] {
    flex: 0 0 38%;
    padding: 1.25rem;
    overflow-y: auto;
    border-right: 1px solid var(--kendo-color-border);
    background: var(--kendo-color-surface);
}

.visualization-column[b-7n9vcli85f] {
    flex: 1;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    background: var(--kendo-color-surface-alt);
    min-width: 0;
}

/* Form sections */
.form-section[b-7n9vcli85f] {
    margin-bottom: 1.25rem;
}

.form-label[b-7n9vcli85f] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--kendo-color-on-surface);
    font-size: 0.875rem;
}

/* Slider styling */
.slider-container[b-7n9vcli85f] {
    margin-top: 0.5rem;
}

.slider-header[b-7n9vcli85f] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 0.5rem;
}

.slider-subtitle[b-7n9vcli85f] {
    font-size: 0.75rem;
    color: var(--kendo-color-subtle);
}

.slider-value[b-7n9vcli85f] {
    font-weight: 600;
    font-size: 0.875rem;
}

.zone-info[b-7n9vcli85f] {
    padding: 0.625rem 0.875rem;
    background: var(--kendo-color-base);
    border-radius: var(--kendo-border-radius-md);
    margin-top: 0.75rem;
    border-left: 3px solid var(--kendo-color-primary);
}

.zone-label[b-7n9vcli85f] {
    font-weight: 600;
    color: var(--kendo-color-on-surface);
    margin-bottom: 0.25rem;
    font-size: 0.8125rem;
}

.zone-description[b-7n9vcli85f] {
    font-size: 0.75rem;
    color: var(--kendo-color-subtle);
    line-height: 1.4;
}

.response-size-zone[b-7n9vcli85f] {
    border-left-color: var(--kendo-color-info);
}

.info-text[b-7n9vcli85f] {
    font-size: 0.6875rem;
    color: var(--kendo-color-subtle);
    margin-top: 0.375rem;
}

.persona-textarea[b-7n9vcli85f] {
    min-height: 100px;
}

/* Heat map visualization */
.heat-map-container[b-7n9vcli85f] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.heat-map-title[b-7n9vcli85f] {
    font-weight: 600;
    margin-bottom: 0.75rem;
    color: var(--kendo-color-on-surface);
    font-size: 1rem;
    margin-top: -24px;
}

.heat-map-wrapper[b-7n9vcli85f] {
    flex: 1;
    display: flex;
    align-items: stretch;
    min-height: 300px;
    position: relative;
}

.axis-label-container[b-7n9vcli85f] {
    display: flex;
    flex-direction: column;
}

    .axis-label-container.y-axis[b-7n9vcli85f] {
        position: relative;
        width: 96px;
        padding-right: 1rem;
        justify-content: space-between;
    }

    .axis-label-container.x-axis[b-7n9vcli85f] {
        margin-top: .25rem;
    }

.axis-title[b-7n9vcli85f] {
    font-weight: 600;
    color: var(--kendo-color-on-surface);
    font-size: 0.8125rem;
    white-space: nowrap;
}

.y-axis .axis-title[b-7n9vcli85f] {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: rotate(-90deg) translateY(-50%);
    transform-origin: center center;
    width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.x-axis .axis-title[b-7n9vcli85f] {
    text-align: center;
    margin-top: 0.5rem;
}

.y-axis .axis-labels[b-7n9vcli85f] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    margin-left: 2rem;
}

.x-axis .axis-labels[b-7n9vcli85f] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.axis-label[b-7n9vcli85f] {
    font-size: 0.6875rem;
    font-weight: 500;
    color: var(--kendo-color-subtle);
    padding: 0.25rem 0;
    text-align: right;
    white-space: nowrap;
}

.x-axis .axis-label[b-7n9vcli85f] {
    text-align: center;
    padding: 0.25rem;
}

.heat-map-grid-container[b-7n9vcli85f] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.heat-map[b-7n9vcli85f] {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(5, 1fr);
    gap: 1px;
    background: var(--kendo-color-border);
    border: 1px solid var(--kendo-color-border);
}

.heat-cell[b-7n9vcli85f] {
    position: relative;
    background: var(--kendo-color-surface);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0.375rem;
    cursor: pointer;
    transition: all 0.2s ease;
    overflow: hidden;
    min-height: 0;
}

    .heat-cell:hover[b-7n9vcli85f] {
        transform: scale(1.05);
        z-index: 10;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .heat-cell.current[b-7n9vcli85f] {
        box-shadow: inset 0 0 0 2px var(--kendo-color-primary);
        z-index: 5;
    }

.cell-text[b-7n9vcli85f] {
    font-weight: var(--cell-font-weight, 400);
    font-size: var(--cell-font-size, 0.625rem);
    position: relative;
    z-index: 1;
    line-height: 1.2;
    word-break: break-word;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}

/* Current behavior display */
.current-behavior[b-7n9vcli85f] {
    margin-top: 1rem;
    padding: 0.875rem;
    background: var(--kendo-color-base);
    border-radius: var(--kendo-border-radius-md);
    border: 1px solid var(--kendo-color-border);
}

.current-behavior-header[b-7n9vcli85f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.current-behavior-title[b-7n9vcli85f] {
    font-weight: 600;
    color: var(--kendo-color-on-surface);
    font-size: 0.875rem;
}

.response-length-badge[b-7n9vcli85f] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.625rem;
    background: var(--kendo-color-info-subtle);
    color: var(--kendo-color-info-on-subtle);
    border-radius: var(--kendo-border-radius-md);
    font-size: 0.6875rem;
    font-weight: 500;
}

.current-behavior-text[b-7n9vcli85f] {
    color: var(--kendo-color-subtle);
    font-size: 0.75rem;
    line-height: 1.4;
}

/* Tooltip styling */
.heat-cell-tooltip[b-7n9vcli85f] {
    padding: 0.625rem;
    max-width: 280px;
}

.tooltip-title[b-7n9vcli85f] {
    font-weight: 600;
    margin-bottom: 0.375rem;
    font-size: 0.8125rem;
}

.tooltip-description[b-7n9vcli85f] {
    font-size: 0.75rem;
    margin-bottom: 0.625rem;
    line-height: 1.4;
    color: var(--kendo-color-subtle);
}

.tooltip-info[b-7n9vcli85f] {
    display: flex;
    gap: 0.375rem;
    font-size: 0.6875rem;
    padding-top: 0.375rem;
    border-top: 1px solid var(--kendo-color-border);
}

.tooltip-label[b-7n9vcli85f] {
    font-weight: 500;
}

.tooltip-value[b-7n9vcli85f] {
    color: var(--kendo-color-primary);
    font-weight: 600;
}

/* Theme-aware slider gradients */
.temperature-slider .k-slider-track-wrapper .k-slider-track[b-7n9vcli85f] {
    background: linear-gradient(90deg, var(--kendo-color-info) 0%, var(--kendo-color-primary) 50%, var(--kendo-color-warning) 100%);
    opacity: 0.8;
}

.top-p-slider .k-slider-track-wrapper .k-slider-track[b-7n9vcli85f] {
    background: linear-gradient(90deg, var(--kendo-color-success) 0%, var(--kendo-color-primary) 50%, var(--kendo-color-error) 100%);
    opacity: 0.8;
}

.token-slider .k-slider-track-wrapper .k-slider-track[b-7n9vcli85f] {
    background: linear-gradient(90deg, var(--kendo-color-tertiary) 0%, var(--kendo-color-primary) 50%, var(--kendo-color-secondary) 100%);
    opacity: 0.8;
}

/* Responsive adjustments */
@media (max-width: 1400px) {
    .settings-column[b-7n9vcli85f] {
        flex: 0 0 42%;
    }

    .axis-label-container.y-axis[b-7n9vcli85f] {
        width: 85px;
    }

    .axis-label[b-7n9vcli85f] {
        font-size: 0.625rem;
    }

    .cell-text[b-7n9vcli85f] {
        font-size: var(--cell-font-size, 0.5625rem);
    }
}

@media (max-width: 1200px) {
    .form-section[b-7n9vcli85f] {
        margin-bottom: 1rem;
    }

    .settings-column[b-7n9vcli85f] {
        padding: 1rem;
    }

    .visualization-column[b-7n9vcli85f] {
        padding: 1rem;
    }

    .persona-textarea[b-7n9vcli85f] {
        min-height: 80px;
    }
}

/* Dark theme specific adjustments */
.k-theme-dark .heat-cell[b-7n9vcli85f],
[data-theme="dark"] .heat-cell[b-7n9vcli85f] {
    background-blend-mode: screen;
}

.k-theme-dark .cell-text[b-7n9vcli85f],
[data-theme="dark"] .cell-text[b-7n9vcli85f] {
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

.k-theme-dark .heat-cell.current[b-7n9vcli85f],
[data-theme="dark"] .heat-cell.current[b-7n9vcli85f] {
    box-shadow: inset 0 0 0 2px var(--kendo-color-primary-hover);
}

.k-theme-dark .response-length-badge[b-7n9vcli85f],
[data-theme="dark"] .response-length-badge[b-7n9vcli85f] {
    background: var(--kendo-color-info-subtle);
    color: var(--kendo-color-on-app-surface);
}

/* High opacity cells in dark theme need better contrast */
.k-theme-dark .heat-cell[style*="opacity: 0.8"][b-7n9vcli85f],
.k-theme-dark .heat-cell[style*="opacity: 0.9"][b-7n9vcli85f],
.k-theme-dark .heat-cell[style*="opacity: 1"][b-7n9vcli85f],
[data-theme="dark"] .heat-cell[style*="opacity: 0.8"][b-7n9vcli85f],
[data-theme="dark"] .heat-cell[style*="opacity: 0.9"][b-7n9vcli85f],
[data-theme="dark"] .heat-cell[style*="opacity: 1"][b-7n9vcli85f] {
    color: white !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}

@media (prefers-color-scheme: dark) {
    .heat-cell[b-7n9vcli85f] {
        background-blend-mode: screen;
    }

    .cell-text[b-7n9vcli85f] {
        text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    }

    .heat-cell.current[b-7n9vcli85f] {
        box-shadow: inset 0 0 0 2px var(--kendo-color-primary-hover);
    }

    .response-length-badge[b-7n9vcli85f] {
        background: var(--kendo-color-info-subtle);
        color: var(--kendo-color-on-app-surface);
    }

    /* High opacity cells in dark theme need better contrast */
    .heat-cell[style*="opacity: 0.8"][b-7n9vcli85f],
    .heat-cell[style*="opacity: 0.9"][b-7n9vcli85f],
    .heat-cell[style*="opacity: 1"][b-7n9vcli85f] {
        color: white !important;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
    }
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Shared/AIAgentItemDisplay.razor.rz.scp.css */
.item-display[b-he9kd10e2s] {
    height: 100%;
    padding: 1rem;
}

.preview-image[b-he9kd10e2s] {
    max-width: 100%;
    height: auto;
    margin-top: 1rem;
}

.preview-pdf[b-he9kd10e2s] {
    width: 100%;
    height: 600px;
    border: none;
    margin-top: 1rem;
}

.generic-item-display pre[b-he9kd10e2s] {
    background: var(--kendo-color-base-200);
    padding: 1rem;
    border-radius: 0.25rem;
    overflow: auto;
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Shared/AIAgentKnowledgeLibraryPicker.razor.rz.scp.css */
.knowledge-library-picker[b-0v2uet96qu] {
    display: flex;
    flex-direction: column;
    height: calc(100% - 4px);
    background: var(--kendo-color-surface);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-md);
}

.picker-header[b-0v2uet96qu] {
    padding: 1rem;
    border-bottom: 1px solid var(--kendo-color-border);
    background: var(--kendo-color-surface-alt);
}

    .picker-header h4[b-0v2uet96qu] {
        margin: 0;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

.picker-subtitle[b-0v2uet96qu] {
    font-size: 0.875rem;
    color: var(--kendo-color-subtle);
    margin-top: 0.25rem;
    display: block;
}

.picker-toolbar[b-0v2uet96qu] {
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border-bottom: 1px solid var(--kendo-color-border);
}

.picker-stats[b-0v2uet96qu] {
    margin-left: auto;
    font-size: 0.875rem;
    color: var(--kendo-color-subtle);
}

.picker-content[b-0v2uet96qu] {
    flex: 1;
    overflow-y: auto;
    min-height: 300px;
}

.list-header[b-0v2uet96qu] {
    padding: 0.75rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--kendo-color-base-200);
    font-weight: 600;
}

.workspace-item[b-0v2uet96qu] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid var(--kendo-color-border);
    transition: background-color 0.2s ease;
}

    .workspace-item:hover[b-0v2uet96qu] {
        background: var(--kendo-color-base-100);
    }

    .workspace-item.selected[b-0v2uet96qu] {
        background: var(--kendo-color-primary-subtle);
    }

.workspace-checkbox[b-0v2uet96qu] {
    flex-shrink: 0;
}

.workspace-icon[b-0v2uet96qu] {
    flex-shrink: 0;
    color: var(--kendo-color-primary);
}

.workspace-details[b-0v2uet96qu] {
    flex: 1;
    min-width: 0;
}

.workspace-name[b-0v2uet96qu] {
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.workspace-description[b-0v2uet96qu] {
    font-size: 0.875rem;
    color: var(--kendo-color-subtle);
    margin-bottom: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workspace-metadata[b-0v2uet96qu] {
    display: flex;
    gap: 1rem;
    font-size: 0.75rem;
    color: var(--kendo-color-subtle);
}

.metadata-item[b-0v2uet96qu] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.workspace-actions[b-0v2uet96qu] {
    flex-shrink: 0;
}

.picker-footer[b-0v2uet96qu] {
    padding: 1rem;
    border-top: 1px solid var(--kendo-color-border);
    background: var(--kendo-color-surface-alt);
}

.selection-summary[b-0v2uet96qu] {
    font-size: 0.875rem;
    color: var(--kendo-color-subtle);
    text-align: center;
}

.empty-state[b-0v2uet96qu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    text-align: center;
    color: var(--kendo-color-subtle);
}

    .empty-state p[b-0v2uet96qu] {
        margin: 1rem 0;
    }

/* Filter Dialog Styles */
.filter-options[b-0v2uet96qu] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.filter-group[b-0v2uet96qu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .filter-group label[b-0v2uet96qu] {
        font-weight: 600;
        font-size: 0.875rem;
    }

/* Details Window Styles */
.workspace-details-view[b-0v2uet96qu] {
    height: 100%;
}

.details-section[b-0v2uet96qu] {
    padding: 1rem;
}

    .details-section h5[b-0v2uet96qu] {
        margin-top: 0;
        margin-bottom: 1rem;
        color: var(--kendo-color-primary);
    }

    .details-section dl[b-0v2uet96qu] {
        display: grid;
        grid-template-columns: 150px 1fr;
        gap: 0.5rem 1rem;
        margin: 0;
    }

    .details-section dt[b-0v2uet96qu] {
        font-weight: 600;
        color: var(--kendo-color-subtle);
    }

    .details-section dd[b-0v2uet96qu] {
        margin: 0;
    }

/* Dark theme adjustments */
.k-theme-dark .workspace-item:hover[b-0v2uet96qu] {
    background: var(--kendo-color-base-700);
}

.k-theme-dark .workspace-item.selected[b-0v2uet96qu] {
    background: var(--kendo-color-primary-hover);
}

.k-theme-dark .list-header[b-0v2uet96qu] {
    background: var(--kendo-color-base-700);
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Shared/AIAgentPluginList.razor.rz.scp.css */
body[b-ssfidpllc0] {
}

.ai-plugin-list[b-ssfidpllc0] {
    display: flex;
    flex-direction: column;
    height: calc(100% - 8px);
    background-color: var(--kendo-color-surface);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-md);
}

.plugin-header[b-ssfidpllc0] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--kendo-color-border);
    background-color: var(--kendo-color-surface-alt);
}

.plugin-header h4[b-ssfidpllc0] {
    margin: 0 0 0.5rem 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--kendo-color-on-app-surface);
}

.plugin-subtitle[b-ssfidpllc0] {
    color: var(--kendo-color-subtle);
    font-size: 0.875rem;
}

.plugin-toolbar[b-ssfidpllc0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--kendo-color-border);
    background-color: var(--kendo-color-app-surface);
}

.plugin-stats[b-ssfidpllc0] {
    margin-left: auto;
    color: var(--kendo-color-subtle);
    font-size: 0.875rem;
}

.plugin-content[b-ssfidpllc0] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

.empty-state[b-ssfidpllc0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    text-align: center;
    color: var(--kendo-color-subtle);
}

.empty-state p[b-ssfidpllc0] {
    margin: 1rem 0;
}

.plugin-card[b-ssfidpllc0] {
    margin-bottom: 1rem;
    transition: all 0.2s ease;
}

.plugin-card.enabled[b-ssfidpllc0] {
    border-color: var(--kendo-color-primary);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.plugin-card.disabled[b-ssfidpllc0] {
    opacity: 0.8;
}

.plugin-card-header[b-ssfidpllc0] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.plugin-toggle[b-ssfidpllc0] {
    flex-shrink: 0;
}

.plugin-title[b-ssfidpllc0] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.plugin-title h5[b-ssfidpllc0] {
    margin: 0;
    color: var(--kendo-color-on-app-surface);
}

.plugin-description[b-ssfidpllc0] {
    color: var(--kendo-color-subtle);
    font-size: 0.875rem;
    margin-left: 0.5rem;
}

.plugin-actions[b-ssfidpllc0] {
    flex-shrink: 0;
}

.plugin-metadata[b-ssfidpllc0] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.plugin-functions[b-ssfidpllc0] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--kendo-color-border);
    overflow: visible;
    min-height: 100px;
}

.plugin-functions.expanded[b-ssfidpllc0] {
    animation: expandDown-b-ssfidpllc0 0.3s ease-out;
}

@keyframes expandDown-b-ssfidpllc0 {
    from {
        opacity: 0;
        max-height: 0;
    }
    to {
        opacity: 1;
        max-height: 1000px;
    }
}

.plugin-functions-grid[b-ssfidpllc0] {
    min-height: 200px;
}

.plugin-functions-grid .k-grid[b-ssfidpllc0] {
    border: none;
}

.plugin-functions-grid .k-grid-content[b-ssfidpllc0] {
    min-height: 150px;
}

.function-name[b-ssfidpllc0] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.parameter-tooltip[b-ssfidpllc0] {
    padding: 0.5rem;
    max-width: 400px;
}

.parameter-detail[b-ssfidpllc0] {
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--kendo-color-border-alt);
}

.parameter-detail:last-child[b-ssfidpllc0] {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.param-type[b-ssfidpllc0] {
    color: var(--kendo-color-primary);
    font-family: 'Cascadia Code', 'Consolas', monospace;
    font-size: 0.875rem;
    margin-left: 0.5rem;
}

.param-desc[b-ssfidpllc0] {
    color: var(--kendo-color-subtle);
    font-size: 0.875rem;
}

.return-type[b-ssfidpllc0] {
    color: var(--kendo-color-primary);
    font-family: 'Cascadia Code', 'Consolas', monospace;
    font-size: 0.875rem;
}

.no-functions[b-ssfidpllc0] {
    text-align: center;
    color: var(--kendo-color-subtle);
    padding: 2rem;
    margin: 0;
}

.plugin-footer[b-ssfidpllc0] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--kendo-color-border);
    background-color: var(--kendo-color-surface-alt);
}

.selection-summary[b-ssfidpllc0] {
    color: var(--kendo-color-subtle);
    font-size: 0.875rem;
}

/* Filter Dialog Styles */
.filter-options[b-ssfidpllc0] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.filter-group[b-ssfidpllc0] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.filter-group label[b-ssfidpllc0] {
    font-weight: 600;
    color: var(--kendo-color-on-app-surface);
    font-size: 0.875rem;
}

/* Grid customizations */
.k-grid-header[b-ssfidpllc0] {
    background-color: var(--kendo-color-surface-alt);
}

.k-grid td[b-ssfidpllc0] {
    vertical-align: middle;
}

/* Animation support */
.k-animation-container[b-ssfidpllc0] {
    overflow: visible !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .plugin-card-header[b-ssfidpllc0] {
        flex-direction: column;
        align-items: stretch;
    }

    .plugin-title[b-ssfidpllc0] {
        margin-top: 0.5rem;
    }

    .plugin-toolbar[b-ssfidpllc0] {
        flex-wrap: wrap;
    }

    .plugin-stats[b-ssfidpllc0] {
        width: 100%;
        margin-top: 0.5rem;
        text-align: center;
    }
}

/* Dark theme support */
@media (prefers-color-scheme: dark) {
    .plugin-card.enabled[b-ssfidpllc0] {
        background-color: rgba(var(--kendo-color-primary-rgb), 0.1);
    }
}

/* Hover effects */
.plugin-card:hover[b-ssfidpllc0] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Loading state */
.k-loader-container[b-ssfidpllc0] {
    min-height: 200px;
}

/* Truncated description styling */
.truncated-description[b-ssfidpllc0] {
    display: inline-block;
    cursor: help;
    position: relative;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-color: var(--kendo-color-subtle);
    text-underline-offset: 3px;
}

.truncated-description:hover[b-ssfidpllc0] {
    text-decoration-color: var(--kendo-color-primary);
}

/* E-reader style tooltip */
.description-tooltip[b-ssfidpllc0] {
    /* Typography */
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif;
    font-size: 0.9375rem;
    line-height: 1.6;
    letter-spacing: 0.01em;
    text-align: left;
    
    /* Spacing */
    padding: 1.25rem 1.5rem;
    max-width: 600px;
    
    /* Colors - High contrast for readability */
    background-color: var(--kendo-color-app-surface);
    color: var(--kendo-color-on-app-surface);
    
    /* Border and shadow for depth */
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-md);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12),
                0 2px 4px rgba(0, 0, 0, 0.08);
}

/* Enhanced readability with subtle background */
.description-tooltip[b-ssfidpllc0]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(var(--kendo-color-primary-rgb), 0.02) 100%
    );
    border-radius: inherit;
    pointer-events: none;
}

/* Dark theme adjustments */
@media (prefers-color-scheme: dark) {
    .description-tooltip[b-ssfidpllc0] {
        /* Slightly warmer background for reduced eye strain */
        background-color: color-mix(in srgb, var(--kendo-color-app-surface) 98%, #fff4e6 2%);
        
        /* Stronger shadow for better separation */
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3),
                    0 2px 4px rgba(0, 0, 0, 0.2),
                    inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }
    
    .description-tooltip[b-ssfidpllc0]::before {
        background: linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0.02) 0%,
            transparent 100%
        );
    }
}

/* Focus visible for accessibility */
.truncated-description:focus-visible[b-ssfidpllc0] {
    outline: 2px solid var(--kendo-color-primary);
    outline-offset: 2px;
    border-radius: 2px;
}

/* Ensure tooltip appears above other elements */
.k-animation-container .k-tooltip[b-ssfidpllc0] {
    z-index: 10002;
}

/* Smooth text rendering */
.description-tooltip[b-ssfidpllc0] {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Optional: Add reading mode indicator */
.description-tooltip[b-ssfidpllc0]::after {
    content: '';
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    width: 6px;
    height: 6px;
    background-color: var(--kendo-color-success);
    border-radius: 50%;
    opacity: 0.6;
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Shared/AuthenticationRequiredContent.razor.rz.scp.css */
body[b-qqebwhzatg] {
}


/* Define base colors for the light theme */
:root[b-qqebwhzatg] {
    --bg-color: #ffffff;
    --text-color: #333333;
    --accent-color: #007acc;
    --card-bg: #f8f8f8;
}

/* Switch to dark theme based on user's preference */
@media (prefers-color-scheme: dark) {
    : root[b-qqebwhzatg] {
        --bg-color: #121212;
        --text-color: #e0e0e0;
        --accent-color: #82aaff;
        --card-bg: #1e1e1e;
    }
}

/* Global styles for a clean, centered layout */
body[b-qqebwhzatg] {
    background-color: var(--bg-color);
    color: var(--text-color);
    margin: 0;
    padding: 0;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    display: flex;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
}

/* The access denied card container */
.access-denied-container[b-qqebwhzatg] {
    max-width: 500px;
    width: 90%;
    padding: 2rem;
    background-color: var(--card-bg);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    text-align: center;
    margin-bottom:48px;
}

    /* Heading styling */
    .access-denied-container h1[b-qqebwhzatg] {
        font-size: 2rem;
        margin-bottom: 0.5rem;
    }

    /* Informative text styling */
    .access-denied-container p[b-qqebwhzatg] {
        font-size: 1.125rem;
        margin-bottom: 1.5rem;
        line-height: 1.6;
    }

    /* Login button style */
    .access-denied-container a[b-qqebwhzatg] {
        text-decoration: none;
        background-color: var(--accent-color);
        color: var(--bg-color);
        padding: 0.75rem 1.5rem;
        border-radius: 4px;
        font-size: 1rem;
        transition: background-color 0.3s ease, filter 0.3s ease;
    }

        .access-denied-container a:hover[b-qqebwhzatg] {
            filter: brightness(90%);
        }
/* _content/WSP.PCT.PIMSuite.UX/Components/Shared/BICModulePopUp.razor.rz.scp.css */
body[b-sqd6qr7t7q] {
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Shared/JournalEntriesList.razor.rz.scp.css */
/* JournalEntries.razor.css */

/* Container for the overall journal entries list */
.journal-entries[b-iwuawh6xq1] {
    margin: 1rem;
    padding: 0;
    overflow-y: auto;
}

/* Base journal entry styling using Kendo card conventions */
.journal-entry[b-iwuawh6xq1] {
    margin-bottom: 1rem;
    /* Use a Kendo-like card style */
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

    /* Mimic a Kendo card header */
    .journal-entry .card-header[b-iwuawh6xq1],
    .journal-entry .k-card-header[b-iwuawh6xq1] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.75rem 1rem;
        background-color: #f9f9f9;
        border-bottom: 1px solid #e0e0e0;
        font-size: 1.1rem;
        font-weight: 600;
    }

    /* Mimic a Kendo card body */
    .journal-entry .card-body[b-iwuawh6xq1],
    .journal-entry .k-card-body[b-iwuawh6xq1] {
        padding: 1rem;
        color: #333;
    }

    /* Style for the display name/title */
    .journal-entry .card-title[b-iwuawh6xq1] {
        margin: 0;
        font-size: 1.25rem;
        font-weight: bold;
    }

    /* Style for the description or text content */
    .journal-entry .card-text[b-iwuawh6xq1] {
        margin-top: 0.5rem;
        font-size: 1rem;
        color: #666;
    }

    /* Styling for action links (Reply, Edit, Delete) using a Kendo link style */
    .journal-entry a.card-link[b-iwuawh6xq1] {
        margin-right: 1rem;
        font-size: 0.9rem;
        color: #0054a6; /* A typical Kendo link color */
        text-decoration: none;
        cursor: pointer;
        transition: color 0.2s ease;
    }

        .journal-entry a.card-link:hover[b-iwuawh6xq1],
        .journal-entry a.card-link:focus[b-iwuawh6xq1] {
            color: #003d80;
            text-decoration: underline;
        }

    /* Style the timestamp text; uses a muted tone similar to Kendo UI standards */
    .journal-entry small.text-muted[b-iwuawh6xq1] {
        font-size: 0.85rem;
        color: #888;
    }

/* Additional styling for nested child entries */
.child-entries[b-iwuawh6xq1] {
    padding-left: 1.5rem;
    margin-top: 0.75rem;
    border-left: 2px solid #e8e8e8;
}

/* Optional: Styling for improved responsiveness */
@media (max-width: 768px) {
    .journal-entry .card-header[b-iwuawh6xq1],
    .journal-entry .k-card-header[b-iwuawh6xq1],
    .journal-entry .card-body[b-iwuawh6xq1],
    .journal-entry .k-card-body[b-iwuawh6xq1] {
        padding: 0.5rem;
    }

    .journal-entry .card-title[b-iwuawh6xq1] {
        font-size: 1.1rem;
    }
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Shared/JournalEntryComponent.razor.rz.scp.css */
/* Define default properties for the light theme */
:root[b-3vzyf1ww40] {
    --je-card-bg: #ffffff;
    --je-card-border: #e0e0e0;
    --je-shadow-hover: rgba(0, 0, 0, 0.1);
    --je-card-text: #555555;
    --je-card-title: #333333;
    --je-link-primary: #0056b3;
    --je-link-primary-hover: #003d80;
    --je-link-warning: #d39e00;
    --je-link-warning-hover: #b58900;
    --je-link-danger: #b21f2d;
    --je-link-danger-hover: #a31a1e;
    --je-child-border: #dddddd;
}

/* Override variables for the dark theme */
[data-theme="dark"][b-3vzyf1ww40] {
    --je-card-bg: #2a2a2a;
    --je-card-border: #444444;
    --je-shadow-hover: rgba(255, 255, 255, 0.1);
    --je-card-text: #cccccc;
    --je-card-title: #ffffff;
    --je-link-primary: #4e9af1;
    --je-link-primary-hover: #4679ce;
    --je-link-warning: #e6b563;
    --je-link-warning-hover: #d0a144;
    --je-link-danger: #ff7373;
    --je-link-danger-hover: #ff5555;
    --je-child-border: #666666;
}

/* Base card styling with a gentle modern look */
.journal-entry[b-3vzyf1ww40] {
    border: 1px solid var(--je-card-border);
    background-color: var(--je-card-bg);
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

    .journal-entry:hover[b-3vzyf1ww40] {
        transform: translateY(-3px);
        box-shadow: 0 0.5rem 1rem var(--je-shadow-hover);
    }

/* Spacing and typography for the card body */
.card-body[b-3vzyf1ww40] {
    padding: 1rem;
}

/* Title styling for clarity and impact */
.card-title[b-3vzyf1ww40] {
    font-weight: 600;
    font-size: 1rem;
    color: var(--je-card-title);
    margin-bottom: 0.25rem;
}

/* Creator info styling (sub header) */
.card-body small[b-3vzyf1ww40] {
    font-size: 0.85rem;
    color: var(--je-card-text);
}

/* Description text styling for readability */
.card-text[b-3vzyf1ww40] {
    font-size: 0.9rem;
    color: var(--je-card-text);
    margin-top: 0.5rem;
}

/* Action link styling; using Kendo-inspired colors */
.card-link[b-3vzyf1ww40] {
    cursor: pointer;
    margin-right: 1rem;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease-in-out;
}

    .card-link.text-primary:hover[b-3vzyf1ww40] {
        color: var(--je-link-primary-hover);
    }

    .card-link.text-warning:hover[b-3vzyf1ww40] {
        color: var(--je-link-warning-hover);
    }

    .card-link.text-danger:hover[b-3vzyf1ww40] {
        color: var(--je-link-danger-hover);
    }

/* Styling for nested child entries (thread reply style) */
.child-entries[b-3vzyf1ww40] {
    border-left: 2px solid var(--je-child-border);
    padding-left: 1rem;
    margin-top: 1rem;
}

/* Responsive tweaks */
@media (max-width: 768px) {
    .card-body[b-3vzyf1ww40] {
        padding: 0.75rem;
    }

    .card-title[b-3vzyf1ww40] {
        font-size: 1.15rem;
    }
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Shared/PIMRecurrence.razor.rz.scp.css */
.pct-recurrence-input[b-cnga07ycrv] {
    margin-bottom:12px;
}
/* _content/WSP.PCT.PIMSuite.UX/Components/Shared/TreeItemPicker.razor.rz.scp.css */
.tree-item-picker[b-i50i1mvhbf] {
    display: flex;
    flex-direction: column;
    gap: var(--kendo-spacing-2);
    width: 100%;
}

    .tree-item-picker.compact[b-i50i1mvhbf] {
        gap: var(--kendo-spacing-1);
    }

/* Search Section */
.picker-search[b-i50i1mvhbf] {
    position: relative;
}

/* Selection Info Section */
.picker-selection-info[b-i50i1mvhbf] {
    background-color: var(--kendo-color-base-subtle);
    border: 1px solid var(--kendo-component-border);
    border-radius: var(--kendo-border-radius-md);
    padding: var(--kendo-spacing-2);
    transition: all 0.2s ease;
}

.tree-item-picker.compact .picker-selection-info[b-i50i1mvhbf] {
    padding: var(--kendo-spacing-1);
}

.selection-summary[b-i50i1mvhbf] {
    display: flex;
    flex-direction: column;
    gap: var(--kendo-spacing-1);
}

.selection-single[b-i50i1mvhbf] {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-2);
}

.selection-label[b-i50i1mvhbf] {
    font-weight: 600;
    color: var(--kendo-color-on-base);
    flex-shrink: 0;
}

.selection-path[b-i50i1mvhbf] {
    color: var(--kendo-color-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.no-selection[b-i50i1mvhbf] {
    color: var(--kendo-subtle-text);
    font-style: italic;
}

/* Chips Display */
.selected-chips[b-i50i1mvhbf] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--kendo-spacing-1);
    align-items: center;
}

.selection-chip[b-i50i1mvhbf] {
    max-width: 200px;
    cursor: pointer;
}

    .selection-chip[b-i50i1mvhbf]  .k-chip-text {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.more-items[b-i50i1mvhbf] {
    color: var(--kendo-subtle-text);
    font-size: 0.875em;
    padding: 0 var(--kendo-spacing-2);
    cursor: help;
    border-bottom: 1px dotted var(--kendo-subtle-text);
}

/* Tooltip Styling */
.chip-tooltip[b-i50i1mvhbf] {
    max-width: 400px;
    padding: var(--kendo-spacing-1);
    font-size: 0.875em;
    line-height: 1.4;
}

    .chip-tooltip strong[b-i50i1mvhbf] {
        color: var(--kendo-color-primary);
    }

/* Node Tooltip Scorecard - Base styles that work for both themes */
.node-tooltip-scorecard[b-i50i1mvhbf] {
    min-width: 280px;
    max-width: 360px;
    padding: 0;
    border-radius: var(--kendo-border-radius-md);
    overflow: hidden;
    box-shadow: var(--kendo-box-shadow-depth-4);
    background-color: var(--kendo-component-bg);
    border: 1px solid var(--kendo-component-border);
}

.scorecard-header[b-i50i1mvhbf] {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-2);
    padding: var(--kendo-spacing-2) var(--kendo-spacing-3);
    background-color: var(--kendo-color-base-subtle);
    border-bottom: 1px solid var(--kendo-component-border);
}

.scorecard-title[b-i50i1mvhbf] {
    font-weight: 600;
    color: var(--kendo-component-text);
    flex-grow: 1;
    font-size: 0.875rem;
}

.scorecard-content[b-i50i1mvhbf] {
    padding: var(--kendo-spacing-3);
    display: flex;
    flex-direction: column;
    gap: var(--kendo-spacing-2);
    background-color: var(--kendo-component-bg);
}

.scorecard-row[b-i50i1mvhbf] {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: var(--kendo-spacing-2);
    align-items: start;
}

    .scorecard-row.full-width[b-i50i1mvhbf] {
        grid-template-columns: 1fr;
    }

        .scorecard-row.full-width .scorecard-label[b-i50i1mvhbf] {
            margin-bottom: var(--kendo-spacing-1);
        }

.scorecard-label[b-i50i1mvhbf] {
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--kendo-subtle-text);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.scorecard-value[b-i50i1mvhbf] {
    font-size: 0.875rem;
    color: var(--kendo-component-text);
    font-weight: 500;
}

    .scorecard-value.description[b-i50i1mvhbf] {
        line-height: 1.4;
        color: var(--kendo-component-text);
        font-weight: 400;
    }

    .scorecard-value.parent[b-i50i1mvhbf] {
        display: flex;
        align-items: center;
        gap: var(--kendo-spacing-1);
        color: var(--kendo-link-text);
    }

    .scorecard-value.type-badge[b-i50i1mvhbf] {
        display: inline-block;
        padding: var(--kendo-spacing-0\.5) var(--kendo-spacing-2);
        background-color: var(--kendo-color-base-subtle);
        border-radius: var(--kendo-border-radius-full);
        font-size: 0.75rem;
        font-weight: 500;
        color: var(--kendo-component-text);
    }

/* Tree Container */
.picker-tree-container[b-i50i1mvhbf] {
    border: 1px solid var(--kendo-component-border);
    border-radius: var(--kendo-border-radius-md);
    overflow: auto;
    background-color: var(--kendo-component-bg);
    position: relative;
}

    .picker-tree-container:focus-within[b-i50i1mvhbf] {
        border-color: var(--kendo-color-primary);
        box-shadow: 0 0 0 0.25rem rgba(var(--kendo-color-primary-rgb), 0.25);
    }

/* Tree Styling */
.modern-tree[b-i50i1mvhbf] {
    padding: var(--kendo-spacing-1);
}

.tree-item-content[b-i50i1mvhbf] {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-1);
    padding: var(--kendo-spacing-0\.5) 0;
    cursor: pointer;
}

.tree-item-text[b-i50i1mvhbf] {
    flex-grow: 1;
}

    .tree-item-text.highlighted mark[b-i50i1mvhbf] {
        background-color: var(--kendo-color-warning-subtle);
        color: var(--kendo-color-on-app-surface);
        padding: 0 2px;
        border-radius: 2px;
    }

.item-count[b-i50i1mvhbf] {
    color: var(--kendo-subtle-text);
    font-size: 0.875em;
}

/* Search Match Highlighting */
.modern-tree[b-i50i1mvhbf]  .k-treeview-item.search-match > .k-treeview-bot > .k-treeview-mid {
    background-color: var(--kendo-color-primary-subtle);
    border-radius: var(--kendo-border-radius-sm);
}

/* Empty State */
.empty-state[b-i50i1mvhbf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--kendo-subtle-text);
    gap: var(--kendo-spacing-2);
}

    .empty-state p[b-i50i1mvhbf] {
        margin: 0;
    }

/* Dark Theme Support */
@media (prefers-color-scheme: dark) {
    .picker-selection-info[b-i50i1mvhbf] {
        background-color: rgba(255, 255, 255, 0.04);
    }

    .tree-item-text.highlighted mark[b-i50i1mvhbf] {
        background-color: rgba(255, 193, 7, 0.3);
    }

    .chip-tooltip[b-i50i1mvhbf] {
        background-color: var(--kendo-color-surface);
        color: var(--kendo-color-on-surface);
    }
}

/* Responsive Design */
@media (max-width: 576px) {
    .selection-chip[b-i50i1mvhbf] {
        max-width: 150px;
    }

    .tree-item-picker:not(.compact)[b-i50i1mvhbf] {
        gap: var(--kendo-spacing-1);
    }

    .chip-tooltip[b-i50i1mvhbf],
    .node-tooltip-scorecard[b-i50i1mvhbf] {
        max-width: 250px;
    }
}

/* Animation */
.picker-selection-info[b-i50i1mvhbf],
.picker-tree-container[b-i50i1mvhbf] {
    animation: fadeIn-b-i50i1mvhbf 0.3s ease-out;
}

@keyframes fadeIn-b-i50i1mvhbf {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Tooltip Animation Override for smoother appearance */
[b-i50i1mvhbf] .k-animation-container.k-animation-container-shown {
    animation: tooltipFadeIn-b-i50i1mvhbf 0.2s ease-out;
}

@keyframes tooltipFadeIn-b-i50i1mvhbf {
    from {
        opacity: 0;
        transform: translateY(-2px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Hover effect for tree items */
.tree-item-content:hover[b-i50i1mvhbf] {
    background-color: var(--kendo-hover-bg);
    border-radius: var(--kendo-border-radius-sm);
}