/* _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;
}

.pct-notification[b-4rpesc1j19] {
    position: fixed;
    top: 80px;
    right: 24px;
    width: auto;
    min-width: 420px;
    max-width: 600px;
    z-index: 2147483647;
}

/* Override Telerik notification container styles */
.pct-notification .k-notification-container[b-4rpesc1j19] {
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
}

/* Base notification styling - Enhanced with notebook tab design */
.pct-notification .k-notification[b-4rpesc1j19] {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 248, 248, 0.95) 100%);
    backdrop-filter: blur(24px) saturate(200%) brightness(1.05);
    -webkit-backdrop-filter: blur(24px) saturate(200%) brightness(1.05);
    border: 2px solid rgba(0, 0, 0, 0.12);
    border-left: none;
    border-radius: 0 16px 16px 0;
    padding: 28px 36px 28px 48px;
    margin-bottom: 16px;
    box-shadow: 
        0 6px 12px -2px rgba(0, 0, 0, 0.15),
        0 3px 6px -1px rgba(0, 0, 0, 0.08),
        0 24px 48px -12px rgba(0, 0, 0, 0.18),
        0 12px 24px -6px rgba(0, 0, 0, 0.12),
        inset 0 1px 0 0 rgba(255, 255, 255, 0.8);
    position: relative;
    overflow: visible;
    animation: notificationSlideIn-b-4rpesc1j19 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    transform-origin: right center;
}

/* Notebook tab styling - Left edge */
.pct-notification .k-notification[b-4rpesc1j19]::before {
    content: '';
    position: absolute;
    left: -24px;
    top: -2px;
    bottom: -2px;
    width: 24px;
    background: inherit;
    border: 2px solid rgba(0, 0, 0, 0.12);
    border-right: none;
    border-radius: 16px 0 0 16px;
    box-shadow: 
        -3px 0 6px rgba(0, 0, 0, 0.08),
        inset 1px 0 0 0 rgba(255, 255, 255, 0.8);
}

/* Tab hole punches */
.pct-notification .k-notification[b-4rpesc1j19]::after {
    content: '';
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.08);
    box-shadow: 
        0 -20px 0 rgba(0, 0, 0, 0.08),
        0 20px 0 rgba(0, 0, 0, 0.08),
        inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

/* Dark theme notebook styling */
[data-theme="dark"] .pct-notification .k-notification[b-4rpesc1j19] {
    background: linear-gradient(135deg, rgba(40, 40, 40, 0.95) 0%, rgba(32, 32, 32, 0.92) 100%);
    border: 2px solid rgba(255, 255, 255, 0.15);
    border-left: none;
    box-shadow: 
        0 6px 12px -2px rgba(0, 0, 0, 0.4),
        0 3px 6px -1px rgba(0, 0, 0, 0.3),
        0 24px 48px -12px rgba(0, 0, 0, 0.5),
        0 12px 24px -6px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .pct-notification .k-notification[b-4rpesc1j19]::before {
    border: 2px solid rgba(255, 255, 255, 0.15);
    border-right: none;
    box-shadow: 
        -3px 0 6px rgba(0, 0, 0, 0.3),
        inset 1px 0 0 0 rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .pct-notification .k-notification[b-4rpesc1j19]::after {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 
        0 -20px 0 rgba(255, 255, 255, 0.1),
        0 20px 0 rgba(255, 255, 255, 0.1),
        inset 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Enhanced notification text styling */
.pct-notification .k-notification-content[b-4rpesc1j19] {
    display: flex;
    align-items: center;
    gap: 20px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.65;
    color: var(--kendo-color-on-app-surface, #323130);
    font-weight: 450;
    letter-spacing: -0.011em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

/* Dark theme text */
[data-theme="dark"] .pct-notification .k-notification-content[b-4rpesc1j19] {
    color: var(--kendo-color-on-app-surface, #f0f0f0);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Enhanced icon styling */
.pct-notification .k-icon[b-4rpesc1j19] {
    font-size: 24px;
    opacity: 1;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

/* Status-specific styling with enhanced accent bars */
.pct-notification .k-notification-success[b-4rpesc1j19] {
    position: relative;
    padding-left: 56px;
}

.pct-notification .k-notification-success .status-bar[b-4rpesc1j19] {
    position: absolute;
    left: -24px;
    top: -2px;
    bottom: -2px;
    width: 6px;
    background: linear-gradient(180deg, var(--kendo-color-success, #55a554) 0%, var(--kendo-color-success-hover, #3e973e) 100%);
    border-radius: 16px 0 0 16px;
    box-shadow: 
        0 0 12px var(--kendo-color-success, #55a554),
        inset 0 0 4px rgba(255, 255, 255, 0.3);
}

.pct-notification .k-notification-success .k-icon[b-4rpesc1j19] {
    color: var(--kendo-color-success, #55a554);
    animation: iconPulse-b-4rpesc1j19 2s ease-in-out infinite;
}

.pct-notification .k-notification-error[b-4rpesc1j19] {
    position: relative;
    padding-left: 56px;
}

.pct-notification .k-notification-error .status-bar[b-4rpesc1j19] {
    position: absolute;
    left: -24px;
    top: -2px;
    bottom: -2px;
    width: 6px;
    background: linear-gradient(180deg, var(--kendo-color-error, #c2666b) 0%, var(--kendo-color-error-hover, #b85156) 100%);
    border-radius: 16px 0 0 16px;
    box-shadow: 
        0 0 12px var(--kendo-color-error, #c2666b),
        inset 0 0 4px rgba(255, 255, 255, 0.3);
}

.pct-notification .k-notification-error .k-icon[b-4rpesc1j19] {
    color: var(--kendo-color-error, #c2666b);
    animation: iconShake-b-4rpesc1j19 0.5s ease-in-out;
}

.pct-notification .k-notification-warning[b-4rpesc1j19] {
    position: relative;
    padding-left: 56px;
}

.pct-notification .k-notification-warning .status-bar[b-4rpesc1j19] {
    position: absolute;
    left: -24px;
    top: -2px;
    bottom: -2px;
    width: 6px;
    background: linear-gradient(180deg, var(--kendo-color-warning, #ffc80a) 0%, var(--kendo-color-warning-hover, #f5c000) 100%);
    border-radius: 16px 0 0 16px;
    box-shadow: 
        0 0 12px var(--kendo-color-warning, #ffc80a),
        inset 0 0 4px rgba(255, 255, 255, 0.3);
}

.pct-notification .k-notification-warning .k-icon[b-4rpesc1j19] {
    color: var(--kendo-color-warning, #ffc80a);
    animation: iconBounce-b-4rpesc1j19 1s ease-in-out;
}

.pct-notification .k-notification-info[b-4rpesc1j19] {
    position: relative;
    padding-left: 56px;
}

.pct-notification .k-notification-info .status-bar[b-4rpesc1j19] {
    position: absolute;
    left: -24px;
    top: -2px;
    bottom: -2px;
    width: 6px;
    background: linear-gradient(180deg, var(--kendo-color-info, #0a7eff) 0%, var(--kendo-color-info-hover, #096edf) 100%);
    border-radius: 16px 0 0 16px;
    box-shadow: 
        0 0 12px var(--kendo-color-info, #0a7eff),
        inset 0 0 4px rgba(255, 255, 255, 0.3);
}

.pct-notification .k-notification-info .k-icon[b-4rpesc1j19] {
    color: var(--kendo-color-info, #0a7eff);
    animation: iconRotate-b-4rpesc1j19 2s ease-in-out;
}

/* Enhanced close button styling */
.pct-notification .k-notification-closable .k-icon-close[b-4rpesc1j19] {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.08);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    opacity: 0.7;
    color: var(--kendo-color-on-app-surface, #323130);
}

.pct-notification .k-notification-closable .k-icon-close:hover[b-4rpesc1j19] {
    background: rgba(0, 0, 0, 0.08);
    opacity: 1;
    transform: scale(1.1) rotate(90deg);
    border-color: rgba(0, 0, 0, 0.12);
}

/* Dark theme close button */
[data-theme="dark"] .pct-notification .k-notification-closable .k-icon-close[b-4rpesc1j19] {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--kendo-color-on-app-surface, #f0f0f0);
}

[data-theme="dark"] .pct-notification .k-notification-closable .k-icon-close:hover[b-4rpesc1j19] {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.2);
}

/* Flamboyant entrance animation */
@keyframes notificationSlideIn-b-4rpesc1j19 {
    0% {
        transform: translateX(150%) rotate(15deg) scale(0.8);
        opacity: 0;
    }
    50% {
        transform: translateX(-10%) rotate(-2deg) scale(1.05);
        opacity: 0.8;
    }
    70% {
        transform: translateX(5%) rotate(1deg) scale(0.98);
        opacity: 0.9;
    }
    100% {
        transform: translateX(0) rotate(0deg) scale(1);
        opacity: 1;
    }
}

/* Flamboyant exit animation */
.pct-notification .k-notification.k-notification-hiding[b-4rpesc1j19] {
    animation: notificationSlideOut-b-4rpesc1j19 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}

@keyframes notificationSlideOut-b-4rpesc1j19 {
    0% {
        transform: translateX(0) rotate(0deg) scale(1);
        opacity: 1;
    }
    30% {
        transform: translateX(-20px) rotate(-3deg) scale(1.02);
        opacity: 1;
    }
    100% {
        transform: translateX(150%) rotate(20deg) scale(0.7);
        opacity: 0;
    }
}

/* Icon animations */
@keyframes iconPulse-b-4rpesc1j19 {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.15); opacity: 0.8; }
}

@keyframes iconShake-b-4rpesc1j19 {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-3px); }
    75% { transform: translateX(3px); }
}

@keyframes iconBounce-b-4rpesc1j19 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}

@keyframes iconRotate-b-4rpesc1j19 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Responsive adjustments */
@media (max-width: 640px) {
    .pct-notification[b-4rpesc1j19] {
        left: 16px;
        right: 16px;
        width: auto;
        min-width: unset;
        max-width: unset;
    }
    
    .pct-notification .k-notification[b-4rpesc1j19] {
        padding: 20px 28px 20px 40px;
    }
}

/* Enhanced hover effect for desktop */
@media (hover: hover) {
    .pct-notification .k-notification[b-4rpesc1j19] {
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), 
                    box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    .pct-notification .k-notification:hover[b-4rpesc1j19] {
        transform: translateY(-4px) translateX(-4px);
        box-shadow: 
            0 8px 16px -3px rgba(0, 0, 0, 0.2),
            0 4px 8px -2px rgba(0, 0, 0, 0.12),
            0 32px 64px -16px rgba(0, 0, 0, 0.24),
            0 16px 32px -8px rgba(0, 0, 0, 0.16),
            inset 0 1px 0 0 rgba(255, 255, 255, 0.8);
    }
    
    /* Enhanced shadow for dark theme hover */
    [data-theme="dark"] .pct-notification .k-notification:hover[b-4rpesc1j19] {
        box-shadow: 
            0 8px 16px -3px rgba(0, 0, 0, 0.5),
            0 4px 8px -2px rgba(0, 0, 0, 0.4),
            0 32px 64px -16px rgba(0, 0, 0, 0.6),
            0 16px 32px -8px rgba(0, 0, 0, 0.5),
            inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
    }
}

.k-notification-container[b-4rpesc1j19] {
    margin: 8px;
}

.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/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)
}

.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;
}

/* _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/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);
}