/* _content/RISHI.Web.UI/Components/Layout/MainLayout.razor.rz.scp.css */
/* ===============================
   SMOOTH THEME TRANSITION
   =============================== */

html[b-p7l5y6ftxu], body[b-p7l5y6ftxu],
*[b-p7l5y6ftxu] {
    transition: background-color 220ms ease, color 220ms ease, border-color 220ms ease, fill 220ms ease, stroke 220ms ease;
}

    /* Disable transitions temporarily */
    html.no-theme-transition *[b-p7l5y6ftxu],
    html.no-theme-transition[b-p7l5y6ftxu] {
        transition: none !important;
    }

.page[b-p7l5y6ftxu] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    /*overflow-x: hidden;*/ /* avoid horizontal scrollbar */
}



/* Sidebar visual */
.sidebar[b-p7l5y6ftxu] {
    background-color: #F5F7F9;
    box-shadow: 0px 4px 4px rgba(243, 241, 247, 0.10);
    z-index: 999;
}

/* Navbar items */
.navbar-nav .nav-item[b-p7l5y6ftxu] {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.navbar-nav .nav-link[b-p7l5y6ftxu] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 0.8rem;
    color: #044B53;
    font-weight: 700;
}

/* Top row */
.top-row[b-p7l5y6ftxu] {
    background-color: #FFFFFF;
    justify-content: flex-end;
    height: 3.0rem;
    display: flex;
    align-items: center;
}

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

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

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

/* ribbon */
.ribbon[b-p7l5y6ftxu] {
    position: absolute;
    left: 30%;
    transform: translateX(-30%);
}

    .ribbon .navbar-nav[b-p7l5y6ftxu] {
        display: flex;
        flex-direction: row;
        flex-grow: 1;
        align-items: center;
        justify-content: center;
    }

        .ribbon .navbar-nav .nav-item[b-p7l5y6ftxu] {
            width: auto;
            height: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .ribbon .navbar-nav .nav-link[b-p7l5y6ftxu] {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            font-size: 0.8rem;
            color: #B3B3B3;
            font-weight: 500;
        }

            .ribbon .navbar-nav .nav-link img[b-p7l5y6ftxu] {
                width: 25px;
                height: 25px;
            }

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

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

/* Desktop layout: place sidebar left and top-row fixed */
@media (min-width: 641px) {
    .page[b-p7l5y6ftxu] {
        flex-direction: row;
    }

    .sidebar[b-p7l5y6ftxu] {
        width: 150px;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
    }

    .top-row[b-p7l5y6ftxu] {
        position: fixed;
        top: 0;
        left: 150px;
        right: 0;
        z-index: 9;
        width: auto;
    }

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

    
    .main[b-p7l5y6ftxu] {
        margin-left: 150px;
        margin-top: 3.0rem;
    }

    
    .breadcrumb-bar[b-p7l5y6ftxu] {
        margin-left: 150px;
        position: fixed;
        top: 3.0rem; 
        left: 0;
        right: 0;
        z-index: 8;
    }

    
    .content[b-p7l5y6ftxu] {
        margin-top: 32px;
    }
}

/* MAIN CONTENT AREA - THIS IS THE ONLY SCROLLBAR */
.content[b-p7l5y6ftxu] {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    min-width: 0;
    padding: 0;
}

.main[b-p7l5y6ftxu] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-width: 0;
}

.app-wrapper[b-p7l5y6ftxu] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

/* ========================= */
/* BLazor error UI           */
/* ========================= */

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

    #blazor-error-ui .dismiss[b-p7l5y6ftxu] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* ========================= */
/* Kendo / Telerik window    */
/* ========================= */

.k-window-title button:hover[b-p7l5y6ftxu] {
    color: #d10000 !important;
    transform: scale(1.1);
}

/* Chatbot icon */
.chatbot-icon[b-p7l5y6ftxu] {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    width: auto;
    height: auto;
    background: transparent;
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 15000;
    transition: 0.2s ease-in-out;
    outline: none !important;
    border: none !important;
}

    .chatbot-icon img[b-p7l5y6ftxu] {
        width: 90px;
        height: auto;
        pointer-events: none;
    }

    .chatbot-icon:hover[b-p7l5y6ftxu] {
        transform: scale(1.06);
    }

/* ========================= */
/* Notification Bell         */
/* ========================= */

.notification-wrapper[b-p7l5y6ftxu] {
    position: relative;
    margin-right: 15px;
}

.notification-bell[b-p7l5y6ftxu] {
    position: relative;
    display: inline-block;
    cursor: pointer;
    transition: transform 0.25s ease-in-out;
}

    .notification-bell img[b-p7l5y6ftxu] {
        width: 24px;
        height: 24px;
        transition: transform 0.25s ease-in-out;
    }

    .notification-bell:hover img[b-p7l5y6ftxu] {
        transform: scale(1.2);
    }

    .notification-bell:hover[b-p7l5y6ftxu] {
        transform: scale(1.05);
    }

.notification-badge[b-p7l5y6ftxu] {
    position: absolute;
    top: -6px;
    right: -6px;
    background: #d9534f;
    color: white;
    border-radius: 12px;
    padding: 2px 6px;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1;
    min-width: 20px;
    text-align: center;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* ========================= */
/* Footer (Theme Aware)      */
/* ========================= */

.app-footer[b-p7l5y6ftxu] {
    margin-top: auto;
    padding: 4px 16px;
    font-size: 0.7rem;
    font-family: Inter, sans-serif;
    color: var(--footer-text);
    background-color: var(--footer-bg);
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}


/* ========================= */
/* GLOBAL RECOMMENDATION POPUP STYLES */
/* ========================= */

.recommendation-popup[b-p7l5y6ftxu] {
   /* position: fixed;*/
   align-items :center;
    top: 1rem;
    /*right: 2rem;*/ /* place within viewport */
    z-index: 2000;
    animation: popupSlideIn-b-p7l5y6ftxu 0.4s ease-out;
}

.popup-content[b-p7l5y6ftxu] {
    display: flex;
    align-items: center;
    background: white;
    color: black;
    padding: 0.75rem;
    border-radius: 0.25rem;
    font-family: 'Inter', sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    cursor: pointer;
    user-select: none;
    gap: 0.5rem;
}

.popup-bell[b-p7l5y6ftxu] {
    font-size: 1.1rem;
}

.popup-close img[b-p7l5y6ftxu] {
    width: 20px;
    height: 20px;
}

@keyframes popupSlideIn-b-p7l5y6ftxu {
    from {
        transform: translateX(120%);
        opacity: 0;
    }

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

.recommendation-popup.hide[b-p7l5y6ftxu] {
    animation: popupSlideOut-b-p7l5y6ftxu 0.3s ease-in forwards;
}

@keyframes popupSlideOut-b-p7l5y6ftxu {
    to {
        transform: translateX(120%);
        opacity: 0;
    }
}

.popup-link[b-p7l5y6ftxu] {
    color: #044B53;
    text-decoration: underline;
    cursor: pointer;
}

    .popup-link:hover[b-p7l5y6ftxu] {
        color: #0F97A8;
    }

/* keep links black inside popup */
.recommendation-popup a[b-p7l5y6ftxu] {
    color: #000 !important;
    text-decoration: none !important;
    font-weight: 500;
}

    .recommendation-popup a:hover[b-p7l5y6ftxu],
    .recommendation-popup a:focus[b-p7l5y6ftxu],
    .recommendation-popup a:visited[b-p7l5y6ftxu] {
        color: #000 !important;
        text-decoration: none !important;
    }



/* ================================================= */
/* DARK THEME – TOP NAVBAR (FINAL & VALID)            */
/* ================================================= */

/* Top navbar background */
html[data-theme="dark"] .top-row[b-p7l5y6ftxu] {
    background: #0D0D0D;
    border-bottom: 1px solid #3B3B3B;
    color: #B3B3B3;
}
html[data-theme="dark"] .main[b-p7l5y6ftxu] {
    background: #0D0D0D;
}

/*Navbar links*/
html[data-theme="dark"] .top-row .nav-link[b-p7l5y6ftxu] {
    color: #B3B3B3;
    
}

/* Username */
html[data-theme="dark"] .username a[b-p7l5y6ftxu] {
    color: #e6f1f3;
}
html[data-theme="dark"] .user-menu[b-p7l5y6ftxu] {
    margin-left:10px;
}

/* Icons */
/*html[data-theme="dark"] .top-row img {
    filter: brightness(0) invert(1);
}*/


/* =============================== */
/* USER DROPDOWN (PURE BLAZOR)     */
/* =============================== */

.user-dropdown[b-p7l5y6ftxu] {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 6px;
    background: #ffffff;
    border-radius: 6px;
    min-width: 180px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.2);
    z-index: 50;
}

    .user-dropdown .dropdown-item[b-p7l5y6ftxu] {
        width: 100%;
        padding: 8px 14px;
        border: none;
        background: transparent;
        text-align: left;
        font-size: 0.9rem;
        cursor: pointer;
    }

        .user-dropdown .dropdown-item:hover[b-p7l5y6ftxu] {
            background-color: rgba(0,0,0,0.05);
        }

    .user-dropdown .dropdown-divider[b-p7l5y6ftxu] {
        height: 1px;
        background: #e5e7eb;
        margin: 6px 0;
    }

    .user-dropdown .logout[b-p7l5y6ftxu] {
        color: #d9534f;
    }

/* ============================================ */
/* REMOVE FOCUS OUTLINE FROM USER DROPDOWN BTN  */
/* ============================================ */

.user-menu button:focus[b-p7l5y6ftxu],
.user-menu button:focus-visible[b-p7l5y6ftxu],
.user-menu button:active[b-p7l5y6ftxu] {
    outline: none !important;
    box-shadow: none !important;
}

/*====THEME LOAD OVERLAY====*/
.theme-loader-overlay[b-p7l5y6ftxu] {
    position: fixed;
    inset: 0;
    z-index: 3000;
    background: rgba(0, 0, 0, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
}
.top-nav-disabled[b-p7l5y6ftxu] {
    opacity: 0.45;
    cursor: not-allowed !important;
    user-select: none;
}

    .top-nav-disabled img[b-p7l5y6ftxu] {
        filter: grayscale(100%);
    }

    .top-nav-disabled:hover[b-p7l5y6ftxu] {
        text-decoration: none;
    }

/* ===============================
       MainLayout svg icons for light/dark theme
       =============================== */

.user-arrow img[b-p7l5y6ftxu] {
    filter: var(--mainlayout-icon-filter);
}

/*.notification-bell img {
    filter: var(--mainlayout-icon-filter);
}

.help-icon img {
    filter: var(--mainlayout-icon-filter);
}*/

/* Dark theme: help icon */
[data-theme="dark"] .nav-icon.help[b-p7l5y6ftxu] {
    background-image: url('/images/Layout/HelpDark.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


/* Dark theme: help icon */
[data-theme="dark"] .nav-icon.notification[b-p7l5y6ftxu] {
    background-image: url('/images/Layout/NotificationDark.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
/* _content/RISHI.Web.UI/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-t2amx1s2l7] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: black;
    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-t2amx1s2l7] {
        background-color: rgba(255, 255, 255, 0.5);
    }

.top-row[b-t2amx1s2l7] {
    height: 3.5rem;
    /*background-color: rgba(0,0,0,0.4);*/
}

.navbar-brand[b-t2amx1s2l7] {
    font-size: 1.8rem;
    color: #044B53;
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.bi[b-t2amx1s2l7] {
    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-t2amx1s2l7] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' 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-t2amx1s2l7] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' 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-t2amx1s2l7] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' 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-scrollable[b-t2amx1s2l7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: calc(100vh - 3.5rem);
    overflow: hidden; 
    padding-top: 10px; 
}

.nav-scrollable .nav-item[b-t2amx1s2l7] {
    width: 120px;
    min-height: 62px; 
    padding: 6px 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  /*  gap: 4px;*/
    border-radius: 6px;
}

.nav-scrollable .nav-item img[b-t2amx1s2l7] {
    width: 18px;
    height: 18px;
    flex-shrink: 0; 
}


.nav-scrollable .nav-link[b-t2amx1s2l7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 2px;
    width: 100%;
}

    .nav-scrollable .nav-item[b-t2amx1s2l7]  a {
        white-space: normal;
        line-height: 1.05;
        font-size: 0.75rem; /* slightly smaller */
        text-align: center;
       
    }

    .nav-scrollable .nav-item[b-t2amx1s2l7]  a.active {
        width: 100%;
        color: #044B53;
        font-size: 0.8rem;
        text-decoration: none;
    }

.nav-scrollable .nav-item[b-t2amx1s2l7]  .nav-link:hover {
    color: #253031;
    text-decoration: underline;
}

.nav-scrollable[b-t2amx1s2l7]::-webkit-scrollbar {
    width: 5px; /* Narrow width */
}

.nav-scrollable[b-t2amx1s2l7]::-webkit-scrollbar-track {
    background: #F5F7F9; /* Light track */
}

.nav-scrollable[b-t2amx1s2l7]::-webkit-scrollbar-thumb {
    background-color: #F5F7F9; /* Light gray thumb */
    border-radius: 10px;
    border: 1px solid #aaa; /* Optional subtle border */
}
/*For Firefox*/
.nav-scrollable[b-t2amx1s2l7] {
    scrollbar-width: thin; /* Narrow scrollbar */
    scrollbar-color: #ccc #f0f0f0; /* thumb color, track color */
}

/*.nav-item {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type {
        padding-top: 1rem;
    }
    .nav-item:has(.nav-link.active)
    .nav-item:last-of-type {
        padding-bottom: 1rem;
    }

    .nav-item ::deep .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 ::deep a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item ::deep .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable {
    display: block;
}*/
@media (min-width: 641px) {
    .navbar-toggler[b-t2amx1s2l7] {
        display: none;
    }

    .nav-scrollable[b-t2amx1s2l7] {
        /* Never collapse the sidebar for wide screens */
        display: flex;
        flex-direction: column;
        align-items: center;
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

/*<--000000000000000000000 -->*/


/* Default inactive link style */
.nav-scrollable .nav-item .nav-link[b-t2amx1s2l7] {
    color: #044B53;
    font-size: 0.8rem;
    text-decoration: none;
}

.nav-scrollable .nav-item:hover .nav-link[b-t2amx1s2l7] {
    color: #fff;
}

/* Active link highlight */
.nav-scrollable .nav-item[b-t2amx1s2l7]  a.active {
    /*  background-color: #044B53;*/
    color: #fff;
    border-radius: 6px;
    font-weight: 600;
    padding: 0.4rem;
}


/* Default highlight for Asset Health tab (first item) */
/*.nav-scrollable .nav-item:first-child {
    background-color: #044B53;*/ /* Highlight background */
/*border-radius: 6px;
    font-weight: 600;
}*/

/* Force Asset Health text white by default */
/*.nav-scrollable .nav-item:first-child ::deep a {
        color: #fff !important;*/ /* Override other rules */
/*}*/

/* Make Asset Health icon white by default */
/*.nav-scrollable .nav-item:first-child img {
        filter: brightness(0) invert(1);
    }*/

/* Also keep the white text for any active item */
/*.nav-scrollable .nav-item:has(.nav-link.active) ::deep a {
    color: #fff !important;
}*/





/* ================================================= */
/* DARK THEME – LEFT NAVBAR (FINAL, VALID SYNTAX)     */
/* ================================================= */

/*html[data-theme="dark"] ::deep .sidebar {
    background: linear-gradient(180deg, #050607 0%, #0b0f10 100%);
    border-right: 1px solid #1f2a2e;
    color: #ACF3FB;
}*/

/* Nav item */
/*html[data-theme="dark"] ::deep .nav-scrollable .nav-item {
    background: transparent;
    border-radius: 10px;
    margin-bottom: 6px;
    position: relative;
}*/

/* Nav text */
/*html[data-theme="dark"] ::deep .nav-scrollable .nav-link {*/
/*    color: #ACF3FB;*/
/*font-size: 0.78rem;
}*/

/* Icons */
/*html[data-theme="dark"] ::deep .nav-scrollable img {
    filter: brightness(0) invert(1);
}*/

/* Hover */
/*html[data-theme="dark"] ::deep .nav-scrollable .nav-item:hover {
    background-color: rgba(20,184,196,0.08);
}*/

/* Active background */
/*html[data-theme="dark"]
::deep .nav-scrollable .nav-item:has(.nav-link.active) {
    background-color: rgba(20,184,196,0.14);
}*/

/* Active text */
/*html[data-theme="dark"]
    ::deep .nav-scrollable .nav-item:has(.nav-link.active) .nav-link {
        color: #22d3ee !important;
        font-weight: 600;
    }*/

/* Active left indicator bar */
/*html[data-theme="dark"]
    ::deep .nav-scrollable .nav-item:has(.nav-link.active)::before {
        content: "";
        position: absolute;
        left: -6px;
        top: 12%;
        height: 76%;
        width: 4px;
        background: #22d3ee;
        border-radius: 4px;
    }*/



/* ================================================= */
/* DARK THEME – LEFT SIDEBAR TEXT COLOR (FINAL)      */
/* ================================================= */

/* Force all nav labels to exact color */
html[data-theme="dark"] .nav-scrollable .nav-link[b-t2amx1s2l7],
html[data-theme="dark"] .nav-scrollable .nav-link span[b-t2amx1s2l7],
html[data-theme="dark"] .nav-scrollable .nav-item[b-t2amx1s2l7]  a {
    color: #ACF3FB !important;
    font-weight: 500;
}
/* Make text white when active */
[data-theme="dark"] .nav-scrollable .nav-item:has(.nav-link.active) .nav-link[b-t2amx1s2l7] {
    color: #fff !important; /* Force white */
}
/* Make the icon white when active */
[data-theme="dark"] .nav-scrollable .nav-item:has(.nav-link.active) span[b-t2amx1s2l7] {
    filter: brightness(0) invert(1);
}
html[data-theme="dark"] .nav-scrollable .nav-item:has(.nav-link.active)[b-t2amx1s2l7] {
    background-color: #044B53;
    border-radius: 6px;
    font-weight: 600;
}

html[data-theme="dark"] .nav-scrollable .nav-item[b-t2amx1s2l7]  a.active {
    width: 100%;
    color: #fff !important;
    font-size: 0.8rem;
    text-decoration: none;
}

html[data-theme="light"] .nav-scrollable .nav-item[b-t2amx1s2l7]  a {
    color: #044B53 !important;
    font-weight: 500;
}

/* Icons stay white */
/*html[data-theme="dark"] .nav-scrollable img {
    filter: brightness(0) invert(1);
    opacity: 0.95;
}*/
/* Hover – background only */
/*html[data-theme="dark"] .nav-scrollable .nav-item:hover {
    background-color: rgba(20,184,196,0.08);
}*/
/* Active – background + indicator only */
/*html[data-theme="dark"]
.nav-scrollable .nav-item:has(.nav-link.active) {
    background-color: rgba(20,184,196,0.14);
}*/
/* Active indicator bar color */
/*    html[data-theme="dark"]
    .nav-scrollable .nav-item:has(.nav-link.active)::before {
        content: "";
        position: absolute;
        left: -6px;
        top: 12%;
        height: 76%;
        width: 4px;
        background: #ACF3FB;
        border-radius: 4px;
    }*/
/* ============================================ */
/* DARK THEME – RISHI LOGO TEXT COLOR MATCH     */
/* ============================================ */
/* RISHI text in left sidebar */
html[data-theme="dark"] .sidebar .navbar-brand[b-t2amx1s2l7],
html[data-theme="dark"] .sidebar .navbar-brand span[b-t2amx1s2l7],
html[data-theme="dark"] .sidebar .navbar-brand strong[b-t2amx1s2l7] {
    color: #ACF3FB !important;
}


/*====PROCLINK LOGO====*/

.sidebar-footer[b-t2amx1s2l7] {
    margin-top: auto; /* 👈 pushes footer to bottom */
    padding: 12px 10px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.proclink-logo[b-t2amx1s2l7] {
    width: 90px; /* adjust if needed */
    height: auto;
    opacity: 0.85;
    cursor: pointer;
    padding-bottom: 20px;
    transition: opacity 0.2s ease;
}

    .proclink-logo:hover[b-t2amx1s2l7] {
        opacity: 1;
    }
/* _content/RISHI.Web.UI/Components/Pages/AlarmManagement/AlaramConfig.razor.rz.scp.css */
/* General Container Styling */
.config-container[b-enqcdwwstn] {
    padding: 0.625rem; /* 10px */
    padding-left: 0rem;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    max-width: 100%;
    margin: 0 auto;
}

/* Button Styling */
.btn-add[b-enqcdwwstn], .btn-edit[b-enqcdwwstn] {
    color: white;
    border: none;
    padding: 0.5rem 0.938rem; /* 8px 15px */
    margin-left: 0.625rem; /* 10px */
    cursor: pointer;
    border-radius: 0.25rem; /* 4px */
    font-size: 0.875rem; /* 14px */
    transition: background-color 0.3s ease;
}

.btn-add[b-enqcdwwstn] {
    background-color: #228994 !important;
    color: #005f6b;
}

    .btn-add:hover[b-enqcdwwstn] {
        background-color: #1a6b74;
    }

.btn-edit[b-enqcdwwstn] {
    background-color: #2B7CD3;
}

    .btn-edit:hover[b-enqcdwwstn] {
        background-color: #1f5ea8;
    }

/* Grid Section Layout */
.grid-section[b-enqcdwwstn] {
    display: flex;
    width: 100%;
    gap: 0.625rem; /* 10px */
}

.limit-groups-container[b-enqcdwwstn] {
    flex: 0 0 20%;
    min-width: 0;
    background-color: #ffffff;
    border: 0.063rem solid #ddd; /* 1px */
    border-radius: 0.625rem; /* 10px */
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05); /* 2px 4px */
    max-height: 50rem; /* 800px */
    overflow: hidden;
}

.summary-container[b-enqcdwwstn] {
    flex: 0 0 80%;
    min-width: 0;
    background-color: #ffffff;
    border: 0.063rem solid #ddd; /* 1px */
    border-radius: 0.625rem; /* 10px */
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05); /* 2px 4px */
    max-height: 50rem; /* 800px */
    overflow: hidden;
}

/* Header and Title Styling */
.grid-section h4[b-enqcdwwstn] {
    color: #005f6b;
    margin-bottom: 0.625rem; /* 10px */
    padding: 0.625rem; /* 10px */
    font-size: 1rem; /* 16px */
    font-weight: 600;
    background-color: #e6f3f5;
    border-bottom: 0.063rem solid #ddd; /* 1px */
    border-radius: 0.25rem 0.25rem 0 0; /* 4px 4px 0 0 */
}

/* Grid Styling */
.telerik-blazor .k-grid[b-enqcdwwstn] {
    border: none;
    margin: 0;
    border-radius: 0 0 0.25rem 0.25rem; /* 4px */
    height: 100%;
    overflow: hidden;
}

.telerik-blazor .k-grid-content[b-enqcdwwstn] {
    overflow: hidden !important;
    max-height: calc(100% - 2.5rem); /* 40px */
}

/* Hide Limit Groups Grid Header */
.limit-groups-container .telerik-blazor .k-grid-header[b-enqcdwwstn] {
    display: none;
}

/* Style Summary Grid Header */
.summary-container .k-grid-header .k-grid .k-table-row[b-enqcdwwstn] {
    background-color: #044B53;
    color: white;
    font-weight: 500;
}

.telerik-blazor .k-grid-table tr:nth-child(even)[b-enqcdwwstn] {
    background-color: #e6f3f5;
}

.telerik-blazor .k-grid-table tr:hover[b-enqcdwwstn] {
    background-color: #e6f3f5;
}

.telerik-blazor .k-grid-table tr.k-selected[b-enqcdwwstn] {
    background-color: #e6f3f5;
}

.summary-grid .k-grid-table tr[b-enqcdwwstn] {
    background-color: #ffffff;
}

.telerik-blazor .k-grid-table tr.k-hover[b-enqcdwwstn] {
    cursor: pointer;
    background-color: #228994;
}

/* Pagination Styling */
.telerik-blazor .k-pager-wrap[b-enqcdwwstn] {
    border-top: 0.063rem solid #ddd; /* 1px */
    padding: 0.625rem; /* 10px */
    background-color: #f9f9f9;
    border-radius: 0 0 0.25rem 0.25rem; /* 4px */
    overflow: hidden;
}

.telerik-button-color[b-enqcdwwstn] {
    background-color: #044B53 !important;
}


.custom-contextmenu .k-menu-popup[b-enqcdwwstn] {
    background-color: red; /*#E1EEF0;*/
}

.custom-contextmenu .k-menu-item:hover[b-enqcdwwstn] {
    background-color: #d0e0f0; 
}
/* _content/RISHI.Web.UI/Components/Pages/AlarmManagement/AlaramDashboard.razor.rz.scp.css */
.dashboard-header span[b-wow1vwsn25] {
    color: var(--Neutral-Foreground-2-Rest, #424242);
    margin: 0 0.313rem; /* 5px */
}

.chart-group[b-wow1vwsn25] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem; /* 10px */
}

.left-group[b-wow1vwsn25] {
    grid-column: 1;
    border: 1px solid #999;
    border-radius: 0.313rem; /* 5px */
    border-color: #e5e2e2;
    padding: 0.5rem; /* 8px */
}

.section-title[b-wow1vwsn25] {
    background-color: #D3EEF4;
    color: #212529;
    padding: 0.5rem; /* 8px */
    display: block;
    text-align: center;
    margin-bottom: 0.625rem; /* 10px */
    font-weight: bold;
    width: 100%;
}

.right-group[b-wow1vwsn25] {
    grid-column: 2;
    border: 1px solid #999;
    border-radius: 0.313rem; /* 5px */
    border-color: #e5e2e2;
    padding: 0.5rem; /* 8px */
}

.chart-title[b-wow1vwsn25] {
    background-color: #D3EEF4;
    color: #044B53;
    padding: 0.5rem; /* 8px */
    display: block;
    text-align: center;
    margin-bottom: 0.625rem; /* 10px */
    font-weight: bold;
}

.chart-row[b-wow1vwsn25] {
    display: flex;
    gap: 0.625rem; /* 10px */
}

.dashboard-container[b-wow1vwsn25] {
    font-family: Inter;
    font-size:0.8rem;
}

.dashboard-header[b-wow1vwsn25] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem; /* 20px */
    padding: 0.625rem; /* 10px */
    background-color: #fff;
    border-radius: 0.313rem; /* 5px */
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px */
    border-bottom: 0.125rem solid #007bff; /* 2px */
}

.controls .control-btn[b-wow1vwsn25] {
    padding: 0.313rem 0.625rem; /* 5px 10px */
    background-color: #e9ecef;
    border-radius: 0.313rem; /* 5px */
    margin-right: 0.625rem; /* 10px */
    cursor: pointer;
}

    .controls .control-btn:nth-child(1)[b-wow1vwsn25] {
        background-color: #228994;
        color: #ffffff;
        border: 0.063rem solid #228994;
    }

    .controls .control-btn:nth-child(2)[b-wow1vwsn25] {
        background-color: #044B53;
        color: #ffffff;
        border: 0.063rem solid #044B53;
    }

.dashboard-content[b-wow1vwsn25] {
    display: grid;
    grid-template-areas:
        "left right"
        "bottom bottom";
    gap: 1.25rem; /* 20px */
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
}

.left-section[b-wow1vwsn25] {
    grid-area: left;
    display: flex;
    flex-direction: column;
    border: 1px solid #999;
    border-radius: 0.313rem; /* 5px */
    border-color: #e5e2e2;
    padding: 0.5rem; /* 8px */
}

.radar-charts[b-wow1vwsn25] {
    display: flex;
    gap: 1.25rem; /* 20px */
}

.right-section[b-wow1vwsn25] {
    grid-area: right;
    display: flex;
    flex-direction: column;
    border: 1px solid #999;
    border-radius: 0.313rem; /* 5px */
    border-color: #e5e2e2;
    padding: 0.5rem; /* 8px */
}

.bottom-section[b-wow1vwsn25] {
    grid-area: bottom;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem; /* 20px */
}

.radar-chart[b-wow1vwsn25],
.pie-chart[b-wow1vwsn25],
.bar-chart[b-wow1vwsn25] {
    background-color: #fff;
    border-radius: 0.313rem; /* 5px */
    padding: 0.625rem; /* 10px */
    height: 25rem; /* 400px */
    flex: 1;
}

.pie-chartb[b-wow1vwsn25] {
    background-color: #fff;
    border-radius: 0.313rem; /* 5px */
    padding: 0.625rem; /* 10px */
    height: 28.438rem; /* 455px */
    flex: 1;
    width: 50%;
}

.bar-chart[b-wow1vwsn25] {
    min-width: 12.5rem; /* 200px */
}
/* _content/RISHI.Web.UI/Components/Pages/AlarmManagement/AlaramSummaryHhp.razor.rz.scp.css */
.controls[b-167puxpx7q] {
    padding: 0.3125rem 0.625rem;
    border-bottom: 1px solid #CCC;
    font-family: Arial, sans-serif;
}

.control-row[b-167puxpx7q] {
    display: flex;
    align-items: center;
    gap: 0.3125rem;
    margin-bottom: 0.3125rem;
}

.top-row[b-167puxpx7q] {
    justify-content: flex-start;
}

.right-controls[b-167puxpx7q] {
    display: flex;
    align-items: center;
    gap: 0.3125rem;
}

.bottom-row[b-167puxpx7q] {
    justify-content: space-between;
    width: 100%;
}

left-buttons[b-167puxpx7q] {
    display: flex;
    gap: 0.3125rem;
}

.title[b-167puxpx7q] {
    color: #044B53;
    font-size: 0.875rem;
    font-weight: bold;
    margin-right: 0.625rem;
}

.btn[b-167puxpx7q] {
    padding: 0.25rem 0.5rem;
    border: 0 solid #26A69A;
    background-color: #E0F7FA;
    color: #26A69A;
    cursor: pointer;
    font-size: 0.75rem;
    border-radius: 0.625rem;
    min-width: 3.125rem;
    text-align: center;
}

    .btn.active[b-167puxpx7q] {
        background-color: #26A69A;
        color: white;
    }

    .btn:hover[b-167puxpx7q] {
        background-color: #B2DFDB;
    }

.alarm-select[b-167puxpx7q], .scale-select[b-167puxpx7q] {
    padding: 0.25rem 0.5rem;
    border: 1px solid #26A69A;
    background-color: white;
    color: #26A69A;
    font-size: 0.75rem;
    border-radius: 0.1875rem;
    min-width: 5rem;
    appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="%2326A69A"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
}

.stacked-scale[b-167puxpx7q] {
    margin-left: 0.625rem;
    color: #26A69A;
    font-size: 0.75rem;
    margin-right: 0.3125rem;
}

.scale-value[b-167puxpx7q] {
    padding: 0.25rem 0.5rem;
    border: 1px solid #26A69A;
    background-color: #FFF;
    color: #007BFF;
    font-size: 0.75rem;
    border-radius: 0.1875rem;
    margin-right: 0.625rem;
}

.btn.pause[b-167puxpx7q] {
    background-color: #26A69A;
    color: white;
    border: 1px solid #26A69A;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    border-radius: 0.1875rem;
    align-items: center;
    gap: 0.3125rem;
}

.play-pause-icon[b-167puxpx7q] {
    font-size: 0.75rem;
}

.pause-container[b-167puxpx7q] {
    display: flex;
    align-items: center;
    gap: 0.3125rem;
    margin-left: auto;
}

.chart-area[b-167puxpx7q] {
    background-color: transparent;
}
/* _content/RISHI.Web.UI/Components/Pages/AlarmManagement/AlarmSummary.razor.rz.scp.css */
.grid-header[b-9qq56dzwem] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.625rem; /* 10px */
    font-family: Arial, sans-serif;
}

.header-left[b-9qq56dzwem] {
    display: flex;
    align-items: center;
    gap: 0.625rem; /* 10px */
}

    .header-left b[b-9qq56dzwem] {
        font-size: 1rem; /* 16px */
        font-weight: bold;
        color: #044B53;
    }

.header-right[b-9qq56dzwem] {
    display: flex;
    align-items: center;
    gap: 0.313rem; /* 5px */
}

.search-input[b-9qq56dzwem] {
    padding: 0.313rem; /* 5px */
    border: 0.063rem solid #ccc; /* 1px */
    border-radius: 0.25rem; /* 4px */
    font-size: 0.875rem; /* 14px */
    width: 10.85rem;
}

.select-area[b-9qq56dzwem],
.sort-select[b-9qq56dzwem] {
    padding: 0.313rem; /* 5px */
    border: 0.063rem solid #ccc; /* 1px */
    border-radius: 0.25rem; /* 4px */
    font-size: 0.875rem; /* 14px */
    background-color: #fff;
    width: 6.5rem;
}

.header-button[b-9qq56dzwem],
.header-buttonV[b-9qq56dzwem],
.header-buttonS[b-9qq56dzwem] {
    padding: 0.313rem 0.625rem; /* 5px 10px */
    border: none;
    border-radius: 0.25rem; /* 4px */
    cursor: pointer;
    font-size: 0.875rem; /* 14px */
    transition: background-color 0.3s;
    width: 8.1875rem;
}

.header-button[b-9qq56dzwem] {
    background-color: #044B53;
    color: white;
}

.header-buttonV[b-9qq56dzwem] {
    background-color: #228994;
    color: white;
}

.header-buttonS[b-9qq56dzwem] {
    background-color: #EDFAFF;
    color: black;
}

.header-button:hover[b-9qq56dzwem] {
    background-color: #008ab4;
}

.sharebutton[b-9qq56dzwem] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.375rem 0.625rem; /* 6px 10px */
    gap: 0.5rem; /* 8px */
    border-color: #D3EEF4;
    height: 2rem; /* 32px */
    background: #EDFAFF;
    border-radius: 0.25rem; /* 4px */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.sharebuttontext[b-9qq56dzwem] {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem; /* 14px */
    line-height: 1.25rem; /* 20px */
    display: flex;
    align-items: center;
    text-align: center;
    color: #044B53;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.downloadbutton[b-9qq56dzwem] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.375rem 0.625rem; /* 6px 10px */
    gap: 0.5rem; /* 8px */
    border-color: #044B53;
    height: 2rem; /* 32px */
    background: #044B53;
    border-radius: 0.25rem; /* 4px */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.downloadbuttontext[b-9qq56dzwem] {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem; /* 14px */
    line-height: 1.25rem; /* 20px */
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    flex: none;
    order: 0;
    flex-grow: 0;
}
/* _content/RISHI.Web.UI/Components/Pages/AssetBulkConfiguration/AssetBulkConfigIndex.razor.rz.scp.css */
.AssetConfigurationtext[b-rxv92c26ok] {
    font-family: 'Inter', sans-serif;
    color: #044B53;
    font-size: 0.8rem;
    font-weight: 600;
    margin-left: 1.5rem;
    margin-top: -0.6rem;
}

.AssetConfiguration[b-rxv92c26ok] {
    font-family: 'Inter';
    font-size: 0.8rem;
    width: 11.25rem;
    height: 2.5rem;
    top: 16.5625rem;
    left: 11.75rem;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
    opacity: 1;
    transform: rotate(0deg);
    background: #228994;
    color: white;
    border: blue;
    margin-top: 0.7rem;
    margin-left: 1.5rem;
}

.BulkConfiguration[b-rxv92c26ok] {
    font-family: 'Inter';
    font-size: 0.8rem;
    width: 11.25rem;
    height: 2.64rem;
    top: 16.56rem;
    left: 25.75rem;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
    opacity: 1;
    transform: rotate(0deg);
    /* background: #228994;*/
    /* color: white;*/
    border: blue;
    margin-top: 0.6rem;
    margin-left: 1.5rem;
    background: #E1EEF0;
    color: #228994;
}
.assetconfigmarginright[b-rxv92c26ok] {
    margin-right: -1rem;
}

.bulkconfigmarginright[b-rxv92c26ok] {
    margin-right: -65rem;
}

.button-group[b-rxv92c26ok] {
    display: flex;
    gap: 8px;
    margin-left: 33px; /* move right */
    margin-top: 13px; /* move down */
}

.btn[b-rxv92c26ok] {
    padding: 8px 18px;
    border: none;
    border-radius: 6px;
    color: white;
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
}

.export[b-rxv92c26ok] {
    background-color: #44D7B6;
}

.import[b-rxv92c26ok] {
    background-color: #2F9AA0;
}

.publish[b-rxv92c26ok] {
    background-color: #004E59;
}

.btn:hover[b-rxv92c26ok] {
    opacity: 0.9;
}
.roundeddiv[b-rxv92c26ok] {
    border: 1px solid var(--Neutral-Stroke-2-Rest, #E0E0E0);
    min-height: 35rem;
    height: 100%;
    border-radius: 5px;
}
.subheadertrtext[b-rxv92c26ok] {
    background-color: #228994;
    color: #ffffff;
    font-family: 'Inter';
    font-size: 0.8REM;
    padding: 7px;
}
.fontclass[b-rxv92c26ok] {
    font-family: 'Inter';
    font-size: 0.8rem;
}
.Selectbelowexport[b-rxv92c26ok] {
    font-family: 'Inter', sans-serif;
    color: #044B53;
    font-size: 0.8rem;
    font-weight: 600;
    margin-left: 2rem;
    margin-top: 0.4rem;
}

.selected-node[b-rxv92c26ok] {
    /*background-color: #cce5ff;  light blue highlight */
    /*color: #004085;*/
    color: #228994;
    font-weight: bold;
    padding: 2px 4px;
    border-radius: 4px;
   /* background: #228994;*/
    border: none;
}

/* Modal styling */
.custom-modal[b-rxv92c26ok] {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

.modal-content-custom[b-rxv92c26ok] {
    background-color: white;
    padding: 24px;
    border-radius: 6px;
    width: 500px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    font-family: sans-serif;
}


.modal-title[b-rxv92c26ok] {
    font-weight: bold;
    font-size: 0.8rem;
    font-family:'Inter';
    margin-bottom: 16px;
}

/* Custom button styling */
.export-btn[b-rxv92c26ok] {
    background-color: #007c7c;
    color: white;
    border: none;
    padding: 8px 20px;
    border-radius: 4px;
    margin-right: 12px;
    cursor: pointer;
    font-size: 0.8rem;
    font-family: 'Inter';
}

.cancel-btn[b-rxv92c26ok] {
    color: #007c7c;
    background: none;
    border: none;
    padding: 8px 20px;
    text-decoration: underline;
    cursor: pointer;
    font-size: 0.8rem;
    font-family: 'Inter';
}

/* Radio group layout and styles */
.radio-group[b-rxv92c26ok] {
    margin-top: 16px;
    margin-bottom: 24px;
}

.group-label[b-rxv92c26ok] {
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
    font-size: 0.8rem;
    font-family: 'Inter';
}

.radio-options[b-rxv92c26ok] {
    margin-left: 20px; /* Indent the options */
    display: flex;
    gap: 32px;
    align-items: center;
}

.radio-option[b-rxv92c26ok] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
}

    .radio-option input[type="radio"][b-rxv92c26ok] {
        accent-color: #007c7c; /* Custom teal radio button */
        width: 16px;
        height: 16px;
    }

.modal-footer[b-rxv92c26ok] {
    display: flex;
    justify-content: flex-start;
    margin-top: 24px;
}

.modal-header[b-rxv92c26ok] {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.btn-close[b-rxv92c26ok] {
    background: none;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
}
/* Checkmark Circle */
.checkmark-circle[b-rxv92c26ok] {
    width: 4.375rem; /* 70px */
    height: 4.375rem;
    background-color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.938rem; /* 15px */
    margin-left: 7rem;
}

    .checkmark-circle .k-icon.k-i-check[b-rxv92c26ok] {
        color: #ffff;
        font-size: 2.5rem; /* 40px */
        line-height: 1;
    }

.success-icon-circle[b-rxv92c26ok] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #14878A; /* Teal background */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px auto;
}
.checkmark[b-rxv92c26ok] {
    font-size: 28px;
    color: white;
}


.success-message[b-rxv92c26ok] {
    font-size: 1.2rem;
    font-weight: bold;
    color: #000;
    margin-bottom: 24px;
    font-family: 'Segoe UI', sans-serif;
}


.modal-overlay[b-rxv92c26ok] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5); /* dim background */
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-popup[b-rxv92c26ok] {
    background-color: #fff;
    padding: 40px;
    border-radius: 10px;
    text-align: center;
    width: 400px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
    animation: fadeIn-b-rxv92c26ok 0.3s ease-in-out;
}
.check-icon[b-rxv92c26ok] {
    width: 36px;
    height: 36px;
}
.go-home-button[b-rxv92c26ok] {
    background-color: #14878A;
    color: white;
    border: none;
    padding: 10px 24px;
    border-radius: 6px;
    font-size: 1rem;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

    .go-home-button:hover[b-rxv92c26ok] {
        background-color: #0f6c6e;
    }

@keyframes fadeIn-b-rxv92c26ok {
    from {
        opacity: 0;
        transform: scale(0.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}
/* _content/RISHI.Web.UI/Components/Pages/AssetBulkConfiguration/Component/BulkConfigErrorIndex.razor.rz.scp.css */

.upload-container[b-cvrn2uji1q] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
    background-color: #f0fafd; /* Matches your background */
}

.upload-box[b-cvrn2uji1q] {
    text-align: center;
}

.error-text[b-cvrn2uji1q] {
    color: #ff6b6b; /* Red color */
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}

.view-issue[b-cvrn2uji1q] {
    color: #6c757d;
    text-decoration: underline;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
}

    .view-issue:hover[b-cvrn2uji1q] {
        color: #5a6268;
    }
/* _content/RISHI.Web.UI/Components/Pages/AssetBulkConfiguration/Component/ExportBulkConfigIndex.razor.rz.scp.css */
body[b-ipeig9lbz3] {
}
/* _content/RISHI.Web.UI/Components/Pages/AssetBulkConfiguration/Component/ImportUploadIndex.razor.rz.scp.css */
.upload-container[b-rky8gcwh66] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 380px;
    background-color: #f0fafd; /* Light background similar to your screenshot */
}

.upload-box[b-rky8gcwh66] {
    text-align: center;
    /*border: 2px dashed #ccc;*/
    padding: 40px;
    border-radius: 8px;
   /* background-color: #ffffff;*/
    width: 300px;
}

.upload-box img[b-rky8gcwh66] {
    width: 80px;
    height: auto;
    margin-bottom: 20px;
}

    .upload-box p[b-rky8gcwh66] {
        margin: 5px 0;
        font-size: 0.8rem;
        /* color: #666;*/
        color: #808080;
    }

.browse-label[b-rky8gcwh66] {
    cursor: pointer;
    font-weight: bold;
    color: #808080;
}

.browse-label input[type="file"][b-rky8gcwh66] {
    display: none;
}
.roundeddiv[b-rky8gcwh66] {
    border: 1px solid var(--Neutral-Stroke-2-Rest, #E0E0E0);
    min-height: 35rem;
    height: 100%;
    border-radius: 5px;
}
/* _content/RISHI.Web.UI/Components/Pages/AssetBulkConfiguration/Component/PublishChangesIndex.razor.rz.scp.css */

.Selectbelowexport[b-hewf5bn4qb] {
    font-family: 'Inter', sans-serif;
    color: #044B53;
    font-size: 0.8rem;
    font-weight: 600;
    margin-left: 2rem;
    margin-top: 0.4rem;
}
.button-group[b-hewf5bn4qb] {
    display: flex;
    justify-content: flex-end; /* Align buttons to the right */
    gap: 8px;
    margin-top: 13px; /* Keep vertical spacing */
    padding-right: 33px; /* Add right spacing if needed */
    /*margin-left: 33px;  move right */
}

.btn[b-hewf5bn4qb] {
    width: 120px; /* Increased width */
    padding: 8px 18px;
    border: none;
    border-radius: 6px;
    color: white;
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
}

.save[b-hewf5bn4qb] {
    background-color: #44D7B6;
}
.cancel[b-hewf5bn4qb] {
    background-color: #2F9AA0;
}
.btn:hover[b-hewf5bn4qb] {
    opacity: 0.9;
}
/* _content/RISHI.Web.UI/Components/Pages/AssetConfig/AssetconfigAssetclass.razor.rz.scp.css */
/*.AssetConfiguration {
    font-family: 'Inter';
    font-size: 0.8rem;
    width: 11.25rem;
    height: 2.5rem;
    top: 16.5625rem;
    left: 11.75rem;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
    opacity: 1;
    transform: rotate(0deg);
    background: #228994;
    color: white;
    border: blue;
    margin-top: 0.7rem;
    margin-left: 1.5rem;
}*/

.AssetConfiguration[b-ud8cxp0xhi] {
    font-family: 'Inter';
    font-size: 0.8rem;
    width: 11.25rem;
    height: 2.5rem;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
    background: #228994;
    color: white;
    border: 1px solid blue; /* Adjust if border is not needed */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px; /* Space between icon and text */
}

/*.BulkConfiguration {
    font-family: 'Inter';
    font-size: 0.8rem;
    width: 11.25rem;
    height: 2.64rem;
    top: 16.56rem;
    left: 25.75rem;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
    opacity: 1;
    transform: rotate(0deg);*/
   /*  background: #228994;
     color: white;*/
    /*border: blue;
    margin-top: 0.6rem;
    margin-left: 1.5rem;
    background: #E1EEF0;
    color: #228994;
}*/

.BulkConfiguration[b-ud8cxp0xhi] {
    font-family: 'Inter';
    font-size: 0.8rem;
    width: 11.25rem;
    height: 2.64rem;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
    background: #E1EEF0;
    color: #228994;
    border: 1px solid blue; /* Adjust if border is not needed */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px; /* Space between icon and text */
}

.tree-container[b-ud8cxp0xhi] {
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid #ccc;
    padding: 4px;
    margin-left: 1.5rem;
}

    .tree-container[b-ud8cxp0xhi]::-webkit-scrollbar {
        width: 8px;
    }

    .tree-container[b-ud8cxp0xhi]::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 4px;
    }

.tree-container[b-ud8cxp0xhi] {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}

.form-row[b-ud8cxp0xhi] {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-size: 0.8rem;
}

.form-label[b-ud8cxp0xhi] {
    width: 150px; /* all labels same width */
    font-weight: normal;
}

.form-input[b-ud8cxp0xhi] {
    width: 422px; /* control textbox/dropdown width */
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #b0d9e1;
    margin-left: -37px;
    margin-right: 8px;
}

.required[b-ud8cxp0xhi]::before {
    content: "* ";
    color: red;
}

.upload-wrapper[b-ud8cxp0xhi] {
    margin-top: 5px;
    margin-left: -2.1rem;
}

/*.image-preview-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);  3 images per row 
    gap: 10px;
    margin-top: 10px;
    margin-left: 120px;  <-- Shift images right 
}*/

.image-preview-list[b-ud8cxp0xhi] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-left: 1.5rem;
    margin-left: 120px; /*Shift images right*/
    max-height: 150px; /*Fixed height */
    overflow-y: auto; /* Scrollbar */
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.image-preview[b-ud8cxp0xhi] {
    position: relative; /* IMPORTANT: Needed for absolute remove button */
    width: 100px; /* Fixed width */
    height: 100px; /* Fixed height */
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
    flex-shrink: 0;
}

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

.remove-image-button[b-ud8cxp0xhi] {
    position: absolute;
    top: 2px;
    right: 2px;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    border: none;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 12px;
    cursor: pointer;
    line-height: 18px;
    padding: 0;
}

/*.AssetConfigurationtext {
    font-family: 'Inter', sans-serif;
    color: #044B53;
    font-size: 0.8rem;
    font-weight: 600;
    margin-left: 1.5rem;
    margin-top: -0.6rem;
}*/
.AssetConfigurationtext[b-ud8cxp0xhi] {
    font-family: 'Inter', sans-serif;
    color: #044B53; /* blue color */
    font-size: 0.8rem;
    font-weight: 600;
    text-align: left; /* keep it left-aligned */
    margin-left: 0.5rem;
    margin-top: -1.3rem; /* moves slightly up */
}
/*.flexdivrow {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-top: -0.8rem;
}*/

.flexdivrow[b-ud8cxp0xhi] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap; /* Prevents buttons from wrapping to a new line */
    gap: 10px; /* Consistent spacing between buttons */
    margin-top: 0.2rem;
    width: 100%; /* Ensure the container takes full available width */
}
.assetconfigmarginright[b-ud8cxp0xhi] {
    margin-right: -1rem;
}
.bulkconfigmarginright[b-ud8cxp0xhi] {
    margin-right: -65rem;
}
.horzontalline[b-ud8cxp0xhi] {
    border: 1px solid #228994;
    margin: 0;    
}
.Leftside[b-ud8cxp0xhi] {    
    padding: 10px;
    margin-left: -10px;
    background-color: #FFFFFF;
}
.Assetmodeltxt[b-ud8cxp0xhi] {
    font-family: 'Inter';
    background-color:  #D3EEF4;
    padding: 8px 10px;
    font-weight: bold;
    color: #228994;
    border-radius: 4px;
    font-size: 0.8rem;
    margin-left: 1.5rem;
}
.Buttoniconsoneline[b-ud8cxp0xhi] {
    display: flex;
    align-items: center;
    gap: 1px;
    margin-top: 10px;
    flex-wrap: nowrap;
    margin-left: 1rem;
}
.CreateAssetClassbtn[b-ud8cxp0xhi] {    
    font-family: Segoe UI;
    font-style: Regular;
    background-color: #22838f;
    color: white;
    border: none;
    padding: 1px 4px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 0.75rem;
    margin-left: 0.5rem;
}

.searchicon[b-ud8cxp0xhi] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    margin-left: 5px;
    margin-bottom: 3px;
}

    .searchicon img[b-ud8cxp0xhi] {
        border: 1px solid #ccc; /* border around icon */
        border-radius: 5px;
        padding: 2.5px; /* space around icon */
        background-color: white;
        /* remove size limits so it stays original */
        width: auto;
        height: auto;
        max-width: 22px; /* optional: control max size */
    }


.Vector4icon[b-ud8cxp0xhi] {
    color: white;
    border: none;
    border-radius: 4px;
    padding: -3px 8px; /* Adjusted to positive values */
    background-color: white;
}

.delete[b-ud8cxp0xhi] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    margin: 0; /* no outer spacing */
    line-height: 0;
    margin-left: 6px;
}

    .delete img[b-ud8cxp0xhi] {
        width: 15px; /* adjust size */
        height: 15px;
        display: block; /* removes inline-gap around image */
        margin: 0;
    }
.Rightmaincontent[b-ud8cxp0xhi] {
    flex: 1;
    padding: 20px;
    overflow-y: auto;
    max-height: 100vh;
    margin-left: -20px;
}
.TabsLayout[b-ud8cxp0xhi] {
    display: flex;
    border-bottom: 1px solid #ccc;
}
/*.Tabselection {
    font-size: 0.8rem;
    padding: 10px 16px;
    cursor: pointer;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}*/
.buttons[b-ud8cxp0xhi] {
    margin-top: 59px;
    margin-left: 1rem;
}
.Cancelbtn[b-ud8cxp0xhi] {
    background-color: white;
    color: red;
    border: 1px solid red;
    border-radius: 4px;
    margin-left: 10px;
    font-size: 0.8rem;
    height: 2rem;
    width: 10rem;
}

.Savebtn[b-ud8cxp0xhi] {
    background-color: #28a17a;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 0.8rem;
    height: 2rem;
    width: 10rem;
}
.custombox[b-ud8cxp0xhi] {
    width: 250px;
    padding: 10px;
    background-color: #FFFFFF;
}
.Assetclasstab[b-ud8cxp0xhi] {
    font-family: 'Inter';
    background-color: #228994;
    padding: 8px 10px;
    font-weight: bold;
    color: white;
    border-radius: 4px;
    font-size: 0.8rem;
    margin-left: 0rem;
}
.dynamicAssetclasslist[b-ud8cxp0xhi] {
    font-family: Segoe UI;
    margin-left: 0rem;
    font-size: 0.8rem;
}
.Bulkconfigurationfont[b-ud8cxp0xhi] {
    font-size: 0.8rem;
}

.Assetconfigurationfont[b-ud8cxp0xhi] {
    font-size: 0.8rem;
}

.treecontainerfont[b-ud8cxp0xhi] {
    font-size: 0.8rem;
}

.btndiv[b-ud8cxp0xhi] {
    margin-top: 25px;
}
.Editdiv[b-ud8cxp0xhi] {
    padding: 20px;
    background-color:#ffffff;
}
.inputgroupwidth[b-ud8cxp0xhi] {
    max-width: 290px;
}
.TextBoxfont[b-ud8cxp0xhi] {
    font-size: 0.8rem;
}
/*.TabsLayoutdiv {
    display: flex;
    border-bottom: 1px solid #ccc;
}*/
/*new css modified*/
.Tabselection[b-ud8cxp0xhi] {
    font-family: 'Inter';
    font-size: 0.8rem;
    padding: 10px 16px;
    cursor: pointer;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    min-width: 120px; /* Ensures all tabs are same width */
    height: 36px; /* Ensures fixed height */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s, color 0.2s;
}
    .Tabselection.active[b-ud8cxp0xhi] {
        background-color: #22838f;
        color: white;
    }

    .Tabselection.inactive[b-ud8cxp0xhi] {
        background-color: #e4f1f4;
        color: black;
    }

.TabsLayoutdiv[b-ud8cxp0xhi] {
    display: flex;
    /*border-bottom: 1px solid #e4f1f4;*/
    border-bottom: 1px solid #ccc;   
    gap: 5px;
    margin-bottom: 1rem;
    margin-top: -0.7rem;
}

.button-container[b-ud8cxp0xhi] {
    display: flex;
    flex-direction: row;
    align-items: center; /* Vertically align buttons */
    gap: 10px; /* Space between buttons */
}

.Assetconfigurationfont[b-ud8cxp0xhi],
.Bulkconfigurationfont[b-ud8cxp0xhi] {
    font-size: 0.8rem;
}

/* _content/RISHI.Web.UI/Components/Pages/AssetConfig/Component/Asset.razor.rz.scp.css */
.modal-overlay[b-r8dafd5h67] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}
.modal-content[b-r8dafd5h67] {
    background: white;
    padding: 25px;
    width: 600px;
    max-height: 90vh;
    /*  overflow-y: auto; */
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
/* Close Button - Top Right */
.modal-close-button[b-r8dafd5h67] {
    position: absolute;
    top: 10px;
    right: 15px;
    background: transparent;
    border: none;
    font-size: 1.8rem;
    font-weight: bold;
    color: #666;
    cursor: pointer;
    margin-right: -1rem;
    margin-top: -1.2rem;
}

.modal-close-button:hover[b-r8dafd5h67] {
        color: #000;
 }
.input-box[b-r8dafd5h67] {
    flex: 0.4;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #b0d9e1;
    margin-left: 8px;
    margin-right: 8px;
    width: 250px; /* adjust as needed */
}
.inputtextarea[b-r8dafd5h67] {
    border: 1.5px solid #97D4E2;
    border-radius: 5px;
    width: 100%;
    font-family: 'Inter';
    font-size: 0.8REM;
    height: 6rem;
    background-color: var(--asset-class-description) black;
}
.required[b-r8dafd5h67]::before {
    content: "* ";
    color: red;
}

.savebtn[b-r8dafd5h67] {
    font-family: 'Inter';
    background-color: #28a17a;
    color: white;
    border: none;    
    border-radius: 4px;
    font-size: 0.8rem;
}

.form-row[b-r8dafd5h67] {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-size: 0.8rem;
    margin-top: 4px;
}

.form-label[b-r8dafd5h67] {
    font-family: 'Inter';
    font-weight: normal;
    font-size: 0.8REM;
}

.form-input[b-r8dafd5h67] {
    width: 100%; /* control textbox/dropdown width */
    
    border: 1.5px solid #97D4E2;
    border-radius: 5px;
    font-family: 'Inter';
    font-size: 0.8REM;
    height: 1.75rem;
}
.Cancelbtn[b-r8dafd5h67] {
    background-color: white;
    color: red;
    border: 1px solid red;    
    border-radius: 4px;
    margin-left: 10px;
    font-size: 0.8rem;
    height:2rem;
    width:10rem;

}
.Savebtn[b-r8dafd5h67] {
    background-color: #28a17a;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 0.8rem;
    height: 2rem;
    width: 10rem;
    margin-top: 20px;
}
.popupheader[b-r8dafd5h67] {
    font-family: Inter;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 1.2rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #044B53;
}
.btndiv[b-r8dafd5h67] {
    margin-top: 25px;
}
.Addasset[b-r8dafd5h67] {
    background-color: #22838f;
    color: white;
    border: none;   
    border-radius: 4px;
    white-space: nowrap;
    font-size: 0.8rem;
    
}
.divedit[b-r8dafd5h67] {
    padding: 20px;
}

.Editdiv[b-r8dafd5h67] {
    max-height: 449px;
    overflow-y: auto;
    padding-right: 10px;
    margin-top: -1.9rem;
}
/* _content/RISHI.Web.UI/Components/Pages/AssetConfig/Component/AssetAttribute.razor.rz.scp.css */
/* Limit grid container height */
.custom-grid-container[b-ph0f835egq] {
    max-height: 350px; /* Adjust as needed */
    overflow-y: auto;
    border: 1px solid #ccc;
}

/* Fix grid header while scrolling */
.fixed-header-grid > > > .k-grid-header[b-ph0f835egq] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: white;
}

/* Optional: Prevent full grid scrollbar */
.grid-no-scroll .k-grid-content[b-ph0f835egq] {
    overflow-y: visible !important;
}
/*.Rightmaincontentattri {
    flex: 1;
    padding: 20px;
    overflow-y: auto;
    max-height: 100vh;
    margin-top: -0.7rem;
    margin-left: 24.5rem;
}*/
/* _content/RISHI.Web.UI/Components/Pages/AssetConfig/Component/AssetAttributeMapping.razor.rz.scp.css */
/* Limit grid container height */
.custom-grid-container[b-gi3e99qejg] {
    max-height: 440px; /* Adjust as needed */
    overflow-y: auto;
    border: 1px solid #ccc;
}

/* Fix grid header while scrolling */
.fixed-header-grid > > > .k-grid-header[b-gi3e99qejg] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: white;
}

/* Optional: Prevent full grid scrollbar */
.grid-no-scroll .k-grid-content[b-gi3e99qejg] {
    overflow-y: visible !important;
}
/* _content/RISHI.Web.UI/Components/Pages/AssetConfig/Component/AssetClass.razor.rz.scp.css */

.Rightmaincontent[b-u7rykyadlk] {
    flex: 1;
    padding: 20px;
    overflow-y: auto;
    max-height: 100vh;
    margin-top: -0.7rem;
    margin-left: -12rem;
}

.form-row[b-u7rykyadlk] {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-size: 0.8rem;
}

.form-label[b-u7rykyadlk] {
    font-family: 'Inter';    
    font-weight: normal;
    font-size: 0.8REM;
}


.form-input[b-u7rykyadlk] {
    width: 100%; /* control textbox/dropdown width */
   
    border: 1.5px solid #97D4E2;
    border-radius: 5px;   
    font-family: 'Inter';
    font-size: 0.8REM;
    height: 1.75rem;
}

.inputtextarea[b-u7rykyadlk] {
    border: 1.5px solid #97D4E2;
    border-radius: 5px;
    width: 100%;
    font-family: 'Inter';
    font-size: 0.8REM;
    height: 6rem;
    background-color: var(--asset-class-description);
}

.required[b-u7rykyadlk]::before {
    content: "* ";
    color: red;
}

.upload-wrapper[b-u7rykyadlk] {
    margin-top: 5px;
    margin-left: -2.1rem;
}

.image-preview-list[b-u7rykyadlk] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-left: 1.5rem;
    margin-left: 120px; /*Shift images right*/
    max-height: 150px; /*Fixed height */
    overflow-y: auto; /* Scrollbar */
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.image-preview[b-u7rykyadlk] {
    position: relative; /* IMPORTANT: Needed for absolute remove button */
    width: 100px; /* Fixed width */
    height: 100px; /* Fixed height */
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
    flex-shrink: 0;
}

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

.remove-image-button[b-u7rykyadlk] {
    position: absolute;
    top: 2px;
    right: 2px;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    border: none;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 12px;
    cursor: pointer;
    line-height: 18px;
    padding: 0;
}
.Cancelbtn[b-u7rykyadlk] {
    background-color: white;
    color: red;
    border: 1px solid red;
    border-radius: 4px;
    margin-left: 10px;
    font-size: 0.8rem;
    height: 2rem;
    width: 10rem;
}

.Savebtn[b-u7rykyadlk] {
    background-color: #28a17a;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 0.8rem;
    height: 2rem;
    width: 10rem;
}
/* _content/RISHI.Web.UI/Components/Pages/AssetConfig/Component/AssetType.razor.rz.scp.css */

.Rightmaincontent[b-viyq6jfk60] {
    flex: 1;
    padding: 20px;
    overflow-y: auto;
    max-height: 100vh;
    margin-top: -0.7rem;
    margin-left: -12rem;
}
.form-row[b-viyq6jfk60] {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-size: 0.8rem;
}
.form-label[b-viyq6jfk60] {
    font-family: 'Inter';   
    font-weight: normal;
    font-size: 0.8REM;
}

.form-input[b-viyq6jfk60] {
    width: 100%; /* control textbox/dropdown width */
   
    border: 1.5px solid #97D4E2;
    border-radius: 5px;
    font-family: 'Inter';
    font-size: 0.8REM;
    height: 1.75rem;
}
.inputtextarea[b-viyq6jfk60] {
    border: 1.5px solid #97D4E2;
    border-radius: 5px;
    width: 100%;
    font-family: 'Inter';
    font-size: 0.8REM;
    height: 6rem;
    background-color: var(--asset-class-description) black;
}
.required[b-viyq6jfk60]::before {
    content: "* ";
    color: red;
}
.upload-wrapper[b-viyq6jfk60] {
    margin-top: 5px;
    margin-left: -2.1rem;
}
.image-preview-list[b-viyq6jfk60] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-left: 1.5rem;
    margin-left: 120px; /*Shift images right*/
    max-height: 150px; /*Fixed height */
    overflow-y: auto; /* Scrollbar */
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.image-preview[b-viyq6jfk60] {
    position: relative; /* IMPORTANT: Needed for absolute remove button */
    width: 100px; /* Fixed width */
    height: 100px; /* Fixed height */
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
    flex-shrink: 0;
}

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

.remove-image-button[b-viyq6jfk60] {
    position: absolute;
    top: 2px;
    right: 2px;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    border: none;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 12px;
    cursor: pointer;
    line-height: 18px;
    padding: 0;
}

.Cancelbtn[b-viyq6jfk60] {
    background-color: white;
    color: red;
    border: 1px solid red;
    border-radius: 4px;
    margin-left: 10px;
    font-size: 0.8rem;
    height: 2rem;
    width: 10rem;
}

.Savebtn[b-viyq6jfk60] {
    background-color: #28a17a;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 0.8rem;
    height: 2rem;
    width: 10rem;
}
/* _content/RISHI.Web.UI/Components/Pages/AssetHealth/AssetHealth.razor.rz.scp.css */
.main-container[b-v74ecgt4oi] {
    display: flex;
    flex-direction: row;
    width: 100%;
    box-sizing: border-box;
}

.content-container[b-v74ecgt4oi] {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
}

.filter-panel[b-v74ecgt4oi] {
    width: 15rem;
    background-color: #044B53;
    padding: 1rem;
    color: #FFFFFF;
    border-right: 0.1rem solid #2E7D32;
    box-sizing: border-box;
}

.filter-header[b-v74ecgt4oi] {
    margin-bottom: 1rem;
}

    .filter-header label[b-v74ecgt4oi] {
        font-size: 0.7rem;
        font-family: Inter;
        margin-right: 0.5rem;
        color: #FFFFFF;
    }

    .filter-header select[b-v74ecgt4oi] {
        padding: 0.3rem 0.5rem;
        font-size: 0.7rem;
        font-family: Inter;
        border: 0.1rem solid #78909C;
        border-radius: 0.3rem;
        background-color: #2E7D32;
        color: #B0BEC5;
        cursor: pointer;
        outline: none;
        width: 100%;
    }

        .filter-header select:focus[b-v74ecgt4oi] {
            border-color: #0288D1;
            box-shadow: 0 0 0.2rem #0288D1;
        }

.search-container[b-v74ecgt4oi] {
    margin-bottom: 1.5rem;
}

    .search-container input[b-v74ecgt4oi] {
        width: 100%;
        padding: 0.4rem;
        font-size: 0.7rem;
        font-family: Inter;
        border: 0.1rem solid #78909C;
        border-radius: 0.3rem;
        background-color: #FFFFFF;
        color: #B0BEC5;
        box-sizing: border-box;
    }

        .search-container input:focus[b-v74ecgt4oi] {
            border-color: #0288D1;
            box-shadow: 0 0 0.2rem #0288D1;
        }

.filter-category[b-v74ecgt4oi] {
    margin-bottom: 1.5rem;
}

    .filter-category h4[b-v74ecgt4oi] {
        font-size: 1rem;
        font-family: Inter;
        margin-bottom: 0.5rem;
        color: #FFFFFF;
    }

    .filter-category label[b-v74ecgt4oi] {
        display: block;
        font-size: 0.7rem;
        font-family: Inter;
        margin-bottom: 0.3rem;
        cursor: pointer;
    }

        .filter-category label input[b-v74ecgt4oi] {
            margin-right: 0.5rem;
            vertical-align: middle;
        }

    .filter-category input[type="range"][b-v74ecgt4oi] {
        width: 100%;
        height: 0.5rem;
        background: linear-gradient(to right, #388C95, #5FBCC7);
        border-radius: 0.3rem;
        outline: none;
        -webkit-appearance: none;
    }

        .filter-category input[type="range"][b-v74ecgt4oi]::-webkit-slider-thumb {
            -webkit-appearance: none;
            width: 1rem;
            height: 1rem;
            background: #0288D1;
            border-radius: 50%;
            cursor: pointer;
        }

        .filter-category input[type="range"][b-v74ecgt4oi]::-moz-range-thumb {
            width: 1rem;
            height: 1rem;
            background: #0288D1;
            border-radius: 50%;
            cursor: pointer;
        }

.header-container[b-v74ecgt4oi] {
    background-color: #025964;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    border-bottom: 0.1rem solid #455A64;
    margin-left: 0.5rem;
}

.header-item[b-v74ecgt4oi] {
    display: flex;
    align-items: center;
    margin-right: 1rem;
    overflow: visible;
}

    .header-item label[b-v74ecgt4oi] {
        font-size: 0.7rem;
        font-family: Inter;
        color: #FFFFFF;
        margin-right: 0.5rem;
        white-space: nowrap;
    }

    .header-item:last-child[b-v74ecgt4oi] {
        margin-right: 0;
    }

.heatmap-container[b-v74ecgt4oi] {
    color: white;
}

.level-row[b-v74ecgt4oi] {
    display: flex;
    margin-bottom: 1.5rem;
    text-align: center;
}

.level-section[b-v74ecgt4oi] {
    flex: 1;
    padding: 0.5rem;
}

    .level-section h3[b-v74ecgt4oi] {
        background-color: #025964;
        padding: 0.5rem;
        border-radius: 0.5rem;
        margin-bottom: 0.5rem;
        font-size: 1.0rem;
        font-family: Inter;
    }

.items-container[b-v74ecgt4oi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.heatmap-item[b-v74ecgt4oi] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    color: white;
    font-size: 0.7rem;
    font-family: Inter;
    transition: transform 0.2s;
}

    .heatmap-item:hover[b-v74ecgt4oi] {
        transform: scale(1.05);
    }

/* ========================================================================= */
/* --- FINAL REVISED STYLES FOR DROPDOWN TO FIX CLIPPING, ALIGNMENT & CLARITY --- */
/* ========================================================================= */

/* 1️⃣ Wrapper for arrow positioning */
.header-item .select-wrapper[b-v74ecgt4oi] {
    position: relative;
    display: inline-block;
    height: 2rem;
    white-space: nowrap;
}

/* 2️⃣ Dropdown style (Readable Text + Proper Height + White Arrow space) */
.header-item .header-dropdown-styled[b-v74ecgt4oi] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 90%;
    background-color: #025964;
    color: #FFFFFF;
    border: 1px solid #0F97A8;
    border-radius: 4px;
    font-family: Inter;
    font-size: 0.7rem;
    font-weight: 600;
    height: 2rem;
    line-height: 2rem;
    padding: 0 2rem 0 0.75rem;
    text-indent: 0;
    letter-spacing: 0.01em;
    box-sizing: border-box;
    cursor: pointer;
    outline: none;
    /* smooth, clear text */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* 3️⃣ Custom White Arrow */
.header-item .select-wrapper[b-v74ecgt4oi]::after {
    content: '\25BC';
    font-size: 0.7rem;
    font-family: Inter;
    color: #FFFFFF;
    position: absolute;
    top: 50%;
    right: 0.6rem;
    transform: translateY(-50%);
    pointer-events: none;
    display: none;
}

/* 4️⃣ Hover/Focus effect */
.header-item .header-dropdown-styled:hover[b-v74ecgt4oi],
.header-item .header-dropdown-styled:focus[b-v74ecgt4oi] {
    background-color: #0F97A8;
    border-color: #0F97A8;
}

/* 5️⃣ Dropdown list readability */
.header-item .header-dropdown-styled option[b-v74ecgt4oi] {
    font-size: 0.7rem;
    background-color: #025964;
    font-family: Inter;
    color: #FFFFFF;
}
/*==============
   dark theme
================*/

html[data-theme="dark"] .heatmap-item[b-v74ecgt4oi] {
    background: #044B53 !important;
    color: #FFF8F8 !important;
}
html[data-theme="dark"] .header-container[b-v74ecgt4oi] {
    margin-top: 7px;
/*    background: #044B53 !important;*/
        background: #313131 !important;
    border-radius:8px;
    border: none !important;
}
html[data-theme="dark"] .select-wrapper[b-v74ecgt4oi], .header-dropdown-styled[b-v74ecgt4oi] {
    background: white !important;
    color:black !important;
    border:none !important;
    border-radius:7px;
}
html[data-theme="dark"] h3[b-v74ecgt4oi] {
    background: #515151 !important;
    font-size:14px !important;
    font-weight:600 !important;
}
html[data-theme="dark"] .heatmap-item[b-v74ecgt4oi] {
    background: #044B53 !important;
}
html[data-theme="dark"] .heatmap-item[b-v74ecgt4oi] {
    background: #044B53 !important;
}
html[data-theme="dark"] .heatmap-item[b-v74ecgt4oi] {
    background: #044B53 !important;
}


.top-right-legend[b-v74ecgt4oi] {
    position: absolute;
    top: 12px;
    right: 5px;
    display: flex;
   /* gap: 6px;*/
    z-index: 10;
}

/* Common bar style */
.legend-bar[b-v74ecgt4oi] {
    min-width: 3rem;
    height: 1.0rem;
  /*  border-radius: 6px;*/
    font-size: 0.8rem;
    font-weight: 400;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
}

    /* Colors exactly aligned with your heatmap palette */
    .legend-bar.critical[b-v74ecgt4oi] {
        background-color: #5FBCC7;
    }

    .legend-bar.high[b-v74ecgt4oi] {
        background-color: #388C95;
    }

    .legend-bar.medium[b-v74ecgt4oi] {
        background-color: #044B53;
    }

/* _content/RISHI.Web.UI/Components/Pages/AssetHealth/AssetHealthExtension.razor.rz.scp.css */
.dashboard-container[b-3is24gf6ym] {
    font-family:'Inter';
    width: 100%;
    box-sizing: border-box;
   
}

.heatmapback-text[b-3is24gf6ym] {
    background-color: #97D4E2;
    color: #044B53;
    padding: 0.625rem 1.25rem;
    border-radius: 0.5rem;
    display: inline-block;
    width: 100%;
    height: 3.3125rem;
    margin-bottom: 0.3rem;
}

heatmapback-link[b-3is24gf6ym] {
    padding: 0.625rem 1.25rem;
    border-radius: 0.3125rem;
    text-decoration: none;
    display: inline-block;
}

.heatmapback-link:hover[b-3is24gf6ym] {
    background-color: #33a0cc;
}


.main-content[b-3is24gf6ym] {
    display: flex;
}
.fault-summary[b-3is24gf6ym] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 26.375rem;
}

.fault-box[b-3is24gf6ym] {
    padding: 1rem;
    border-radius: 0.5rem;
    color: #3F3F3F;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    width: 25.375 rem;
    height: 7.8125rem;
    vertical-align:middle;
}

    .fault-box.active[b-3is24gf6ym] {
        background-color: #FFAFB1; 
    }

    .fault-box.potential[b-3is24gf6ym] {
        background-color: #FFD199; 
    }

    .fault-box.closed[b-3is24gf6ym] {
        background-color: #97D4E2;
    }

    .fault-box.selected[b-3is24gf6ym] {
        outline: 2px solid #1f8ef1;
        box-shadow: 0 0 0 2px rgba(31, 142, 241, 0.2);
    }


.vertical-line[b-3is24gf6ym] {
    width: 0.0625rem;
    background-color: #ccc;
    margin: 0 1rem;
}

.content-section[b-3is24gf6ym] {
    flex-grow: 1;
    border-radius: 0.5rem;
    width:90%;
}

.filter-header[b-3is24gf6ym] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    padding: 0.5rem;
    border-radius: 0.3rem;
}

    .filter-header span[b-3is24gf6ym] {
        font-size: 0.9rem;
        color: #044B53;
    }

.status-text[b-3is24gf6ym] {
    margin-left: auto;
    color: #A1A1A1;
    font-size: 0.7rem;
}

.chart-section[b-3is24gf6ym] {
    margin-top: 1rem;
    background-color: #ffffff;
    border: 1px solid #504E4E;
    border-radius: 5px;
    padding:0.9rem;
}

.tb-icon-container[b-3is24gf6ym] {
    position: relative;
}

    /* these rules position the icon. Update with your own selector if you add HTML elements for click events */
    .tb-icon-container .k-icon[b-3is24gf6ym] {
        position: absolute;
        z-index: 1;
        top: 5;
        left: 0.5em;
    }

    .tb-icon-container input .k-textbox[b-3is24gf6ym],
    .tb-icon-container .k-textbox input[b-3is24gf6ym],
    .tb-icon-container .k-state-empty .k-label[b-3is24gf6ym] {
        padding-left: 2em;
    }

    .tb-icon-container .with-label .k-icon[b-3is24gf6ym] {
        top: 0.5em;
    }



/* Style for Priority circles */
.priority-high[b-3is24gf6ym] {
    display: inline-block;
    border: 1;
    padding: 5px;
    border-radius: 8px;
    background-color: #FFAFB1;
    vertical-align: middle;
}

.priority-medium[b-3is24gf6ym] {
    display: inline-block;
    border: 1;
    padding: 5px;
    border-radius: 8px;
    background-color: #FFD199;
    vertical-align: middle;
}

.priority-low[b-3is24gf6ym] {
    display: inline-block;
    border: 1;
    padding: 5px;
    border-radius: 8px;
    background-color: #97D4E2; 
    vertical-align: middle;
}

.chart-container[b-3is24gf6ym] {
    padding: 1.25rem; 
    background-color: #f5f5f5;
    border: 0.0625rem solid #ddd; 
    border-radius: 0.3125rem;
}

.legend[b-3is24gf6ym] {
    margin-top: 0.625rem; 
    font-size: 0.9rem;
}

.time-range[b-3is24gf6ym] {
    font-size: 0.8rem;
    color: #666;
    margin-top: 0.3125rem; 
}

/* Optional: Style the navigator slider to match the image */
.k-chart .k-navigator[b-3is24gf6ym] {
    height: 3.125rem !important; 
}

.k-chart .k-navigator .k-slider[b-3is24gf6ym] {
    background-color: #e0e0e0;
}

.k-chart .k-navigator .k-draghandle[b-3is24gf6ym] {
    background-color: #4dabf7 !important; 
    border: 0.125rem solid #4dabf7; 
}

.timeline-container[b-3is24gf6ym] {
    position: relative;
    width: 80%; 
    height: 3.125rem; 
    padding: 1.25rem 0;
}

.timeline-slider[b-3is24gf6ym] {
    width: 100%;
    height: 0.0625rem; 
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.timeline-slider:hover[b-3is24gf6ym] {
    opacity: 1;
}

.timeline-slider[b-3is24gf6ym]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1.25rem; 
    height: 1.25rem; 
    background: url('images/AssetHealth/slider.svg') no-repeat center;
    background-size: contain;
    cursor: pointer;
    border: none;
}

.timeline-slider[b-3is24gf6ym]::-moz-range-thumb {
    width: 1.25rem; 
    height: 1.25rem; 
    background: url('images/AssetHealth/slider.svg') no-repeat center;
    background-size: contain;
    cursor: pointer;
    border: none;
}

.timeline-ticks[b-3is24gf6ym] {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0.125rem; 
    background: #e0e0e0;
}

.tick[b-3is24gf6ym] {
    position: absolute;
    top: -0.3125rem; 
    width: 0.125rem; 
    height: 0.625rem; 
    background: #666;
    transform: translateX(-50%);
}

.tick.active[b-3is24gf6ym] {
    background: #4dabf7;
    height: 0.9375rem; 
}

.time-range-wrapper[b-3is24gf6ym] {
    display: flex;
    align-items: center;
    gap: 1rem;
}


.date-range-container[b-3is24gf6ym] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    .date-range-container:hover[b-3is24gf6ym] {
        background-color: #f0f0f0;
    }

.date-picker-container[b-3is24gf6ym] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: Inter;
    font-size: 0.7rem;
}

.custom-datetimepicker[b-3is24gf6ym] {
    font-family: Inter;
    font-size: 0.7rem;
    color: #333;
}

#assetHelathExtension .k-table-tbody > .k-table-row:hover[b-3is24gf6ym],
#assetHelathExtension .k-table-tbody > .k-table-row.k-hover[b-3is24gf6ym] {
    /* background-color: #a5e8e5;*/
    font-family: Inter;
}
/* _content/RISHI.Web.UI/Components/Pages/CalculationStatus/CalculationStatus.razor.rz.scp.css */
/* Main Container */
.calculation-status-container[b-m7ea5gooff] {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: #f5f5f5;
    overflow: auto;
    position: relative;
}

/* Header Section */
.status-header[b-m7ea5gooff] {
    background-color: #044B53;
    padding: 10px 20px;
    flex-shrink: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.equipment-title[b-m7ea5gooff] {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
}

.header-actions[b-m7ea5gooff] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.refresh-icon[b-m7ea5gooff] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.last-updated[b-m7ea5gooff] {
    font-size: 13px;
    color: var(--calculation-status-header-text);
    font-weight: 400;
    margin-right: 12px;
}

.btn-icon[b-m7ea5gooff] {
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255,255,255,0.3);
    background-color: transparent;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
}

    .btn-icon:hover[b-m7ea5gooff] {
        background-color: rgba(255,255,255,0.1);
        border-color: rgba(255,255,255,0.5);
    }

    .btn-icon img[b-m7ea5gooff] {
        width: 16px;
        height: 16px;
        filter: var(--general-icon-filter);
    }

.btn-primary[b-m7ea5gooff] {
    padding: 8px 18px;
    background-color: #17a2b8;
    color: white;
    border: none;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s;
    white-space: nowrap;
}

    .btn-primary:hover[b-m7ea5gooff] {
        background-color: #138496;
    }

.btn-download[b-m7ea5gooff] {
    padding: 8px 18px;
    background-color: #044B53;
    color: white;
    border: none;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background-color 0.2s;
    white-space: nowrap;
}

    .btn-download:hover[b-m7ea5gooff] {
        background-color: #06383d;
    }

    .btn-download img[b-m7ea5gooff] {
        width: 14px;
        height: 14px;
        filter: brightness(0) invert(1);
    }

.btn-share[b-m7ea5gooff] {
    padding: 8px 18px;
    background-color: #EDFAFF;
    color: black;
    border: none;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background-color 0.2s;
    white-space: nowrap;
}

    .btn-share:hover[b-m7ea5gooff] {
        background-color: darkgray;
    }

    .btn-share img[b-m7ea5gooff] {
        width: 14px;
        height: 14px;
    }

.drop-down-and-updated-time[b-m7ea5gooff] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
/* Content Wrapper */
.content-wrapper[b-m7ea5gooff] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-color: var(--calculation-status-panel-bg);
}

/* Table Section */
.table-section[b-m7ea5gooff] {
    background-color: var(--calculation-status-panel-bg);
    flex-shrink: 0;
    border-bottom: 1px solid #e0e0e0;
    padding: 15px;
}

.table-controls[b-m7ea5gooff] {
/*    background-color: #e8e8e8;*/
    padding: 8px 0px;
    border-bottom: 1px solid #d0d0d0;
    display: flex;
    justify-content: space-between;
}

.form-select[b-m7ea5gooff] {
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 13px;
    background-color: var(--calculation-status-drop-down-bg);
    color: var(--calculation-status-drop-down-text-color);
    width: auto;
    min-width: 180px;
    cursor: pointer;
    background-image: var(--calculation-status-drop-down-color);
}

/* Calculation Grid */
[b-m7ea5gooff] .calculation-grid {
    font-size: 13px;
    border: none;
}

    [b-m7ea5gooff] .calculation-grid .k-grid-header {
        background-color: #0d545f;
        color: white;
        font-weight: 600;
    }

        [b-m7ea5gooff] .calculation-grid .k-grid-header th {
            border-color: #094149;
            font-size: 13px;
            text-align: left;
        }

    [b-m7ea5gooff] .calculation-grid .k-grid-content {
        overflow: visible;
    }

    [b-m7ea5gooff] .calculation-grid td {
        padding: 9px 14px;
        border-color: #e8e8e8;
        font-size: 13px;
    }

    [b-m7ea5gooff] .calculation-grid tbody tr {
        background-color: #fff;
    }

        [b-m7ea5gooff] .calculation-grid tbody tr:nth-child(even) {
            background-color: #fafafa;
        }

        [b-m7ea5gooff] .calculation-grid tbody tr:hover {
            background-color: #f0f7fa;
        }

.calculation-grid-wrapper[b-m7ea5gooff] {
    border: 1px solid;
    border-color: var(--calculation-status-table-border);
}

/* Performance Check Section - FULL WIDTH */
.performance-check-section[b-m7ea5gooff] {
    background-color: var(--calculation-status-panel-bg);
    flex-shrink: 0;
    border-bottom: 1px solid #e0e0e0;
}

.performance-header[b-m7ea5gooff] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px 8px 16px;
}

.performance-title[b-m7ea5gooff] {
    font-size: 15px;
    font-weight: 600;
    color: var(--calculation-status-header-text);
    margin: 0;
}

.performance-icons[b-m7ea5gooff] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.menu-dots[b-m7ea5gooff],
.alert-bell[b-m7ea5gooff] {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.alert-bell[b-m7ea5gooff] {
    filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}

.calculation-result[b-m7ea5gooff] {
    background-color: #d1ecf1;
    padding: 12px 16px;
    margin: 0 16px 16px 16px;
    border-left: 4px solid #17a2b8;
    font-size: 13px;
    color: #0c5460;
    line-height: 1.5;
}

.result-label[b-m7ea5gooff] {
    font-weight: 600;
}

.result-text[b-m7ea5gooff] {
    font-weight: 400;
}

/* Details Section - Expression and Inputs/Outputs Side by Side */
.details-section[b-m7ea5gooff] {
    flex: none;
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 0;
    overflow: visible;
    background-color: #fff;
}

/* Expression Panel */
.expression-panel[b-m7ea5gooff] {
    background-color: var(--calculation-status-panel-bg);
    padding: 16px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-right: 1px solid #e0e0e0;
}

.section-subtitle[b-m7ea5gooff] {
    font-size: 14px;
    font-weight: 600;
    color: var(--calculation-status-header-text);
    margin: 0 0 10px 0;
}

.expression-code[b-m7ea5gooff] {
    flex: 1;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    background-color: #fafafa;
    overflow-y: auto;
    padding: 12px;
}

    .expression-code pre[b-m7ea5gooff] {
        margin: 0;
        font-family: 'Consolas', 'Courier New', monospace;
        font-size: 12px;
        line-height: 1.7;
        color: #333;
        white-space: pre-wrap;
        word-wrap: break-word;
    }

/* Inputs/Outputs Panel */
.inputs-outputs-panel[b-m7ea5gooff] {
    background-color: var(--calculation-status-panel-bg);
    padding: 16px;
    display: block;
    flex-direction: column;
    overflow: visible;
}

/* IO Grid */
[b-m7ea5gooff] .io-grid {
    font-size: 12px;
    flex: 1;
    border: none;
}

    [b-m7ea5gooff] .io-grid .k-grid-header {
        background-color: #0d545f;
        color: white;
        font-weight: 600;
    }

        [b-m7ea5gooff] .io-grid .k-grid-header th {
            border-color: #094149;
            font-size: 12px;
            text-align: left;
        }

    [b-m7ea5gooff] .io-grid .k-grid-content {
        overflow: visible;
    }

    [b-m7ea5gooff] .io-grid td {
        padding: 7px 12px;
        border-color: #e8e8e8;
        font-size: 12px;
    }

    [b-m7ea5gooff] .io-grid tbody tr {
        background-color: #fff;
    }

        [b-m7ea5gooff] .io-grid tbody tr:nth-child(even) {
            background-color: #fafafa;
        }

        [b-m7ea5gooff] .io-grid tbody tr:hover {
            background-color: #f0f7fa;
        }

.io-grid-wrapper[b-m7ea5gooff] {
    border: 1px solid;
    border-color: var(--calculation-status-table-border);
}
/* Menu Button */
.menu-button[b-m7ea5gooff] {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 48px;
    height: 48px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
    z-index: 100;
}

    .menu-button:hover[b-m7ea5gooff] {
        background-color: #f5f5f5;
        box-shadow: 0 3px 10px rgba(0,0,0,0.2);
    }

    .menu-button img[b-m7ea5gooff] {
        width: 22px;
        height: 22px;
    }

/* Responsive Design */
@media screen and (max-width: 1600px) {
    .details-section[b-m7ea5gooff] {
        grid-template-columns: 280px 1fr;
    }
}

@media screen and (max-width: 1400px) {
    .status-header[b-m7ea5gooff] {
        flex-wrap: wrap;
        gap: 10px;
    }

    .header-actions[b-m7ea5gooff] {
        width: 100%;
        justify-content: flex-end;
    }
}

@media screen and (max-width: 1200px) {
    .details-section[b-m7ea5gooff] {
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
    }

    .expression-panel[b-m7ea5gooff] {
        max-height: 300px;
        border-right: none;
        border-bottom: 1px solid #e0e0e0;
    }
}

@media screen and (max-width: 768px) {
    .status-header[b-m7ea5gooff] {
        padding: 8px 12px;
    }

    .equipment-title[b-m7ea5gooff] {
        font-size: 16px;
    }

    .header-actions[b-m7ea5gooff] {
        flex-wrap: wrap;
        gap: 6px;
    }

    .table-controls[b-m7ea5gooff] {
        padding: 6px 12px;
    }

    .performance-header[b-m7ea5gooff] {
        padding: 10px 12px 6px 12px;
    }

    .calculation-result[b-m7ea5gooff] {
        margin: 0 12px 12px 12px;
    }
}

/* Scrollbar Styling */
[b-m7ea5gooff]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

[b-m7ea5gooff]::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 4px;
}

[b-m7ea5gooff]::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 4px;
}

    [b-m7ea5gooff]::-webkit-scrollbar-thumb:hover {
        background: #999;
    }

/* Remove default Telerik borders */
[b-m7ea5gooff] .k-grid {
    border: none;
}

[b-m7ea5gooff] .k-grid-header {
    border: none;
}

[b-m7ea5gooff] .k-grid-content {
    border: none;
}
/* _content/RISHI.Web.UI/Components/Pages/CircleLoader.razor.rz.scp.css */
.loader[b-jcnavylc59] {
    display: inline-block;
    position: relative;
}

    .loader div[b-jcnavylc59] {
        transform-origin: 50% 50%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: 100%;
        animation: loader-fade-b-jcnavylc59 1.2s linear infinite;
    }

        .loader div[b-jcnavylc59]:after {
            content: "";
            display: block;
            position: absolute;
            top: 3px;
            left: calc(50% - 2px);
            width: 4px;
            height: 10px;
            border-radius: 20%;
            background: var(--loader-color);
        }

@keyframes loader-fade-b-jcnavylc59 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
/* _content/RISHI.Web.UI/Components/Pages/Configuration/ConfigurationIndex.razor.rz.scp.css */
body[b-iy6cqgzrvh] {
}

.configlabel[b-iy6cqgzrvh] {
    width: 40rem;
    height: 5rem;
    opacity: 1;
    border-radius: 10px;
    background: #97D4E2;
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 27px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #044B53;
}
/* _content/RISHI.Web.UI/Components/Pages/DataSourceConfig/DataSourceConfig.razor.rz.scp.css */
.system-status-page[b-utke081egp] {
    background: white;
    padding: 0px 0px 0px 20px;
    font-family: "Segoe UI", Roboto, sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    background-color: var(--data-source-config-bg);
}

.header-title[b-utke081egp] {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 20px;
    color: var(--data-source-config-header-text);
}

.content-container[b-utke081egp] {
    display: flex;
    gap: 20px;
    flex: 1;
    align-items: stretch;
    background-color: var(--data-source-config-bg);
}

.left-panel[b-utke081egp] {
    flex: 1;
    box-sizing: border-box;
    margin-right: 15rem;
}

/* RIGHT SIDEBAR ON THE RIGHT EDGE */
.right-panel[b-utke081egp] {
    width: 350px;
    padding: 20px;
    background-color: var(--data-source-config-right-sidebar-bg);
    color: white;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-sizing: border-box;
    align-self: stretch;
    overflow-y: auto;
}

.panel-heading[b-utke081egp] {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid white;
    padding-bottom: 5px;
    margin-bottom: 10px;
    color: var(--data-source-config-right-sidebar-heading-text-color);
}

.field-block[b-utke081egp] {
    display: flex;
    flex-direction: column;
}

    .field-block label[b-utke081egp] {
        font-size: 12px;
        margin-bottom: 4px;
        color: var(--data-source-config-right-sidebar-form-label-text-color);
    }

.form-input[b-utke081egp] {
    background: var(--data-source-config-right-sidebar-form-input-bg);
    padding: 6px;
    color: var(--data-source-config-right-sidebar-form-input-text-color);
    border-radius: 3px;
    border: 1px solid #ccc;
    font-size: 13px;
}

textarea.form-input[b-utke081egp] {
    height: 50px;
}

.checkbox-row[b-utke081egp] {
    display: flex;
    gap: 10px;
    font-size: 13px;
    color: var(--data-source-config-right-sidebar-form-checkbox-text-color);
}

.btn.teal[b-utke081egp] {
    background: var(--data-source-config-main-page-button-bg);
    color: var(--data-source-config-main-page-button-text-color);
    border: none;
    padding: 6px 18px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 13px;
}

.button-bar[b-utke081egp] {
    margin-top: 12px;
    display: flex;
    gap: 10px;
}

.status-icon[b-utke081egp] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.status-svg[b-utke081egp] {
    width: 14px;
    height: 14px;
    display: inline-block;
}

.status-icon.ok[b-utke081egp] {
    color: green;
}

.status-icon.not-ok[b-utke081egp] {
    color: red;
}

.test-connection-button[b-utke081egp] {
    background-color: var(--data-source-config-right-sidebar-button-bg);
    text-decoration-color: #044B53;
    color: var(--data-source-config-right-sidebar-button-text-color);
    font-size: small;
    width: 120px;
}

.save-button[b-utke081egp] {
    background-color: var(--data-source-config-right-sidebar-button-bg);
    text-decoration-color: #044B53;
    color: var(--data-source-config-right-sidebar-button-text-color);
    font-size: small;
    width: 120px;
}

.icon-button[b-utke081egp] {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 2px 6px;
    font-size: 12px;
}

    .icon-button.cancel[b-utke081egp] {
        color: #b00020;
    }

/* Loader overlay */
.flowsheet-loader-overlay[b-utke081egp] {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.65);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5000;
}

.system-status-page[b-utke081egp] {
    position: relative;
}

/* ---------- POPUP UI ---------- */

.popup-overlay[b-utke081egp] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9000;
}

.popup-box[b-utke081egp] {
    background: white;
    border-radius: 6px;
    min-width: 280px;
    max-width: 350px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    overflow: hidden;
    animation: fadeIn-b-utke081egp 0.25s ease-out;
}

.popup-header[b-utke081egp] {
    display: flex;
    justify-content: space-between;
    background: #044B53;
    color: white;
    padding: 8px 12px;
    font-weight: bold;
}

.popup-body[b-utke081egp] {
    padding: 12px;
    color: #333;
    font-size: 14px;
}

.close-btn[b-utke081egp] {
    background: transparent;
    border: none;
    color: white;
    font-size: 14px;
    cursor: pointer;
}

@keyframes fadeIn-b-utke081egp {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/RISHI.Web.UI/Components/Pages/EventManagement/Component/FaultAccepted.razor.rz.scp.css */
.headerlabeltext[b-d2f2z1b8qc] {
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 1.125rem;
    line-height: 100%;
    letter-spacing: 0%;
    color: #363636;
}
/* _content/RISHI.Web.UI/Components/Pages/EventManagement/Component/FaultAssignment.razor.rz.scp.css */
body[b-u0n9dvw1on] {
}

.dropdownfault[b-u0n9dvw1on] {
    opacity: 1;
    /* width:15rem;*/
    width: 20rem;
    height: 1.5rem;
    border-width: 1px;
    border-radius: 5px;
    border: 1px solid #363636;
    font-family: Inter;
    font-size: 0.8rem;
    background-color: #ffffff;
    color: black;
}

.tableclass[b-u0n9dvw1on] {
    font-family: 'Inter';
    font-size: 0.8rem;
}

.darkbuttonsubmit[b-u0n9dvw1on] {
    align-items: center;
    height: 2rem;
    width: 6.25rem;
    background: #47D7AC;
    border-color: #228994;
    border-radius: 4px;
    font-family: Inter;
    font-size: 0.8rem;
    border: 0px;
}

.textareafault[b-u0n9dvw1on] {
    opacity: 1;
    /* width: 15rem;
    height: 6rem;*/
    width: 53rem;
    height: 17rem;
    border-width: 1px;
    border-radius: 5px;
    border: 1px solid #363636;
    font-family: Inter;
    font-size: 0.8rem;
}

.labeltext[b-u0n9dvw1on] {
    height: 14rem;
    width: 16.375rem;
    font-family: Inter;
    font-size: 0.8rem;
}

.headerlabeltext[b-u0n9dvw1on] {
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 1.125rem;
    line-height: 100%;
    letter-spacing: 0%;
    color: #363636;
}
/* _content/RISHI.Web.UI/Components/Pages/EventManagement/Component/FaultClose.razor.rz.scp.css */
body[b-p8syof598u] {
    
}

.dropdownfault[b-p8syof598u] {
    opacity: 1;
    /* width:15rem;*/
    width: 20rem;
    height: 1.5rem;
    border-width: 1px;
    border-radius: 5px;
    border: 1px solid #363636;
    font-family: Inter;
    font-size: 0.8rem;
    background-color: #ffffff ;
    color: black;
}

.darkbuttonsubmit[b-p8syof598u] {
    align-items: center;
    height: 2rem;
    width: 6.25rem;
    background: #47D7AC;
    border-color: #228994;
    border-radius: 4px;
    font-family: Inter;
    font-size: 0.8rem;
    border: 0px;
}

.textareafault[b-p8syof598u] {
    opacity: 1;
    /* width: 15rem;
    height: 6rem;*/
    width: 26.5rem;
    height: 17rem;
    border-width: 1px;
    border-radius: 5px;
    border: 1px solid #363636;
    font-family: Inter;
    font-size: 0.8rem;
}

.labeltext[b-p8syof598u] {
    height: 16.875rem;
    width: 29.375rem;
    font-family: Inter;
    font-size: 0.8rem;
}

.headerlabeltext[b-p8syof598u] {
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 1.125rem;
    line-height: 100%;
    letter-spacing: 0%;
    color: #363636;
}
/* _content/RISHI.Web.UI/Components/Pages/EventManagement/Component/FaultComments.razor.rz.scp.css */
body[b-tic7s97w0a] {
}

.dropdownfault[b-tic7s97w0a] {
    opacity: 1;
    width: 18rem;
    height: 1.5rem;
    border-width: 1px;
    border-radius: 5px;
    border: 1px solid #363636;
    font-family: Inter;
    font-size: 0.8rem;
    background-color: #ffffff;
    color: black;
}

.darkbuttonsubmit[b-tic7s97w0a] {
    align-items: center;
    height: 2rem;
    width: 6.25rem;
    background: #47D7AC;
    border-color: #228994;
    border-radius: 4px;
    font-family: Inter;
    font-size: 0.8rem;
    border: 0px;
}

.textareafault[b-tic7s97w0a] {
    opacity: 1;
    /* width: 18rem;
    height: 6rem;*/
    width: 26.5rem;
    height: 17rem;
    border-width: 1px;
    border-radius: 5px;
    border: 1px solid #363636;
    font-family: Inter;
    font-size: 0.8rem;
}

.labeltext[b-tic7s97w0a] {
    height: 14rem;
    width: 16.375rem;
    font-family: Inter;
    font-size: 0.8rem;
}

.headerlabeltext[b-tic7s97w0a] {
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 1.125rem;
    line-height: 100%;
    letter-spacing: 0%;
    color: #363636;
}
/* _content/RISHI.Web.UI/Components/Pages/EventManagement/Component/FaultRejection.razor.rz.scp.css */
body[b-y5244k7bzr] {
}
.dropdownfault[b-y5244k7bzr] {
    opacity: 1;
    /* width: 18rem;*/
    width: 20rem;
    height: 1.5rem;
    border-width: 1px;
    border-radius: 5px;
    border: 1px solid #363636;
    font-family: Inter;
    font-size: 0.8rem;
    background-color: #ffffff;
    color: black;
}

.darkbuttonsubmit[b-y5244k7bzr] {
    align-items: center;
    height: 2rem;
    width: 6.25rem;
    background: #47D7AC;
    border-color: #228994;
    border-radius: 4px;
    font-family: Inter;
    font-size: 0.8rem;
    border: 0px;
}

.textareafault[b-y5244k7bzr] {
    opacity: 1;
    /* width: 18rem;
    height: 6rem;*/
    width: 26.5rem;
    height: 17rem;
    border-width: 1px;
    border-radius: 5px;
    border: 1px solid #363636;
    font-family: Inter;
    font-size: 0.8rem;
}

.labeltext[b-y5244k7bzr] {
    height: 14rem;
    width: 16.375rem;
    font-family: Inter;
    font-size: 0.8rem;
}

.headerlabeltext[b-y5244k7bzr] {
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 1.125rem;
    line-height: 100%;
    letter-spacing: 0%;
    color: #363636;
}
/* _content/RISHI.Web.UI/Components/Pages/EventManagement/Component/ThirdParty.razor.rz.scp.css */
body[b-43ocrux6gu] {
}

.dropdownfault[b-43ocrux6gu] {
    opacity: 1;
    /* width:15rem;*/
    width: 20rem;
    height: 1.5rem;
    border-width: 1px;
    border-radius: 5px;
    border: 1px solid #363636;
    font-family: Inter;
    font-size: 0.8rem;
    background-color: #ffffff;
    color: black;
}

.tableclass[b-43ocrux6gu] {
    font-family: 'Inter';
    font-size: 0.8rem;
}

.darkbuttonsubmit[b-43ocrux6gu] {
    align-items: center;
    height: 2rem;
    width: 6.25rem;
    background: #47D7AC;
    border-color: #228994;
    border-radius: 4px;
    font-family: Inter;
    font-size: 0.8rem;
    border: 0px;
}

.textareafault[b-43ocrux6gu] {
    opacity: 1;
    /* width: 15rem;
    height: 6rem;*/
    width: 53rem;
    height: 17rem;
    border-width: 1px;
    border-radius: 5px;
    border: 1px solid #363636;
    font-family: Inter;
    font-size: 0.8rem;
}

.labeltext[b-43ocrux6gu] {
    height: 14rem;
    width: 16.375rem;
    font-family: Inter;
    font-size: 0.8rem;
}

.headerlabeltext[b-43ocrux6gu] {
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 1.125rem;
    line-height: 100%;
    letter-spacing: 0%;
    color: #363636;
}
/* _content/RISHI.Web.UI/Components/Pages/EventManagement/EventManagementIndex.razor.rz.scp.css */
.markerhead[b-p8z0gnicq9] {
    fill: #FF6B6E;
}

.markerhead-faulty[b-p8z0gnicq9] {
    fill: #007B89;
}

.rightPanel-RCA[b-p8z0gnicq9] {
    width: 300px;
    height: 100vh;
    padding: 10px;
    background-color: #044B53;
    position: absolute;
    right: 0;
    top: 60px;
    overflow-y: scroll;
}

    .rightPanel-RCA[b-p8z0gnicq9]::-webkit-scrollbar {
        width: 10px;
    }

    .rightPanel-RCA[b-p8z0gnicq9]::-webkit-scrollbar-track {
        background: #017784;
    }

    .rightPanel-RCA[b-p8z0gnicq9]::-webkit-scrollbar-thumb {
        background-color: #003338;
        border-radius: 10px;
    }

.rightPanel-RCA[b-p8z0gnicq9] {
    scrollbar-width: thin;
    scrollbar-color: #017784 #003338;
}

    .rightPanel-RCA th[b-p8z0gnicq9] {
        color: rgba(255,255,255,0.6);
        font-family: Inter;
        font-size: 1.0rem;
        font-style: normal;
        font-weight: 700;
        height: 60px;
        vertical-align: top;
    }

    .rightPanel-RCA td[b-p8z0gnicq9] {
        color: rgba(255,255,255,0.6);
        font-family: Inter;
        font-size: 1.0rem;
        font-weight: 700;
        line-height: 1.5rem;
    }

        .rightPanel-RCA td p[b-p8z0gnicq9] {
            color: rgba(255,255,255,0.6);
            font-family: Inter;
            font-size: 0.7rem;
        }

        .rightPanel-RCA td div[b-p8z0gnicq9] {
            color: rgba(255,255,255,0.6);
            font-family: Inter;
            font-size: 0.7rem;
            background-color: #017784;
            border-radius: 4px;
            padding: 5px;
            margin-top: 10px;
        }

    .rightPanel-RCA button[b-p8z0gnicq9] {
        height: 30px;
        color: rgba(255,255,255,0.6);
        font-family: Inter;
        font-size: 0.7rem;
        background-color: #017784;
        border-radius: 4px;
        padding: 5px 5px 8px 5px;
        margin-top: 10px;
        display: block;
        border: 0;
        vertical-align: middle;
    }

.scrollablecontainer[b-p8z0gnicq9], .scrollablecontainersyntom[b-p8z0gnicq9] {
    overflow-y: auto;
    max-height: 12.5rem;
    font-size: 0.7rem;
}

.layout[b-p8z0gnicq9] {
    display: flex;
    height: 100vh;
}

/* Sidebar */
.sidebar[b-p8z0gnicq9] {
    width: 250px;
    background-color: #044B53;
    padding-top: 10px;
}

.nav-list[b-p8z0gnicq9], .sub-list[b-p8z0gnicq9] {
    list-style-type: none;
    padding-left: 7px;
    color: white;
}

.nav-item[b-p8z0gnicq9] {
    font-size: 0.8rem;
    padding: 8px 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.sub-item[b-p8z0gnicq9] {
    padding: 6px 20px;
    cursor: pointer;
    color: white;
}

.selected[b-p8z0gnicq9] {
    font-size: 0.8rem;
    background-color: #ffffff33;
    font-weight: normal;
}

/* TreeView styling */
.k-treeview .k-treeview-toggle[b-p8z0gnicq9] {
    color: white !important;
    fill: white !important;
}

.k-treeview .k-selected[b-p8z0gnicq9] {
    background-color: #017AFF !important;
    color: #ffffff !important;
    border-radius: 4px;
}

    .k-treeview .k-selected .k-treeview-leaf-text[b-p8z0gnicq9] {
        color: #ffffff !important;
    }

.sidebar .k-treeview .k-icon.k-i-arrow-60-right[b-p8z0gnicq9] {
    color: #ffffff !important;
}

.sidebar .k-treeview .k-icon.k-i-arrow-60-down[b-p8z0gnicq9] {
    color: #ffffff !important;
}

.k-svg-icon > svg[b-p8z0gnicq9] {
    fill: currentColor;
    flex: 1 1 auto;
}

.k-treeview[b-p8z0gnicq9] {
    color: white;
}

.k-treeview-leaf-text[b-p8z0gnicq9] {
    padding-left: 0px;
    color: #ecf0f1;
    font-family: Inter;
    font-size: 0.7rem;
}

.telerik-treeview .k-icon.k-i-arrow-60-right[b-p8z0gnicq9] {
    content: "\e113";
    color: #017AFF;
}

.telerik-treeview .k-icon.k-i-arrow-60-down[b-p8z0gnicq9] {
    content: "\e114";
    color: #FF6B6E;

}/* Make the From/To pickers compact and identical */
.date-picker-container[b-p8z0gnicq9] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: Inter;
    font-size: 0.7rem;
}

.custom-datetimepicker[b-p8z0gnicq9] {
    font-family: Inter;
    font-size: 0.7rem;
    height: 1.5rem !important;
    color: #333;
}

/* Work across theme versions (forces explicit height) */
.custom-datetimepicker.k-datetimepicker[b-p8z0gnicq9],
.custom-datetimepicker .k-picker[b-p8z0gnicq9],
.custom-datetimepicker .k-dateinput[b-p8z0gnicq9],
.custom-datetimepicker .k-input[b-p8z0gnicq9],
.custom-datetimepicker .k-input-inner[b-p8z0gnicq9],
.custom-datetimepicker input.k-input-inner[b-p8z0gnicq9]{
  height: 24px !important;
  line-height: 24px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-size: 0.6rem !important;
  font-family: Inter, sans-serif !important;
}

/* Calendar button the same height/width as the input */
.custom-datetimepicker .k-input-button[b-p8z0gnicq9],
.custom-datetimepicker .k-button[b-p8z0gnicq9]{
  height: 24px !important;
  min-height: 24px !important;
  width: 24px !important;
  padding: 0 !important;
}

/* Prevent oversized icon when compact */
.custom-datetimepicker .k-svg-icon[b-p8z0gnicq9],
.custom-datetimepicker .k-icon[b-p8z0gnicq9]{
  font-size: 12px;
}


/*====Calculation Button====*/

.calculationbutton[b-p8z0gnicq9] {
    height: 30px;
    width: 130px;
    background-color: #228994;
    border-radius: 4px;
    border: none;
    padding: 0 12px;
    cursor: pointer;
}

.calculationbuttontext[b-p8z0gnicq9] {
    color: rgba(255,255,255);
    font-family: Inter;
    font-size: 0.7rem;
    font-weight: 600;
}
/* _content/RISHI.Web.UI/Components/Pages/Flowsheet/Flowsheet.razor.rz.scp.css */
.main-layout[b-616ei46xx9] {
    display: flex;
    height: calc(100vh - 70px);
    overflow: hidden;
}

.svg-wrapper[b-616ei46xx9] {
    flex-grow: 1;
    background-color: var(--bg-app);
    border-right: 1px solid #ccc;
}

    .svg-wrapper svg[b-616ei46xx9] {
        width: 98%;
        height: 98%;
        display: block;
        pointer-events: all;
    }

.toggle-btn[b-616ei46xx9] {
    position: absolute;
    left: -35px;
    top: 0px;
    background-color: #444;
    color: white;
    border: none;
    cursor: pointer;
    padding: 8px 10px;
    border-radius: 5px 0 0 5px;
    z-index: 5;
}

/* Palette box */
.palette[b-616ei46xx9] {
    width: 220px;
    padding-left: 8px;
    background-color: var(--flowsheet-right-sidebar-palette-bg);
    border-left: 1px solid #ccc;
    box-shadow: -2px 0 5px rgba(0,0,0,0.2);
    transition: width 0.4s ease;
    position: relative;
    overflow: visible;
}

.palette-content[b-616ei46xx9] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    overflow-y: auto;
    height: 100%;
}

/* Collapsed state */
.palette.collapsed[b-616ei46xx9] {
    width: 0;
    padding: 0px;
}

    .palette.collapsed .palette-content[b-616ei46xx9] {
        display: none;
    }

/* Inside palette */
.palette img[b-616ei46xx9] {
    cursor: grab;
    transition: transform 0.2s;
}

    .palette img:hover[b-616ei46xx9] {
        transform: scale(1.1);
    }

.palette table[b-616ei46xx9] {
    width: 100%;
}

    .palette table > tr > td[b-616ei46xx9] {
        padding: 5px;
        text-align: center;
    }

        .palette table > tr > td > div > img[b-616ei46xx9] {
            border: 1px solid #efebeb;
            height: 60px;
            width: 60px;
            text-align: center;
            line-height: 80px;
            vertical-align: middle;
            font-size: 0.8rem;
            color: #FFFFFF;
            background-color: #FFFFFF;
            border-radius: 5px;
        }

        .palette table > tr > td > span[b-616ei46xx9] {
            color: var(--flowsheet-right-sidebar-palette-text-color);
            font-size: 1rem;
            font-weight: 600;
            line-height: 20px;
        }

.palette-switcher[b-616ei46xx9] {
    width: 100%;
    padding: 5px;
}

    .palette-switcher select[b-616ei46xx9] {
        width: 100%;
        padding: 6px;
        border-radius: 6px;
        border: none;
        outline: none;
        background-color: #066067;
        color: #fff;
        font-size: 0.9rem;
        cursor: pointer;
    }

        .palette-switcher select:hover[b-616ei46xx9] {
            background-color: #0a7a82;
        }

.palette-section[b-616ei46xx9] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    padding: 5px;
    padding-left: 25px;
}

    .palette-section img[b-616ei46xx9] {
        width: 60px;
        height: 60px;
        object-fit: contain;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 6px;
        margin: 5px;
        cursor: grab;
        transition: transform 0.2s, box-shadow 0.2s;
    }

        .palette-section img:hover[b-616ei46xx9] {
            transform: scale(1.1);
            box-shadow: 0 3px 6px rgba(0,0,0,0.2);
        }

        .palette-section table[b-616ei46xx9] {
            background-color: unset;
        }

#imagesPalette table tr td[colspan="2"] span[b-616ei46xx9] {
    display: block;
    text-align: center;
    color: var(--flowsheet-right-sidebar-palette-text-color);
    font-weight: 600;
    margin: 5px 0;
}

.hidden[b-616ei46xx9] {
    display: none;
}

#btnSave[b-616ei46xx9] {
    margin-top: 20px;
}
#runbtn[b-616ei46xx9]{
    background-color: #47D4AC;
    color: black;
    margin-left: 1200px;
    margin-top: 10px;
}
/* ========================= */
/*        POPUP STYLES       */
/* ========================= */
#popup[b-616ei46xx9] {
    display: none;
    position: absolute;
    width: 220px; /* wider for horizontal layout */
    background: #fff;
    border: 1px solid #ccc;
    padding: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    z-index: 999;
    border-radius: 8px;
    box-sizing: border-box;
}

    /* grid container for popup */
    #popup .popup-content[b-616ei46xx9] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px 14px; /* row-gap and column-gap */
    }

/* label + input in each grid cell */
.popup-row[b-616ei46xx9] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

    .popup-row label[b-616ei46xx9] {
        font-size: 0.8rem;
        font-weight: 500;
        font-family: Inter, sans-serif;
    }

    .popup-row input[b-616ei46xx9],
    .popup-row select[b-616ei46xx9] {
        width: 100%;
        padding: 5px;
        font-size: 0.8rem;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
        font-family: Inter, sans-serif;
    }

/* Buttons span across both columns */
#popup button[b-616ei46xx9] {
    grid-column: span 2;
    width: 100%;
    padding: 8px;
    font-size: 0.85rem;
    font-family: Inter, sans-serif;
    font-weight: 500;
    background-color: #044B53;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.2s;
}

    #popup button:hover[b-616ei46xx9] {
        background-color: #066067;
    }

#popup img[b-616ei46xx9] {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    background: white;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
}

/* optional cleanup for foreignObject focus */
foreignObject:focus-within[b-616ei46xx9] {
    outline: none;
    border: none;
}

foreignObject div:focus[b-616ei46xx9] {
    outline: none;
    border: none;
    box-shadow: none;
}


/* F L O W S H E E T   L O A D E R */

.flowsheet-loader-overlay[b-616ei46xx9] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bg-app);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4;
}

.svg-wrapper[b-616ei46xx9] {
    position: relative; /* required for overlay */
}

/* ADDED for indicating alerts, faults and symptoms*/
.alert-box[b-616ei46xx9], .alert-triangle[b-616ei46xx9] {
    pointer-events: none; /* overlays should not capture clicks */
}

.asset-error-popup[b-616ei46xx9] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}

.asset-error-box[b-616ei46xx9] {
    background: white;
    padding: 20px 30px;
    border-radius: 10px;
    font-size: 15px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

    .asset-error-box button[b-616ei46xx9] {
        margin-top: 10px;
        padding: 6px 20px;
    }

.flow-tabs[b-616ei46xx9] {
    display: flex;
    gap: 30px;
    padding: 14px 24px;
    border-bottom: 2px solid #e0e0e0;
    background: var(--flowsheet-flow-tab-bg);
    justify-content: center;
    border-bottom-color: var(--flowsheet-flow-tab-bg);
}

.flow-tab[b-616ei46xx9] {
    background: none;
    border: none;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    padding-bottom: 6px;
    color: #9aa4ad;
}

    .flow-tab.active[b-616ei46xx9] {
        color: #044B53;
        border-bottom: 3px solid #044B53;
    }

.network-level-container[b-616ei46xx9] {
    padding: 40px;
}

.network-buttons[b-616ei46xx9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(220px, 1fr));
    gap: 30px;
}

    .network-buttons button[b-616ei46xx9] {
        background: #9ed8e2;
        border: none;
        padding: 18px;
        font-size: 15px;
        font-weight: 600;
        border-radius: 10px;
        cursor: pointer;
    }

        .network-buttons button:hover[b-616ei46xx9] {
            background: #7cc7d4;
        }

/* _content/RISHI.Web.UI/Components/Pages/HistoricalOccuruencesIndex/HistoricalOccuruencesIndex.razor.rz.scp.css */
body[b-ujftpv7kkl] {
    /* layout: left (search) | center (icons) | right (dates) */
    .em-toolbar

{
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: .4rem;
}

.em-left[b-ujftpv7kkl] {
    display: flex;
    align-items: center;
}

.em-center[b-ujftpv7kkl] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.em-right[b-ujftpv7kkl] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
}

/* search: same length & height as EM */
.textbox-dashboard[b-ujftpv7kkl] {
    width: 12.5rem;
}

    .textbox-dashboard .k-input-inner[b-ujftpv7kkl],
    .textbox-dashboard input[b-ujftpv7kkl],
    .textbox-dashboard .k-textbox[b-ujftpv7kkl] {
        height: 28px !important;
        line-height: 28px !important;
        font-size: .6rem !important;
        font-family: Inter,sans-serif !important;
    }

/* make DateTimePickers align perfectly */
.em-date .k-input-inner[b-ujftpv7kkl] {
    height: 28px !important;
    line-height: 28px !important;
}

.em-date .k-input-button[b-ujftpv7kkl], .em-date .k-button[b-ujftpv7kkl] {
    height: 28px !important;
}

.icon-btn[b-ujftpv7kkl] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.ghost-btn[b-ujftpv7kkl] {
    margin: 0;
    border: none;
    background: transparent;
    padding: 0 4px;
}

.date-picker-container[b-ujftpv7kkl] {
    display: flex;
    align-items: center;
    gap: 8px;
}



}
/* _content/RISHI.Web.UI/Components/Pages/Home.razor.rz.scp.css */
/* ================= ROOT WRAPPER ================= */
/* ROOT WRAPPER - NO SCROLLING HERE */
.wrapper[b-zdgi74jfh2] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
    background-color: var(--bg-app);
    color: var(--text-primary);
    box-sizing: border-box;
}

/* ================= TOP DASHBOARD BAR ================= */

.dashboard-top[b-zdgi74jfh2] {
    height: 48px;
    width: 98%;
    background-color: var(--dashboard-bar-bg);
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 35px;
    gap: 16px;
    margin: 15px;
}

    /* Labels */
    .dashboard-top label[b-zdgi74jfh2] {
        color: var(--dashboard-text);
        font-size: 0.75rem;
        font-weight: 400;
        white-space: nowrap;
    }


/* Telerik dropdown inside top bar */
.dropdown-wrapper .k-picker-solid[b-zdgi74jfh2] {
    background-color: var(--bg-header) !important;
    color: var(--text-inverse);
    font-family: Inter;
}

/* ================= DASHBOARD TABLE ================= */
.dashboard-table[b-zdgi74jfh2] {
    width: 100%;
    table-layout: fixed;
}

    .dashboard-table td[b-zdgi74jfh2] {
        vertical-align: top;
    }

        .dashboard-table td div[b-zdgi74jfh2] {
            height: max(24rem, 30vh);
            align-items: center;
            justify-content: center;
            border-radius: 6px;
            border: 1px solid var(--border-color);
            background-color: var(--bg-panel);
          /*  margin: 10px;
            padding-top: 10px;*/
        }

            /* Section titles */
            .dashboard-table td div span[b-zdgi74jfh2] {
                width: 100%;
                font-family: Inter;
                font-size: 1rem;
                font-weight: 650;
                color: var(--accent-primary);
            }

            /* Nested table titles */
            .dashboard-table td div table tr td span[b-zdgi74jfh2] {
                font-family: Inter;
                font-size: 1rem;
                font-weight: 800;
                color: var(--accent-primary);
                margin-left: unset;
            }

/* ================= ALERT TABLE ================= */
.alert-table[b-zdgi74jfh2] {
    width: 100%;
    text-align: left;
    padding: 0.5rem;
    background-color: var(--bg-panel);
    overflow-y: auto;
}

    .alert-table tr[b-zdgi74jfh2] {
        border-bottom: 2px solid transparent;
    }

    .alert-table td[b-zdgi74jfh2] {
        padding-top: 15px;
        background-color: transparent;
        font-family: Inter;
        font-size: 0.5rem;
        font-weight: 500;
        color: var(--text-secondary);
    }

        .alert-table td a[b-zdgi74jfh2] {
            display: flex;
            background-color: transparent;
            color: var(--text-secondary);
            text-decoration: none;
            padding: 0;
            text-align: left;
            font-family: Inter;
            font-size: 0.8rem;
            font-weight: 500;
        }

            .alert-table td a:hover[b-zdgi74jfh2] {
                text-decoration: underline;
                cursor: pointer;
            }

.alert-code[b-zdgi74jfh2] {
    color: var(--text-inverse) !important;
    font-weight: 600 !important;
}

/* Alert severity borders */
.border-blue[b-zdgi74jfh2] {
    border-right: 3px solid var(--info);
}

.border-red[b-zdgi74jfh2] {
    border-right: 3px solid var(--danger);
}

.border-orange[b-zdgi74jfh2] {
    border-right: 3px solid var(--warning);
}

.alerts-container[b-zdgi74jfh2] {
    border-radius: 6px;
    border: 1px solid var(--border-color);
}

/* ================= CASE MANAGEMENT ================= */
.case-table[b-zdgi74jfh2] {
    align-items: center;
    border-collapse: separate;
    border-spacing: 0.5rem;
    height: 21rem;
}

    .case-table tr td[b-zdgi74jfh2] {
        font-family: Inter;
        font-size: 1.8rem;
        font-weight: 800;
        text-align: center;
    }

        .case-table tr td span[b-zdgi74jfh2] {
            font-size: 1.0rem;
            color: var(--text-secondary);
        }

    .case-table tr:first-child td:first-child[b-zdgi74jfh2] {
        color: rgba(239, 68, 68, 0.4);
        border-right: 1px solid var(--fault-divider);
        border-bottom: 1px solid var(--fault-divider);
    }

    .case-table tr:first-child td:nth-child(2)[b-zdgi74jfh2] {
        color: rgba(245, 158, 11, 0.4);
        border-bottom: 1px solid var(--fault-divider);
    }

    .case-table tr:nth-child(2) td:first-child[b-zdgi74jfh2] {
        color: rgba(59, 130, 246, 0.4);
        border-right: 1px solid var(--fault-divider);
    }

    .case-table tr:nth-child(2) td:nth-child(2)[b-zdgi74jfh2] {
        color: rgba(34, 197, 94, 0.4);
    }

/* ================= DIALOG ================= */
.assetUID[b-zdgi74jfh2] {
    background: #0f766e;
    color: #FFFFFF;
    border-radius: 0.625rem;
    padding: 5px;
    font-size: 1rem;
    margin-left: 0.9rem;
}
.custom-dialog-box[b-zdgi74jfh2] {
    width: 550px;
    background-color: var(--bg-panel);
    padding: 20px;
    border-radius: 6px;
    color: var(--text-primary);
    box-shadow: 0 0 0 1px rgba(20,184,196,0.15);
}

.custom-dialog-title[b-zdgi74jfh2] {
    font-family: Inter;
    color: var(--text-primary);
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.alert-level[b-zdgi74jfh2] {
    color: var(--text-inverse);
    background-color: var(--danger);
    border-radius: 10px;
    padding: 5px;
    font-size: 1rem;
    margin-left: 15px;
}

.view-all-link[b-zdgi74jfh2] {
    margin-left: 30px;
    font-family: Inter;
    font-weight: bold;
    font-size: 0.875rem;
    color: var(--accent-primary);
}

.occurrence-note[b-zdgi74jfh2] {
    background-color: rgba(245, 158, 11, 0.15);
    padding: 5px;
}

.custom-dialog-content ol[b-zdgi74jfh2] {
    padding-left: 20px;
}

.custom-dialog-content[b-zdgi74jfh2] {
    flex-grow: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.section-heading[b-zdgi74jfh2] {
    display: inline-block;
    font-family: Inter;
    font-weight: 700;
    font-size: 18px;
    color: var(--text-primary);
    margin-top: 15px;
    margin-bottom: 5px;
}

    .section-heading.green[b-zdgi74jfh2] {
        color: var(--accent-primary);
    }

.custom-button[b-zdgi74jfh2] {
    background-color: var(--accent-primary);
    color: var(--text-inverse);
    border-radius: 5px;
    border: none;
    padding: 8px 12px;
    margin-right: 10px;
    cursor: pointer;
}

    .custom-button:hover[b-zdgi74jfh2] {
        background-color: var(--accent-secondary);
    }

.close-button[b-zdgi74jfh2] {
    background: none;
    border: none;
    font-size: 0.75rem;
    cursor: pointer;
    color: var(--text-secondary);
}


.custom-tabstrip[b-zdgi74jfh2] {
    --tabstrip-bg: var(--bg-panel);
    --tabstrip-border: var(--border-color);
    --tabstrip-active-bg: var(--accent-primary);
    --tabstrip-active-color: var(--text-inverse);
    --tabstrip-hover-bg: rgba(20,184,196,0.15);
    --tabstrip-text-color: var(--text-secondary);
    --tabstrip-font: 'Inter', sans-serif;
}

    .custom-tabstrip .k-tabstrip[b-zdgi74jfh2] {
        background: var(--tabstrip-bg) !important;
        border: 1px solid var(--tabstrip-border) !important;
        border-radius: 6px 6px 0 0 !important;
        font-family: var(--tabstrip-font);
    }

    .custom-tabstrip .k-tabstrip-items .k-item[b-zdgi74jfh2] {
        background: transparent !important;
        border: none !important;
        color: var(--tabstrip-text-color) !important;
        font-size: 0.75rem !important;
        font-weight: 600 !important;
        padding: 0.6rem 1rem !important;
        margin: 0 !important;
        transition: all 0.2s ease;
        position: relative;
    }

        .custom-tabstrip .k-tabstrip-items .k-item:hover[b-zdgi74jfh2] {
            background: var(--tabstrip-hover-bg) !important;
            color: var(--accent-primary) !important;
        }

        .custom-tabstrip .k-tabstrip-items .k-item.k-state-active[b-zdgi74jfh2] {
            background: var(--tabstrip-active-bg) !important;
            color: var(--tabstrip-active-color) !important;
            border-bottom: none !important;
        }

            .custom-tabstrip .k-tabstrip-items .k-item.k-state-active[b-zdgi74jfh2]::before {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 3px;
                background: var(--accent-secondary);
            }

    .custom-tabstrip .k-tabstrip-content[b-zdgi74jfh2] {
        padding: 1rem !important;
        background: var(--bg-panel);
        border: 1px solid var(--tabstrip-border);
        border-top: none;
        border-radius: 0 0 6px 6px;
    }

.todo-container[b-zdgi74jfh2] {
    background: var(--bg-panel);
    margin: unset !important;
    padding: unset !important;
}

.todo-header[b-zdgi74jfh2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.6rem 0.8rem;
    cursor: pointer;
}

.todo-title[b-zdgi74jfh2] {
    font-family: Inter;
    font-weight: 700;
    font-size: 1rem;
    color: var(--accent-primary);
}

.todo-arrow[b-zdgi74jfh2] {
    transition: transform 0.2s ease;
    color: var(--accent-primary);
}

    .todo-arrow.expanded[b-zdgi74jfh2] {
        transform: rotate(180deg);
    }

.todo-container[b-zdgi74jfh2] {
    position: relative; 
}

.todo-header[b-zdgi74jfh2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 0.5rem 0.75rem;
    background: var(--bg-panel);
    border: 1px solid var(--border-color);
    border-radius: 6px;
}

.todo-title[b-zdgi74jfh2] {
    font-family: Inter;
    font-size: 1rem;
    font-weight: 700;
    color: var(--accent-primary);
}

.todo-arrow[b-zdgi74jfh2] {
    transition: transform 0.2s ease;
    color: var(--accent-primary);
}

    .todo-arrow.expanded[b-zdgi74jfh2] {
        transform: rotate(180deg);
    }



.todo-container[b-zdgi74jfh2] {
    position: relative;
    width: 100%;
}

/* =============================== */
/* TODO DROPDOWN – SMOOTH EXPAND   */
/* =============================== */

.todo-dropdown[b-zdgi74jfh2] {
    position: static;
    width: 100%;
    margin-top: 8px;
    background: var(--bg-panel);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    box-shadow: 0 6px 14px rgba(0,0,0,0.12);
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.45s ease, opacity 0.35s ease;
    will-change: max-height, opacity;
}

    /* OPEN STATE */
    .todo-dropdown.open[b-zdgi74jfh2] {
        max-height: 360px; /* slightly > grid height */
        opacity: 1;
        /* enable scroll only when open */
        overflow-y: auto;
    }

.todo-arrow[b-zdgi74jfh2] {
    transition: transform 0.3s ease;
}

    .todo-arrow.open[b-zdgi74jfh2] {
        transform: rotate(180deg);
    }



.todo-row td div[b-zdgi74jfh2] {
    height: auto !important;
    min-height: unset !important;
}

/* Keep header compact */
.todo-header[b-zdgi74jfh2] {
    min-height: 36px;
    padding: 0.4rem 0.75rem;
}

/* Control dropdown size */
/*.todo-dropdown {
    max-height: 260px;*/ /* adjust if needed */
    /*overflow-y: auto;
}*/
/* Ensure header spans full row */
.todo-header[b-zdgi74jfh2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; 
    box-sizing: border-box;
    padding: 0.5rem 0.75rem;
    cursor: pointer;
}

.todo-arrow[b-zdgi74jfh2] {
    margin-left: auto; 
    display: flex;
    align-items: center;
}


.todo-header .todo-title[b-zdgi74jfh2] {
    width: auto !important;
    flex: 1 1 auto;
}

.todo-header .todo-arrow[b-zdgi74jfh2] {
    width: auto !important;
    flex: 0 0 auto;
}

.todo-header .todo-arrow svg[b-zdgi74jfh2] {
    display: block;
}
.todo-header[b-zdgi74jfh2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.todo-arrow.expanded svg[b-zdgi74jfh2] {
    transform: rotate(180deg);
}

.todo-arrow svg[b-zdgi74jfh2] {
    transition: transform 0.2s ease;
}

/* ================= FAULT MANAGEMENT ================= */

.fault-mgmt-container[b-zdgi74jfh2] {
    height: 100% !important;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    margin-left: 10px;
    border-radius: 6px;
    border: 1px solid var(--border-color);
    margin: unset !important;
}

/* Make table fill the card */
.case-table[b-zdgi74jfh2] {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    /* Center each cell perfectly */
    .case-table td[b-zdgi74jfh2] {
        text-align: center;
        vertical-align: middle;
        font-family: Inter;
        font-weight: 800;
        font-size: 2.2rem;
    }

        /* Label text */
        .case-table td span[b-zdgi74jfh2] {
            display: block;
            margin-top: 0.4rem;
            font-size: 1rem;
            font-weight: 600;
            color: var(--accent-primary);
        }

    


    /* Colors (match screenshot) */
    .case-table tr:first-child td:first-child[b-zdgi74jfh2] {
        color: rgba(239, 68, 68, 1); /* Open */
    }

    .case-table tr:first-child td:last-child[b-zdgi74jfh2] {
        color: rgba(245, 158, 11, 1); /* Assigned */
    }

    .case-table tr:last-child td:first-child[b-zdgi74jfh2] {
        color: rgba(59, 130, 246, 1); /* Analysis */
    }

    .case-table tr:last-child td:last-child[b-zdgi74jfh2] {
        color: rgba(34, 197, 94, 1); /* Closed */
    }

/* =========================
   UNIT HEALTH SCORE
   ========================= */

.gauge-container[b-zdgi74jfh2] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 85% !important;
    width: 100%;
    padding-bottom: 20px;
    border: unset !important;
}

.gauge-svg[b-zdgi74jfh2] {
    width: 260px;
    max-width: 100%;
    height: auto;
    display: block;
}

.unit-health-score-container[b-zdgi74jfh2] {
    border-radius: 6px;
    border: 1px solid var(--border-color);
}

/*Unit Performance Trend Chart Range Selector*/
/* Container for range controls */
/* Container */
.controls[b-zdgi74jfh2] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* Inactive state */
.control-btn[b-zdgi74jfh2] {
    min-width: 36px;
    text-align: center;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.3px;
    /* 🔑 KEY FIX */
    background-color: var(--bg-panel-alt, var(--bg-panel));
    color: var(--accent-primary);
    border: 1px solid var(--accent-primary);
    border-radius: 6px;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

    /* Hover */
    .control-btn:hover[b-zdgi74jfh2] {
        box-shadow: 0 0 0 2px rgba(20, 184, 196, 0.15);
        background-color: var(--accent-primary);
        color: var(--text-inverse, #ffffff);
        border-color: var(--accent-primary);
        font-weight: 600;
    }

    /* Active (selected range) */
    .control-btn.active-btn[b-zdgi74jfh2] {
        background-color: var(--accent-primary);
        color: var(--text-inverse, #ffffff);
        border-color: var(--accent-primary);
        font-weight: 600;
        box-shadow: 0 0 0 2px rgba(20, 184, 196, 0.35);
    }


/* =========================
   ALERT ICON SIZE FIX
   (Live / Potential / Predictive)
   ========================= */

/* ✅ Responsive alert icons */
.alert-table img[b-zdgi74jfh2] {
    width: clamp(18px, 2vw, 22px);
    height: clamp(18px, 2vw, 22px);
    object-fit: contain;
    vertical-align: middle;
    margin-left: clamp(8px, 1.5vw, 14px);
}

    .alert-table img + span[b-zdgi74jfh2] {
        margin-left: clamp(8px, 1.2vw, 12px);
    }


/* =========================
   KPI (THEME AWARE COLORS)
   ========================= */

.kpi-container[b-zdgi74jfh2] {
    height: 100%;
    border-radius: 6px;
    border: 1px solid var(--border-color);
}

.kpi-table[b-zdgi74jfh2] {
    width: 100%;
    border-collapse: collapse;
}

.kpi-row[b-zdgi74jfh2] {
    background-color: var(--kpi-row-bg);
}

.kpi-value-cell[b-zdgi74jfh2] {
    padding: 1.01rem 1rem;
    font-weight: bolder;
    font-size: 2rem;
    color: var(--kpi-value-color);
    vertical-align: middle;
}

.kpi-unit[b-zdgi74jfh2] {
    font-size: 0.8rem;
    margin-left: 0.25rem;
    color: var(--kpi-unit-color);
}

.kpi-name-cell[b-zdgi74jfh2] {
    padding: 1.01rem 1rem;
    font-size: 0.8rem;
    color: var(--kpi-name-color);
    vertical-align: middle;
}

.kpi-range[b-zdgi74jfh2] {
    display: block;
    font-size: 0.8rem;
    margin-top: 4px;
    font-weight: normal;
    color: var(--kpi-range-color);
}

.kpi-empty[b-zdgi74jfh2] {
    padding: 0.75rem 1rem;
    text-align: center;
    color: var(--text-muted);
}

.kpi-border-alert[b-zdgi74jfh2] {
    border: 2.5px solid #ef4444 !important;
    border-radius: 12px !important;
}

/* =========================
   BAD ACTORS
   ========================= */

.bad-actors-container[b-zdgi74jfh2] {
    height: 100% !important;
    margin: unset !important;
}


/* =========================
   UNIT PERFORMANCE TREND
   ========================= */

.unit-performance-trend-container[b-zdgi74jfh2] {
    height: 100% !important;
    margin: unset !important;
}

/* ================= LOADER CENTERING ================= */
.loader-container[b-zdgi74jfh2] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 80% !important;
    border: unset !important;
}

/* ================= DATE TIME (TOP BAR) ================= */

.dashboard-datetime[b-zdgi74jfh2] {
    margin-left: auto; /* pushes it to right */
    display: flex;
    align-items: center;
    gap: 8px;
}

.dashboard-date-icon[b-zdgi74jfh2] {
    width: 16px;
    height: 16px;
}

.dashboard-date-text[b-zdgi74jfh2] {
    font-family: Inter;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--dashboard-text);
    white-space: nowrap;
}
/* _content/RISHI.Web.UI/Components/Pages/KnowledgeHub/Component/ListKnowledgeHub.razor.rz.scp.css */
.breadcrumfont[b-pflc3a9db3] {
    font-family: Inter;
    font-weight: 400;
    font-size: 0.8rem;
    color: #228994;
}

.viewbutton[b-pflc3a9db3] {
    height: 1.5rem; /* 32px */
    background: var(--knowledge-hub-view-button);
    border-color: var(--knowledge-hub-view-button);
    border-radius: 0.25rem; /* 4px */
    font-family: Inter;
    font-weight: 400;
    font-size: 0.8rem;
    color: var(--knowledge-hub-view-button-text);
}
/* _content/RISHI.Web.UI/Components/Pages/KnowledgeHub/Component/Troubleshooting.razor.rz.scp.css */
body[b-e5apy4lgpw] {
}
/* _content/RISHI.Web.UI/Components/Pages/KnowledgeHub/KnowledgeHub.razor.rz.scp.css */
.mainnavfont[b-jpqu1har7l] {
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 0.75rem;
    color: #F0FCFF;
    background-color: #228994;
    width: 8.75rem;
    height: 100%;
}

.childnavfont[b-jpqu1har7l] {
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 1rem;
    color: #228994;
    background-color: #D3EEF4BF;
    width: 8.75rem;
    height: 100%;
}

.menubutton[b-jpqu1har7l] {
    background-color: #228994;
    border: 1px;
    height: 1.75rem;
    width: 80%;
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 0.75rem;
    color: #F0FCFF;
    text-align: left;
}

.childmenubutton[b-jpqu1har7l] {
    background-color: inherit;
    border: 1px;
    height: 1.75rem;
    width: 70%;
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 0.75rem;
    color: #228994;
    text-align: left;
}

.page-container[b-jpqu1har7l] {
    display: flex;
    flex-direction: row;
    min-height: 100vh;
}

.top-header[b-jpqu1har7l] {
    display: flex;
    margin-left: 18.75rem;
}

.breadcrumb-section[b-jpqu1har7l] {
    flex-grow: 1;
}

.header-right-section[b-jpqu1har7l] {
    display: flex;
    gap: 0.625rem;
    align-items: center;
}

/* FIXED SIDEBAR WITH FULL HEIGHT */
.sidebar1[b-jpqu1har7l] {
    position: fixed;
    left: 150px;
    top: calc(3rem + 32px); /* top-row height + breadcrumb height */
    bottom: 0;
    color: white;
    z-index: 100;
}

.main-content[b-jpqu1har7l] {
    margin-left: 18rem; /* left sidebar + sidebar1 width */
    padding: 0.625rem;
    flex: 1;
    width: 100%;
}

.document-list-toolbar[b-jpqu1har7l] {
    margin-bottom: 0.625rem;
}

/* Telerik Menu Styles */
.sidebar1 .k-menu[b-jpqu1har7l] {
    background-color: transparent;
    color: inherit;
    border: none;
}

.sidebar1 .k-menu-item[b-jpqu1har7l] {
    padding: 0.625rem 0.9375rem;
    margin-bottom: 0.3125rem;
    border-radius: 0.25rem;
}

.sidebar1 .k-menu-link[b-jpqu1har7l] {
    color: white;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.sidebar1 .k-menu-item:hover[b-jpqu1har7l],
.sidebar1 .k-menu-item.k-state-hover[b-jpqu1har7l] {
    background-color: #2a8b8b;
    cursor: pointer;
}

.sidebar1 .k-menu-item.k-state-active[b-jpqu1har7l],
.sidebar1 .k-menu-item.k-state-selected[b-jpqu1har7l] {
    background-color: #0f5a5a;
    font-weight: bold;
}

.sidebar1 .k-menu-link .k-icon[b-jpqu1har7l] {
    margin-right: 0.5rem;
    color: white;
}

.sidebar1 .k-menu .k-menu-group[b-jpqu1har7l] {
    background-color: #155e5e;
    border: none;
}

    .sidebar1 .k-menu .k-menu-group .k-menu-item[b-jpqu1har7l] {
        color: white;
    }

        .sidebar1 .k-menu .k-menu-group .k-menu-item:hover[b-jpqu1har7l] {
            background-color: #2a8b8b;
        }

.sidebar1 .k-menu-expand-arrow[b-jpqu1har7l] {
    color: white;
}

.sidebar-right[b-jpqu1har7l] {
    width: 17.1875rem;
    background-color: #f5f7fa;
    padding: 0.625rem;
    border-right: 1px solid #ccc;
    margin-top: -4.0625rem;
}


/* TabStrip Styling */
.k-tabstrip .k-tabstrip-items[b-jpqu1har7l] {
    border: none !important;
    box-shadow: none !important;
    border-bottom: 0.125rem solid #e0e0e0;
    padding-bottom: 0.3125rem;
}

.k-tabstrip .k-item[b-jpqu1har7l] {
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    margin-right: 0.9375rem;
    padding-bottom: 0.3125rem;
}

.k-tabstrip .k-state-active[b-jpqu1har7l] {
    border: none !important;
    border-bottom: 0.1875rem solid #0078d4 !important;
    background-color: transparent !important;
    font-weight: bold;
}

.knowledge-grid .k-grid .k-grid-header[b-jpqu1har7l] {
    display: none;
}

.k-grid.no-header-grid .k-grid-header[b-jpqu1har7l] {
    display: none !important;
}

.k-grid.no-alt-row .k-table-alt-row[b-jpqu1har7l] {
    background-color: white !important;
}

.k-grid.no-alt-row .k-grid-row[b-jpqu1har7l] {
    background-color: white !important;
}

.custom-tabstrip .k-tabstrip[b-jpqu1har7l] {
    border: none !important;
}

.custom-tabstrip .k-tabstrip-items[b-jpqu1har7l] {
    border-bottom: none !important;
    border: none !important;
    box-shadow: none !important;
}

.custom-tabstrip .k-tabstrip > .k-content[b-jpqu1har7l] {
    border: none !important;
}

.custom-tabstrip .k-tabstrip-items .k-item[b-jpqu1har7l] {
    border: none !important;
}

.custom-tabstrip .k-tabstrip-content[b-jpqu1har7l] {
    border-style: none !important;
}

#gridPdf .k-grid.No-Grid-Border .k-grid-header[b-jpqu1har7l] {
    border: none !important;
}

#gridPdf .k-grid.No-Grid-Border .k-grid-content[b-jpqu1har7l] {
    border: none !important;
}

#gridPdf .k-grid.No-Grid-Border .k-grid-row[b-jpqu1har7l] {
    border-left: none;
    border-right: none;
}

/* _content/RISHI.Web.UI/Components/Pages/KnowledgeHub/ThirdManagement.razor.rz.scp.css */
/* General Layout and Grid */
.page-container[b-udbumundkb] {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
    padding: 0 1rem; 
}

/* Header */
.header-container[b-udbumundkb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
}

.page-title[b-udbumundkb] {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 0;
    color: var(--text-secondary);
    margin-top: 15px;
}

.header-right[b-udbumundkb] {
    text-align: right;
}

/* Common Card Styling */
.card[b-udbumundkb] {
    padding: 0.9375rem;
    border: 0.0625rem solid #ddd;
    border-radius: 0.3125rem;
    background-color: var(--third-party-hub-box-bg);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
    width: 100%;
    box-sizing: border-box;
}

    .card h3[b-udbumundkb] {
        margin-top: 0;
        color: white;
        font-size: 1.2em;
        background-color: #044B53;
        padding: 0.9375rem 1.25rem;
        border-bottom-right-radius: 0.625rem;
        border-top-right-radius: 0.625rem;
        width: fit-content;
    }

/* Top Sections Grid */
.top-sections-grid[b-udbumundkb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr)) 11rem;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
    align-items: start;
}

.card.fault-context-overview[b-udbumundkb],
.card.internal-knowledge-history[b-udbumundkb] {
    height: 17.1875rem;
}

.card.third-party-lookup[b-udbumundkb] {
    width: 100%;
}

.card.selected-knowledge-details[b-udbumundkb] {
   max-width: 65rem; 
    width: 148%; 
    margin-left: 0; 
    min-height: 35.4rem; 
    height: auto; 
}

.card.fault-context-overview[b-udbumundkb] {
    margin-bottom: 1.25rem;
}

.fault-context-overview .detail-row[b-udbumundkb] {
    margin-bottom: 0.5rem;
    display: flex;
    align-items: baseline;
}

.fault-context-overview .label[b-udbumundkb] {
    font-weight: bold;
    color: #555;
    margin-right: 0.625rem;
    min-width: 7.5rem;
    flex-shrink: 0;
}

.fault-context-overview .value[b-udbumundkb] {
    color: #333;
    flex-grow: 1;
}

.third-party-lookup .form-group[b-udbumundkb] {
    margin-bottom: 0.9375rem;
}

.third-party-lookup label[b-udbumundkb] {
    display: block;
    margin-bottom: 0.3125rem;
    font-weight: bold;
    color: #555;
}

.third-party-lookup .button-group[b-udbumundkb] {
    margin-top: 1.25rem;
    display: flex;
    gap: 0.625rem;
    flex-wrap: wrap;
}

.selected-knowledge-details .button-group[b-udbumundkb] {
    margin-top: 1.25rem;
    display: flex;
    gap: 0.625rem;
    flex-wrap: wrap;
}

.selected-knowledge-details .details-grid[b-udbumundkb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    margin-bottom: 1.5625rem;
}

.selected-knowledge-details .grid-item[b-udbumundkb] {
    border-bottom: 0.0625rem solid #e0e0e0;
    padding-bottom: 0.9375rem;
   /* word-wrap: break-word;*/
}

    .selected-knowledge-details .grid-item:nth-child(odd)[b-udbumundkb] {
        border-right: 0.0625rem solid #e0e0e0;
        padding-right: 1.25rem;
    }

.selected-knowledge-details .details-grid > div:nth-last-child(1)[b-udbumundkb],
.selected-knowledge-details .details-grid > div:nth-last-child(2)[b-udbumundkb] {
    border-bottom: none;
    padding-bottom: 0;
}

.selected-knowledge-details .details-grid > div:nth-child(even)[b-udbumundkb] {
    border-right: none;
    padding-right: 0;
}

.selected-knowledge-details[b-udbumundkb] {
    height: 35.625rem;
}

    .selected-knowledge-details .label[b-udbumundkb] {
        font-weight: bold;
        color: #555;
        margin-right: 0.3125rem;
        display: block;
    }

    .selected-knowledge-details .text[b-udbumundkb] {
        color: #333;
    }

.tags-container[b-udbumundkb] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.375rem;
}

.tag[b-udbumundkb] {
    background-color: #044B53;
    color: white;
    padding: 0.375rem 0.75rem;
    border-radius: 0.625rem;
    font-size: 0.85em;
    font-weight: 500;
    white-space: nowrap;
}

.internal-knowledge-history ul[b-udbumundkb] {
    list-style: disc;
    padding-left: 1.25rem;
    margin-top: 0.625rem;
}

.internal-knowledge-history li[b-udbumundkb] {
    margin-bottom: 0.5rem;
    color: #333;
}

    .internal-knowledge-history li strong[b-udbumundkb] {
        font-weight: bold;
    }

.grid-toolbar[b-udbumundkb] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    margin-bottom: 0.625rem;
    justify-content: space-between;
    flex-wrap: wrap;
}

.grid-toolbar-left[b-udbumundkb],
.grid-toolbar-right[b-udbumundkb] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    flex-wrap: wrap;
}

.tb-icon-container[b-udbumundkb] {
    width: 15.625rem;
}

    .tb-icon-container .k-textbox[b-udbumundkb] {
        width: 100%;
    }

.grid-toolbar .k-button.icon-button[b-udbumundkb] {
    background-color: transparent;
    border: none;
    padding: 0;
    height: auto;
    min-width: unset;
    color: #044B53;
    box-shadow: none;
}

    .grid-toolbar .k-button.icon-button:hover[b-udbumundkb] {
        background-color: transparent;
        opacity: 0.7;
    }

    .grid-toolbar .k-button.icon-button .k-svg-icon[b-udbumundkb],
    .grid-toolbar .k-button.icon-button img[b-udbumundkb] {
        width: 1.25rem;
        height: 1.25rem;
        vertical-align: middle;
    }

.grid-toolbar .date-range-display[b-udbumundkb] {
    font-weight: bold;
    color: #555;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 0.3125rem;
}

.darkbutton[b-udbumundkb],
.downloadbutton[b-udbumundkb],
.sharebutton[b-udbumundkb] {
    flex-direction: row;
    align-items: center;
    padding: 0.375rem 0.625rem;
    gap: 0.5rem;
    height: 2rem;
    background: #044B53;
    border: 0.0625rem solid #228994;
    border-radius: 0.25rem;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 0.8rem;
    line-height: 1.25rem;
    color: #FFFFFF;
    cursor: pointer;
    transition: background-color 0.2s ease;
    margin-top: 5px;
}

    .darkbutton:hover[b-udbumundkb],
    .downloadbutton:hover[b-udbumundkb],
    .sharebutton:hover[b-udbumundkb] {
        background-color: #03373D;
    }

.reset-button[b-udbumundkb] {
    background-color: azure;
    border-radius: 0.3125rem;
    border: 0.0625rem solid #ccc;
    color: #333;
    padding: 0.375rem 0.625rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .reset-button:hover[b-udbumundkb] {
        background-color: #e0f0ff;
    }

.k-textbox[b-udbumundkb],
.k-dropdownlist[b-udbumundkb] {
    width: 100%;
    background-color: #fff;
    border: 0.0625rem solid #ccc;
    border-radius: 0.25rem;
    padding: 0.3125rem;
    box-sizing: border-box;
}

.my-dropdownlist .k-dropdown-wrap .k-popup .k-list-ul[b-udbumundkb] {
    background-color: white;
}

.sharebutton[b-udbumundkb] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.375rem 0.625rem;
    gap: 0.5rem;
    border-color: #D3EEF4;
    height: 2rem;
    background: #EDFAFF;
    border-radius: 0.25rem;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.sharebuttontext[b-udbumundkb] {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: flex;
    align-items: center;
    text-align: center;
    color: #044B53;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.telerik-grid tr.k-master-row[b-udbumundkb] {
    background-color: white !important;
}
/* _content/RISHI.Web.UI/Components/Pages/KPIKOP/AIReport.razor.rz.scp.css */
.headertext[b-kfvt6c6s3s] {
    font-family: Inter;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 1.25rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
   
}

.subheadertext[b-kfvt6c6s3s] {
    font-family: Inter;
    font-weight: 400;
    font-weight:bold;
    font-size: 0.8rem;
    leading-trim: NONE;
    line-height: 1.1rem;
    letter-spacing: 0%;
}

.leftdiv[b-kfvt6c6s3s] {
    width: 100%;
    height: 37.5rem;
    angle: 0 deg;
    opacity: 1;
    background: #E1EEF0;
    box-shadow: 0px 4px 4px 0px #2289946B;
    border-radius: 8px;
}

.rightdiv[b-kfvt6c6s3s] {
    width: 100%;
    height: 37.5rem;
    angle: 0 deg;
    opacity: 1;
    background: #ffffff;
    border: 1px solid #97D4E2;
    border-radius: 8px;
}

.smalldiv[b-kfvt6c6s3s] {
    width: 100%;
    height: 3rem;
    angle: 0 deg;
    opacity: 1;
    background-color:white;
    border: 1px solid #97D4E2;
    border-radius: 8px;
    padding-top:0.5rem;
}

/* _content/RISHI.Web.UI/Components/Pages/KPIKOP/Component/AssetNestedGrid.razor.rz.scp.css */

.k-grid.font-size[b-7eq17pk6vt],
/* grid toolbar */
.k-grid.font-size .k-toolbar[b-7eq17pk6vt],
/* grid cells */
.k-grid.font-size table[b-7eq17pk6vt],
/* textboxes */
.k-grid.font-size .k-input[b-7eq17pk6vt],
/* date pickers */
.k-grid.font-size .k-picker[b-7eq17pk6vt],
/* buttons */
.k-grid.font-size .k-button[b-7eq17pk6vt],
.k-grid.font-size .k-button-text[b-7eq17pk6vt],
/* column and filter menu */
.k-popup[b-7eq17pk6vt],
.k-popup .k-input[b-7eq17pk6vt],
.k-popup .k-picker[b-7eq17pk6vt],
.k-popup .k-button[b-7eq17pk6vt],
/*column menu dropdowns */
.k-columnmenu-item[b-7eq17pk6vt] {
    font-size: 0.8rem;
    font-family: Inter;
    color: #044B53;
}

.k-grid-header[b-7eq17pk6vt] {
    border-color: var(--kendo-color-border, rgba(33, 37, 41, 0.13));
    color: var(--kendo-color-on-app-surface, #044B53);
    background-color: var(--kendo-color-surface, #044B53);
}

    .k-grid-header .k-header[b-7eq17pk6vt] {
        background-color: #F0FCFF;
        color: #044B53;
        font-family: Inter;
        font-weight: bold;
    }

#asseteventgrid .k-grid .k-table[b-7eq17pk6vt] {
    border-collapse: unset;
}

#asseteventgrid .k-grid-table .k-master-row.regular-row[b-7eq17pk6vt] {
    background-color: #FFFFFF;
    color: #044B53;
    font-family: Inter;
    border: 1px solid #e9eaea;
}

#asseteventgrid .k-grid-table .k-master-row.lowlimit-row[b-7eq17pk6vt] {
    background-color: #FFF4F4;
    color: #044B53;
    font-family: Inter;
    border: 1px solid #e9eaea;
}

#asseteventgrid .k-grid-table .k-master-row.alt-row[b-7eq17pk6vt] {
    background-color: #EDFAFF;
    color: #044B53;
    font-family: Inter;
    border: 1px solid #e9eaea;
}


/* _content/RISHI.Web.UI/Components/Pages/KPIKOP/KPIKOPIndex.razor.rz.scp.css */


.k-grid-header[b-jj46adegcz] {
    border-color: var(--kendo-color-border, rgba(33, 37, 41, 0.13));
    color: var(--kendo-color-on-app-surface, #044B53);
    background-color: var(--kendo-color-surface, #044B53);
}

    .k-grid-header .k-header[b-jj46adegcz] {
        background-color: #F0FCFF;
        color: #044B53;
        font-family: Inter;
        font-weight: bold;
    }
/* _content/RISHI.Web.UI/Components/Pages/Login/LoginIndex.razor.rz.scp.css */
@page

"/"
@using RISHI.Web.UI.Components.Layout
@layout EmptyLayout

@using Microsoft.AspNetCore.Components.Authorization
@using Microsoft.AspNetCore.Components
@using Telerik.Blazor.Components
@using System.ComponentModel.DataAnnotations
@using RISHI.Web.UI.SvgIcon
@using RISHI.Web.UI.Services

@inject AuthenticationStateProvider AuthStateProvider
@inject NavigationManager Navigation /* GLOBAL RESET - REQUIRED */
html[b-o675hvbepw], body[b-o675hvbepw] {
    margin: 0 !important;
    padding: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    overflow: hidden;
    font-family: 'Inter';
/*    background-color:black;*/
}

    /* REMOVE ANY DEFAULT BLAZOR LAYOUT PADDING (IMPORTANT) */

    body > div[b-o675hvbepw], app[b-o675hvbepw], .page[b-o675hvbepw], .main[b-o675hvbepw], .content[b-o675hvbepw], .layout[b-o675hvbepw], .app-container[b-o675hvbepw] {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
    }

/* FULL SCREEN CONTAINER */

.container[b-o675hvbepw] {
    display: flex;
    width: 100vw !important; /* FORCE total width */

    height: 100vh !important; /* FORCE total height */
/*    background-color:black;*/
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    overflow: hidden;
}

/* SIDE-BY-SIDE LAYOUT */

.divstartcontin[b-o675hvbepw] {
    display: flex;
    flex-direction: row;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important; /* NO GAP */
    overflow: hidden;
    background-color:black;
}

/* LEFT PANEL */

.left-panel[b-o675hvbepw] {
    background-color:white;
    flex: 1 1 35%;
    padding: 3rem;
    margin:2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 90%;
    box-sizing: border-box;
    border-radius:10px;
    
/*    z-index:10;*/
}

/* RIGHT PANEL */

.right-panel[b-o675hvbepw] {
    flex: 1 1 65%;
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    background-color:black;
/*    z-index:2;*/
}

/* IMAGE */

.login-side-image[b-o675hvbepw] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
/*    object-fit: cover;*/
    object-position: center;
    margin: 0 !important;
    padding: 0 !important;
    display: block;
}

/* SAFETY FIX */

.right-panel img[b-o675hvbepw] {
    width: 100% !important;
    height: 100% !important;
    display: block;
    padding: 0 !important;
    margin: 0 !important;
}

/* OTHER ORIGINAL STYLES (UNCHANGED) */

.powered[b-o675hvbepw] {
    text-align: center;
    font-size: 14px;
    margin-top: 20px;
}

.WelcomeBackdiv[b-o675hvbepw] {
    max-width: 512px;
    margin: auto;
}

.WelcomeBacktitle[b-o675hvbepw] {
    text-align: center;
    font-weight: 700;
    margin-top: 1.25rem;
    font-size: 0.8rem;
}

.credentialstosignin[b-o675hvbepw] {
    text-align: center;
    font-size: 0.8rem;
}

.KeepSignedIndiv[b-o675hvbepw] {
    display: flex;
    justify-content: space-between;
    font-size: 0.875rem;
    margin-top: 0.625rem;
}

.rishi-text[b-o675hvbepw] {
    color: #044B53;
    font-weight: 700;
    font-size: 1.8rem;
    letter-spacing: 1px;
}
/* _content/RISHI.Web.UI/Components/Pages/Maintenanceworkflow/MaintenanceWorkFlow.razor.rz.scp.css */

/*uuuuuuuuuuuuuuuuu*/

/* Page container styling */
.maintenance-page-container[b-kl1q3g2fv2] {
    margin-left: 3rem; /* Move content right */
    margin-right: 2rem;
    padding: 1.5rem 2rem;
    background-color: var(--maintenance-work-flow-container-bg);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    max-width: 1400px;
    margin-top: -1rem;
}

.WorkRequestForm[b-kl1q3g2fv2] {
    font-size: 0.8rem;
    border: none;
    color: var(--maintenance-work-flow-input-text);
}

.FoulingAlertMessage[b-kl1q3g2fv2] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

.RuleRecommendationtable[b-kl1q3g2fv2] {
    border-collapse: collapse;
    border: none;
    margin-top: 0.25rem;
    margin-left: 21.6875rem;
}

.RuleRecommendationtabletr[b-kl1q3g2fv2] {
    padding: 0.0625rem 0.125rem;
    border: none;
}

.RuleRecommendationtabletrl[b-kl1q3g2fv2] {
    padding: 0.0625rem 0.125rem;
    border: none;
    font-size: 0.65rem;
    font-weight: 300;
}

.Manidivrecommendation[b-kl1q3g2fv2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.FormButton[b-kl1q3g2fv2] {
    display: flex;
    justify-content: flex-start;
}

.FormButtontableclickable[b-kl1q3g2fv2] {
    border-collapse: collapse;
    border: none;
    cursor: pointer;
    margin-right: 35rem;
}

.formbuttonstyle[b-kl1q3g2fv2] {
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border: 1px solid black;
    font-family: Arial, sans-serif;
    font-size: 0.875rem;
    color: #333;
    margin-right: -7.5rem;
    background-color: white;
}

.scrollablecontainer[b-kl1q3g2fv2] {
    overflow-y: auto;
    max-height: 12.5rem;
    font-size: 0.8rem;
}

.borderbottom[b-kl1q3g2fv2] {
    border-bottom: 0.0625rem solid #ddd;
}

.scrollablecontainertr[b-kl1q3g2fv2] {
    padding: 0.5rem;
    border-right: 0.0625rem solid ddd;
}

.feedbackrowdiv[b-kl1q3g2fv2] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    font-size: 0.8rem;
}

.assginbutton[b-kl1q3g2fv2] {
    padding: 0.125rem 0.625rem;
    background: #f5f5f5;
    border: 0.0625rem solid #ccc;
    border-radius: 0.25rem;
    color: #999;
    cursor: not-allowed;
    font-size: 0.8125rem;
}

.actionbuttonrow[b-kl1q3g2fv2] {
    display: flex;
    gap: 0.625rem;
    flex-wrap: wrap;
    font-size: 0.8rem;
}

.savebutton[b-kl1q3g2fv2] {
    padding: 0.3125rem 0.9375rem;
    background: #eee;
    border: 1px solid grey;
    border-radius: 0.25rem;
    color: gray;
    background-color: white;
}

.markasresolvedbutton[b-kl1q3g2fv2] {
    margin-left: 0.3125rem;
    padding: 0.3125rem 0.9375rem;
    background: #004d4d;
    color: white;
    border: none;
    border-radius: 0.25rem;
    cursor: pointer;
}

.MarkasFalsePositivebutton[b-kl1q3g2fv2] {
    margin-left: 8.375rem;
    padding: 0.3125rem 0.9375rem;
    border: 1px solid #ccc;
    border-radius: 0.25rem;
    background: white;
    color: #007b8a;
}

.CreateWorkRequestbtn[b-kl1q3g2fv2] {
    background-color: #004d4d;
    color: white;
    padding: 0.3125rem 0.9375rem;
    border: none;
    cursor: pointer;
    border-radius: 0.25rem;
    margin-left: 5px;
}

.SpecialInstructionstextaera[b-kl1q3g2fv2] {
    width: 100%;
    height: 3.75rem;
    margin-bottom: 0.9375rem;
    background-color: var(--maintenance-work-flow-input-bg);
    color: var(--maintenance-work-flow-input-text);
    border-color: var(--maintenance-work-flow-input-border);
}

[data-theme="dark"] .SpecialInstructionstextaera[b-kl1q3g2fv2]::placeholder {
    color: #ffffff;
    opacity: 1;
}

.RequestTypeddl[b-kl1q3g2fv2] {
    width: 100%;
    margin-bottom: 0.625rem;
    height: 2.1875rem;
}

.WorkOrderStatustxt[b-kl1q3g2fv2] {
    width: 100%;
    margin-bottom: 0.625rem;
}

.alert-message[b-kl1q3g2fv2] {
    margin-left: 8px;
    color: #939494;
    white-space: nowrap;
    font-family: 'Inter';
    font-size: 0.8rem;
}

.Rightupicon[b-kl1q3g2fv2] {
    color: white;
    border: none;
    border-radius: 4px;
    padding: -3px 8px; /* Adjusted to positive values */
    background-color: white;
}

.leftdownicon[b-kl1q3g2fv2] {
    color: white;
    border: none;
    border-radius: 4px;
    padding: -3px 8px; /* Adjusted to positive values */
    background-color: white;
}
/*change1*/
/* ===== ADDED: validation styles ===== */
.req[b-kl1q3g2fv2] {
    color: #d0021b;
    font-weight: 700;
    margin-left: 0.25rem;
    font-size: 0.8rem;
}

.validation-message[b-kl1q3g2fv2] {
    color: #d0021b;
    font-size: 0.72rem;
    margin-top: 0.25rem;
    display: block;
}
/* --- Success modal (Added) --- */
.mwf-modal-overlay[b-kl1q3g2fv2] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.mwf-modal[b-kl1q3g2fv2] {
    width: 420px;
    max-width: 90vw;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    overflow: hidden;
    font-family: Inter, Arial, sans-serif;
}

.mwf-modal-header[b-kl1q3g2fv2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid #eee;
    font-size: 0.95rem;
    font-weight: 600;
    color: #044B53;
}

.mwf-close[b-kl1q3g2fv2] {
    background: transparent;
    border: none;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    color: #7a7a7a;
}

.mwf-modal-body[b-kl1q3g2fv2] {
    padding: 24px 16px 28px;
    text-align: center;
}

.mwf-check[b-kl1q3g2fv2] {
    width: 64px;
    height: 64px;
    border-radius: 9999px;
    margin: 4px auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E7F6EC; /* soft green */
    color: #1A7F37; /* check green */
    font-size: 30px;
    font-weight: 700;
}

.mwf-msg[b-kl1q3g2fv2] {
    font-size: 0.9rem;
    color: #444;
}

.RequestCategoryddl[b-kl1q3g2fv2],
.Priorityddl[b-kl1q3g2fv2],
.CurrentStatusddl[b-kl1q3g2fv2],
.RequestTypeddl[b-kl1q3g2fv2] {
    width: 100%;
    margin-bottom: 0.625rem;
    height: 2.1875rem;
    box-sizing: border-box;
}
/* _content/RISHI.Web.UI/Components/Pages/MLConfig/Components/AddModel.razor.rz.scp.css */
.dropdownfault[b-i69cq8jpg5] {
    opacity: 1;
    width: 100%;
    height: 1.5rem;
    border-width: 1px;
    border-radius: 5px;
    border: 1px solid #363636;
    font-family: Inter;
    font-size: 0.8rem;
}

.darkbuttonsubmit[b-i69cq8jpg5] {
    align-items: center;
    height: 2rem;
    width: 6.25rem;
    background: #47D7AC;
    border-color: #228994;
    border-radius: 4px;
    font-family: Inter;
    font-size: 0.8rem;
    border: 0px;
}

.transperentbuttoncancel[b-i69cq8jpg5] {
    align-items: center;
    height: 2rem;
    width: 6.25rem;
    background: inherit;
    border-color: inherit;
    border-radius: 4px;
    font-family: Inter;
    font-size: 0.8rem;
    border: 0px;
    color: #044B53;
}

.textareafault[b-i69cq8jpg5] {
    opacity: 1;
    width: 100%;
    height: 6rem;
    border-width: 1px;
    border-radius: 5px;
    border: 1px solid #363636;
    font-family: Inter;
    font-size: 0.8rem;
}

.textboxfault[b-i69cq8jpg5] {
    opacity: 1;
    width: 100%;
    border-width: 1px;
    border-radius: 5px;
    border: 1px solid #363636;
    font-family: Inter;
    font-size: 0.8rem;
}


.labeltext[b-i69cq8jpg5] {
    height: 14rem;
    width: 16.375rem;
    font-family: Inter;
    font-size: 0.8rem;
}

.headerlabeltext[b-i69cq8jpg5] {
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 1.125rem;
    line-height: 100%;
    letter-spacing: 0%;
    color: #363636;
}
/* _content/RISHI.Web.UI/Components/Pages/MLConfig/Components/AddProject.razor.rz.scp.css */
.dropdownfault[b-42a0t5ujso] {
    opacity: 1;
    width: 10rem;
    height: 1.5rem;
    border-width: 1px;
    border-radius: 5px;
    border: 1px solid #363636;
    font-family: Inter;
    font-size: 0.8rem;
}

.darkbuttonsubmit[b-42a0t5ujso] {
    align-items: center;
    height: 2rem;
    width: 6.25rem;
    background: #47D7AC;
    border-color: #228994;
    border-radius: 4px;
    font-family: Inter;
    font-size: 0.8rem;
    border: 0px;
}

.transperentbuttoncancel[b-42a0t5ujso] {
    align-items: center;
    height: 2rem;
    width: 6.25rem;
    background: inherit;
    border-color: inherit;
    border-radius: 4px;
    font-family: Inter;
    font-size: 0.8rem;
    border: 0px;
    color: #044B53;
}

.textareafault[b-42a0t5ujso] {
    opacity: 1;
    width: 100%;
    height: 6rem;
    border-width: 1px;
    border-radius: 5px;
    border: 1px solid #363636;
    font-family: Inter;
    font-size: 0.8rem;
}
.textboxfault[b-42a0t5ujso] {
    opacity: 1;
    width: 100%;    
    border-width: 1px;
    border-radius: 5px;
    border: 1px solid #363636;
    font-family: Inter;
    font-size: 0.8rem;
}


.labeltext[b-42a0t5ujso] {
    height: 14rem;
    width: 16.375rem;
    font-family: Inter;
    font-size: 0.8rem;
}

.headerlabeltext[b-42a0t5ujso] {
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 1.125rem;
    line-height: 100%;
    letter-spacing: 0%;
    color: #363636;
}


/* _content/RISHI.Web.UI/Components/Pages/MLConfig/CorelationLagMatrix.razor.rz.scp.css */
.dropdownfault[b-ex408v6t2c] {
    opacity: 1;
    width: 10rem;
    height: 1.5rem;
    border-width: 1px;
    border-radius: 5px;
    border: 1px solid #044B53;
    font-family: 'Inter';
    font-size: 0.8rem;
    background-color: #044B53;
    color: #ffffff;
}
.tableclass[b-ex408v6t2c] {
    font-family: 'Inter';
    font-size: 0.8rem;
    width:100%;
}
.darkbuttonsubmit[b-ex408v6t2c] {
    align-items: center;
    height: 1.5rem;
    width: 5.5rem;
    background: inherit;
    border-radius: 4px;
    font-family: 'Inter';
    font-size: 0.8rem;
    color: #044B53;
    border: 1px solid #000000;

}
.nextbutton[b-ex408v6t2c] {
    align-items: center;
    height: 1.5rem;
    width: 3rem;
    background: #47D7AC;
    border-radius: 4px;
    font-family: 'Inter';
    font-size: 0.8rem;
    color: #044B53;
    border: 1px solid #47D7AC;
}

.trbackcolor[b-ex408v6t2c] {
    background: #F0F0F0;
    height: 3rem;
    vertical-align: middle;
}
.trbackcolorlightblue[b-ex408v6t2c] {
    background: #DEF2F7;
    height: 3rem;
    vertical-align: middle;
    border: 1px solid #044B53
}
/* _content/RISHI.Web.UI/Components/Pages/MLConfig/MLConfigIndex.razor.rz.scp.css */
body[b-esku369ktb] {
    font-family:Inter;
    font-size : 0.8rem;
}

.chipfontsize[b-esku369ktb] {
    font-family: Inter;
    font-size: 0.8rem;
}

.darkbuttontext[b-esku369ktb] {
    background: var(--ml-config-button-bg);
    color: var(--ml-config-button-text-color);
}
/* _content/RISHI.Web.UI/Components/Pages/Modeladminconfiguration/ModeladminconfigurationIndex.razor.rz.scp.css */
/* Overall Section Styling */
.asset-hierarchy-section[b-4hec4yznxy] {
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    background-color: #fff;
    display: flex;
    flex-direction: column; /* Arrange header, search, treeview vertically */
    height: 600px; /* Set a fixed height for the entire section (adjust as needed) */
    width: 380px; /* Set a fixed width for the entire section (adjust as needed) */
    overflow: hidden; /* Hide main section overflow, let inner container handle scroll */
    font-family: Arial, sans-serif; /* Apply a default font */
    font-size: 14px;
}

/* Header Bar Styling */
.header-bar[b-4hec4yznxy] {
    background-color: #025964; /* Telerik teal-like color */
    color: white;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    gap: 10px; /* Space between elements */
    font-weight: bold;
    font-size: 16px;
    border-bottom: 1px solid #1a7a72;
}

    .header-bar .header-title[b-4hec4yznxy] {
        flex-grow: 1; /* Pushes the dropdown to the right */
    }

    .header-bar .header-dropdown[b-4hec4yznxy] {
        /* Specific styles for the Telerik DropDownList in the header */
        background-color: rgba(255, 255, 255, 0.2); /* Slightly transparent white */
        border: 1px solid rgba(255, 255, 255, 0.4);
        color: white;
        /* Telerik's internal styles often need !important to override */
    }

/* Telerik DropDownList internal elements styling for header */
.header-dropdown .k-input-inner[b-4hec4yznxy] {
    color: white !important; /* Force text color inside input */
    padding-left: 8px; /* Adjust padding if needed */
}

.header-dropdown .k-input-button.k-button-icon[b-4hec4yznxy] {
    color: white !important; /* Force dropdown arrow color */
}

.header-dropdown .k-input-button:hover[b-4hec4yznxy] {
    background-color: rgba(255, 255, 255, 0.1);
}

.header-bar .header-asset-text[b-4hec4yznxy] {
    /* Style for the "Asset" text next to the dropdown */
    margin-left: 5px;
    font-size: 14px;
    white-space: nowrap; /* Prevent "Asset" from wrapping */
}

/* Search Bar Styling */
.search-bar[b-4hec4yznxy] {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #eee;
    position: relative; /* For positioning the search button inside */
}

    .search-bar .search-input[b-4hec4yznxy] {
        width: 100%; /* Make search input full width */
    }

/* Specific styling for Telerik TextBox input and button */
.search-input .k-input-solid[b-4hec4yznxy] {
    border-radius: 20px; /* Make it more rounded */
    padding-right: 40px; /* Space for the search icon */
    background-color: white;
    height: 32px; /* Standard height for the input field */
}

.search-input .search-button.k-button-icon[b-4hec4yznxy] {
    position: absolute; /* Position relative to .search-bar */
    right: 25px; /* Adjust based on padding of search-bar */
    top: 50%;
    transform: translateY(-50%); /* Vertically center the button */
    background: none;
    border: none;
    color: #555;
    padding: 0;
    cursor: pointer;
    font-size: 18px; /* Size of the search icon */
}

    .search-input .search-button.k-button-icon:hover[b-4hec4yznxy] {
        color: #333;
    }


/* TreeView Container for Scrollbars */
.treeview-container[b-4hec4yznxy] {
    flex-grow: 1; /* Allow the container to take remaining height */
    overflow: auto; /* THIS IS THE KEY FOR BOTH VERTICAL AND HORIZONTAL SCROLLBARS */
    padding: 5px 15px; /* Padding for the treeview content */
    background-color: #fff;
    /* Optional: Add a subtle inner border for the scrollable area if desired */
    /* border-top: 1px solid #eee; */
}

    /* Custom Scrollbar Styling (Webkit browsers: Chrome, Edge, Safari) */
    .treeview-container[b-4hec4yznxy]::-webkit-scrollbar {
        width: 10px; /* Vertical scrollbar width */
        height: 10px; /* Horizontal scrollbar height */
    }

    .treeview-container[b-4hec4yznxy]::-webkit-scrollbar-track {
        background: #f1f1f1; /* Light background for the track */
        border-radius: 10px;
    }

    .treeview-container[b-4hec4yznxy]::-webkit-scrollbar-thumb {
        background: #a8a8a8; /* Gray color for the scrollbar thumb */
        border-radius: 10px;
    }

        .treeview-container[b-4hec4yznxy]::-webkit-scrollbar-thumb:hover {
            background: #888; /* Darker gray on hover */
        }

/* Firefox specific scrollbar styling */
.treeview-container[b-4hec4yznxy] {
    scrollbar-width: thin; /* "auto" or "none" */
    scrollbar-color: #a8a8a8 #f1f1f1; /* thumb color track color */
}

    /* Specific Telerik TreeView Styling adjustments to match the image */
    .treeview-container .k-treeview[b-4hec4yznxy] {
        border: none; /* Remove default Telerik border */
        background-color: transparent; /* Inherit background from container */
        padding: 0; /* Remove default padding, container handles it */
    }

    .treeview-container .k-treeview-item[b-4hec4yznxy] {
        line-height: 1.6; /* Adjust line height for better spacing */
        white-space: nowrap; /* PREVENTS TEXT WRAPPING, FORCING HORIZONTAL SCROLL */
    }

    .treeview-container .k-treeview-link[b-4hec4yznxy] {
        text-decoration: none;
        color: #333; /* Darker text for readability */
        padding: 2px 0; /* Adjust padding for nodes */
        display: flex; /* Helps align content within the link */
        align-items: center;
    }

        .treeview-container .k-treeview-link:hover[b-4hec4yznxy] {
            background-color: #e0e0e0; /* Light gray background on hover */
        }

    /* Styling for expand/collapse icons (plus/minus) */
    .treeview-container .k-treeview-expand-icon[b-4hec4yznxy],
    .treeview-container .k-treeview-collapse-icon[b-4hec4yznxy] {
        color: #666; /* Adjust icon color */
        margin-right: 5px; /* Space between icon and text */
        font-size: 14px; /* Adjust icon size if needed */
    }

    /* Styling for leaf node icons (play arrow) */
    /* This targets the default Telerik icon for nodes without children */
    .treeview-container .k-icon.k-i-caret-alt-right[b-4hec4yznxy] {
        color: #26a69a; /* Match header color for leaf node arrow */
        font-size: 14px;
    }

    /* To ensure selected item styles are visible */
    .treeview-container .k-state-selected > .k-treeview-link[b-4hec4yznxy] {
        background-color: #cceeff; /* Light blue background for selected item */
        color: #000; /* Darker text for selected item */
    }
/* _content/RISHI.Web.UI/Components/Pages/ModelConfigNew/Components/AddNewModel.razor.rz.scp.css */
/* MAIN PANEL BOX */
.fault-subpanel[b-050aeaf5ew] {
    background: var(--fault-model-config-panel-bg);
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    padding-bottom: .5rem;
    min-width: fit-content;
    width:100%;
}

/* TITLE BAR */
.expresstext[b-050aeaf5ew] {
    background-color: #006d72;
    color: var(--fault-model-config-sub-header-text);
    font-weight: 600;
    font-size: .85rem;
    padding: .4rem;
    border-radius: 6px 6px 0 0;
}



.template-fields[b-050aeaf5ew] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.2rem;
    padding: .9rem;
    align-items: center;
}

.field-item[b-050aeaf5ew] {
    display: flex;
    flex-direction: column;
}

    .field-item label[b-050aeaf5ew] {
        font-size: .78rem;
        margin-bottom: .25rem;
        color: var(--fault-model-config-panel-text);
        font-weight: 500;
    }


/*.textbox,
.data-type-select {
    width: 100%;
    box-sizing: border-box;
    height: 32px;*/ /* <<< same height for ALL */
/*padding: 0 8px;*/ /* ~7–8px horizontal padding */
/*border: 1.5px solid #00A9A5 !important;
    border-radius: 5px;
    font-size: .82rem;
    font-family: 'Inter', sans-serif;
    background-color: #FFFFFF;
    outline: none;
    border-color: #00A9A5 !important;
}*/

.textbox[b-050aeaf5ew],
.data-type-select[b-050aeaf5ew] {
    width: 70%;
    padding: .45rem;
    border: 1px solid #b3e5fc;
    border-radius: 4px;
    font-size: .8rem;
    font-family: 'Inter';
    color: var(--fault-model-config-input-text);
}


/* some browsers ignore input height; this forces it */
.textbox[b-050aeaf5ew] {
    line-height: 30px; /* 32px - small padding */
}

/* keep select clean */
.data-type-select[b-050aeaf5ew] {
    appearance: none;
}

/* Asset Type cell: select + checkbox in one line */
.asset-type-row[b-050aeaf5ew] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

/* let the Asset Type dropdown stretch nicely */
.asset-type-select[b-050aeaf5ew] {
    flex: 1 1 auto;
    width: auto;
}

/* INLINE CHECKBOX + TEXT */
.checkbox-field-inline[b-050aeaf5ew] {
    display: flex;
    align-items: center;
    gap: .35rem;
    white-space: nowrap;
    font-size: .78rem;
    color: var(--fault-model-config-panel-text);
    font-weight: 500;
}


.btn[b-050aeaf5ew] {
    background: #4FB38E;
    color: white;
    border-radius: 4px;
    height: 2.35rem;
    padding: 0 .8rem;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .85rem;
    cursor: pointer;
    border: none;
}

    .btn:hover[b-050aeaf5ew] {
        background: #007a67;
    }

    .btn.clear[b-050aeaf5ew] {
        background: #D4EEF4;
        color: #007B83;
        width: 6rem;
        height: 2.2rem;
        font-size: .8rem;
    }

        .btn.clear:hover[b-050aeaf5ew] {
            background: #B8DFE6;
        }

/* TABS HEADER */
.tabs-header[b-050aeaf5ew] {
    border-bottom: 1px solid #ccc;
    color: var(--fault-model-config-panel-text);
}

    .tabs-header .active[b-050aeaf5ew] {
        border-bottom: 2px solid #0f7f8c;
        padding-bottom: .25rem;
        color: #0f7f8c;
    }

.required[b-050aeaf5ew] {
    color: #e53935;
    font-weight: bold;
    margin-left: 2px;
}

.field-item .data-type-select[b-050aeaf5ew] {
    -webkit-appearance: menulist-button; /* For Chrome/Safari */
    -moz-appearance: menulist-button; /* For Firefox */
    appearance: menulist-button; /* Standard fix */
    background-color: var(--fault-model-config-drop-down-bg);
}
/* _content/RISHI.Web.UI/Components/Pages/ModelConfigNew/Components/AssetTree.razor.rz.scp.css */
.asset-sidebar[b-71ezmd7qfr] {
    width: 260px;
    border: 1px solid #D3E6E7;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Search */
.search-box[b-71ezmd7qfr] {
    display: flex;
    align-items: center;
    padding: 0.45rem 0.65rem;
}

    .search-box input[b-71ezmd7qfr] {
        width: 100%;
        border: 1px solid #b3e5fc;
        border-radius: 4px;
        padding: 0.35rem;
        font-size: .8rem;
    }

.search-icon[b-71ezmd7qfr] {
    margin-left: -22px;
    font-size: .75rem;
    cursor: pointer;
}

/* Asset Title */
.asset-header[b-71ezmd7qfr] {
    background: #006d72;
    color: white;
    padding: 0.40rem 0.65rem;
    font-size: .78rem;
    font-weight: 600;
    border-radius: 4px;
    margin: .35rem .45rem;
}

/* Scroll List */
.asset-list[b-71ezmd7qfr] {
    overflow-y: auto;
    flex: 1;
}

/* Asset parent row */
.asset-row[b-71ezmd7qfr] {
    padding: .50rem .75rem;
    display: flex;
    align-items: center;
    gap: .45rem;
    cursor: pointer;
    border-bottom: 1px solid #eaf3f3;
}

    .asset-row:hover[b-71ezmd7qfr] {
        background: #f0fafc;
    }

.asset-name[b-71ezmd7qfr] {
    flex: 1;
    font-size: .84rem;
    font-weight: 500;
}

/* Expand triangle */
/* COLLAPSED – SIDE ARROW like ▶ */
.expand-icon[b-71ezmd7qfr] {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #006d72; /* teal */
    cursor: pointer;
    transition: transform .2s ease;
    margin-right: .35rem;
}

    /* EXPANDED – rotate to ▼ */
    .expand-icon.open[b-71ezmd7qfr] {
        transform: rotate(90deg);
    }


/* Add button */
.add-btn[b-71ezmd7qfr] {
    background: #007980;
    color: white;
    border: none;
    width: 20px;
    height: 20px;
    font-size: .72rem;
    border-radius: 4px;
    cursor: pointer;
}
/* _content/RISHI.Web.UI/Components/Pages/ModelConfigNew/Components/FaultActions.razor.rz.scp.css */
.fault-actions-container[b-opglo5uqh2] {
    width: 100%;
    padding: 1rem;
    font-family: 'Inter';
    font-size: 0.7rem;
}

.form-section[b-opglo5uqh2] {
    margin-bottom: 1.2rem;
    display: flex;
    flex-direction: column;
}

    .form-section label[b-opglo5uqh2] {
        font-weight: 600;
        margin-bottom: 0.3rem;
    }

/*.actions-textbox {
    width: 55%;
    height: 85px;
    border: 1px solid #b3e5fc;
    border-radius: 4px;
    padding: 6px;
    resize: none;
    font-family: 'Inter';
    font-size: 0.7rem;
}*/

.labelfont[b-opglo5uqh2] {
    font-family: 'Inter';
    font-size: 0.7rem;
    color: var(--fault-model-config-panel-text);
}

.actions-footer[b-opglo5uqh2] {
    display: flex;
    justify-content: space-between;
/*    background-color: #e7f2f4;*/
    padding: 0.7rem;
    margin-top: 1rem;
    width : 100%;
}

.btn[b-opglo5uqh2] {
    background: #006666;
    color: white;
    border: none;
    cursor: pointer;
    height: 2rem;
    min-width: 6rem;
}

    .btn:hover[b-opglo5uqh2] {
        background: #004d4d;
    }

.save[b-opglo5uqh2] {
    background: #4FB38E;
}

.add[b-opglo5uqh2] {
    background: #004d4d;
}
/* _content/RISHI.Web.UI/Components/Pages/ModelConfigNew/Components/FaultDefinition.razor.rz.scp.css */
.scroll-content[b-rsr6p2yr49] {
    padding: 1rem;
}

/* 3-column layout for first row */
.template-fields[b-rsr6p2yr49] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem 1.2rem;
    padding: 0.8rem 1.2rem;
}

    .template-fields label[b-rsr6p2yr49] {
        color: var(--fault-model-config-panel-text);
    }

    .template-fields select[b-rsr6p2yr49] {
        color: var(--fault-model-config-input-text);
        background-color: var(--fault-model-config-drop-down-bg);
    }

/* Textboxes */
.textbox[b-rsr6p2yr49],
.data-type-select[b-rsr6p2yr49] {
    width: 100%;
    padding: .45rem;
    border: 1px solid #b3e5fc;
    border-radius: 4px;
    font-size: .8rem;
    font-family: Inter;
}

/* Description occupies column 1 and 2 */
.template-fields > div:nth-child(4)[b-rsr6p2yr49] {
    grid-column: span 2;
}

/* Display Name under Description */
.template-fields > div:nth-child(5)[b-rsr6p2yr49] {
    grid-column: span 1;
}

/* Notification */
.checkbox-list[b-rsr6p2yr49] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    padding: .6rem 0 0 1.2rem;
}

    .checkbox-list label[b-rsr6p2yr49] {
        color: var(--fault-model-config-panel-text);
    }

/* Panel */
.fault-subpanel[b-rsr6p2yr49] {
    border: 1px solid #C7E3E5;
    border-radius: 6px;
    background-color: var(--fault-model-config-panel-bg)
}

/* Header strip */
.expresstext[b-rsr6p2yr49] {
    background: var(--fault-model-config-sub-mini-header-bg);
    color: var(--fault-model-config-sub-mini-header-text);
    padding: .35rem .6rem;
    font-weight: 600;
    font-size: .8rem;
    font-family: Inter;
}

/* Footer Buttons */
.btn[b-rsr6p2yr49] {
    background: #006666;
    color: white;
    border-radius: 4px;
    width: 6rem;
    height: 2rem;
    border: none;
    cursor: pointer;
    font-size: .8rem;
    font-family: Inter;
}

    .btn:hover[b-rsr6p2yr49] {
        background: #004d4d;
    }

    .btn.save[b-rsr6p2yr49] {
        background: #4FB38E;
    }

        .btn.save:hover[b-rsr6p2yr49] {
            background: #3C8F72;
        }
/* _content/RISHI.Web.UI/Components/Pages/ModelConfigNew/Components/FaultExpression.razor.rz.scp.css */
.fault-subpanel[b-078g2fdo8j] {
    flex: 1;
    background: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Main container - left & right */
.fault-exp-container[b-078g2fdo8j] {
    display: flex;
    height: 100%;
    flex: 1;
    padding: 1rem;
    gap: 1rem;
    position: relative;
}

/* Panel Top Title Bar */
.expresstext[b-078g2fdo8j] {
    background: #D3EEF4;
    padding: .35rem .65rem;
    border-radius: 4px 4px 0 0;
    font-size: .8rem;
    font-family: Inter;
    font-weight: 600;
    color: #228994;
}

/* LEFT PANEL */
.left-panel[b-078g2fdo8j] {
    flex: 1;
    border: 1px solid #b3e5fc;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
}

.variables-list[b-078g2fdo8j] {
    display: flex;
    flex-direction: column;
    gap: .48rem;
    padding: 1rem;
    font-size: .8rem;
    font-family: Inter;
}

/* RIGHT PANEL */
.right-panel[b-078g2fdo8j] {
    flex: 1.2; /* make right panel wider */
    border: 1px solid #b3e5fc;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
}

.info-row[b-078g2fdo8j] {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .8rem 1rem;
    font-size: .8rem;
    font-family: Inter;
}

/* Drop Zone */
.drop-zone[b-078g2fdo8j] {
    flex: 1;
    border: 1px dashed #b3e5fc;
    border-radius: 4px;
    margin: 0 1rem 1rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .9rem;
    color: #9aa2a2;
    font-family: Inter;
}

.drop-item[b-078g2fdo8j] {
    background: #eafaf7;
    border: 1px solid #4fb38e;
    padding: .35rem .7rem;
    border-radius: 4px;
    font-size: .8rem;
    margin: .3rem;
}



/* Footer Buttons Bar */
.btn-row[b-078g2fdo8j] {
    background: #E1EEF0;
    padding: .7rem .9rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #cddddd;
}

/* Buttons */
.btn[b-078g2fdo8j] {
    background: #006666;
    border: none;
    color: white;
    width: 6rem;
    height: 2rem;
    font-family: Inter;
    font-size: .8rem;
    cursor: pointer;
    border-radius: 4px;
}

    .btn:hover[b-078g2fdo8j] {
        background: #004d4d;
    }
btn.checkSyntax[b-078g2fdo8j] {
    background: #4FB38E;
}

.btn.checkSyntax:hover[b-078g2fdo8j] {
    background: #3d8f72;
}
    .btn.save[b-078g2fdo8j] {
        background: #4FB38E;
    }

        .btn.save:hover[b-078g2fdo8j] {
            background: #3d8f72;
        }

.separator[b-078g2fdo8j] {
    width: 3px;
    background: #b7d9de;
    border-radius: 5px;
    margin: 1rem 0;
}

.separator[b-078g2fdo8j] {
    width: 3px;
    background: #b7d9de;
    border-radius: 5px;
    margin: 0 0.8rem;
    height: calc(100% - 2rem); /* subtract top & bottom spacing so it aligns */
    align-self: center; /* vertically center */
}

.variable-grid[b-078g2fdo8j] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin-bottom: 15px;
}

.three-panel[b-078g2fdo8j] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; /* 3 equal columns */
    gap: 20px;
    width: 100%;
}


.var-box[b-078g2fdo8j] {
    border: 1px solid #d5e3e8;
    padding: 10px;
    height: 350px;
    overflow-y: auto;
    background: white;
}

.head[b-078g2fdo8j] {
    font-weight: 600;
    font-size: .9rem;
    margin-bottom: 8px;
    color: #044B53;
}

.item-row[b-078g2fdo8j] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.drop-area[b-078g2fdo8j] {
    border: 2px dashed #74b0c6;
    padding: 15px;
    height: 150px;
    background: #f8fbfc;
    overflow-y: auto;
    margin-bottom: 10px;
}

.chip[b-078g2fdo8j] {
    background: #088F8F;
    color: white;
    display: inline-block;
    padding: 3px 8px;
    margin: 3px;
    border-radius: 4px;
    font-size: .78rem;
}

.empty[b-078g2fdo8j] {
    color: #7b8b90;
    font-size: .85rem;
}

.fault-exp-wrapper[b-078g2fdo8j] {
    margin-top: 10px;
    font-family: 'Inter',sans-serif;
}

.section-title[b-078g2fdo8j] {
    font-size: .9rem;
    font-weight: 600;
    color: #0f7f8c;
    margin-bottom: 10px;
}

.two-panel[b-078g2fdo8j] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

/* CARD PANELS */
.panel-box[b-078g2fdo8j] {
    border: 1px solid #C7D9E5;
    background: white;
    border-radius: 6px;
    height: 420px;
    display: flex;
    flex-direction: column;
    background-color: var(--fault-model-config-panel-bg);
    color: var(--fault-model-config-panel-text);
}

/* Header top bar */
.panel-header[b-078g2fdo8j] {
    background: #E3F4F4;
    padding: 8px 12px;
    font-size: .85rem;
    font-weight: 600;
    color: #007A8A;
    border-bottom: 1px solid #C7D9E5;
}

/* Scroll body */
.panel-body[b-078g2fdo8j] {
    padding: 10px;
    overflow-y: auto;
    flex: 1;
    background-color: var(--fault-model-config-panel-bg);
    color: var(--fault-model-config-panel-text);
}

.item-row[b-078g2fdo8j] {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: .85rem;
    margin-bottom: 6px;
}

/* Info hint row */
.info-row[b-078g2fdo8j] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .78rem;
    padding: 10px 12px;
}

.info-icon[b-078g2fdo8j] {
    width: 14px;
}

/* Selected Variables Panel */
.drop-zone[b-078g2fdo8j] {
    padding: 10px;
    flex: 1;
    border-top: 1px dashed #90C7CE;
    overflow-y: auto;
}

.drop-placeholder[b-078g2fdo8j] {
    color: #9AAEB1;
    font-size: .85rem;
}

/* Chips */
.selected-chip[b-078g2fdo8j] {
    background: #00A19D;
    color: white;
    padding: 4px 8px;
    margin: 4px;
    border-radius: 4px;
    font-size: .78rem;
    display: inline-block;
}

/* Footer Buttons */
.button-row[b-078g2fdo8j] {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    gap: 15px;
}
.valid-message[b-078g2fdo8j] {
    color: forestgreen;
    margin-left: 10px;
}
.btn[b-078g2fdo8j] {
    padding: 6px 18px;
    border: none;
    border-radius: 4px;
    font-size: .85rem;
    cursor: pointer;
    font-weight: 600;
}

    .btn.back[b-078g2fdo8j] {
        background: #D9E7EA;
        color: #004E53;
    }
    .btn.checkSyntax[b-078g2fdo8j] {
        background: #22A699;
        color: white;
        width: fit-content;
        margin-left: 10px;
        margin-bottom: 5px;
    }
    .btn.save[b-078g2fdo8j] {
        background: #22A699;
        color: white;
    }

    .btn.next[b-078g2fdo8j] {
        background: #21867A;
        color: white;
    }

.clickable[b-078g2fdo8j] {
    cursor: pointer;
    padding: 4px 6px;
    color: var(--fault-model-config-panel-text);
}

    .clickable:hover[b-078g2fdo8j] {
        background: #e9f6ff;
        color: var(--fault-model-config-panel-text-hover);
    }

.selected-textarea[b-078g2fdo8j] {
    width: 100%;
    height: 150px;
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    padding: 8px;
    resize: none;
    font-size: 0.9rem;
    background-color: var(--fault-model-config-panel-bg);
    color: var(--fault-model-config-panel-text);
}

.secondary-header[b-078g2fdo8j] {
    background: #F5FAFA;
    font-size: .82rem;
    font-weight: 600;
    color: #007A8A;
    padding: 6px 12px;
    border-top: 1px solid #C7D9E5;
}

/* second text box smaller */
.small-box[b-078g2fdo8j] {
    height: 120px !important; /* adjust here */
}
/* _content/RISHI.Web.UI/Components/Pages/ModelConfigNew/Components/FaultTabs.razor.rz.scp.css */
.tabs-header[b-y4jozjr104] {
    display: flex;
    gap: 1.2rem;
    padding: .6rem 1rem;
    background: var(--fault-model-config-tab-panel-bg);
    border-bottom: 1px solid #ccc;
    font-size: .85rem;
}

    .tabs-header span[b-y4jozjr104] {
        cursor: pointer;
        padding-bottom: .25rem;
        color: var(--fault-model-config-panel-text);
    }

    .tabs-header .active[b-y4jozjr104] {
        font-weight: 600;
        border-bottom: 2px solid #006666;
        color: #0f7f8c;
    }


.expresstext[b-y4jozjr104] {
    background-color: #006d72;
    color: var(--fault-model-config-sub-header-text);
    font-weight: 600;
    font-size: .85rem;
    padding: .4rem;
    border-radius: 6px 6px 0 0;
}
    body[b-y4jozjr104] {
}
/* _content/RISHI.Web.UI/Components/Pages/ModelConfigNew/FaultModelConfig.razor.rz.scp.css */
/* Main layout */
.fault-model-page[b-7a22wni5r0] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    /* Removed height constraint completely */
}

.model-container[b-7a22wni5r0] {
    display: flex;
    flex-direction: column;
}

.fault-container[b-7a22wni5r0] {
    display: flex;
    gap: 1rem;
    flex-direction: column;
}

.model-tree-and-form[b-7a22wni5r0] {
    display: flex;
    gap: 1rem;
    height: 300px; /* Changed from fixed 50% height */
    width: 100%;
    flex-direction: row;
}

.fault-tree-and-form[b-7a22wni5r0] {
    display: flex;
    gap: 1rem;
    min-height: 500px; /* Changed from fixed 50% height */
    width: 100%;
    flex-direction: row;
}

.fault-config[b-7a22wni5r0] {
    display: flex;
    gap: 1rem;
    height: 100%;
    flex-direction: row;
}

.tree-container[b-7a22wni5r0] {
    max-height: 400px;
    max-width: 180px;
    overflow-y: auto;
    border: 1px solid #ccc;
    background-blend-mode: color-dodge;
    margin-left: 10px;
}

.k-treeview-item > div[b-7a22wni5r0] {
    padding: 0 !important;
    margin: 0 !important;
}

.k-treeview-item[b-7a22wni5r0] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.k-treeview-leaf-text[b-7a22wni5r0] {
    padding: 0 !important;
}

.search-box[b-7a22wni5r0] {
    display: flex;
    align-items: center;
    padding: 0.45rem 0.65rem;
    max-width: 200px;
}

    .search-box input[b-7a22wni5r0] {
        width: 100%;
        border-radius: 4px;
        padding: 0.35rem;
        font-size: .8rem;
        color: var(--fault-model-config-input-text);
        background-color: var(--fault-model-config-input-border);
    }

.search-icon[b-7a22wni5r0] {
    margin-left: -22px;
    font-size: .75rem;
    cursor: pointer;
}

.no-data-message[b-7a22wni5r0] {
    padding: 1rem;
    color: #666;
    font-style: italic;
    text-align: center;
}

/* Asset Title */
.fault-model-header[b-7a22wni5r0] {
    background: #006d72;
    color: var(--fault-model-config-sub-header-text);
    padding: 0.40rem 0.65rem;
    font-size: .78rem;
    font-weight: 600;
    border-radius: 4px;
    margin: .35rem .55rem;
    max-width: 200px;
    min-width: 180px;
}

/* Header */
.Titletext[b-7a22wni5r0] {
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: var(--fault-model-config-header-text);
    margin-top: .4rem;
    margin-left: 1rem;
}

.horzontalline[b-7a22wni5r0] {
    border: 1px solid #228994;
    margin-bottom: .6rem;
}
/* _content/RISHI.Web.UI/Components/Pages/ModelConfig/AssetManagerIndex.razor.rz.scp.css */
.headline[b-iy4m3yffs3] {
    font-family: Inter;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 1.5rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #044B53;
}

.pagebutons[b-iy4m3yffs3] {
    align-items: center;
    /*padding: 0.375rem 0.625rem;*/ /* 6px 10px */
    gap: 0.5rem; /* 8px */
    width: 12rem; /* 151px */
    height: 2.5rem; /* 32px */
    background: unset;
    border-color: unset;
    border-radius: 0.25rem; /* 4px */
    color: #044b53;
    font-family: 'Inter';
    font-size: 0.8REM;
    border: 0px;
    /*background-color:aliceblue;*/
}

.linestyle[b-iy4m3yffs3] {
    height: 1.5px;
    border-width: 0;
    color: #044b53;
    background-color: #044b53
}

.lefticontd[b-iy4m3yffs3] {
    width: 35px;
    height: 38px;
    border-radius: 4px;
    background: #D3EEF4;
    
}

.lefticonfirsttd[b-iy4m3yffs3] {
    width: 35px;
    height: 38px;
    border-radius: 4px;
    background: #044B53;
}

.headertext[b-iy4m3yffs3] {
    font-family: 'Inter';
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 1.5rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #044B53;
    padding: 7px;
}

.lineformat[b-iy4m3yffs3] {
    border: 1.5px solid #228994
}
.inputtextbox[b-iy4m3yffs3] {
    border: 1.5px solid #97D4E2;
    border-radius: 5px;
    width: 98%;
    font-family: 'Inter';
    font-size: 0.8REM;
    height: 30px;
}
.labeltext[b-iy4m3yffs3] {
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 0.8rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
}

.inputtextarea[b-iy4m3yffs3] {
    border: 1.5px solid #228994;
    border-radius: 5px;
    width: 98%;
    font-family: 'Inter';
    font-size: 0.8REM;
    height: 100px;
}
.roundeddiv[b-iy4m3yffs3] {
    border: 1px solid var(--Neutral-Stroke-2-Rest, #E0E0E0);
    min-height:35rem;
    height: 100%;
    border-radius: 5px;
}

.headertrtext[b-iy4m3yffs3] {
    background-color: #228994;
    color: #FFFFFF;
    font-family: 'Inter';
    font-size: 0.8REM;
    padding: 7px;
}

.subheadertrtext[b-iy4m3yffs3] {
    background-color: #228994;
    color: #ffffff;
    font-family: 'Inter';
    font-size: 0.8REM;
    padding: 7px;
}

.textareaexpression[b-iy4m3yffs3] {
    border: 0px;
    height: 400px;
}

.fontclass[b-iy4m3yffs3] {
    font-family: 'Inter';
    font-size: 0.8rem;
}

.trstanding[b-iy4m3yffs3] {
    border-right: 2px solid #228994;
    padding-top: 10px;
}

.trbottom[b-iy4m3yffs3] {
    border-bottom: 2px solid #228994;
    height:3rem;
}

.trtopbottom[b-iy4m3yffs3] {
    border-bottom: 2px solid #228994;
    border-top: 2px solid #228994;
    height: 3rem;
}

.subformheader[b-iy4m3yffs3] {
    font-family: Inter;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 1.5rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #044B53;
}


.validatebutton[b-iy4m3yffs3] {
    align-items: center;
    padding: 0.375rem 0.625rem; /* 6px 10px */
    gap: 0.5rem; /* 8px */
    width: 7.4375rem; /* 151px */
    height: 2.5rem; /* 32px */
    background: #4FB38E;
    border-color: #4FB38E;
    border-radius: 0.25rem; /* 4px */
    font-family: 'Inter';
}

.savebutton[b-iy4m3yffs3] {
    align-items: center;
    padding: 0.375rem 0.625rem; /* 6px 10px */
    gap: 0.5rem; /* 8px */
    width: 7.4375rem; /* 151px */
    height: 2.5rem; /* 32px */
    background: #D3EEF4;
    border-color: #D3EEF4;
    border-radius: 0.25rem; /* 4px */
    font-family: 'Inter';
    color: #228994;
}
/* _content/RISHI.Web.UI/Components/Pages/ModelConfig/Component/Action.razor.rz.scp.css */
.Titletext[b-o4ngswzf09] {
    font-family: 'Inter', sans-serif;
    color: #044B53;
    font-size: 0.8rem;
    font-weight: 600;
    margin-left: 1.5rem;
    margin-top: -0.6rem;
}

.horzontalline[b-o4ngswzf09] {
    border: 1px solid #228994;
    margin: 0;
}

.fault-model-page[b-o4ngswzf09] {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.tabs-header[b-o4ngswzf09] {
    display: flex;
    gap: 1rem;
    /* padding: 0.5rem 1rem; */
    background: #f1f1f1;
    border-bottom: 1px solid #ccc;
    width: 100%;
    font-family: 'Inter';
    font-size: 0.8rem;
}

    .tabs-header span[b-o4ngswzf09] {
        cursor: pointer;
        padding: 0.3rem 0.5rem;
    }

    .tabs-header .active[b-o4ngswzf09] {
        font-weight: bold;
        border-bottom: 2px solid #006666;
    }

.fault-model-container[b-o4ngswzf09] {
    flex: 1;
    display: flex;
    gap: 1rem;
    padding: 1rem;
}

.expresstext[b-o4ngswzf09] {
    font-family: 'Inter';
    background-color: #D3EEF4;
    font-weight: bold;
    color: #228994;
    padding: 0.2rem;
    font-size: 0.8rem;
}

.scroll-content[b-o4ngswzf09] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

.template-fields[b-o4ngswzf09] {
    margin-top: -0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .template-fields label[b-o4ngswzf09] {
        font-family: 'Inter';
        font-size: 0.8rem;
        font-weight: bold;
    }

.textbox[b-o4ngswzf09] {
    width: 100%;
    padding: 0.4rem;
    /* border: 1px solid #ccc;*/
    border-radius: 4px;
    border: 1px solid #b3e5fc;
}

#acfaultnametxt.textareabox[b-o4ngswzf09] {
    width: 100%;
    padding: 0.4rem;
    height: 6rem;
    border-radius: 4px;
    border: 1px solid #b3e5fc;
}
/* Button row */
.button-row[b-o4ngswzf09] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem;
    gap: 1rem;
    background-color: aliceblue;
    /*border-top: 1px solid #ddd;
    background: #f7f7f7;*/
}

.button-column[b-o4ngswzf09] {
    display: flex;
    flex-direction: column;
    background-color: #E1EEF0;
    height: 7%;
    vertical-align: bottom;
}

.btn[b-o4ngswzf09] {
    background: #006666;
    color: white;
    border: none;
    /*padding: 0.2rem 0.5rem;*/
    /* border-radius: 4px;*/
    cursor: pointer;
    height: 2rem;
    width: 6rem;
}

.btna[b-o4ngswzf09] {
    padding: 0.4rem 0.8rem;
    font-size: 0.8rem;
}

.btn:hover[b-o4ngswzf09] {
    background: #004d4d;
}

.save[b-o4ngswzf09] {
    background: #4FB38E;
}

.Faultmodetestfaulttxt[b-o4ngswzf09] {
    background: #008080;
    color: white;
    font-weight: bold;
    padding: 0.5rem;
    font-family: 'Inter';
    font-size: 0.8rem;
    width: 59%;
}

.data-type-select[b-o4ngswzf09] {
    width: 100%;
    padding: 0.4rem;
    border: 1px solid #b3e5fc;
    border-radius: 4px;
    font-family: 'Inter';
    font-size: 0.8rem;
}
/* Flex container for left & right panels */
.fault-panels[b-o4ngswzf09] {
    display: flex;
    gap: 1rem;
    width: 100%;
}
/* Each panel gets equal width */
.fault-subpanel[b-o4ngswzf09] {
    flex: 1;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    height: 100%
}

.checkbox-list[b-o4ngswzf09] {
    display: flex;
    flex-direction: column; /* stack vertically */
    gap: 0.5rem; /* space between each checkbox row */
    font-family: 'Inter', sans-serif;
    font-size: 0.8rem;
}

    .checkbox-list label[b-o4ngswzf09] {
        display: flex;
        align-items: center; /* keep checkbox + text in same line */
        gap: 0.4rem; /* space between checkbox and label text */
        cursor: pointer;
    }
    /* Custom styled checkbox */
    .checkbox-list input[type="checkbox"][b-o4ngswzf09] {
        appearance: none; /* remove browser default */
        -webkit-appearance: none;
        width: 16px;
        height: 16px;
        border: 1px solid #b3e5fc; /* requested border */
        border-radius: 3px;
        cursor: pointer;
        position: relative;
    }

        /* When checked */
        .checkbox-list input[type="checkbox"]:checked[b-o4ngswzf09] {
            background-color: #00bfa5;
            teal fill border: 1px solid #00bfa5;
        }

            /* Add tick mark */
            .checkbox-list input[type="checkbox"]:checked[b-o4ngswzf09]::after {
                content: "✔";
                color: white;
                font-size: 12px;
                position: absolute;
                top: -2px;
                left: 2px;
            }

.info-text[b-o4ngswzf09] {
    display: flex;
    align-items: center; /* align icon + text vertically */
    gap: 0.4rem; /* space between icon and text */
    font-family: 'Inter', sans-serif;
    font-size: 0.8rem;
}

/* Flex row for equal height columns */
.equal-row[b-o4ngswzf09] {
    display: flex;
    gap: 1rem;
    width: 100%;
    align-items: stretch; /* make children equal height */
}

/* Panels with equal flex */
.panel[b-o4ngswzf09] {
    flex: 1;
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
}

    /* Scrollable content fills remaining height */
    .panel .scroll-content[b-o4ngswzf09] {
        flex: 1;
        overflow-y: auto;
        padding: 1rem;
    }

.experssiontemplatestxt[b-o4ngswzf09] {
    font-family: 'Inter';
    background-color: #D3EEF4;
    font-weight: bold;
    color: #228994;
    padding: 0.5rem;
    font-size: 0.8rem;
}
.expression-box[b-o4ngswzf09] {
    width: 100%;
    height: 120px;
    padding: 4px;
    text-align: left;
    vertical-align: top;
    font-family: 'Inter';
    font-size: 0.8rem;
    box-sizing: border-box;
    resize: horizontal;
}
/* _content/RISHI.Web.UI/Components/Pages/ModelConfig/Component/AddNewModel.razor.rz.scp.css */
.Titletext[b-1yg39fmcfl] {
    font-family: 'Inter', sans-serif;
    color: #044B53;
    font-size: 0.8rem;
    font-weight: 600;
    margin-left: 1.5rem;
    margin-top: -0.6rem;
}

.horzontalline[b-1yg39fmcfl] {
    border: 1px solid #228994;
    margin: 0;
}

.fault-model-page[b-1yg39fmcfl] {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.tabs-header[b-1yg39fmcfl] {
    display: flex;
    gap: 1rem;
    /* padding: 0.5rem 1rem; */
    background: #f1f1f1;
    border-bottom: 1px solid #ccc;
    width: 100%;
    font-family: 'Inter';
    font-size: 0.8rem;
}

    .tabs-header span[b-1yg39fmcfl] {
        cursor: pointer;
        padding: 0.3rem 0.5rem;
    }

    .tabs-header .active[b-1yg39fmcfl] {
        font-weight: bold;
        border-bottom: 2px solid #006666;
    }

.fault-model-container[b-1yg39fmcfl] {
    flex: 1;
    display: flex;
    gap: 1rem;
    padding: 1rem;
}

.expresstext[b-1yg39fmcfl] {
    font-family: 'Inter';
    background-color: #D3EEF4;
    font-weight: bold;
    color: #228994;
    padding: 0.2rem;
    font-size: 0.8rem;
}

.scroll-content[b-1yg39fmcfl] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

.template-fields[b-1yg39fmcfl] {
    margin-top: -0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .template-fields label[b-1yg39fmcfl] {
        font-family: 'Inter';
        font-size: 0.8rem;
        font-weight: bold;
    }

.textbox[b-1yg39fmcfl] {
    width: 100%;
    padding: 0.4rem;
    /* border: 1px solid #ccc;*/
    border-radius: 4px;
    border: 1px solid #b3e5fc;
}
/* Button row */
.button-row[b-1yg39fmcfl] {
    display: flex;
   /* justify-content: space-between;*/
    padding: 0.5rem;
    gap: 1rem;
   /* background-color: aliceblue;*/
    /*border-top: 1px solid #ddd;
    background: #f7f7f7;*/
}

.button-column[b-1yg39fmcfl] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
    background-color: aliceblue;
    height: 7%;
}

.btn[b-1yg39fmcfl] {
    background: #4FB38E;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
}

.btncancel[b-1yg39fmcfl] {
    background: #D3EEF4;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
    color: #228994;
}

.btna[b-1yg39fmcfl] {
    padding: 0.4rem 0.8rem;
    font-size: 0.8rem;
}

.btn:hover[b-1yg39fmcfl] {
    background: #004d4d;
}

.save[b-1yg39fmcfl] {
    background: #008c7a;
}

.Faultmodetestfaulttxt[b-1yg39fmcfl] {
    background: #008080;
    color: white;
    font-weight: bold;
    padding: 0.5rem;
    font-family: 'Inter';
    font-size: 0.8rem;
    width: 59%;
}

.data-type-select[b-1yg39fmcfl] {
    width: 100%;
    padding: 0.4rem;
    border: 1px solid #b3e5fc;
    border-radius: 4px;
    font-family: 'Inter';
    font-size: 0.8rem;
}
/* Flex container for left & right panels */
.fault-panels[b-1yg39fmcfl] {
    display: flex;
    gap: 1rem;
    width: 100%;
}
/* Each panel gets equal width */
.fault-subpanel[b-1yg39fmcfl] {
    flex: 1;
    background-color:#ffffff;
    border: 1px solid #ddd;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    height:100%
}

.checkbox-list[b-1yg39fmcfl] {
    display: flex;
    flex-direction: column; /* stack vertically */
    gap: 0.5rem; /* space between each checkbox row */
    font-family: 'Inter', sans-serif;
    font-size: 0.8rem;
}

    .checkbox-list label[b-1yg39fmcfl] {
        display: flex;
        align-items: center; /* keep checkbox + text in same line */
        gap: 0.4rem; /* space between checkbox and label text */
        cursor: pointer;
    }
    /* Custom styled checkbox */
    .checkbox-list input[type="checkbox"][b-1yg39fmcfl] {
        appearance: none; /* remove browser default */
        -webkit-appearance: none;
        width: 16px;
        height: 16px;
        border: 1px solid #b3e5fc; /* requested border */
        border-radius: 3px;
        cursor: pointer;
        position: relative;
    }

        /* When checked */
        .checkbox-list input[type="checkbox"]:checked[b-1yg39fmcfl] {
            background-color: #00bfa5;
            teal fill border: 1px solid #00bfa5;
        }

            /* Add tick mark */
            .checkbox-list input[type="checkbox"]:checked[b-1yg39fmcfl]::after {
                content: "✔";
                color: white;
                font-size: 12px;
                position: absolute;
                top: -2px;
                left: 2px;
            }

.info-text[b-1yg39fmcfl] {
    display: flex;
    align-items: center; /* align icon + text vertically */
    gap: 0.4rem; /* space between icon and text */
    font-family: 'Inter', sans-serif;
    font-size: 0.8rem;
}
/* _content/RISHI.Web.UI/Components/Pages/ModelConfig/Component/AssetAttributeConfig.razor.rz.scp.css */
.headline[b-r1xe8la5ax] {
    font-family: Inter;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 1.5rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #044B53;
}

.pagebutons[b-r1xe8la5ax] {
    align-items: center;
    /*padding: 0.375rem 0.625rem;*/ /* 6px 10px */
    gap: 0.5rem; /* 8px */
    width: 12rem; /* 151px */
    height: 2.5rem; /* 32px */
    background: unset;
    border-color: unset;
    border-radius: 0.25rem; /* 4px */
    color: #044b53;
    font-family: 'Inter';
    font-size: 0.8REM;
    border: 0px;
    /*background-color:aliceblue;*/
}

.linestyle[b-r1xe8la5ax] {
    height: 1.5px;
    border-width: 0;
    color: #044b53;
    background-color: #044b53
}

.lefticontd[b-r1xe8la5ax] {
    width: 35px;
    height: 38px;
    border-radius: 4px;
    background: #D3EEF4;
}

.lefticonfirsttd[b-r1xe8la5ax] {
    width: 35px;
    height: 38px;
    border-radius: 4px;
    background: #044B53;
}

.headertext[b-r1xe8la5ax] {
    font-family: 'Inter';
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 1.5rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #044B53;
    padding: 7px;
}

.lineformat[b-r1xe8la5ax] {
    border: 1.5px solid #228994
}

.inputtextbox[b-r1xe8la5ax] {
    border: 1.5px solid #97D4E2;
    border-radius: 5px;
    width: 98%;
    font-family: 'Inter';
    font-size: 0.8REM;
    height: 30px;
}

.labeltext[b-r1xe8la5ax] {
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 0.8rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
}

.inputtextarea[b-r1xe8la5ax] {
    border: 1.5px solid #97D4E2;
    border-radius: 5px;
    width: 98%;
    font-family: 'Inter';
    font-size: 0.8REM;
    height: 100px;
}

.roundeddiv[b-r1xe8la5ax] {
    border: 1px solid var(--Neutral-Stroke-2-Rest, #E0E0E0);
    min-height: 35rem;
    height: 100%;
    border-radius: 5px;
}

.headertrtext[b-r1xe8la5ax] {
    background-color: #228994;
    color: #FFFFFF;
    font-family: 'Inter';
    font-size: 0.8REM;
    padding: 7px;
}

.subheadertrtext[b-r1xe8la5ax] {
    background-color: #228994;
    color: #ffffff;
    font-family: 'Inter';
    font-size: 0.8REM;
    padding: 7px;
}

.textareaexpression[b-r1xe8la5ax] {
    border: 0px;
    height: 400px;
}

.fontclass[b-r1xe8la5ax] {
    font-family: 'Inter';
    font-size: 0.8rem;
}

.trstanding[b-r1xe8la5ax] {
    border-right: 2px solid #228994;
    padding-top: 10px;
}

.trbottom[b-r1xe8la5ax] {
    border-bottom: 2px solid #228994;
    height: 3rem;
}

.trtop[b-r1xe8la5ax] {
    border-top: 1px solid #228994;
    height: 3rem;
}

.trtopbottom[b-r1xe8la5ax] {
    border-bottom: 2px solid #228994;
    border-top: 2px solid #228994;
    height: 3rem;
}

.subformheader[b-r1xe8la5ax] {
    font-family: Inter;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 1.5rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #044B53;
}

.subheader[b-r1xe8la5ax] {
    font-family: Inter;    
    font-size: 0.8rem;
    leading-trim: NONE;
    line-height: 2rem;
    letter-spacing: 0%;
    color: #ffffff;
    background-color: #228994;
    padding-left:7px;
}



.validatebutton[b-r1xe8la5ax] {
    align-items: center;
    padding: 0.375rem 0.625rem; /* 6px 10px */
    gap: 0.5rem; /* 8px */
    width: 7.4375rem; /* 151px */
    height: 2.5rem; /* 32px */
    background: #4FB38E;
    border-color: #4FB38E;
    border-radius: 0.25rem; /* 4px */
    font-family: 'Inter';
}

.savebutton[b-r1xe8la5ax] {
    align-items: center;
    padding: 0.375rem 0.625rem; /* 6px 10px */
    gap: 0.5rem; /* 8px */
    width: 7.4375rem; /* 151px */
    height: 2.5rem; /* 32px */
    background: #D3EEF4;
    border-color: #D3EEF4;
    border-radius: 0.25rem; /* 4px */
    font-family: 'Inter';
    color: #228994;
}
/* _content/RISHI.Web.UI/Components/Pages/ModelConfig/Component/AssetConfig.razor.rz.scp.css */
.headline[b-vweyd04c30] {
    font-family: Inter;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 1.5rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #044B53;
}

.pagebutons[b-vweyd04c30] {
    align-items: center;
    /*padding: 0.375rem 0.625rem;*/ /* 6px 10px */
    gap: 0.5rem; /* 8px */
    width: 12rem; /* 151px */
    height: 2.5rem; /* 32px */
    background: unset;
    border-color: unset;
    border-radius: 0.25rem; /* 4px */
    color: #044b53;
    font-family: 'Inter';
    font-size: 0.8REM;
    border: 0px;
    /*background-color:aliceblue;*/
}

.linestyle[b-vweyd04c30] {
    height: 1.5px;
    border-width: 0;
    color: #044b53;
    background-color: #044b53
}

.lefticontd[b-vweyd04c30] {
    width: 35px;
    height: 38px;
    border-radius: 4px;
    background: #D3EEF4;
}

.lefticonfirsttd[b-vweyd04c30] {
    width: 35px;
    height: 38px;
    border-radius: 4px;
    background: #044B53;
}

.headertext[b-vweyd04c30] {
    font-family: 'Inter';
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 1.5rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #044B53;
    padding: 7px;
}

.lineformat[b-vweyd04c30] {
    border: 1.5px solid #228994
}

.inputtextbox[b-vweyd04c30] {
    border: 1.5px solid #97D4E2;
    border-radius: 5px;
    width: 98%;
    font-family: 'Inter';
    font-size: 0.8REM;
    height: 30px;
}

.labeltext[b-vweyd04c30] {
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 0.8rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
}

.inputtextarea[b-vweyd04c30] {
    border: 1.5px solid #97D4E2;
    border-radius: 5px;
    width: 98%;
    font-family: 'Inter';
    font-size: 0.8REM;
    height: 100px;
}

.roundeddiv[b-vweyd04c30] {
    border: 1px solid var(--Neutral-Stroke-2-Rest, #E0E0E0);
    min-height: 35rem;
    height: 100%;
    border-radius: 5px;
}

.headertrtext[b-vweyd04c30] {
    background-color: #228994;
    color: #FFFFFF;
    font-family: 'Inter';
    font-size: 0.8REM;
    padding: 7px;
}

.subheadertrtext[b-vweyd04c30] {
    background-color: #228994;
    color: #ffffff;
    font-family: 'Inter';
    font-size: 0.8REM;
    padding: 7px;
}

.textareaexpression[b-vweyd04c30] {
    border: 0px;
    height: 400px;
}

.fontclass[b-vweyd04c30] {
    font-family: 'Inter';
    font-size: 0.8rem;
}

.trstanding[b-vweyd04c30] {
    border-right: 2px solid #228994;
    padding-top: 10px;
}

.trbottom[b-vweyd04c30] {
    border-bottom: 2px solid #228994;
    height: 3rem;
}

.trtopbottom[b-vweyd04c30] {
    border-bottom: 2px solid #228994;
    border-top: 2px solid #228994;
    height: 3rem;
}

.subformheader[b-vweyd04c30] {
    font-family: Inter;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 1.5rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #044B53;
}


.validatebutton[b-vweyd04c30] {
    align-items: center;
    padding: 0.375rem 0.625rem; /* 6px 10px */
    gap: 0.5rem; /* 8px */
    width: 7.4375rem; /* 151px */
    height: 2.5rem; /* 32px */
    background: #4FB38E;
    border-color: #4FB38E;
    border-radius: 0.25rem; /* 4px */
    font-family: 'Inter';
}

.savebutton[b-vweyd04c30] {
    align-items: center;
    padding: 0.375rem 0.625rem; /* 6px 10px */
    gap: 0.5rem; /* 8px */
    width: 7.4375rem; /* 151px */
    height: 2.5rem; /* 32px */
    background: #D3EEF4;
    border-color: #D3EEF4;
    border-radius: 0.25rem; /* 4px */
    font-family: 'Inter';
    color: #228994;
}
/* _content/RISHI.Web.UI/Components/Pages/ModelConfig/Component/AttributeConfig.razor.rz.scp.css */
.headline[b-j0ulx4tefy] {
    font-family: Inter;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 1.5rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #044B53;
}

.pagebutons[b-j0ulx4tefy] {
    align-items: center;
    /*padding: 0.375rem 0.625rem;*/ /* 6px 10px */
    gap: 0.5rem; /* 8px */
    width: 12rem; /* 151px */
    height: 2.5rem; /* 32px */
    background: unset;
    border-color: unset;
    border-radius: 0.25rem; /* 4px */
    color: #044b53;
    font-family: 'Inter';
    font-size: 0.8REM;
    border: 0px;
    /*background-color:aliceblue;*/
}

.linestyle[b-j0ulx4tefy] {
    height: 1.5px;
    border-width: 0;
    color: #044b53;
    background-color: #044b53
}

.lefticontd[b-j0ulx4tefy] {
    width: 35px;
    height: 38px;
    border-radius: 4px;
    background: #D3EEF4;
}

.lefticonfirsttd[b-j0ulx4tefy] {
    width: 35px;
    height: 38px;
    border-radius: 4px;
    background: #044B53;
}

.headertext[b-j0ulx4tefy] {
    font-family: 'Inter';
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 1.5rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #044B53;
    padding: 7px;
}

.lineformat[b-j0ulx4tefy] {
    border: 1.5px solid #228994
}

.inputtextbox[b-j0ulx4tefy] {
    border: 1.5px solid #97D4E2;
    border-radius: 5px;
    width: 98%;
    font-family: 'Inter';
    font-size: 0.8REM;
    height: 30px;
}

.labeltext[b-j0ulx4tefy] {
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 0.8rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
}

.inputtextarea[b-j0ulx4tefy] {
    border: 1.5px solid #97D4E2;
    border-radius: 5px;
    width: 98%;
    font-family: 'Inter';
    font-size: 0.8REM;
    height: 100px;
}

.roundeddiv[b-j0ulx4tefy] {
    border: 1px solid var(--Neutral-Stroke-2-Rest, #E0E0E0);
    min-height: 35rem;
    height: 100%;
    border-radius: 5px;
}

.headertrtext[b-j0ulx4tefy] {
    background-color: #228994;
    color: #FFFFFF;
    font-family: 'Inter';
    font-size: 0.8REM;
    padding: 7px;
}

.subheadertrtext[b-j0ulx4tefy] {
    background-color: #228994;
    color: #ffffff;
    font-family: 'Inter';
    font-size: 0.8REM;
    padding: 7px;
}

.textareaexpression[b-j0ulx4tefy] {
    border: 0px;
    height: 400px;
}

.fontclass[b-j0ulx4tefy] {
    font-family: 'Inter';
    font-size: 0.8rem;
}

.trstanding[b-j0ulx4tefy] {
    border-right: 2px solid #228994;
    padding-top: 10px;
}

.trbottom[b-j0ulx4tefy] {
    border-bottom: 2px solid #228994;
    height: 3rem;
}

.trtopbottom[b-j0ulx4tefy] {
    border-bottom: 2px solid #228994;
    border-top: 2px solid #228994;
    height: 3rem;
}

.subformheader[b-j0ulx4tefy] {
    font-family: Inter;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 1.5rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #044B53;
}


.validatebutton[b-j0ulx4tefy] {
    align-items: center;
    padding: 0.375rem 0.625rem; /* 6px 10px */
    gap: 0.5rem; /* 8px */
    width: 7.4375rem; /* 151px */
    height: 2.5rem; /* 32px */
    background: #4FB38E;
    border-color: #4FB38E;
    border-radius: 0.25rem; /* 4px */
    font-family: 'Inter';
}

.savebutton[b-j0ulx4tefy] {
    align-items: center;
    padding: 0.375rem 0.625rem; /* 6px 10px */
    gap: 0.5rem; /* 8px */
    width: 7.4375rem; /* 151px */
    height: 2.5rem; /* 32px */
    background: #D3EEF4;
    border-color: #D3EEF4;
    border-radius: 0.25rem; /* 4px */
    font-family: 'Inter';
    color: #228994;
}
/* _content/RISHI.Web.UI/Components/Pages/ModelConfig/Component/FaultActivation.razor.rz.scp.css */
.Titletext[b-9pnn9iwoj8] {
    font-family: 'Inter', sans-serif;
    color: #044B53;
    font-size: 0.8rem;
    font-weight: 600;
    margin-left: 1.5rem;
    margin-top: -0.6rem;
}

.horzontalline[b-9pnn9iwoj8] {
    border: 1px solid #228994;
    margin: 0;
}

.fault-model-page[b-9pnn9iwoj8] {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.tabs-header[b-9pnn9iwoj8] {
    display: flex;
    gap: 1rem;
    /* padding: 0.5rem 1rem; */
    background: #f1f1f1;
    border-bottom: 1px solid #ccc;
    width: 100%;
    font-family: 'Inter';
    font-size: 0.8rem;
}

    .tabs-header span[b-9pnn9iwoj8] {
        cursor: pointer;
        padding: 0.3rem 0.5rem;
    }

    .tabs-header .active[b-9pnn9iwoj8] {
        font-weight: bold;
        border-bottom: 2px solid #006666;
    }

.fault-model-container[b-9pnn9iwoj8] {
    flex: 1;
    display: flex;
    gap: 1rem;
    padding: 1rem;
}

.expresstext[b-9pnn9iwoj8] {
    font-family: 'Inter';
    background-color: #D3EEF4;
    font-weight: bold;
    color: #228994;
    padding: 0.2rem;
    font-size: 0.8rem;
}

.scroll-content[b-9pnn9iwoj8] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

.template-fields[b-9pnn9iwoj8] {
    margin-top: -0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .template-fields label[b-9pnn9iwoj8] {
        font-family: 'Inter';
        font-size: 0.8rem;
        font-weight: bold;
    }

.textbox[b-9pnn9iwoj8] {
    width: 100%;
    padding: 0.4rem;
    /* border: 1px solid #ccc;*/
    border-radius: 4px;
    border: 1px solid #b3e5fc;
}
/* Button row */
.button-row[b-9pnn9iwoj8] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem;
    gap: 1rem;
    background-color: aliceblue;
    /*border-top: 1px solid #ddd;
    background: #f7f7f7;*/
}

.button-column[b-9pnn9iwoj8] {
    display: flex;
    flex-direction: column;
    background-color: #E1EEF0;
    height: 7%;
    vertical-align: bottom;
}

.btn[b-9pnn9iwoj8] {
    background: #006666;
    color: white;
    border: none;
    /*padding: 0.2rem 0.5rem;*/
    /* border-radius: 4px;*/
    cursor: pointer;
    height: 2rem;
    width: 6rem;
}

.btna[b-9pnn9iwoj8] {
    padding: 0.4rem 0.8rem;
    font-size: 0.8rem;
}

.btn:hover[b-9pnn9iwoj8] {
    background: #004d4d;
}

.save[b-9pnn9iwoj8] {
    background: #4FB38E;
}

.Faultmodetestfaulttxt[b-9pnn9iwoj8] {
    background: #008080;
    color: white;
    font-weight: bold;
    padding: 0.5rem;
    font-family: 'Inter';
    font-size: 0.8rem;
    width: 59%;
}

.data-type-select[b-9pnn9iwoj8] {
    width: 100%;
    padding: 0.4rem;
    border: 1px solid #b3e5fc;
    border-radius: 4px;
    font-family: 'Inter';
    font-size: 0.8rem;
}
/* Flex container for left & right panels */
.fault-panels[b-9pnn9iwoj8] {
    display: flex;
    gap: 1rem;
    width: 100%;
}
/* Each panel gets equal width */
.fault-subpanel[b-9pnn9iwoj8] {
    flex: 1;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    height: 100%
}

.checkbox-list[b-9pnn9iwoj8] {
    display: flex;
    flex-direction: column; /* stack vertically */
    gap: 0.5rem; /* space between each checkbox row */
    font-family: 'Inter', sans-serif;
    font-size: 0.8rem;
}

    .checkbox-list label[b-9pnn9iwoj8] {
        display: flex;
        align-items: center; /* keep checkbox + text in same line */
        gap: 0.4rem; /* space between checkbox and label text */
        cursor: pointer;
    }
    /* Custom styled checkbox */
    .checkbox-list input[type="checkbox"][b-9pnn9iwoj8] {
        appearance: none; /* remove browser default */
        -webkit-appearance: none;
        width: 16px;
        height: 16px;
        border: 1px solid #b3e5fc; /* requested border */
        border-radius: 3px;
        cursor: pointer;
        position: relative;
    }

        /* When checked */
        .checkbox-list input[type="checkbox"]:checked[b-9pnn9iwoj8] {
            background-color: #00bfa5;
            teal fill border: 1px solid #00bfa5;
        }

            /* Add tick mark */
            .checkbox-list input[type="checkbox"]:checked[b-9pnn9iwoj8]::after {
                content: "✔";
                color: white;
                font-size: 12px;
                position: absolute;
                top: -2px;
                left: 2px;
            }

.info-text[b-9pnn9iwoj8] {
    display: flex;
    align-items: center; /* align icon + text vertically */
    gap: 0.4rem; /* space between icon and text */
    font-family: 'Inter', sans-serif;
    font-size: 0.8rem;
}

/* Flex row for equal height columns */
.equal-row[b-9pnn9iwoj8] {
    display: flex;
    gap: 1rem;
    width: 100%;
    align-items: stretch; /* make children equal height */
}

/* Panels with equal flex */
.panel[b-9pnn9iwoj8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
}

    /* Scrollable content fills remaining height */
    .panel .scroll-content[b-9pnn9iwoj8] {
        flex: 1;
        overflow-y: auto;
        padding: 1rem;
    }
/* _content/RISHI.Web.UI/Components/Pages/ModelConfig/Component/FaultDefinition.razor.rz.scp.css */
.fault-subpanel[b-d2377myg8r] {
    background: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    padding: 0;
}

.expresstext[b-d2377myg8r] {
    font-family: 'Inter';
    background-color: #D3EEF4;
    font-weight: bold;
    color: #228994;
    padding: 0.45rem;
    font-size: 0.83rem;
}

.tabs-header[b-d2377myg8r] {
    display: flex;
    gap: 1.2rem;
    font-size: 0.85rem;
    background: #f5f5f5;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #ccc;
}

    .tabs-header span[b-d2377myg8r] {
        cursor: pointer;
    }

    .tabs-header .active[b-d2377myg8r] {
        font-weight: bold;
        border-bottom: 2px solid #006666;
    }

.scroll-content[b-d2377myg8r] {
    padding: 1rem 1.3rem;
}

/* ---- First Row (3 fields) ---- */
.row-three[b-d2377myg8r] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 1.3rem;
    margin-bottom: 1rem;
}

/* ---- Second Row (2 fields) ---- */
.row-two[b-d2377myg8r] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1.3rem;
}

.field[b-d2377myg8r] {
    display: flex;
    flex-direction: column;
}

    .field label[b-d2377myg8r] {
        font-family: 'Inter';
        font-size: 0.78rem;
        font-weight: bold;
        margin-bottom: 0.25rem;
    }

.textbox[b-d2377myg8r],
.data-type-select[b-d2377myg8r] {
    width: 100%;
    padding: 0.45rem;
    border: 1px solid #b3e5fc;
    border-radius: 4px;
    font-size: 0.8rem;
}

/* Checkbox List */
.checkbox-list[b-d2377myg8r] {
    margin-top: 0.6rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    font-family: 'Inter';
    font-size: 0.8rem;
}

/* Footer Buttons */
.footer-btns[b-d2377myg8r] {
    display: flex;
    justify-content: space-between;
    padding: 0.9rem 1.2rem;
    margin-top: 1rem;
}

.btn[b-d2377myg8r] {
    background: #006666;
    color: white;
    border: none;
    cursor: pointer;
    height: 2rem;
    width: 6rem;
}

    .btn:hover[b-d2377myg8r] {
        background: #004d4d;
    }

.save[b-d2377myg8r] {
    background: #4FB38E;
}
/* Make Name + Category + Severity in one row */
.template-fields[b-d2377myg8r] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; /* 3 equal columns */
    column-gap: 1rem;
}

/* Ensure Description & Display Name go to next line */
.template-fields > div:nth-child(4)[b-d2377myg8r],
.template-fields > div:nth-child(5)[b-d2377myg8r] {
    grid-column: span 3; /* full width row */
}
/* _content/RISHI.Web.UI/Components/Pages/ModelConfig/Component/FaultExpression.razor.rz.scp.css */
.Titletext[b-wnmw97g6d9] {
    font-family: 'Inter', sans-serif;
    color: #044B53;
    font-size: 0.8rem;
    font-weight: 600;
    margin-left: 1.5rem;
    margin-top: -0.6rem;
}

.horzontalline[b-wnmw97g6d9] {
    border: 1px solid #228994;
    margin: 0;
}

.fault-model-page[b-wnmw97g6d9] {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.tabs-header[b-wnmw97g6d9] {
    display: flex;
    gap: 1rem;
    /* padding: 0.5rem 1rem; */
    background: #f1f1f1;
    border-bottom: 1px solid #ccc;
    width: 100%;
    font-family: 'Inter';
    font-size: 0.8rem;
}

    .tabs-header span[b-wnmw97g6d9] {
        cursor: pointer;
        padding: 0.3rem 0.5rem;
    }

    .tabs-header .active[b-wnmw97g6d9] {
        font-weight: bold;
        border-bottom: 2px solid #006666;
    }

.fault-model-container[b-wnmw97g6d9] {
    flex: 1;
    display: flex;
    gap: 1rem;
    padding: 1rem;
}

.expresstext[b-wnmw97g6d9] {
    font-family: 'Inter';
    background-color: #D3EEF4;
    font-weight: bold;
    color: #228994;
    padding: 0.2rem;
    font-size: 0.8rem;
}

.scroll-content[b-wnmw97g6d9] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

.template-fields[b-wnmw97g6d9] {
    margin-top: -0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .template-fields label[b-wnmw97g6d9] {
        font-family: 'Inter';
        font-size: 0.8rem;
        font-weight: bold;
    }

.textbox[b-wnmw97g6d9] {
    width: 100%;
    padding: 0.4rem;
    /* border: 1px solid #ccc;*/
    border-radius: 4px;
    border: 1px solid #b3e5fc;
}

#faultnametxt.textareabox[b-wnmw97g6d9] {
    width: 100%;
    padding: 0.4rem;
    height: 6rem;
    border-radius: 4px;
    border: 1px solid #b3e5fc;
}
/* Button row */
.button-row[b-wnmw97g6d9] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem;
    gap: 1rem;
    background-color: aliceblue;
    /*border-top: 1px solid #ddd;
    background: #f7f7f7;*/
}

.button-column[b-wnmw97g6d9] {
    display: flex;
    flex-direction: column;
    background-color: #E1EEF0;
    height: 7%;
    vertical-align: bottom;
}

.btn[b-wnmw97g6d9] {
    background: #006666;
    color: white;
    border: none;
    /*padding: 0.2rem 0.5rem;*/
    /* border-radius: 4px;*/
    cursor: pointer;
    height: 2rem;
    width: 6rem;
}

.btna[b-wnmw97g6d9] {
    padding: 0.4rem 0.8rem;
    font-size: 0.8rem;
}

.btn:hover[b-wnmw97g6d9] {
    background: #004d4d;
}

.save[b-wnmw97g6d9] {
    background: #4FB38E;
}

.Faultmodetestfaulttxt[b-wnmw97g6d9] {
    background: #008080;
    color: white;
    font-weight: bold;
    padding: 0.5rem;
    font-family: 'Inter';
    font-size: 0.8rem;
    width: 59%;
}

.data-type-select[b-wnmw97g6d9] {
    width: 100%;
    padding: 0.4rem;
    border: 1px solid #b3e5fc;
    border-radius: 4px;
    font-family: 'Inter';
    font-size: 0.8rem;
}
/* Flex container for left & right panels */
.fault-panels[b-wnmw97g6d9] {
    display: flex;
    gap: 1rem;
    width: 100%;
}
/* Each panel gets equal width */
.fault-subpanel[b-wnmw97g6d9] {
    flex: 1;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    height: 100%;
    width:100%;
    
}

.checkbox-list[b-wnmw97g6d9] {
    display: flex;
    flex-direction: column; /* stack vertically */
    gap: 0.5rem; /* space between each checkbox row */
    font-family: 'Inter', sans-serif;
    font-size: 0.8rem;
}

    .checkbox-list label[b-wnmw97g6d9] {
        display: flex;
        align-items: center; /* keep checkbox + text in same line */
        gap: 0.4rem; /* space between checkbox and label text */
        cursor: pointer;
    }
    /* Custom styled checkbox */
    .checkbox-list input[type="checkbox"][b-wnmw97g6d9] {
        appearance: none; /* remove browser default */
        -webkit-appearance: none;
        width: 16px;
        height: 16px;
        border: 1px solid #b3e5fc; /* requested border */
        border-radius: 3px;
        cursor: pointer;
        position: relative;
    }

        /* When checked */
        .checkbox-list input[type="checkbox"]:checked[b-wnmw97g6d9] {
            background-color: #00bfa5;
            teal fill border: 1px solid #00bfa5;
        }

            /* Add tick mark */
            .checkbox-list input[type="checkbox"]:checked[b-wnmw97g6d9]::after {
                content: "✔";
                color: white;
                font-size: 12px;
                position: absolute;
                top: -2px;
                left: 2px;
            }

.info-text[b-wnmw97g6d9] {
    display: flex;
    align-items: center; /* align icon + text vertically */
    gap: 0.4rem; /* space between icon and text */
    font-family: 'Inter', sans-serif;
    font-size: 0.8rem;
}

/* Flex row for equal height columns */
.equal-row[b-wnmw97g6d9] {
    display: flex;
    gap: 1rem;
    width: 100%;
    align-items: stretch; /* make children equal height */
}

/* Panels with equal flex */
.panel[b-wnmw97g6d9] {
    flex: 1;
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
}

    /* Scrollable content fills remaining height */
    .panel .scroll-content[b-wnmw97g6d9] {
        flex: 1;
        overflow-y: auto;
        padding: 1rem;
    }
.experssiontemplatestxt[b-wnmw97g6d9] {
    font-family: 'Inter';
    background-color: #D3EEF4;
    font-weight: bold;
    color: #228994;
    padding: 0.5rem;
    font-size: 0.8rem;
}
.template-section[b-wnmw97g6d9] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}


.template-box[b-wnmw97g6d9] {
    border: 1px solid #b3e5fc;
    width: 100%;
    padding: 0.4rem;
    border-radius: 4px;
    font-family: 'Inter';
    font-size: 0.8rem;
}

    .template-box:hover[b-wnmw97g6d9] {
        background-color: #f5faff;
    }

.template-title[b-wnmw97g6d9] {
    font-weight: bold;
    margin-bottom: 5px;
}

.template-line[b-wnmw97g6d9] {
    font-family: monospace;
    font-size: 14px;
    line-height: 1.4;
}

.template-variable[b-wnmw97g6d9] {
    color: #007bff;
}
.check-btn-inside[b-wnmw97g6d9] {
    background: #D3EEF4;
    color: #044B53;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
    font-family: 'Inter';
    font-size: 0.8rem;
}
/* _content/RISHI.Web.UI/Components/Pages/ModelConfig/FaultConfigurationIndex.razor.rz.scp.css */
.Titletext[b-jnkr2p2a8s] {
    font-family: 'Inter', sans-serif;
    color: #044B53;
    font-size: 0.8rem;
    font-weight: 600;
    margin-left: 1.5rem;
    margin-top: -0.6rem;
}
.horzontalline[b-jnkr2p2a8s] {
    border: 1px solid #228994;
    margin: 0;
}
.fault-model-page[b-jnkr2p2a8s] {
    display: flex;
    flex-direction: column;
    height: 100vh;
}
.tabs-header[b-jnkr2p2a8s] {
    display: flex;
    gap: 1rem;
    /* padding: 0.5rem 1rem; */
    background: #f1f1f1;
    border-bottom: 1px solid #ccc;
    width: 100%;
    font-family: 'Inter';
    font-size: 0.8rem;
}

.tabs-header span[b-jnkr2p2a8s] {
    cursor: pointer;
    padding: 0.3rem 0.5rem;
}

.tabs-header .active[b-jnkr2p2a8s] {
    font-weight: bold;
    border-bottom: 2px solid #006666;
}
.fault-model-container[b-jnkr2p2a8s] {
    flex: 1;
    display: flex;
    gap: 1rem;
    padding: 1rem;
}
.expresstext[b-jnkr2p2a8s] {
    font-family: 'Inter';
    background-color: #D3EEF4;
    font-weight: bold;
    color: #228994;
    padding: 0.2rem;
    font-size: 0.8rem;
}
.scroll-content[b-jnkr2p2a8s] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}
.template-fields[b-jnkr2p2a8s] {
    margin-top: -0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    
}

.template-fields label[b-jnkr2p2a8s] {
    font-family:'Inter';
    font-size: 0.8rem;
    font-weight: bold;
}

.textbox[b-jnkr2p2a8s] {
    width: 100%;
    padding: 0.4rem;
   /* border: 1px solid #ccc;*/
    border-radius: 4px;
    border: 1px solid #b3e5fc;
}
/* Button row */
.button-row[b-jnkr2p2a8s] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem;
    gap: 1rem;
    background-color: aliceblue;
    /*border-top: 1px solid #ddd;
    background: #f7f7f7;*/
}

.button-column[b-jnkr2p2a8s] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
    background-color: aliceblue;
    height: 7%;
}

.btn[b-jnkr2p2a8s] {
    background: #006666;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
}

.btna[b-jnkr2p2a8s] {
    padding: 0.4rem 0.8rem;
    font-size: 0.8rem;
}

.btn:hover[b-jnkr2p2a8s] {
    background: #004d4d;
}

.save[b-jnkr2p2a8s] {
    background: #008c7a;
}
.Faultmodetestfaulttxt[b-jnkr2p2a8s] {
    background: #008080;
    color: white;
    font-weight: bold;
    padding: 0.5rem;
    font-family: 'Inter';
    font-size: 0.8rem;
    width: 59%;
}
.data-type-select[b-jnkr2p2a8s] {
    width: 100%;
    padding: 0.4rem;
    border: 1px solid #b3e5fc;
    border-radius: 4px;
    font-family: 'Inter';
    font-size: 0.8rem;
}
/* Flex container for left & right panels */
.fault-panels[b-jnkr2p2a8s] {
    display: flex;
    gap: 1rem;
    width: 100%;
}
/* Each panel gets equal width */
.fault-subpanel[b-jnkr2p2a8s] {
    flex: 1;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
}
.checkbox-list[b-jnkr2p2a8s] {
    display: flex;
    flex-direction: column; /* stack vertically */
    gap: 0.5rem; /* space between each checkbox row */
    font-family: 'Inter', sans-serif;
    font-size: 0.8rem;    
}

.checkbox-list label[b-jnkr2p2a8s] {
    display: flex;
    align-items: center; /* keep checkbox + text in same line */
    gap: 0.4rem; /* space between checkbox and label text */
    cursor: pointer;
        
}
/* Custom styled checkbox */
.checkbox-list input[type="checkbox"][b-jnkr2p2a8s] {
    appearance: none; /* remove browser default */
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #b3e5fc; /* requested border */
    border-radius: 3px;
    cursor: pointer;
    position: relative;
}

/* When checked */
.checkbox-list input[type="checkbox"]:checked[b-jnkr2p2a8s] {
    background-color: #00bfa5;  teal fill 
    border: 1px solid #00bfa5;
}

    /* Add tick mark */
.checkbox-list input[type="checkbox"]:checked[b-jnkr2p2a8s]::after {
    content: "✔";
    color: white;
    font-size: 12px;
    position: absolute;
    top: -2px;
    left: 2px;
}
.info-text[b-jnkr2p2a8s] {
    display: flex;
    align-items: center; /* align icon + text vertically */
    gap: 0.4rem; /* space between icon and text */
    font-family: 'Inter', sans-serif;
    font-size: 0.8rem;
}
/* _content/RISHI.Web.UI/Components/Pages/ModelConfig/FaultExpressionIndex.razor.rz.scp.css */
.Titletext[b-v1q4ebfgns] {
    font-family: 'Inter', sans-serif;
    color: #044B53;
    font-size: 0.8rem;
    font-weight: 600;
    margin-left: 1.5rem;
    margin-top: -0.6rem;
}

.Faultmodetestfaulttxt[b-v1q4ebfgns] {
    background: #008080;
    color: white;
    font-weight: bold;
    padding: 0.5rem;
    font-family: 'Inter';
    font-size: 0.8rem;
    width: 59%;
}

.actiontitlettxt[b-v1q4ebfgns] {
    background: #008080;
    color: white;
    font-weight: bold;
    padding: 0.5rem;
    font-family: 'Inter';
    font-size: 0.8rem;
}


.expresstext[b-v1q4ebfgns] {
    font-family: 'Inter';
    background-color: #D3EEF4;
    font-weight: bold;
    color: #228994;
    padding: 0.2rem;
    font-size: 0.8rem;
}

.experssiontemplatestxt[b-v1q4ebfgns] {
    font-family: 'Inter';
    background-color: #D3EEF4;
    font-weight: bold;
    color: #228994;
    padding: 0.5rem;
    font-size: 0.8rem;
}

.check-btn-inside[b-v1q4ebfgns] {
    background: #D3EEF4;
    color: #044B53;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
    font-family: 'Inter';
    font-size: 0.8rem;
}
/*.btn {
    background: #006666;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
}*/

.btn:hover[b-v1q4ebfgns] {
    background: #004d4d;
}

.data-type-select[b-v1q4ebfgns] {
    width: 100%;
    padding: 0.4rem;
    border: 1px solid #b3e5fc;
    border-radius: 4px;
    font-family: 'Inter';
    font-size: 0.8rem;
}

.expression-box[b-v1q4ebfgns] {
    width: 100%;
    height: 120px; 
    padding: 4px; 
    text-align: left; 
    vertical-align: top;
    font-family: 'Inter';
    font-size: 0.8rem;
    box-sizing: border-box; 
    resize: vertical; 
}

.template-list[b-v1q4ebfgns] {
    list-style: none;
    padding: 0;
}

    .template-list li[b-v1q4ebfgns] {
        cursor: pointer;
        color: #0066cc;
        margin-bottom: 5px;
        text-decoration: underline;
    }


.template-section[b-v1q4ebfgns] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}


.template-box[b-v1q4ebfgns] {
    border: 1px solid #b3e5fc;
    width: 100%;
    padding: 0.4rem;
    border-radius: 4px;
    font-family: 'Inter';
    font-size: 0.8rem;
}

    .template-box:hover[b-v1q4ebfgns] {
        background-color: #f5faff;
    }

.template-title[b-v1q4ebfgns] {
    font-weight: bold;
    margin-bottom: 5px;
}

.template-line[b-v1q4ebfgns] {
    font-family: monospace;
    font-size: 14px;
    line-height: 1.4;
}

.template-variable[b-v1q4ebfgns] {
    color: #007bff;
}
.fault-model-page[b-v1q4ebfgns] {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.tabs-header[b-v1q4ebfgns] {
    display: flex;
    gap: 1rem;
    /* padding: 0.5rem 1rem; */
    background: #f1f1f1;
    border-bottom: 1px solid #ccc;
    width: 59%;
    font-family: 'Inter';
    font-size: 0.8rem;
}

    .tabs-header span[b-v1q4ebfgns] {
        cursor: pointer;
        padding: 0.3rem 0.5rem;
    }

    .tabs-header .active[b-v1q4ebfgns] {
        font-weight: bold;
        border-bottom: 2px solid #006666;
    }

.fault-model-container[b-v1q4ebfgns] {
    flex: 1;
    display: flex;
    gap: 1rem;
    padding: 1rem;
}

/* Left big panel that holds Expression + Templates */
.fault-left[b-v1q4ebfgns] {
    flex: 1.5;
    display: flex;
    flex-direction: column;
}

/* Inner two-column layout */
.expression-container[b-v1q4ebfgns] {
    flex: 1;
    display: flex;
    gap: 1rem;
}

/* Right Actions panel */
.fault-panel[b-v1q4ebfgns] {
    flex: 1;
    display: flex;
    flex-direction: column;
    border: 1px solid #cfd8dc;
    border-radius: 6px;
    background: #fff;
    overflow: hidden;
    margin-top: -5.7rem;
}

/* Each subpanel (Expression + Templates) */
.fault-subpanel[b-v1q4ebfgns] {
    flex: 1;
    display: flex;
    flex-direction: column;
    border: 1px solid #cfd8dc;
    border-radius: 6px;
    background: #fff;
    overflow: hidden;
}


.section-header[b-v1q4ebfgns] {
    background: #008080;
    color: white;
    font-weight: bold;
    padding: 0.5rem;
}


.scroll-content[b-v1q4ebfgns] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

.expression-box[b-v1q4ebfgns] {
    width: 100%;
    height: 100px;
    margin: 0.5rem 0 1rem 0;
    padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
}

/* Template fields */
.template-fields[b-v1q4ebfgns] {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .template-fields label[b-v1q4ebfgns] {
        font-size: 0.85rem;
        font-weight: bold;
    }

.textbox[b-v1q4ebfgns] {
    width: 100%;
    padding: 0.4rem;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Examples note */
.template-note[b-v1q4ebfgns] {
    margin-top: 1rem;
    font-size: 0.85rem;
    color: #444;
}

/* Button row */
.button-row[b-v1q4ebfgns] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem;
    border-top: 1px solid #ddd;
    background: #f7f7f7;
}

.button-column[b-v1q4ebfgns] {
    display: flex;
    flex-direction: column; 
    align-items: flex-start; 
    gap: 0.25rem; 
}

.btn[b-v1q4ebfgns] {
    background: #006666;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
}

.btna[b-v1q4ebfgns] {
    padding: 0.4rem 0.8rem;
    font-size: 0.8rem;
}

.btn:hover[b-v1q4ebfgns] {
    background: #004d4d;
}

.save[b-v1q4ebfgns] {
    background: #008c7a;
}

.tabs[b-v1q4ebfgns] {
    display: flex;
    gap: 1rem;
    padding: 0.3rem 1rem;
    background: #f1f1f1;
    border-bottom: 1px solid #ccc;
    /*   width: 50%; */
    font-family: 'Inter';
    font-size: 0.8rem;
}

    .tabs span[b-v1q4ebfgns] {
        cursor: pointer;
        padding: 0.3rem 0.5rem;
    }

    .tabs .active[b-v1q4ebfgns] {
        font-weight: bold;
        border-bottom: 2px solid #006666;
    }
/* _content/RISHI.Web.UI/Components/Pages/ModelConfig/ModelConfigIndex.razor.rz.scp.css */
.headertext[b-oaw5a3f5dm] {
    font-family: 'Inter';
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 1.5rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--model-config-header-text);
    padding: 7px;
}

.lineformat[b-oaw5a3f5dm] {
    border: 1.5px solid #228994
}

.roundeddiv[b-oaw5a3f5dm] {
    border: 1px solid var(--Neutral-Stroke-2-Rest, #E0E0E0);
    border-color: var(--model-config-panel-border);
    height: 100%;
    border-radius: 5px;
}

.headertrtext[b-oaw5a3f5dm] {
    background-color: #228994;
    color: var(--model-config-main-header-text);
    font-family: 'Inter';
    font-size: 0.8REM;
    padding: 7px;
}

.subheadertrtext[b-oaw5a3f5dm] {
    background-color: var(--model-config-sub-header-bg);
    color: var(--model-config-sub-header-text);
    font-family: 'Inter';
    font-size: 0.8REM;
    padding: 7px;
}

.textareaexpression[b-oaw5a3f5dm] {
    border:0px;
    height:400px;

}

.fontclass[b-oaw5a3f5dm] {
    font-family: 'Inter';
    font-size: 0.8rem;
}
.attributebutton[b-oaw5a3f5dm] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.375rem 0.625rem; /* 6px 10px */
    gap: 0.5rem; /* 8px */
    width: 7.4375rem; /* 151px */
    height: 2.5rem; /* 32px */
    background: var(--model-config-attribute-button-bg);
    border-color: var(--model-config-attribute-button-bg);
    border-radius: 0.25rem; /* 4px */
    flex: none;
    order: 0;
    flex-grow: 0;
}
.operatorbutton[b-oaw5a3f5dm] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.375rem 0.625rem; /* 6px 10px */
    gap: 0.5rem; /* 8px */
    width: 7.4375rem; /* 151px */
    height: 2.5rem; /* 32px */
    background: var(--model-config-operator-button-bg);
    border-color: var(--model-config-operator-button-bg);
    border-radius: 0.25rem; /* 4px */
    flex: none;
    order: 0;
    flex-grow: 0;
    color: var(--model-config-operator-button-text-color);
    font-family: 'Inter';
    font-size: 0.8REM;
}
.validatebutton[b-oaw5a3f5dm] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.375rem 0.625rem; /* 6px 10px */
    gap: 0.5rem; /* 8px */
    width: 7.4375rem; /* 151px */
    height: 2.5rem; /* 32px */
    background: var(--model-config-validate-button-bg);
    border-color: var(--model-config-validate-button-bg);
    color: var(--model-config-validate-button-text-color);
    border-radius: 0.25rem; /* 4px */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.savebutton[b-oaw5a3f5dm] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.375rem 0.625rem; /* 6px 10px */
    gap: 0.5rem; /* 8px */
    width: 7.4375rem; /* 151px */
    height: 2.5rem; /* 32px */
    background: var(--model-config-save-button-bg);
    border-color: var(--model-config-save-button-bg);
    border-radius: 0.25rem; /* 4px */
    flex: none;
    order: 0;
    flex-grow: 0;
}
/* _content/RISHI.Web.UI/Components/Pages/Notifications/Notifications.razor.rz.scp.css */
/* 📄 Full Notification Page */
.notification-page[b-0r1bm770rs] {
    padding-left: 30px;
    background-color: #ffffff;
}

/* Header */
.notif-header[b-0r1bm770rs] {
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    z-index: 3;
    background-color: #ffffff;
    padding: 20px 40px 10px 0px;
}

.title-row[b-0r1bm770rs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.notif-title-text[b-0r1bm770rs] {
    font-size: 26px;
    font-weight: 700;
    color: #000;
}

.notif-close-btn[b-0r1bm770rs] {
    border: none;
    background: none;
    font-size: 22px;
    color: #de2225;
    cursor: pointer;
    transition: transform 0.2s ease, color 0.2s ease;
}

    .notif-close-btn:hover[b-0r1bm770rs] {
        transform: scale(1.2);
        color: #b81c1e;
    }

/* === Notification List === */
.notif-list-scroll[b-0r1bm770rs] {
    height: calc(100vh - 320px);
    overflow-y: auto;
    padding: 0;
}

.notification-item[b-0r1bm770rs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
    padding: 16px 40px;
}

.notif-left[b-0r1bm770rs] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex-grow: 1;
}

.notif-dot[b-0r1bm770rs] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 5px;
}

.notif-texts[b-0r1bm770rs] {
    display: flex;
    flex-direction: column;
}

.notif-title[b-0r1bm770rs] {
    font-weight: 700;
    font-size: 15px;
    color: #000;
    line-height: 1.4;
}

.notif-time[b-0r1bm770rs] {
    font-size: 13px;
    color: #777;
}

/* Right side */
.notif-right[b-0r1bm770rs] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.notif-action[b-0r1bm770rs] {
    color: #228894;
    cursor: pointer;
    font-size: 14px;
    white-space: nowrap;
}

.notif-arrow[b-0r1bm770rs] {
    width: 14px;
    height: 14px;
}

/* Scrollbar Styling */
.notif-list-scroll[b-0r1bm770rs]::-webkit-scrollbar {
    width: 8px;
}

.notif-list-scroll[b-0r1bm770rs]::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

    .notif-list-scroll[b-0r1bm770rs]::-webkit-scrollbar-thumb:hover {
        background: #999;
    }

/* Center loader (used for main load) */
.notif-loader-center[b-0r1bm770rs] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Full overlay during Mark As Read processing */
.notif-loader-overlay[b-0r1bm770rs] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 50;
}

.notif-list-scroll[b-0r1bm770rs] {
    position: relative; /* added */
    height: calc(100vh - 320px);
    overflow-y: auto;
    padding: 0;
}

/* ============================= */
/* DARK THEME – NOTIFICATIONS   */
/* COLOR MATCH (CSS ONLY)       */
/* ============================= */

html[data-theme="dark"] .tab-btn[b-0r1bm770rs] {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color: #FFFFFF;
    width: 7rem;
    border-radius: 5px;
    height: 2rem;
}

html[data-theme="dark"] .tab-name[b-0r1bm770rs] {
    margin: 5px;
}
/* Page background */
html[data-theme="dark"] .notification-page[b-0r1bm770rs] {
    background: #0D0D0D;
}

/* Header */
html[data-theme="dark"] .notif-header[b-0r1bm770rs] {
    background: #0D0D0D;
}

/* Title */
html[data-theme="dark"] .notif-title-text[b-0r1bm770rs] {
    color: #e6f6f8;
}

/* Close button */
html[data-theme="dark"] .notif-close-btn[b-0r1bm770rs] {
    color: #ff5c5c;
}

/* Tabs container background */
html[data-theme="dark"] .notif-tabs-header[b-0r1bm770rs] {
    background: #0D0D0D;
}

/* Notification list container */
html[data-theme="dark"] .notif-list-scroll[b-0r1bm770rs] {
    background: #0D0D0D;
}

/* Notification row */
html[data-theme="dark"] .notification-item[b-0r1bm770rs] {
    background: #0D0D0D;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

    /* Hover effect (very subtle) */
    html[data-theme="dark"] .notification-item:hover[b-0r1bm770rs] {
        background-color: rgba(255,255,255,0.03);
    }

/* Notification title text */
html[data-theme="dark"] .notif-title[b-0r1bm770rs] {
    color: #dfeff2;
}

/* Time text */
html[data-theme="dark"] .notif-time[b-0r1bm770rs] {
    color: #8f9fa3;
}

/* Action text (Mark as Read) */
html[data-theme="dark"] .notif-action[b-0r1bm770rs] {
    color: #35c0c9;
}

/* Arrow icon */
html[data-theme="dark"] .notif-arrow[b-0r1bm770rs] {
    filter: brightness(0) invert(1);
    opacity: 0.7;
}

/* Scrollbar */
html[data-theme="dark"] .notif-list-scroll[b-0r1bm770rs]::-webkit-scrollbar-thumb {
    background: #2a2a2a;
}

    html[data-theme="dark"] .notif-list-scroll[b-0r1bm770rs]::-webkit-scrollbar-thumb:hover {
        background: #3a3a3a;
    }



/* _content/RISHI.Web.UI/Components/Pages/RCA/RCA.razor.rz.scp.css */
html[b-ok157o5ako], body[b-ok157o5ako] {
    background-color: var(--rca-bg) !important;
    background: var(--rca-bg) !important;
}

.markerhead[b-ok157o5ako] {
    fill: #FF6B6E;
}

.markerhead-faulty[b-ok157o5ako] {
    fill: #007B89;
}

.rightPanel-RCA[b-ok157o5ako] {
    width: 300px;
    height: 100vh;
    padding: 10px;
    background-color: var(--rca-right-sidebar-bg);
    position: absolute;
    right: 0;
    overflow-y: scroll;
}

    .rightPanel-RCA[b-ok157o5ako]::-webkit-scrollbar {
        width: 10px;
    }

    .rightPanel-RCA[b-ok157o5ako]::-webkit-scrollbar-track {
        background: #017784;
    }

    .rightPanel-RCA[b-ok157o5ako]::-webkit-scrollbar-thumb {
        background-color: #003338;
        border-radius: 10px;
    }

.rightPanel-RCA[b-ok157o5ako] {
    scrollbar-width: thin;
    scrollbar-color: var(--rca-right-sidebar-scroll);
}

    .rightPanel-RCA th[b-ok157o5ako] {
        color: var(--rca-sidebar-text);
        font-family: Inter;
        font-size: 1.0rem;
        font-style: normal;
        font-weight: 700;
        height: 60px;
        vertical-align: top;
    }

    .rightPanel-RCA td[b-ok157o5ako] {
        color: var(--rca-sidebar-text);
        font-family: Inter;
        font-size: 1.0rem;
        font-weight: 700;
        line-height: 1.5rem;
    }

        .rightPanel-RCA td p[b-ok157o5ako] {
            color: var(--rca-sidebar-text);
            font-family: Inter;
            font-size: 0.7rem;
        }

        .rightPanel-RCA td div[b-ok157o5ako] {
            color: var(--rca-sidebar-text);
            font-family: Inter;
            font-size: 0.7rem;
            background-color: #017784;
            border-radius: 4px;
            padding: 5px;
            margin-top: 10px;
        }

    .rightPanel-RCA button[b-ok157o5ako] {
        height: 30px;
        color: var(--rca-sidebar-text);
        font-family: Inter;
        font-size: 0.7rem;
        background-color: #017784;
        border-radius: 4px;
        padding: 5px 5px 8px 5px;
        margin-top: 10px;
        display: block;
        border: 0;
        vertical-align: middle;
    }

    .rightPanel-RCA table[b-ok157o5ako] {
        background-color: unset;
    }

.scrollablecontainer[b-ok157o5ako], .scrollablecontainersyntom[b-ok157o5ako] {
    overflow-y: auto;
    max-height: 12.5rem;
    font-size: 0.7rem;
}

.layout[b-ok157o5ako] {
    display: flex;
    height: 100vh;
    background-color: var(--rca-bg) !important;
}

/* Sidebar */
.sidebar[b-ok157o5ako] {
    width: 250px;
    background-color: var(--rca-sidebar-bg) !important;
    background: var(--rca-sidebar-bg) !important;
    padding-top: 10px;
    z-index: 0;
}


.nav-list[b-ok157o5ako], .sub-list[b-ok157o5ako] {
    list-style-type: none;
    padding-left: 7px;
    color: white;
}

.nav-item[b-ok157o5ako] {
    font-size: 0.8rem;
    padding: 8px 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.sub-item[b-ok157o5ako] {
    padding: 6px 20px;
    cursor: pointer;
    color: white;
}

.selected[b-ok157o5ako] {
    font-size: 0.8rem;
    background-color: #ffffff33;
    font-weight: normal;
}

/* TreeView styling */
.k-treeview .k-treeview-toggle[b-ok157o5ako] {
    color: white !important;
    fill: white !important;
}

/* --------- UPDATED SELECTION BLOCK (full-row highlight) --------- */
/* Clear Telerik's default so we paint the inner text span only */
.sidebar .k-treeview .k-selected[b-ok157o5ako] {
    background: transparent !important;
    color: inherit; /* color will be set on the inner span */
    border-radius: 0;
}

    /* Make the text span fill the whole row and paint it */
    .sidebar .k-treeview .k-selected .k-treeview-leaf-text[b-ok157o5ako] {
        display: block;
        width: 100%;
        padding: 6px 8px;
        border-radius: 4px;
        background-color: #017AFF !important;
        color: #ffffff !important;
    }

/* Keep icons white in the sidebar */
.sidebar .k-treeview .k-icon.k-i-arrow-60-right[b-ok157o5ako] {
    color: #ffffff !important;
}

.sidebar .k-treeview .k-icon.k-i-arrow-60-down[b-ok157o5ako] {
    color: #ffffff !important;
}

.k-svg-icon > svg[b-ok157o5ako] {
    fill: currentColor;
    flex: 1 1 auto;
}

.k-treeview[b-ok157o5ako] {
    color: white;
}

/* --------- UPDATED: make ALL leaf text full width --------- */
.k-treeview-leaf-text[b-ok157o5ako] {
    display: block; /* ensures the selection spans full row */
    width: 100%;
    padding-left: 0px;
    color: #ecf0f1;
    font-family: Inter;
    font-size: 0.7rem;
}

.telerik-treeview .k-icon.k-i-arrow-60-right[b-ok157o5ako] {
    content: "\e113";
    color: #017AFF;
}

.telerik-treeview .k-icon.k-i-arrow-60-down[b-ok157o5ako] {
    content: "\e114";
    color: #FF6B6E;
}
/* ===== Full-row highlight for Telerik TreeView ===== */

/* Ensure every node row spans the full width */
.sidebar .k-treeview .k-treeview-item[b-ok157o5ako],
.sidebar .k-treeview .k-treeview-leaf[b-ok157o5ako] {
    width: 100%;
}

/* Apply the full-width highlight pill to ANY selected wrapper Telerik might use */
.sidebar .k-treeview .k-selected[b-ok157o5ako],
.sidebar .k-treeview .k-selected > .k-treeview-mid[b-ok157o5ako],
.sidebar .k-treeview .k-selected > .k-treeview-link[b-ok157o5ako],
.sidebar .k-treeview .k-selected > .k-in[b-ok157o5ako],
.sidebar .k-treeview .k-selected > .k-treeview-leaf-text[b-ok157o5ako] {
    display: flex !important; /* stretch across row */
    align-items: center !important;
    width: calc(100% + 12px) !important; /* cover indent space */
    margin-left: -12px !important; /* pull into left gutter */
    padding: 6px 8px 6px 20px !important; /* add padding back inside */
    border-radius: 4px !important;
    background-color: #017AFF !important; /* blue pill */
    color: #ffffff !important;
}

/* Make sure text spans also fill width */
.sidebar .k-treeview .k-treeview-leaf-text[b-ok157o5ako],
.sidebar .k-treeview .k-in[b-ok157o5ako],
.sidebar .k-treeview .k-treeview-link[b-ok157o5ako] {
    display: block !important;
    width: 100% !important;
    font-family: Inter;
    font-size: 0.7rem;
    color: #ecf0f1;
}

/* Keep expand/collapse arrows white */
.sidebar .k-treeview .k-icon.k-i-arrow-60-right[b-ok157o5ako],
.sidebar .k-treeview .k-icon.k-i-arrow-60-down[b-ok157o5ako] {
    color: #ffffff !important;
}




.svg-wrapper[b-ok157o5ako] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

#faulttreeCanvas[b-ok157o5ako] {
    width: 900px;
    height: 900px;
    margin-left: -250px;
}

/* ================================
   RCA – Symptom label (SVG text)
   ================================ */
.rca-symptom-label[b-ok157o5ako] {
    font-size: 10px;
    font-family: Inter;
    font-weight: 500;
    color: var(--rca-symptom-node-text);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

@media (min-width: 1000px) {
    .sidebar[b-ok157o5ako] {
        width: 20vw;
    }

    .rightPanel-RCA[b-ok157o5ako] {
        width: 20vw;
    }

    #faulttreeCanvas[b-ok157o5ako] {
        width: 500px;
        height: 500px;
        margin-left: -190px;
        /*        margin-right: 10px;*/
    }
}

@media (min-width: 1107px) {
    .sidebar[b-ok157o5ako] {
        width: 20vw;
    }

    .rightPanel-RCA[b-ok157o5ako] {
        width: 20vw;
    }

    #faulttreeCanvas[b-ok157o5ako] {
        width: 550px;
        height: 600px;
        margin-right: 30px;
    }
}
/*@media (min-width: 1280px) and (min-height: 600px) {
    .sidebar {
        width: 20vw;
    }

    .rightPanel-RCA {
        width: 20vw;
    }

    #faulttreeCanvas {
        width: 300px;
        height: 600px;
        margin-right: 50px;
        margin-bottom: -10px;
    }
}*/
@media (min-width: 1280px) {
    .sidebar[b-ok157o5ako] {
        width: 20vw;
    }

    .rightPanel-RCA[b-ok157o5ako] {
        width: 20vw;
    }

    #faulttreeCanvas[b-ok157o5ako] {
        width: 650px;
        height: 700px;
        margin-right: 50px;
        margin-bottom: -10px;
    }
}

@media (min-width: 1360px) {
    .sidebar[b-ok157o5ako] {
        width: 20vw;
    }

    .rightPanel-RCA[b-ok157o5ako] {
        width: 20vw;
    }

    #faulttreeCanvas[b-ok157o5ako] {
        width: 680px;
        height: 700px;
        margin-right: 70px;
        margin-top: 2rem;
        /*        margin-top: -2px;*/
    }
}

@media (min-width: 1366px) {
    .sidebar[b-ok157o5ako] {
        width: 20vw;
    }

    .rightPanel-RCA[b-ok157o5ako] {
        width: 20vw;
    }

    #faulttreeCanvas[b-ok157o5ako] {
        width: 700px;
        height: 700px;
        margin-right: 70px;
    }
}

@media (min-width: 1440px) {
    .sidebar[b-ok157o5ako] {
        width: 20vw;
    }

    .rightPanel-RCA[b-ok157o5ako] {
        width: 20vw;
    }

    #faulttreeCanvas[b-ok157o5ako] {
        width: 750px;
        height: 750px;
        margin-right: 90px;
    }
}

@media (min-width: 1536px) {
    .sidebar[b-ok157o5ako] {
        width: 20vw;
    }

    .rightPanel-RCA[b-ok157o5ako] {
        width: 20vw;
    }

    #faulttreeCanvas[b-ok157o5ako] {
        width: 800px;
        height: 800px;
        margin-right: 100px;
    }
}

@media (min-width: 1600px) {
    .sidebar[b-ok157o5ako] {
        width: 20vw;
    }

    .rightPanel-RCA[b-ok157o5ako] {
        width: 20vw;
    }

    #faulttreeCanvas[b-ok157o5ako] {
        width: 900px;
        height: 900px;
        margin-right: 120px;
    }
}

@media (min-width: 1920px) {
    .sidebar[b-ok157o5ako] {
        width: 20vw;
    }

    .rightPanel-RCA[b-ok157o5ako] {
        width: 20vw;
    }

    #faulttreeCanvas[b-ok157o5ako] {
        width: 1000px;
        height: 1000px;
        margin-right: 160px;
    }
}

@media (min-width: 2560px) {
    .sidebar[b-ok157o5ako] {
        width: 20vw;
    }

    .rightPanel-RCA[b-ok157o5ako] {
        width: 20vw;
    }

    #faulttreeCanvas[b-ok157o5ako] {
        width: 1500px;
        height: 1500px;
        margin-right: 270px;
    }
}

@media (min-width: 3840px) {
    .sidebar[b-ok157o5ako] {
        width: 20vw;
    }

    .rightPanel-RCA[b-ok157o5ako] {
        width: 20vw;
    }

    #faulttreeCanvas[b-ok157o5ako] {
        width: 2200px;
        height: 2200px;
        margin-right: 480px;
    }
}

@media (min-width: 3440px) {
    .sidebar[b-ok157o5ako] {
        width: 20vw;
    }

    .rightPanel-RCA[b-ok157o5ako] {
        width: 20vw;
    }

    #faulttreeCanvas[b-ok157o5ako] {
        width: 1800px;
        height: 1700px;
        margin-right: 480px;
        margin-top: 10rem;
    }
}



/***********************************/
/* _content/RISHI.Web.UI/Components/Pages/Reports/FoulingReport.razor.rz.scp.css */
*[b-74zsqmwh7b] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html[b-74zsqmwh7b], body[b-74zsqmwh7b] {
    height: 100%;
    overflow: hidden;
    font-family: Arial, sans-serif;
    background-color: #fff;
    color: #333;
}

.wrapper[b-74zsqmwh7b] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding: 1px 10px 100px 10px;
    gap: 10px;
}

.dashboard-table[b-74zsqmwh7b] {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}

.dashboard[b-74zsqmwh7b] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.header[b-74zsqmwh7b] {
    border-bottom: 2px solid #ddd;
    padding: 0px 0 4px 0;
    margin-bottom: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .header h4[b-74zsqmwh7b] {
        margin: 0;
    }

.view-report-btn[b-74zsqmwh7b] {
    background-color: #228994;
    color: #fff;
    border: none;
    padding: 8px 12px;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
}

.row[b-74zsqmwh7b] {
    display: flex;
    flex: 1;
    gap: 10px;
    padding: 0px 0px 4px;
}

.col[b-74zsqmwh7b], .col-lg-4[b-74zsqmwh7b], .col-lg-8[b-74zsqmwh7b] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 10px;
}

.col-lg-4[b-74zsqmwh7b] {
    flex: 0.4;
}

.col-lg-8[b-74zsqmwh7b] {
    flex: 0.6;
}

.card[b-74zsqmwh7b] {
    flex: 1;
    border-radius: 8px;
    background-color: #f7f7f7;
    padding: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.upload-section label[b-74zsqmwh7b] {
    font-weight: 600;
    color: #555;
    font-size: 0.9rem;
}

.btn-small[b-74zsqmwh7b], .view-btn[b-74zsqmwh7b] {
    background-color: #007b7f;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
}

.btn-small[b-74zsqmwh7b] {
    padding: 4px 8px;
    font-size: 12px;
    height: 28px;
}

.view-btn[b-74zsqmwh7b] {
    padding: 4px 10px;
    font-size: 0.85rem;
}

.graph[b-74zsqmwh7b] {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999;
    font-weight: 600;
    font-size: 1.2rem;
}

.recommendations[b-74zsqmwh7b] {
    background: #eaf3ff;
    padding: 10px;
}

    .recommendations h4[b-74zsqmwh7b] {
        color: #004a9f;
        font-weight: 700;
        margin-bottom: 8px;
    }

ul[b-74zsqmwh7b] {
    list-style: disc inside;
    margin: 0;
    padding-left: 0px 0px 4px;
    font-size: 0.8rem;
}

li[b-74zsqmwh7b] {
    margin-bottom: 5px;
}

.grid-placeholder[b-74zsqmwh7b] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #777;
    border: 1px dashed #ccc;
    border-radius: 6px;
    font-size: 0.9rem;
    max-height: 100px;
}

.loader-container[b-74zsqmwh7b] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90%; /* adjust based on card height */
    width: 100%;
}
/* _content/RISHI.Web.UI/Components/Pages/Reports/MLAssetViewReportIndex.razor.rz.scp.css */
*[b-7jpwfuqxdu] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html[b-7jpwfuqxdu], body[b-7jpwfuqxdu] {
    height: 100%;
    overflow: hidden; /* no scrollbars */
    font-family: Arial, sans-serif;
    background-color: #fff;
    color: #333;
}

.wrapper[b-7jpwfuqxdu] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding: 1px 10px 100px 10px;
    gap: 10px;
}

.dashboard-table[b-7jpwfuqxdu] {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}

.dashboard[b-7jpwfuqxdu] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.header[b-7jpwfuqxdu] {
    border-bottom: 2px solid #ddd;
    padding: 0px 0 4px 0;
    margin-bottom: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .header h4[b-7jpwfuqxdu] {
        margin: 0;
    }

.view-report-btn[b-7jpwfuqxdu] {
    background-color: #228994;
    color: #fff;
    border: none;
    padding: 8px 12px;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
}

/* Layout rows */
.row[b-7jpwfuqxdu] {
    display: flex;
    flex: 1; /* make all rows equal height */
    gap: 10px;
    padding: 0px 0px 4px;
}

.col[b-7jpwfuqxdu], .col-lg-4[b-7jpwfuqxdu], .col-lg-8[b-7jpwfuqxdu] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 10px;
}

.col-lg-4[b-7jpwfuqxdu] {
    flex: 0.4;
}

.col-lg-8[b-7jpwfuqxdu] {
    flex: 0.6;
}

.card[b-7jpwfuqxdu] {
    flex: 1;
    border-radius: 8px;
    background-color: #f7f7f7;
    padding: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.upload-section label[b-7jpwfuqxdu] {
    font-weight: 600;
    color: #555;
    font-size: 0.9rem;
}

.btn-small[b-7jpwfuqxdu], .view-btn[b-7jpwfuqxdu] {
    background-color: #007b7f;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
}

.btn-small[b-7jpwfuqxdu] {
    padding: 4px 8px;
    font-size: 12px;
    height: 28px;
}

.view-btn[b-7jpwfuqxdu] {
    padding: 4px 10px;
    font-size: 0.85rem;
}

.graph[b-7jpwfuqxdu] {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999;
    font-weight: 600;
    font-size: 1.2rem;
}

.recommendations[b-7jpwfuqxdu] {
    background: #eaf3ff;
    padding: 10px;
}

    .recommendations h4[b-7jpwfuqxdu] {
        color: #004a9f;
        font-weight: 700;
        margin-bottom: 8px;
    }

ul[b-7jpwfuqxdu] {
    list-style: disc inside;
    margin: 0;
    padding-left: 0px 0px 4px;
    font-size: 0.8rem;
}

li[b-7jpwfuqxdu] {
    margin-bottom: 5px;
}

.grid-placeholder[b-7jpwfuqxdu] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #777;
    border: 1px dashed #ccc;
    border-radius: 6px;
    font-size: 0.9rem;
    max-height: 100px;
}

.loader-container[b-7jpwfuqxdu] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90%; /* adjust based on card height */
    width: 100%;
}
/* _content/RISHI.Web.UI/Components/Pages/Reports/ReportIndex.razor.rz.scp.css */
body[b-cwe6sdjrcx] {
}
/* _content/RISHI.Web.UI/Components/Pages/Reports/ReportsonActionTakenIndex.razor.rz.scp.css */
body[b-p0mqi128zn] {
}
/* _content/RISHI.Web.UI/Components/Pages/Reports/ReportsongoingcorrectedfaultsIndex.razor.rz.scp.css */
body[b-wwot9sp3m7] {
}
/* _content/RISHI.Web.UI/Components/Pages/Reports/ShiftSummaryReportIndex.razor.rz.scp.css */
.status-box[b-m20tcxw4zv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #044B53;
    color: white;
    border: 3px solid #00bfff;
    border-radius: 8px;
    padding: 16px 24px;
    font-family: Arial, sans-serif;
    /*  max-width: 1000px; */
    width: 1300px; /* fixed width */
    height: 100px; /* fixed height */
    margin: 20px auto;
}

.status-left[b-m20tcxw4zv] {
    display: flex;
    align-items: center;
}

.status-icon[b-m20tcxw4zv] {
    font-size: 40px;
    margin-right: 10px;
}

.status-title[b-m20tcxw4zv] {
    font-size: 18px;
    font-weight: bold;
}

.status-right[b-m20tcxw4zv] {
    font-size: 15px;
    /*  max-width: 700px; */
    text-align: left;
    margin-left: -50px;
}

/* Main card container */
.card-container[b-m20tcxw4zv] {
    border: 2px solid #007BBD;
    background-color: #DEF2F7;
    padding: 20px;
    border-radius: 10px;
    max-width: 500px;
    font-family: Arial, sans-serif;
}


/*Last 8 hours – Consumption / Production css start */
/* Header section with icon and title */
.card-header[b-m20tcxw4zv] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .card-header img[b-m20tcxw4zv] {
        width: 28px;
        height: 28px;
        margin-right: 10px;
    }

/* Feed label */
.feed-label[b-m20tcxw4zv] {
    background-color: #044B53;
    color: white;
    padding: 6px 12px;
    display: inline-block;
    border-radius: 6px;
    margin-bottom: 12px;
    font-weight: bold;
}
/*Last 8 hours – Consumption / Production css start end */

/*Lasts 8  hours – Major KPI/KPO/CPV values/trends start */
kpi-container[b-m20tcxw4zv] {
    background-color: #DEF2F7;
    border: 2px solid #C3E5F1;
    padding: 20px;
    border-radius: 10px;
    max-width: 800px;
    font-family: Arial, sans-serif;
}

.kpi-header[b-m20tcxw4zv] {
    display: flex;
    align-items: center;
    font-size: 1.2em;
    margin-bottom: 20px;
}

    .kpi-header img[b-m20tcxw4zv] {
        width: 30px;
        margin-right: 10px;
    }

.kpi-grid[b-m20tcxw4zv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 20px;
}

.kpi-box[b-m20tcxw4zv] {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.kpi-value[b-m20tcxw4zv] {
    color: #00838F;
    font-weight: bold;
    font-size: 1.4em;
    margin-bottom: 5px;
}

.kpi-label[b-m20tcxw4zv] {
    font-size: 0.85em;
    color: #333;
}
/*Lasts 8  hours – Major KPI/KPO/CPV values/trends end */

 /*Suggested Improvement Actions*/
.suggestImprovemenActions[b-m20tcxw4zv] {
    background-color: #054D55;
    color: white;
    padding-left: 1.25rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 auto 1.25rem auto;
    font-family: Arial, sans-serif;
}

.Unitstatuss[b-m20tcxw4zv] {
    background-color: #054D55;
    color: white;
    padding: 0.5rem 0.6rem; 
    border-radius: 0.5rem; 
    display: flex;
    align-items: center;
    width: 100%; 
    margin: 0 auto 1.25rem auto; 
    font-family: Arial, sans-serif;
}
.ul[b-m20tcxw4zv]{
    line-height:1;
}
.flex-row[b-m20tcxw4zv] {
    display: flex;
    flex-direction: row;
    gap: 0.625rem; /* 10px = 0.625rem */
    margin-bottom: 1.25rem; /* 20px = 1.25rem */
}

.header-bar[b-m20tcxw4zv] {
    background-color: #025964;
    color: white;
    display: flex;
    align-items: center;
    padding: 0.5rem 1.25rem;
    border-bottom: 2px solid #00bfff;
    position: sticky;
    top: 0;
    z-index: 1000;
}

    .header-bar .k-picker-solid[b-m20tcxw4zv] {
        background-color: #026670 !important;
        border-color: #0F97A8 !important;
        width: 13rem;
    }

    .dropdown .k-dropdown[b-m20tcxw4zv] {
        background-color: #026670;
        color: white;
        border: none;
        padding: 0.25rem;
        border-radius: 4px;
        margin: 0 0.625rem;
        width:15rem;
    }

    .dropdown .k-dropdown .k-input[b-m20tcxw4zv] {
        color: white;
    }

.timefont[b-m20tcxw4zv]{
    color:white;
}

.button-group[b-m20tcxw4zv] {
    display: flex;
    justify-content: flex-start; /* Aligns buttons to the left */
    gap: 10px; /* Space between buttons */
    padding: 10px 0; /* Top/bottom padding for breathing room */
    margin-top: 20px; /* Space from the table above */
}

.btn-success[b-m20tcxw4zv] {
    background-color: #47D7AC;
}

.btn-primary[b-m20tcxw4zv] {
    background-color: #044B53;
}

.btn-secondary[b-m20tcxw4zv] {
    background-color: white;
}

.custom-button[b-m20tcxw4zv] {
    width: 120px; /* Set desired width */
    padding: 8px 12px; /* Adjust padding for content */
    text-align: center; /* Center the text */
    white-space: nowrap; /* Prevent text wrapping */
    overflow: hidden; /* Hide overflow if text is too long */
    text-overflow: ellipsis; /* Add ellipsis (...) for long text */
}


.unit-status[b-m20tcxw4zv] {
   /* display: flex;*/
    align-items: center;
    gap: 10px;
}

    .unit-status textarea[b-m20tcxw4zv] {
        width: 100%;
        padding: 2px;
        border-radius: 4px;
        border: 0px solid #ccc;
    }


/* _content/RISHI.Web.UI/Components/Pages/Reports/ValueGainLossReportIndex.razor.rz.scp.css */
body[b-vi923rnewh] {
}
/* _content/RISHI.Web.UI/Components/Pages/ShiftManagement/RecommendationIndex.razor.rz.scp.css */
/* General Layout and Grid */
.page-container[b-k1jptkh932] {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
    padding: 0 1rem;
    margin-top: -1.0625rem;
}

/* Header */
.header-container[b-k1jptkh932] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
}

.page-title[b-k1jptkh932] {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 0;
}

.header-right[b-k1jptkh932] {
    text-align: right;
}

/* Common Card Styling */
.card[b-k1jptkh932] {
    padding: 0.9375rem;
    border: 0.0625rem solid #ddd;
    border-radius: 0.3125rem;
    background-color: #e6f0fa;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
    width: 100%;
    box-sizing: border-box;
}

    .card h3[b-k1jptkh932] {
        margin-top: 0;
        color: white;
        font-size: 1.2em;
        background-color: #044B53;
        padding: 0.9375rem 1.25rem;
        border-bottom-right-radius: 0.625rem;
        border-top-right-radius: 0.625rem;
        width: fit-content;
    }

/* Top Sections Grid */
.top-sections-grid[b-k1jptkh932] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr)) 1rem;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
    align-items: start;
    margin-top: -1.0625rem;
}


.card.internal-knowledge-history[b-k1jptkh932] {
    height: 43.8rem;
}


.card.third-party-lookup[b-k1jptkh932] {
    width: 100%;
}

.card.selected-knowledge-details[b-k1jptkh932] {
    max-width: 54rem; 
    margin-left: 0; 
    min-height: 30.4rem; 
    height: auto; 

    
}

.card.fault-context-overview[b-k1jptkh932] {
    width: 39.7rem;
    margin-bottom: 1.25rem;
}

.fault-context-overview .detail-row[b-k1jptkh932] {
    margin-bottom: 0.5rem;
    display: flex;
    align-items: baseline;
}


.fault-context-overview .label[b-k1jptkh932] {
    font-weight: bold;
    color: #555;
    margin-right: 0.625rem;
    min-width: 7.5rem;
    flex-shrink: 0;
}

.fault-context-overview .value[b-k1jptkh932] {
    color: #333;
    flex-grow: 1;
}

.third-party-lookup .form-group[b-k1jptkh932] {
    margin-bottom: 0.9375rem;
}

.third-party-lookup label[b-k1jptkh932] {
    display: block;
    margin-bottom: 0.3125rem;
    font-weight: bold;
    color: #555;
}

.third-party-lookup .button-group[b-k1jptkh932] {
    margin-top: 1.25rem;
    display: flex;
    gap: 0.625rem;
    flex-wrap: wrap;
}

.selected-knowledge-details .button-group[b-k1jptkh932] {
    margin-top: 1.25rem;
    display: flex;
    gap: 0.625rem;
    flex-wrap: wrap;
}

.selected-knowledge-details .details-grid[b-k1jptkh932] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    margin-bottom: 1.5625rem;
}

.selected-knowledge-details .grid-item[b-k1jptkh932] {
    border-bottom: 0.0625rem solid #e0e0e0;
    padding-bottom: 0.9375rem;
   /* word-wrap: break-word;*/
}

    .selected-knowledge-details .grid-item:nth-child(odd)[b-k1jptkh932] {
        border-right: 0.0625rem solid #e0e0e0;
        padding-right: 1.25rem;
    }

.selected-knowledge-details .details-grid > div:nth-last-child(1)[b-k1jptkh932],
.selected-knowledge-details .details-grid > div:nth-last-child(2)[b-k1jptkh932] {
    border-bottom: none;
    padding-bottom: 0;
}

.selected-knowledge-details .details-grid > div:nth-child(even)[b-k1jptkh932] {
    border-right: none;
    padding-right: 0;
}

.selected-knowledge-details[b-k1jptkh932] {
    height: 35.625rem;
}

    .selected-knowledge-details .label[b-k1jptkh932] {
        font-weight: bold;
        color: #555;
        margin-right: 0.3125rem;
        display: block;
    }

    .selected-knowledge-details .text[b-k1jptkh932] {
        color: #333;
    }

.tags-container[b-k1jptkh932] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.375rem;
}

.tag[b-k1jptkh932] {
    background-color: #044B53;
    color: white;
    padding: 0.375rem 0.75rem;
    border-radius: 0.625rem;
    font-size: 0.85em;
    font-weight: 500;
    white-space: nowrap;
}

.internal-knowledge-history ul[b-k1jptkh932] {
    list-style: disc;
    padding-left: 1.25rem;
    margin-top: 0.625rem;
}

.internal-knowledge-history li[b-k1jptkh932] {
    margin-bottom: 0.5rem;
    color: #333;
}

    .internal-knowledge-history li strong[b-k1jptkh932] {
        font-weight: bold;
    }

.grid-toolbar[b-k1jptkh932] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    margin-bottom: 0.625rem;
    justify-content: space-between;
    flex-wrap: wrap;
}

.grid-toolbar-left[b-k1jptkh932],
.grid-toolbar-right[b-k1jptkh932] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    flex-wrap: wrap;
}

.tb-icon-container[b-k1jptkh932] {
    width: 15.625rem;
}

    .tb-icon-container .k-textbox[b-k1jptkh932] {
        width: 100%;
    }

.grid-toolbar .k-button.icon-button[b-k1jptkh932] {
    background-color: transparent;
    border: none;
    padding: 0;
    height: auto;
    min-width: unset;
    color: #044B53;
    box-shadow: none;
}

    .grid-toolbar .k-button.icon-button:hover[b-k1jptkh932] {
        background-color: transparent;
        opacity: 0.7;
    }

    .grid-toolbar .k-button.icon-button .k-svg-icon[b-k1jptkh932],
    .grid-toolbar .k-button.icon-button img[b-k1jptkh932] {
        width: 1.25rem;
        height: 1.25rem;
        vertical-align: middle;
    }

.grid-toolbar .date-range-display[b-k1jptkh932] {
    font-weight: bold;
    color: #555;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 0.3125rem;
}

.darkbutton[b-k1jptkh932],
.downloadbutton[b-k1jptkh932],
.sharebutton[b-k1jptkh932] {
    flex-direction: row;
    align-items: center;
    padding: 0.375rem 0.625rem;
    gap: 0.5rem;
    height: 2rem;
    background: #044B53;
    border: 0.0625rem solid #228994;
    border-radius: 0.25rem;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #FFFFFF;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .darkbutton:hover[b-k1jptkh932],
    .downloadbutton:hover[b-k1jptkh932],
    .sharebutton:hover[b-k1jptkh932] {
        background-color: #03373D;
    }

.reset-button[b-k1jptkh932] {
    background-color: azure;
    border-radius: 0.3125rem;
    border: 0.0625rem solid #ccc;
    color: #333;
    padding: 0.375rem 0.625rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .reset-button:hover[b-k1jptkh932] {
        background-color: #e0f0ff;
    }

.k-textbox[b-k1jptkh932],
.k-dropdownlist[b-k1jptkh932] {
    width: 100%;
    background-color: #fff;
    border: 0.0625rem solid #ccc;
    border-radius: 0.25rem;
    padding: 0.3125rem;
    box-sizing: border-box;
}

.my-dropdownlist .k-dropdown-wrap .k-popup .k-list-ul[b-k1jptkh932] {
    background-color: white;
}

.sharebutton[b-k1jptkh932] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.375rem 0.625rem;
    gap: 0.5rem;
    border-color: #D3EEF4;
    height: 2rem;
    background: #EDFAFF;
    border-radius: 0.25rem;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.sharebuttontext[b-k1jptkh932] {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: flex;
    align-items: center;
    text-align: center;
    color: #044B53;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.telerik-grid tr.k-master-row[b-k1jptkh932] {
    background-color: white !important;
}

.FaultContextOverview[b-k1jptkh932] {
    background-color: #044B53;
    padding: 1.25rem;
    border-bottom-right-radius: 0.625rem;
    border-top-right-radius: 0.625rem;
    width: 18.75rem;
    color: white;
}
.SelectedKnowledgeDetails[b-k1jptkh932] {
    background-color: #044B53;
    padding: 1.25rem; 
    border-bottom-right-radius: 0.625rem; 
    border-top-right-radius: 0.625rem;
    width: 18.75rem; 
    color: white;
}
.InternalKnowledgeHistory[b-k1jptkh932] {
    background-color: #044B53;
    padding: 1.25rem;
    border-bottom-right-radius: 0.625rem;
    border-top-right-radius: 0.625rem;
    width: 18.75rem;
    color: white;
    /*font-size:0.8rem;*/
}
/* _content/RISHI.Web.UI/Components/Pages/ShiftManagement/RecommendationshiftsupervisorIndex.razor.rz.scp.css */
/* General Layout and Grid */
.page-container[b-q7aflca7hw] {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
    padding: 0 1rem;
    margin-top: -1.0625rem;
}

/* Header */
.header-container[b-q7aflca7hw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
}

.page-title[b-q7aflca7hw] {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 0;
}

.header-right[b-q7aflca7hw] {
    text-align: right;
}

/* Common Card Styling */
.card[b-q7aflca7hw] {
    padding: 0.9375rem;
    border: 0.0625rem solid #ddd;
    border-radius: 0.3125rem;
    background-color: #e6f0fa;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
    width: 100%;
    box-sizing: border-box;
}

    .card h3[b-q7aflca7hw] {
        margin-top: 0;
        color: white;
        font-size: 1.2em;
        background-color: #044B53;
        padding: 0.9375rem 1.25rem;
        border-bottom-right-radius: 0.625rem;
        border-top-right-radius: 0.625rem;
        width: fit-content;
    }

/* Top Sections Grid */
.top-sections-grid[b-q7aflca7hw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr)) 1rem;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
    align-items: start;
    margin-top: -1.0625rem;
}


.card.internal-knowledge-history[b-q7aflca7hw] {
    height: 43.8rem;
}


.card.third-party-lookup[b-q7aflca7hw] {
    width: 100%;
}

.card.selected-knowledge-details[b-q7aflca7hw] {
    max-width: 54rem; 
    margin-left: 0; 
    min-height: 30.4rem; 
    height: auto; 

    
}

.card.fault-context-overview[b-q7aflca7hw] {
    width: 40rem;
    margin-bottom: 1.25rem;
}

.fault-context-overview .detail-row[b-q7aflca7hw] {
    margin-bottom: 0.5rem;
    display: flex;
    align-items: baseline;
}


.fault-context-overview .label[b-q7aflca7hw] {
    font-weight: bold;
    color: #555;
    margin-right: 0.625rem;
    min-width: 7.5rem;
    flex-shrink: 0;
}

.fault-context-overview .value[b-q7aflca7hw] {
    color: #333;
    flex-grow: 1;
}

.third-party-lookup .form-group[b-q7aflca7hw] {
    margin-bottom: 0.9375rem;
}

.third-party-lookup label[b-q7aflca7hw] {
    display: block;
    margin-bottom: 0.3125rem;
    font-weight: bold;
    color: #555;
}

.third-party-lookup .button-group[b-q7aflca7hw] {
    margin-top: 1.25rem;
    display: flex;
    gap: 0.625rem;
    flex-wrap: wrap;
}

.selected-knowledge-details .button-group[b-q7aflca7hw] {
    margin-top: 1.25rem;
    display: flex;
    gap: 0.625rem;
    flex-wrap: wrap;
}

.selected-knowledge-details .details-grid[b-q7aflca7hw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    margin-bottom: 1.5625rem;
}

.selected-knowledge-details .grid-item[b-q7aflca7hw] {
    border-bottom: 0.0625rem solid #e0e0e0;
    padding-bottom: 0.9375rem;
   /* word-wrap: break-word;*/
}

    .selected-knowledge-details .grid-item:nth-child(odd)[b-q7aflca7hw] {
        border-right: 0.0625rem solid #e0e0e0;
        padding-right: 1.25rem;
    }

.selected-knowledge-details .details-grid > div:nth-last-child(1)[b-q7aflca7hw],
.selected-knowledge-details .details-grid > div:nth-last-child(2)[b-q7aflca7hw] {
    border-bottom: none;
    padding-bottom: 0;
}

.selected-knowledge-details .details-grid > div:nth-child(even)[b-q7aflca7hw] {
    border-right: none;
    padding-right: 0;
}

.selected-knowledge-details[b-q7aflca7hw] {
    height: 35.625rem;
}

    .selected-knowledge-details .label[b-q7aflca7hw] {
        font-weight: bold;
        color: #555;
        margin-right: 0.3125rem;
        display: block;
    }

    .selected-knowledge-details .text[b-q7aflca7hw] {
        color: #333;
    }

.tags-container[b-q7aflca7hw] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.375rem;
}

.tag[b-q7aflca7hw] {
    background-color: #044B53;
    color: white;
    padding: 0.375rem 0.75rem;
    border-radius: 0.625rem;
    font-size: 0.85em;
    font-weight: 500;
    white-space: nowrap;
}

.internal-knowledge-history ul[b-q7aflca7hw] {
    list-style: disc;
    padding-left: 1.25rem;
    margin-top: 0.625rem;
}

.internal-knowledge-history li[b-q7aflca7hw] {
    margin-bottom: 0.5rem;
    color: #333;
}

    .internal-knowledge-history li strong[b-q7aflca7hw] {
        font-weight: bold;
    }

.grid-toolbar[b-q7aflca7hw] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    margin-bottom: 0.625rem;
    justify-content: space-between;
    flex-wrap: wrap;
}

.grid-toolbar-left[b-q7aflca7hw],
.grid-toolbar-right[b-q7aflca7hw] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    flex-wrap: wrap;
}

.tb-icon-container[b-q7aflca7hw] {
    width: 15.625rem;
}

    .tb-icon-container .k-textbox[b-q7aflca7hw] {
        width: 100%;
    }

.grid-toolbar .k-button.icon-button[b-q7aflca7hw] {
    background-color: transparent;
    border: none;
    padding: 0;
    height: auto;
    min-width: unset;
    color: #044B53;
    box-shadow: none;
}

    .grid-toolbar .k-button.icon-button:hover[b-q7aflca7hw] {
        background-color: transparent;
        opacity: 0.7;
    }

    .grid-toolbar .k-button.icon-button .k-svg-icon[b-q7aflca7hw],
    .grid-toolbar .k-button.icon-button img[b-q7aflca7hw] {
        width: 1.25rem;
        height: 1.25rem;
        vertical-align: middle;
    }

.grid-toolbar .date-range-display[b-q7aflca7hw] {
    font-weight: bold;
    color: #555;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 0.3125rem;
}

.darkbutton[b-q7aflca7hw],
.downloadbutton[b-q7aflca7hw],
.sharebutton[b-q7aflca7hw] {
    flex-direction: row;
    align-items: center;
    padding: 0.375rem 0.625rem;
    gap: 0.5rem;
    height: 2rem;
    background: #044B53;
    border: 0.0625rem solid #228994;
    border-radius: 0.25rem;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #FFFFFF;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .darkbutton:hover[b-q7aflca7hw],
    .downloadbutton:hover[b-q7aflca7hw],
    .sharebutton:hover[b-q7aflca7hw] {
        background-color: #03373D;
    }

.reset-button[b-q7aflca7hw] {
    background-color: azure;
    border-radius: 0.3125rem;
    border: 0.0625rem solid #ccc;
    color: #333;
    padding: 0.375rem 0.625rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .reset-button:hover[b-q7aflca7hw] {
        background-color: #e0f0ff;
    }

.k-textbox[b-q7aflca7hw],
.k-dropdownlist[b-q7aflca7hw] {
    width: 100%;
    background-color: #fff;
    border: 0.0625rem solid #ccc;
    border-radius: 0.25rem;
    padding: 0.3125rem;
    box-sizing: border-box;
}

.my-dropdownlist .k-dropdown-wrap .k-popup .k-list-ul[b-q7aflca7hw] {
    background-color: white;
}

.sharebutton[b-q7aflca7hw] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.375rem 0.625rem;
    gap: 0.5rem;
    border-color: #D3EEF4;
    height: 2rem;
    background: #EDFAFF;
    border-radius: 0.25rem;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.sharebuttontext[b-q7aflca7hw] {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: flex;
    align-items: center;
    text-align: center;
    color: #044B53;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.telerik-grid tr.k-master-row[b-q7aflca7hw] {
    background-color: white !important;
}

.FaultContextOverview[b-q7aflca7hw] {
    background-color: #044B53;
    padding: 1.25rem;
    border-bottom-right-radius: 0.625rem;
    border-top-right-radius: 0.625rem;
    width: 18.75rem;
    color: white;
}
.SelectedKnowledgeDetails[b-q7aflca7hw] {
    background-color: #044B53;
    padding: 1.25rem; 
    border-bottom-right-radius: 0.625rem; 
    border-top-right-radius: 0.625rem;
    width: 18.75rem; 
    color: white;
}
.InternalKnowledgeHistory[b-q7aflca7hw] {
    background-color: #044B53;
    padding: 1.25rem;
    border-bottom-right-radius: 0.625rem;
    border-top-right-radius: 0.625rem;
    width: 18.75rem;
    color: white;
    /*font-size:0.8rem;*/
}
/* _content/RISHI.Web.UI/Components/Pages/ShiftManagement/ShiftManagement.razor.rz.scp.css */
.handover-container[b-pvk9whl4o9] {
    padding: 1.25rem;
    background-color: #ffffff;
    border: 1px solid #ddd; /* Keep as 1px for visual consistency */
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
}

.layout-row[b-pvk9whl4o9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
}

.header-group[b-pvk9whl4o9] {
    flex-shrink: 0;
}

.k-tilelayout-item[b-pvk9whl4o9] {
    background-color: #E1EEF0;
    border: 0.063rem solid #b3d7f1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1 calc(25% - 0.625rem);
}

    .k-tilelayout-item .k-tilelayout-header[b-pvk9whl4o9] {
        font-weight: bold;
        color: #3174a3;
        font-size: 0.875rem;
    }

    .k-tilelayout-item .k-tilelayout-content[b-pvk9whl4o9] {
        color: #555;
        font-size: 0.875rem;
    }

k-button.k-button-md.k-button-solid.k-button-solid-base.k-primary[b-pvk9whl4o9] {
    background-color: #0078d4;
    color: white;
}

.k-button[b-pvk9whl4o9] {
    margin-right: 0;
}

.form-group[b-pvk9whl4o9] {
    display: flex;
    gap: 20px;
}

.form-item[b-pvk9whl4o9] {
    display: flex;
    flex-direction: column;
}

    .form-item label[b-pvk9whl4o9] {
        font-weight: bold;
        margin-bottom: 0.313rem;
        color: #333;
    }

.button-group[b-pvk9whl4o9] {
    display: flex;
    gap: 0.625rem;
    align-items: center;
}

.k-checkbox[b-pvk9whl4o9] {
    margin: 0 0.313rem;
}

.k-button-solid-base[b-pvk9whl4o9] {
    border-color: azure;
    background-color: white;
}

.k-button.k-button-success[b-pvk9whl4o9] {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

.no-arrow .k-dropdown-wrap .k-select[b-pvk9whl4o9] {
    display: none !important;
}

.no-arrow .k-dropdown-wrap[b-pvk9whl4o9] {
    border-right: none !important;
}




.modal[b-pvk9whl4o9] {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: none;
}

    .modal.active[b-pvk9whl4o9] {
        display: flex;
        justify-content: center;
        align-items: center;
    }



.modal-content[b-pvk9whl4o9] {
    background: #fff;
    border-radius: 0.5rem; /* 8px */
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.2); /* 4px 12px */
    border: none;
    padding: 1.875rem; /* 30px */
    text-align: center;
    position: relative;
    max-width: 21.875rem; /* 350px */
    min-width: 15.625rem; /* 250px */
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.625rem; /* 10px */
}

/* Checkmark Circle */
.checkmark-circle[b-pvk9whl4o9] {
    width: 4.375rem; /* 70px */
    height: 4.375rem;
    background-color: #4CAF50;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.938rem; /* 15px */
}

    .checkmark-circle .k-icon.k-i-check[b-pvk9whl4o9] {
        color: #fff;
        font-size: 2.5rem; /* 40px */
        line-height: 1;
    }

/* Text Styling */
.handover-success-text[b-pvk9whl4o9] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 600;
    font-size: 1.25rem; /* 20px */
    color: #333;
    margin-bottom: 0.313rem; /* 5px */
}

.reflected-success-text[b-pvk9whl4o9] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.875rem; /* 14px */
    color: #666;
}

.custom-close-button[b-pvk9whl4o9] {
    display: none;
}

.modal-ok-button[b-pvk9whl4o9] {
    background-color: #04AA6D;
    color: white;
    padding: 0.625rem 1.25rem; /* 10px 20px */
    border: none;
    border-radius: 0.313rem; /* 5px */
    cursor: pointer;
    margin-top: 1.25rem; /* 20px */
    font-size: 1rem; /* 16px */
}

    .modal-ok-button:hover[b-pvk9whl4o9] {
        background-color: #03905e;
    }

.shift-activity-container[b-pvk9whl4o9] {
    display: flex;
    align-items: center;
    background-color: #e0f2f7;
    padding: 0.625rem; /* 10px */
    border-radius: 0.5rem; /* 8px */
    box-shadow: 0 0.25rem 0.375rem -0.125rem rgba(34, 137, 148, 0.42); /* 4px 6px -2px */
    margin-bottom: 1.25rem; /* 20px */
    margin-top: 0.625rem; /* 10px */
}

    .shift-activity-container .header-row[b-pvk9whl4o9] {
        flex-shrink: 0;
        padding-right: 1.25rem; /* 20px */
    }

.shift-card[b-pvk9whl4o9] {
    background-color: #fff;
    border-radius: 0.5rem; /* 8px */
    padding: 0.938rem 0.938rem; /* 15px */
    margin: 0 0.625rem; /* 10px */
    box-shadow: 0 0.063rem 0.188rem rgba(0, 0, 0, 0.1); /* 1px 3px */
    flex-grow: 1;
    display: flex;
    align-items: center;
    /*min-width: 23.75rem; */ /* 380px */
    height: 4.5rem; /* 72px */
}

    .shift-card .card-content[b-pvk9whl4o9] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
    }

    .shift-card .header-details[b-pvk9whl4o9] {
        display: flex;
        align-items: center;
        margin-bottom: 0.5rem; /* 8px */
    }

    .shift-card .card-icon[b-pvk9whl4o9] {
        width: 2.25rem; /* 36px */
        height: 2.25rem;
        margin-right: 0.5rem; /* 8px */
    }

    /* Styling for the labels (Section, Units, Shift, Handover by) */
    .shift-card .label[b-pvk9whl4o9] {
        font-size: 0.9rem;
        color: #115EA3; /* Muted color for labels */
        font-weight: 600;
    }

    /* Styling for the actual values (@Shift.Section, @Shift.Units, etc.) */
    .shift-card .value[b-pvk9whl4o9] {
        font-size: 0.875rem;
        font-weight: 400;
        color: #616161; /* Darker color for values */
    }

/* Adjust the specific header for "Shift Activity Details" */
.shift-activity-container > .header-row > div[b-pvk9whl4o9] {
    font-weight: 600;
    color: #242424;
    font-size: 1.5rem; /* Already in rem */
    padding: 0.938rem; /* 15px */
    width: 195px; /* Leave as-is as requested */
    line-height: 1.2;
}

.switch[b-pvk9whl4o9] {
    background-color: #97D4E2;
    width: 2.5rem; /* 40px */
    height: 1.25rem; /* 20px */
}

.generic-outline-button[b-pvk9whl4o9] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.625rem 1.25rem; /* 10px 20px */
    border: 0.125rem solid #32c1c1; /* 2px */
    border-radius: 0.5rem; /* 8px */
    background-color: #ffffff;
    color: #32c1c1;
    font-family: Arial, sans-serif;
    font-size: 1rem; /* Already in rem */
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05); /* 2px 4px */
}

    .generic-outline-button .button-icon[b-pvk9whl4o9] {
        width: 1.5rem; /* 24px */
        height: 1.5rem;
        margin-right: 0.625rem; /* 10px */
        fill: #32c1c1;
        color: #32c1c1;
    }

    .generic-outline-button:hover[b-pvk9whl4o9] {
        background-color: #e6f7f7;
        border-color: #2ab0b0;
        color: #2ab0b0;
    }

        .generic-outline-button:hover .button-icon[b-pvk9whl4o9] {
            fill: #2ab0b0;
            color: #2ab0b0;
        }


.initiate-button[b-pvk9whl4o9] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.625rem 1.25rem; /* 10px 20px */
    border: 0.125rem solid #32c1c1; /* 2px */
    border-radius: 0.5rem; /* 8px */

    color: #32c1c1;
    font-family: Arial, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05); /* 2px 4px */

    width: 18.75rem; /* 300px */
    background-color: #e6f7f7;
}

    /* Hover effect */
    .initiate-button:hover[b-pvk9whl4o9] {
        background-color: #e6f7f7; /* Slightly lighter teal background on hover */
        border-color: #2ab0b0; /* Slightly darker border on hover */
        color: #2ab0b0; /* Slightly darker text on hover */
    }

    /* Active/Clicked state */
    .initiate-button:active[b-pvk9whl4o9] {
        background-color: #d1eff7; /* Even lighter background when clicked */
        border-color: #1a9696; /* Even darker border when clicked */
        color: #1a9696; /* Even darker text when clicked */
    }



/* Styles for the "Primary" state (when IsSelfHandover is false) */
.initiate-button-primary[b-pvk9whl4o9] {
    background-color: #e6f7f7; /* White background */
    border-color: #32c1c1; /* Teal border */
    color: #32c1c1; /* Teal text */
}

    .initiate-button-primary:hover[b-pvk9whl4o9] {
        background-color: #e6f7f7; /* Lighter teal background on hover */
        border-color: #2ab0b0; /* Darker teal border on hover */
        color: #2ab0b0; /* Darker teal text on hover */
    }

    .initiate-button-primary:active[b-pvk9whl4o9] {
        background-color: #d1eff7;
        border-color: #1a9696;
        color: #1a9696;
    }

/* Styles for the "Success" state (when IsSelfHandover is true) */
.initiate-button-success[b-pvk9whl4o9] {
    background-color: #228994; /* Green background */
    border-color: #28a745; /* Green border */
    color: #ffffff; /* White text */
}

    .initiate-button-success:hover[b-pvk9whl4o9] {
        background-color: #228994; /* Darker green background on hover */
        border-color: #1e7e34; /* Darker green border on hover */
        color: #ffffff; /* White text */
    }

    .initiate-button-success:active[b-pvk9whl4o9] {
        background-color: #1c7430;
        border-color: #1a6d2c;
        color: #ffffff;
    }



/* New Notification Modal specific styles */
.new-notification-modal-content[b-pvk9whl4o9] {
    width: 45rem; /* Adjust width as needed */
    height: 31.25rem; /* Let content define height */
    max-height: 90vh; /* Max height for responsiveness */
    overflow-y: auto; /* Enable scrolling if content overflows */
    padding: 0; /* Remove default padding as content will have its own */
    border-radius: 0.5rem;
    box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1);
    font-family: 'Segoe UI', sans-serif;
}

    .new-notification-modal-content .modal-header[b-pvk9whl4o9] {
        background-color: #044B53; /* Dark green header */
        color: #fff;
        font-weight: 600;
        font-size: 1.1em;
        padding: 0.9375rem 1.25rem;
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .new-notification-modal-content .modal-title[b-pvk9whl4o9] {
        color: #fff;
        font-size: 1.1em;
        font-weight: 600;
    }

    .new-notification-modal-content .modal-close-button[b-pvk9whl4o9] {
        background: none;
        border: none;
        color: #fff;
        font-size: 1.5em;
        cursor: pointer;
        line-height: 1; /* Align 'X' properly */
    }

    /* Styles for the content within the new notification modal */
    .new-notification-modal-content .notification-content[b-pvk9whl4o9] {
        padding: 20px;
        display: flex;
        flex-direction: column;
        background-color: #fff; /* Ensure white background for content area */
    }

    .new-notification-modal-content .handover-takeover-header[b-pvk9whl4o9] {
        text-align: left;
        margin-bottom: 10px;
    }

    .new-notification-modal-content .handover-takeover-title[b-pvk9whl4o9] {
        font-weight: 600;
        font-size: 1.3em;
        color: #333333;
    }

    .new-notification-modal-content .handover-details[b-pvk9whl4o9] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #f7f7f7;
        border-radius: 0.375rem;
        background-color: white;
    }

    .new-notification-modal-content .user-info[b-pvk9whl4o9] {
        display: flex;
        flex-direction: column;
        align-items: self-start;
        gap: 0.3125rem;
        min-width: 6.25rem;
    }

    .new-notification-modal-content .user-label[b-pvk9whl4o9] {
        font-weight: 500;
        font-size: 0.875rem;
        color: #000;
        text-align: left;
    }

    .new-notification-modal-content .user-role[b-pvk9whl4o9] {
        font-size: 0.9em;
        color: #666;
    }

    .new-notification-modal-content .transfer-arrow[b-pvk9whl4o9] {
        font-weight: 600;
        font-size: 1.1em;
        color: #242424;
        margin: 0 10px;
    }

    .new-notification-modal-content .request-status[b-pvk9whl4o9] {
        font-weight: 500;
        color: #242424;
        margin-left: 1.25rem;
        min-width: 7.5rem;
    }

    .new-notification-modal-content .user-avatars[b-pvk9whl4o9] {
        display: flex;
        align-items: center;
        gap: 0.625rem;
        margin-left: auto;
    }

    .new-notification-modal-content .avatar[b-pvk9whl4o9] {
        width: 3.125rem;
        height: 3.125rem;
        border-radius: 50%;
        object-fit: cover;
        border: 0.125rem solid #ddd;
    }

    .new-notification-modal-content .arrow-right[b-pvk9whl4o9] {
        font-size: 1.5em;
        color: #242424;
    }

    .new-notification-modal-content .handover-timing-details[b-pvk9whl4o9],
    .new-notification-modal-content .shift-details[b-pvk9whl4o9] {
        display: flex;
        flex-wrap: wrap;
        gap: 1.25rem 2.5rem;
        margin-top: 0.625rem;
    }

    .new-notification-modal-content .timing-item[b-pvk9whl4o9],
    .new-notification-modal-content .shift-item[b-pvk9whl4o9] {
        display: flex;
        flex-direction: column;
    }

    .new-notification-modal-content .timing-label[b-pvk9whl4o9],
    .new-notification-modal-content .shift-label[b-pvk9whl4o9] {
        font-weight: 600;
        font-size: 1.125rem;
        color: #666;
    }

    .new-notification-modal-content .timing-value[b-pvk9whl4o9],
    .new-notification-modal-content .shift-value[b-pvk9whl4o9] {
        font-weight: 600;
        color: #242424;
        font-size: 1em;
    }

    .new-notification-modal-content .notification-actions[b-pvk9whl4o9] {
        display: flex;
        justify-content: center;
        gap: 0.9375rem;
        margin-top: 1.25rem;
        border-top-color: #E0E0E0;
        border-top: 0.0625rem;
    }

    /* Telerik Buttons can still be used for Accept/Reject,
   their styling should apply as they are standard Telerik components */
    .new-notification-modal-content .accept-button.k-button[b-pvk9whl4o9] {
        background-color: #044B53; /* Green background */
        color: #fff;
        border: none;
        padding: 0.625rem 1.5625rem;
        border-radius: 0.3125rem;
        cursor: pointer;
        font-weight: 600;
        font-size: 1em;
        transition: background-color 0.2s;
    }

        .new-notification-modal-content .accept-button.k-button:hover[b-pvk9whl4o9] {
            background-color: #033a40;
        }

    .new-notification-modal-content .reject-button.k-button[b-pvk9whl4o9] {
        background-color: #fff;
        color: #E53935;
        border: 0.0625rem solid #E53935;
        padding: 0.625rem 1.5625rem;
        border-radius: 0.3125rem;
        cursor: pointer;
        font-weight: 600;
        font-size: 1em;
        transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    }

        .new-notification-modal-content .reject-button.k-button:hover[b-pvk9whl4o9] {
            background-color: #E53935;
            color: #fff;
        }



.modal-content-rejection[b-pvk9whl4o9] {
    background-color: #fefefe;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    width: 350px; /* Adjust as needed for the rejection popup */
    text-align: center;
    position: relative;
    display: flex; /* Use flexbox for alignment */
    flex-direction: column; /* Stack items vertically */
    align-items: center; /* Center horizontally */
    animation-name: animatetop-b-pvk9whl4o9;
    animation-duration: 0.4s;
}

.rejection-icon[b-pvk9whl4o9] {
    margin-bottom: 15px;
}

.rejection-message[b-pvk9whl4o9] {
    font-family: 'Segoe UI';
    font-weight: 600;
    font-size: 1.25rem;
    color: #242424;
    margin-bottom: 5px;
}

.rejection-sub-message[b-pvk9whl4o9] {
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 1rem;
    color: #6C6C6C;
    margin-bottom: 20px;
}

@keyframes animatetop-b-pvk9whl4o9 {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

.k-input-value-text[b-pvk9whl4o9] {
    background-color: white;
}

/* ===================== ADDED (append-only) ===================== */

/* Required field marker */
.form-item.required > label[b-pvk9whl4o9]::after {
    content: " *";
    color: #FF6B6E;
    font-weight: 700;
}

/* Invalid red highlight */
.form-item.invalid > label[b-pvk9whl4o9] {
    color: #FF6B6E;
}

.form-item.invalid .k-input[b-pvk9whl4o9],
.form-item.invalid .k-picker[b-pvk9whl4o9],
.form-item.invalid .k-dropdownlist[b-pvk9whl4o9],
.form-item.invalid .k-combobox[b-pvk9whl4o9],
.form-item.invalid .k-textbox[b-pvk9whl4o9],
.form-item.invalid .k-dropdown-wrap[b-pvk9whl4o9],
.form-item.invalid .k-input-inner[b-pvk9whl4o9] {
    border-color: #FF6B6E !important;
    box-shadow: 0 0 0 1px #FF6B6E inset !important;
}

/* Disable Initiate button */
button[disabled][b-pvk9whl4o9] {
    opacity: .6;
    cursor: not-allowed;
}


/* ===============
        dark them
    =============== */
html[data-theme="dark"] .shift-activity-container[b-pvk9whl4o9] {
    background-color: #172C2F !important;
}
html[data-theme="dark"] .header-row-1[b-pvk9whl4o9] {
    color: #DBDBDB !important;
}
html[data-theme="dark"] .shift-card[b-pvk9whl4o9] {
    background-color: #121212 !important;
}
html[data-theme="dark"] .value[b-pvk9whl4o9] {
    color: #616161 !important;
}
html[data-theme="dark"] .handover-container[b-pvk9whl4o9] {
    background-color: #0D0D0D !important;
    border-color: #0D0D0D;
    color: #DBDBDB !important;
}
html[data-theme="dark"] .page-text-color[b-pvk9whl4o9] {
    color: #DBDBDB !important;
}
html[data-theme="dark"] .generic-outline-button[b-pvk9whl4o9] {
    background-color: #121212 !important;
    border-color: #80BED4;
}
html[data-theme="dark"] .initiate-button-success[b-pvk9whl4o9] {
    border-color: #80BED4;
}
html[data-theme="dark"] .initiate-button-primary[b-pvk9whl4o9] {
    background-color: #0D0D0D !important;
    border-color: #80BED4;
}




/* _content/RISHI.Web.UI/Components/Pages/SymptomConfig/Components/AddNewModelSymptom.razor.rz.scp.css */
/* PANEL */
.fault-subpanel[b-goft33go9m] {
    background: white;
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    padding-bottom: .5rem;
}

/* TITLE */
.expresstext[b-goft33go9m] {
    background-color: #006d72;
    color: white;
    font-weight: 600;
    font-size: .85rem;
    padding: .4rem;
    border-radius: 6px 6px 0 0;
}

/* GRID FIELDS */
.template-fields[b-goft33go9m] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.2rem;
    padding: .9rem;
}

/* TEXTBOX */
.textbox[b-goft33go9m] {
    width: 70%;
    padding: .45rem;
    border: 1px solid #b3e5fc;
    border-radius: 4px;
    font-size: .8rem;
}

/* SELECT */
.data-type-select[b-goft33go9m] {
    width: 70%;
    padding: .45rem;
    border: 1px solid #b3e5fc;
    border-radius: 4px;
    font-size: .8rem;
}

/* BUTTONS */
.btn[b-goft33go9m] {
    background: #4FB38E;
    color: white;
    border-radius: 4px;
    height: 2.35rem;
    padding: 0 .8rem;
    font-size: .85rem;
    cursor: pointer;
    border: none;
}

    .btn:hover[b-goft33go9m] {
        background: #007a67;
    }

    .btn.clear[b-goft33go9m] {
        background: #D4EEF4;
        color: #007B83;
    }
/* _content/RISHI.Web.UI/Components/Pages/SymptomConfig/Components/SymptomAssetTree.razor.rz.scp.css */
.asset-sidebar[b-qx1zw7cyzn] {
    width: 260px;
    border: 1px solid #D3E6E7;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Search */
.search-box[b-qx1zw7cyzn] {
    display: flex;
    align-items: center;
    padding: 0.45rem 0.65rem;
}

    .search-box input[b-qx1zw7cyzn] {
        width: 100%;
        border: 1px solid #b3e5fc;
        border-radius: 4px;
        padding: 0.35rem;
        font-size: .8rem;
    }

.search-icon[b-qx1zw7cyzn] {
    margin-left: -22px;
    font-size: .75rem;
    cursor: pointer;
}

/* Asset Title */
.asset-header[b-qx1zw7cyzn] {
    background: #006d72;
    color: white;
    padding: 0.40rem 0.65rem;
    font-size: .78rem;
    font-weight: 600;
    border-radius: 4px;
    margin: .35rem .45rem;
}

/* Scroll List */
.asset-list[b-qx1zw7cyzn] {
    overflow-y: auto;
    flex: 1;
}

/* Asset parent row */
.asset-row[b-qx1zw7cyzn] {
    padding: .50rem .75rem;
    display: flex;
    align-items: center;
    gap: .45rem;
    cursor: pointer;
    border-bottom: 1px solid #eaf3f3;
}

    .asset-row:hover[b-qx1zw7cyzn] {
        background: #f0fafc;
    }

.asset-name[b-qx1zw7cyzn] {
    flex: 1;
    font-size: .84rem;
    font-weight: 500;
}

/* Expand triangle */
/* COLLAPSED – SIDE ARROW like ▶ */
.expand-icon[b-qx1zw7cyzn] {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #006d72; /* teal */
    cursor: pointer;
    transition: transform .2s ease;
    margin-right: .35rem;
}

    /* EXPANDED – rotate to ▼ */
    .expand-icon.open[b-qx1zw7cyzn] {
        transform: rotate(90deg);
    }


/* Add button */
.add-btn[b-qx1zw7cyzn] {
    background: #007980;
    color: white;
    border: none;
    width: 20px;
    height: 20px;
    font-size: .72rem;
    border-radius: 4px;
    cursor: pointer;
}
/* _content/RISHI.Web.UI/Components/Pages/SymptomConfig/Components/SymptomDefinition.razor.rz.scp.css */
.scroll-content[b-9o2i3gwwph] {
    padding: 1rem;
}

/* 3-column layout for first row */
.template-fields[b-9o2i3gwwph] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem 1.2rem;
    padding: 0.8rem 1.2rem;
}

/* Textboxes */
.textbox[b-9o2i3gwwph],
.data-type-select[b-9o2i3gwwph] {
    width: 100%;
    padding: .45rem;
    border: 1px solid #b3e5fc;
    border-radius: 4px;
    font-size: .8rem;
    font-family: Inter;
}

/* Description occupies column 1 and 2 */
.template-fields > div:nth-child(4)[b-9o2i3gwwph] {
    grid-column: span 2;
}

/* Display Name under Description */
.template-fields > div:nth-child(5)[b-9o2i3gwwph] {
    grid-column: span 1;
}

/* Notification */
.checkbox-list[b-9o2i3gwwph] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    padding: .6rem 0 0 1.2rem;
}

/* Panel */
.fault-subpanel[b-9o2i3gwwph] {
    border: 1px solid #C7E3E5;
    border-radius: 6px;
    background-color: #FFFFFF;
}

/* Header strip */
.expresstext[b-9o2i3gwwph] {
    background: #CCE8EB;
    color: #228994;
    padding: .35rem .6rem;
    font-weight: 600;
    font-size: .8rem;
    font-family: Inter;
}

/* Footer Buttons */
.btn[b-9o2i3gwwph] {
    background: #006666;
    color: white;
    border-radius: 4px;
    width: 6rem;
    height: 2rem;
    border: none;
    cursor: pointer;
    font-size: .8rem;
    font-family: Inter;
}

    .btn:hover[b-9o2i3gwwph] {
        background: #004d4d;
    }

    .btn.save[b-9o2i3gwwph] {
        background: #4FB38E;
    }

        .btn.save:hover[b-9o2i3gwwph] {
            background: #3C8F72;
        }



/* =====================================
             DARK MODE
   ===================================== */
html[data-theme="dark"] .fault-subpanel[b-9o2i3gwwph] {
    background-color: #0D0D0D !important;
    border: 1px solid #0D0D0D;
}

html[data-theme="dark"] label[b-9o2i3gwwph] {
    color: white;
}
html[data-theme="dark"] .expresstext[b-9o2i3gwwph] {
    background: #103840;
    color: #ACF3FB;
}
/* _content/RISHI.Web.UI/Components/Pages/SymptomConfig/Components/SymptomExpression.razor.rz.scp.css */
.fault-subpanel[b-69ae2ce6xg] {
    flex: 1;
    background: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Main container - left & right */
.fault-exp-container[b-69ae2ce6xg] {
    display: flex;
    height: 100%;
    flex: 1;
    padding: 1rem;
    gap: 1rem;
    position: relative;
}

/* Panel Top Title Bar */
.expresstext[b-69ae2ce6xg] {
    background: #D3EEF4;
    padding: .35rem .65rem;
    border-radius: 4px 4px 0 0;
    font-size: .8rem;
    font-family: Inter;
    font-weight: 600;
    color: #228994;
}

/* LEFT PANEL */
.left-panel[b-69ae2ce6xg] {
    flex: 1;
    border: 1px solid #b3e5fc;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
}

.variables-list[b-69ae2ce6xg] {
    display: flex;
    flex-direction: column;
    gap: .48rem;
    padding: 1rem;
    font-size: .8rem;
    font-family: Inter;
}

/* RIGHT PANEL */
.right-panel[b-69ae2ce6xg] {
    flex: 1.2; /* make right panel wider */
    border: 1px solid #b3e5fc;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
}

.info-row[b-69ae2ce6xg] {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .8rem 1rem;
    font-size: .8rem;
    font-family: Inter;
}

/* Drop Zone */
.drop-zone[b-69ae2ce6xg] {
    flex: 1;
    border: 1px dashed #b3e5fc;
    border-radius: 4px;
    margin: 0 1rem 1rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .9rem;
    color: #9aa2a2;
    font-family: Inter;
}

.drop-item[b-69ae2ce6xg] {
    background: #eafaf7;
    border: 1px solid #4fb38e;
    padding: .35rem .7rem;
    border-radius: 4px;
    font-size: .8rem;
    margin: .3rem;
}



/* Footer Buttons Bar */
.btn-row[b-69ae2ce6xg] {
    background: #E1EEF0;
    padding: .7rem .9rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #cddddd;
}

/* Buttons */
.btn[b-69ae2ce6xg] {
    background: #006666;
    border: none;
    color: white;
    width: 6rem;
    height: 2rem;
    font-family: Inter;
    font-size: .8rem;
    cursor: pointer;
    border-radius: 4px;
}

    .btn:hover[b-69ae2ce6xg] {
        background: #004d4d;
    }
btn.checkSyntax[b-69ae2ce6xg] {
    background: #4FB38E;
}

.btn.checkSyntax:hover[b-69ae2ce6xg] {
    background: #3d8f72;
}
    .btn.save[b-69ae2ce6xg] {
        background: #4FB38E;
    }

        .btn.save:hover[b-69ae2ce6xg] {
            background: #3d8f72;
        }

.separator[b-69ae2ce6xg] {
    width: 3px;
    background: #b7d9de;
    border-radius: 5px;
    margin: 1rem 0;
}

.separator[b-69ae2ce6xg] {
    width: 3px;
    background: #b7d9de;
    border-radius: 5px;
    margin: 0 0.8rem;
    height: calc(100% - 2rem); /* subtract top & bottom spacing so it aligns */
    align-self: center; /* vertically center */
}

.variable-grid[b-69ae2ce6xg] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin-bottom: 15px;
}

.three-panel[b-69ae2ce6xg] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; /* 3 equal columns */
    gap: 20px;
    width: 100%;
}


.var-box[b-69ae2ce6xg] {
    border: 1px solid #d5e3e8;
    padding: 10px;
    height: 350px;
    overflow-y: auto;
    background: white;
}

.head[b-69ae2ce6xg] {
    font-weight: 600;
    font-size: .9rem;
    margin-bottom: 8px;
    color: #044B53;
}

.item-row[b-69ae2ce6xg] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.drop-area[b-69ae2ce6xg] {
    border: 2px dashed #74b0c6;
    padding: 15px;
    height: 150px;
    background: #f8fbfc;
    overflow-y: auto;
    margin-bottom: 10px;
}

.chip[b-69ae2ce6xg] {
    background: #088F8F;
    color: white;
    display: inline-block;
    padding: 3px 8px;
    margin: 3px;
    border-radius: 4px;
    font-size: .78rem;
}

.empty[b-69ae2ce6xg] {
    color: #7b8b90;
    font-size: .85rem;
}

.fault-exp-wrapper[b-69ae2ce6xg] {
    margin-top: 10px;
    font-family: 'Inter',sans-serif;
}

.section-title[b-69ae2ce6xg] {
    font-size: .9rem;
    font-weight: 600;
    color: #006E7F;
    margin-bottom: 10px;
}

.two-panel[b-69ae2ce6xg] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

/* CARD PANELS */
.panel-box[b-69ae2ce6xg] {
    border: 1px solid #C7D9E5;
    background: white;
    border-radius: 6px;
    height: 420px;
    display: flex;
    flex-direction: column;
}

/* Header top bar */
.panel-header[b-69ae2ce6xg] {
    background: #E3F4F4;
    padding: 8px 12px;
    font-size: .85rem;
    font-weight: 600;
    color: #007A8A;
    border-bottom: 1px solid #C7D9E5;
}

/* Scroll body */
.panel-body[b-69ae2ce6xg] {
    padding: 10px;
    overflow-y: auto;
    flex: 1;
}

.item-row[b-69ae2ce6xg] {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: .85rem;
    margin-bottom: 6px;
}

/* Info hint row */
.info-row[b-69ae2ce6xg] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .78rem;
    color: #48666C;
    padding: 10px 12px;
}

.info-icon[b-69ae2ce6xg] {
    width: 14px;
}

/* Selected Variables Panel */
.drop-zone[b-69ae2ce6xg] {
    padding: 10px;
    flex: 1;
    border-top: 1px dashed #90C7CE;
    overflow-y: auto;
}

.drop-placeholder[b-69ae2ce6xg] {
    color: #9AAEB1;
    font-size: .85rem;
}

/* Chips */
.selected-chip[b-69ae2ce6xg] {
    background: #00A19D;
    color: white;
    padding: 4px 8px;
    margin: 4px;
    border-radius: 4px;
    font-size: .78rem;
    display: inline-block;
}

/* Footer Buttons */
.button-row[b-69ae2ce6xg] {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    gap: 15px;
}

.btn[b-69ae2ce6xg] {
    padding: 6px 18px;
    border: none;
    border-radius: 4px;
    font-size: .85rem;
    cursor: pointer;
    font-weight: 600;
}

    .btn.back[b-69ae2ce6xg] {
        background: #D9E7EA;
        color: #004E53;
    }

    .btn.checkSyntax[b-69ae2ce6xg] {
        background: #22A699;
        color: white;
        width: fit-content;
        margin-left: 10px;
        margin-bottom: 5px;
    }
    .btn.save[b-69ae2ce6xg] {
        background: #22A699;
        color: white;
    }

    .btn.next[b-69ae2ce6xg] {
        background: #21867A;
        color: white;
    }

.clickable[b-69ae2ce6xg] {
    cursor: pointer;
    padding: 4px 6px;
}

    .clickable:hover[b-69ae2ce6xg] {
        background: #e9f6ff;
    }

.selected-textarea[b-69ae2ce6xg] {
    width: 100%;
    height: 150px;
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    padding: 8px;
    resize: none;
    font-size: 0.9rem;
}

.secondary-header[b-69ae2ce6xg] {
    background: #F5FAFA;
    font-size: .82rem;
    font-weight: 600;
    color: #007A8A;
    padding: 6px 12px;
    border-top: 1px solid #C7D9E5;
}

/* second text box smaller */
.small-box[b-69ae2ce6xg] {
    height: 120px !important; /* adjust here */
}




html[data-theme="dark"] .panel-body[b-69ae2ce6xg], html[data-theme="dark"] .panel-box[b-69ae2ce6xg] {
    background: #0D0D0D !important;
    color: #036F7D !important;
    border-color: #97D4E2;
}

    html[data-theme="dark"] .panel-body span[b-69ae2ce6xg] {
        color: white;
    }

    html[data-theme="dark"] .panel-body .item-row:hover[b-69ae2ce6xg],
    html[data-theme="dark"] .panel-body .item-row:hover span[b-69ae2ce6xg] {
        color: #000;
    }

    html[data-theme="dark"] .selected-textarea[b-69ae2ce6xg] {
        background: #1B1B1B !important;
        border-color: #97D4E2;
        color: white;
    }
html[data-theme="dark"] .panel-header[b-69ae2ce6xg] {
    background: #103840 !important;
    color: #ACF3FB !important;
}
html[data-theme="dark"] .info-row[b-69ae2ce6xg] {
    color: white;
}
/* _content/RISHI.Web.UI/Components/Pages/SymptomConfig/Components/SymptomTabs.razor.rz.scp.css */
.symptom-tabs-container[b-gtzmc9w5ro] {
    background: #ffffff;
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    margin-top: 1rem;
}

.symptom-tabs-header[b-gtzmc9w5ro] {
    display: flex;
    border-bottom: 1px solid #ccc;
    padding: 0.5rem 1rem;
    gap: 2rem;
}

    .symptom-tabs-header span[b-gtzmc9w5ro] {
        cursor: pointer;
        padding-bottom: 6px;
        font-size: .85rem;
        font-weight: 500;
        color: #004D4D;
    }

    .symptom-tabs-header .active-tab[b-gtzmc9w5ro] {
        border-bottom: 2px solid #006666;
        color: #006666;
        font-weight: 600;
    }

.symptom-tabs-body[b-gtzmc9w5ro] {
    padding: 1rem;
}
.expresstext[b-gtzmc9w5ro] {
    background-color: #006d72;
    color: white;
    font-weight: 600;
    font-size: .85rem;
    padding: .4rem;
    border-radius: 6px 6px 0 0;
}

body[b-gtzmc9w5ro] {
}


/* =====================================
             DARK MODE
   ===================================== */

html[data-theme="dark"] .symptom-tabs-header[b-gtzmc9w5ro] {
    border-bottom: 1px solid #0D0D0D !important;
    background: #1B1B1B !important;
    color: #036F7D !important;
}
html[data-theme="dark"] span[b-gtzmc9w5ro] {
    color: #036F7D !important;
}
/* _content/RISHI.Web.UI/Components/Pages/SymptomConfig/SymptomModelConfig.razor.rz.scp.css */
.fault-model-page[b-q30c3kil4l] {
    display: flex;
    flex-direction: row;
    gap: 0.8rem;
}
.fault-tree-and-form[b-q30c3kil4l] {
    display: flex;
    gap: 1rem;
    height: 50%;
    flex-direction: column;
}
.model-container[b-q30c3kil4l] {
    display: flex;
    /*    gap: 1rem;*/
    height: 100%;
    width: 100%;
    flex-direction: column;
}
.tree-container[b-q30c3kil4l] {
    max-height: 400px;
    max-width: 180px;
    overflow-y: auto;
    border: 1px solid #ccc;

}
.k-treeview-item > div[b-q30c3kil4l] {
    padding: 0 !important;
    margin: 0 !important;
}
.k-treeview-item[b-q30c3kil4l] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.k-treeview-leaf-text[b-q30c3kil4l] {
    padding: 0 !important;
}
/* Main container: left tree + right tabs */
.fault-model-container[b-q30c3kil4l] {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 0.75rem;
}

    /* left panel scroll */
    .fault-model-container > :first-child[b-q30c3kil4l] {
        height: 540px;
    }

    /* right panel */
    .fault-model-container > :last-child[b-q30c3kil4l] {
        height: 540px;
    }
.search-box[b-q30c3kil4l] {
    display: flex;
    align-items: center;
    padding: 0.45rem 0.65rem;
    max-width: 200px;
}

    .search-box input[b-q30c3kil4l] {
        width: 100%;
        border: 1px solid #b3e5fc;
        border-radius: 4px;
        padding: 0.35rem;
        font-size: .8rem;
    }

.search-icon[b-q30c3kil4l] {
    margin-left: -22px;
    font-size: .75rem;
    cursor: pointer;
}

/* Asset Title */
.fault-model-header[b-q30c3kil4l] {
    background: #006d72;
    color: white;
    padding: 0.40rem 0.65rem;
    font-size: .78rem;
    font-weight: 600;
    border-radius: 4px;
    margin: .35rem .45rem;
    max-width: 200px;
}
.Titletext[b-q30c3kil4l] {
    font-size: .9rem;
    font-weight: 600;
    color: #006E7F;
}

/* line */
.horzontalline[b-q30c3kil4l] {
    margin-top: 4px;
    border: 0;
    border-top: 1px solid #D1E3E5;
}

/* _content/RISHI.Web.UI/Components/Pages/ThirdPartyHomePage/ThirdPartyHomePage.razor.rz.scp.css */
.dashboard-top[b-hq8z1y6u6g] {
    height: 75px;
    width: 100%;
    background-color: #025964;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 1rem;
    gap: 1rem;
}

.dropdown-wrapper[b-hq8z1y6u6g] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

/* ---- MAIN DROPDOWN BOX ---- */
.k-picker-solid[b-hq8z1y6u6g],
.dropdown-dashboard .k-picker[b-hq8z1y6u6g],
.k-picker[b-hq8z1y6u6g] {
    background-color: #025964 !important;
    border: 1px solid #0F97A8 !important;
    border-radius: 4px !important;
    color: white !important;
}

/* ---- INNER INPUT TEXT ---- */
.k-input-inner[b-hq8z1y6u6g] {
    background-color: #025964 !important;
    color: white !important;
    font-size: 0.75rem !important;
    font-family: Inter !important;
}

/* ---- SIZE OF DROPDOWN ---- */
.dropdown-dashboard[b-hq8z1y6u6g] {
    height: 1.5rem !important;
    min-height: 1.5rem !important;
}

/* ---- POPUP LIST ---- */
.k-animation-container .k-list[b-hq8z1y6u6g] {
    background-color: #025964 !important;
    color: white !important;
    font-size: 0.75rem !important;
    font-family: Inter !important;
}

/* ---- ITEMS ---- */
.k-list .k-item[b-hq8z1y6u6g] {
    color: white !important;
    font-size: 0.75rem !important;
    padding: 4px 8px;
}

    /* ---- HOVER ---- */
    .k-list .k-item:hover[b-hq8z1y6u6g] {
        background-color: #025964 !important;
        border: 2px solid #0F97A8 !important;
    }

    /* ---- SELECTED ---- */
    .k-list .k-item.k-state-selected[b-hq8z1y6u6g] {
        background-color: #025964 !important;
        border: 2px solid #0F97A8 !important;
        color: white !important;
    }

/* ===================================================== */
/* =============== FAULT MANAGEMENT ==================== */
/* ===================================================== */

.fault-header[b-hq8z1y6u6g] {
    font-family: Inter;
    font-size: 0.95rem;
    font-weight: 700;
    color: #025964;
    margin: 0.5rem 0;
}

.case-table[b-hq8z1y6u6g] {
    width: 100%;
    height: 21rem;
    border-collapse: collapse;
}

    .case-table tr[b-hq8z1y6u6g] {
        height: 50%;
    }

        .case-table tr td[b-hq8z1y6u6g] {
            width: 50%;
            text-align: center;
            vertical-align: middle;
            font-family: Inter;
            font-size: 1.8rem;
            font-weight: 800;
            border: 1px solid #D0D0D0;
        }

            .case-table tr td span[b-hq8z1y6u6g] {
                display: block;
                margin-top: 0.25rem;
                font-size: 0.9rem;
                font-weight: 600;
                color: #044B53;
            }

        /* ---- COLORS (EXACTLY SAME AS HOME) ---- */

        .case-table tr:first-child td:first-child[b-hq8z1y6u6g] {
            color: rgba(222, 34, 37, 0.4); /* Open */
        }

        .case-table tr:first-child td:nth-child(2)[b-hq8z1y6u6g] {
            color: rgba(230, 156, 65, 0.4); /* Assigned */
        }

        .case-table tr:nth-child(2) td:first-child[b-hq8z1y6u6g] {
            color: rgba(0, 144, 255, 0.4); /* Analysis */
        }

        .case-table tr:nth-child(2) td:nth-child(2)[b-hq8z1y6u6g] {
            color: rgba(0, 212, 126, 0.4); /* Closed */
        }

.fault-dashboard-row[b-hq8z1y6u6g] {
    display: flex;
    gap: 1.5rem;
    margin: 1rem 0;
}

.fault-donut[b-hq8z1y6u6g] {
    width: 220px;
    border: 1px solid #D0D0D0;
    border-radius: 6px;
    padding: 0.5rem;
}

.fault-kpis[b-hq8z1y6u6g] {
    display: flex;
    flex: 1;
    gap: 1rem;
}

.fault-kpi[b-hq8z1y6u6g] {
    flex: 1;
    border: 1px solid #D0D0D0;
    border-radius: 6px;
    padding: 1rem;
    text-align: center;
    font-family: Inter;
}

.kpi-value[b-hq8z1y6u6g] {
    font-size: 1.4rem;
    font-weight: 800;
}

.kpi-label[b-hq8z1y6u6g] {
    margin-top: 0.25rem;
    font-size: 0.85rem;
    font-weight: 600;
}

/* COLORS */
.fault-kpi.open[b-hq8z1y6u6g] {
    color: rgba(222,34,37,0.9);
}

.fault-kpi.assigned[b-hq8z1y6u6g] {
    color: rgba(230,156,65,0.9);
}

.fault-kpi.analysis[b-hq8z1y6u6g] {
    color: rgba(0,144,255,0.9);
}

.fault-kpi.closed[b-hq8z1y6u6g] {
    color: rgba(0,212,126,0.9);
}

.no-chart[b-hq8z1y6u6g] {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Inter;
    font-size: 0.8rem;
    color: #888;
}
/* Legend Dots */
.open-dot[b-hq8z1y6u6g] {
    background: #94C9FF;
}

.assigned-dot[b-hq8z1y6u6g] {
    background: #EFA9A7;
}

.analysis-dot[b-hq8z1y6u6g] {
    background: #F4C99F;
}

.closed-dot[b-hq8z1y6u6g] {
    background: #A1E8C4;
}

/* KPI Colors */
.open-color[b-hq8z1y6u6g] {
    color: #3A86FF;
}

.assigned-color[b-hq8z1y6u6g] {
    color: #E76F51;
}

.analysis-color[b-hq8z1y6u6g] {
    color: #F4A261;
}

.closed-color[b-hq8z1y6u6g] {
    color: #2ECC71;
}

/* KPI Border Colors */
.border-open[b-hq8z1y6u6g] {
    border-color: #94C9FF;
}

.border-assigned[b-hq8z1y6u6g] {
    border-color: #EFA9A7;
}

.border-analysis[b-hq8z1y6u6g] {
    border-color: #F4C99F;
}

.border-closed[b-hq8z1y6u6g] {
    border-color: #A1E8C4;
}
/* _content/RISHI.Web.UI/Components/Pages/Trending/Trending.razor.rz.scp.css */
/* ... (keep existing CSS that is not directly contradictory to the image) ... */
/* General layout adjustments */
.maindiv[b-vnh5xtt267] {
    width: 110.3125rem; /* 1765px */
    height: 4.125rem; /* 66px */
    top: 5.5625rem; /* 89px */
    left: 31.25rem; /* 500px */
    angle: 0 deg;
    opacity: 1;
    background-color: #F0F0F0;
    width: 100%;
}

/* Top chart legend and chart container */
.chart-wrapper[b-vnh5xtt267] {
    display: flex;
    align-items: flex-start;
    /* margin-left: 6.25rem; 100px */
    margin-top: 1.25rem; /* 20px */
    position: relative;
}

.custom-legend-container[b-vnh5xtt267] {
    display: flex;
    flex-direction: column;
    padding-right: 0.9375rem; /* 15px */
    font-family: Arial, sans-serif;
    font-size: 0.875rem; /* 14px */
    color: #333;
    position: absolute;
    left: -6.25rem; /* -100px */
    top: 3.4375rem; /* 55px */
    z-index: 5;
}

.legend-itemt[b-vnh5xtt267] {
    display: flex;
    align-items: center;
    gap: 0.3125rem; /* 5px */
    height: 50%;
}

.legend-color-box[b-vnh5xtt267] {
    width: 0.9375rem; /* 15px */
    height: 0.9375rem; /* 15px */
    border: 1px solid #aaa;
    flex-shrink: 0;
}

    .legend-color-box.active[b-vnh5xtt267] {
        background-color: #FF6347;
    }

    .legend-color-box.potential[b-vnh5xtt267] {
        background-color: #FFD700;
    }

    .legend-color-box.inactive[b-vnh5xtt267] {
        background-color: #1692E7;
    }

    .legend-color-box.red[b-vnh5xtt267] {
        background-color: red;
    }

    .legend-color-box.blue[b-vnh5xtt267] {
        background-color: #2696E3;
    }

.legend-text[b-vnh5xtt267] {
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 0.7rem Inter;
}

/* Plot bands styling */
.k-chart-plot-band[b-vnh5xtt267] {
    background-color: rgba(255, 99, 71, 0.1);
    border: none;
}

/* Markers overlay */
.markers-overlay-container[b-vnh5xtt267] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.marker-container[b-vnh5xtt267] {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    pointer-events: auto;
}

.marker-number[b-vnh5xtt267] {
    background-color: #2f4f4f;
    color: white;
    border-radius: 50%;
    width: 2.5625rem;
    /* width: 1.5625rem;  25px */
    height: 1.5625rem; /* 25px */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem; /* 12px */
    font-weight: bold;
    margin-bottom: 0.3125rem; /* 5px */
    z-index: 11;
}

.marker-line-overlay[b-vnh5xtt267] {
    width: 0.0625rem; /* 1px */
    background-color: #333;
    height: 16.875rem; /* 270px */
    position: relative;
    z-index: 10;
}

/* Power chart and timeline alignment */
.chart-and-timeline-wrapper[b-vnh5xtt267] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 0.625rem; /* 10px */
    margin: 1.25rem; /* 20px */
    background-color: #E6EDEE;
}

.custom-power-legend[b-vnh5xtt267] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 0.3125rem; /* 5px */
    position: relative;
    left: 0;
    top: 0;
    z-index: 5;
    height: 12.5rem; /* 200px */
}

.chart-timeline-container[b-vnh5xtt267] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.power-chart-wrapper[b-vnh5xtt267] {
    background-color: #E6EDEE;
    width: 100%;
    box-sizing: border-box;
}

/* Timeline legend below the timeline track */
.timeline-area-wrapper[b-vnh5xtt267] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 0.625rem; /* 10px */
    margin: 0;
    /*width: 80%;*/
    width: 100%;
}

.timeline-wrapper[b-vnh5xtt267] {
    flex-grow: 1;
    padding: 0.625rem; /* 10px */
    position: relative;
}

.timeline-axis[b-vnh5xtt267] {
    display: flex;
    justify-content: space-between;
    position: relative;
    height: 1.25rem; /* 20px */
    margin-left: 0;
    border-bottom: 1px solid #ccc;
}

.time-label[b-vnh5xtt267] {
    position: absolute;
    transform: translateX(-50%);
    font-size: 0.75em;
    color: #555;
    white-space: nowrap;
    padding-top: 0.3125rem; /* 5px */
}

.timeline-track-container[b-vnh5xtt267] {
    padding-top: 0.3125rem; /* 5px */
}



.timeline-segment[b-vnh5xtt267] {
    position: absolute;
    top: 0;
    height: 100%;
    border-radius: 0.3125rem; /* 5px */
    box-shadow: 0 0.0625rem 0.1875rem rgba(0,0,0,0.2); /* 1px 3px */
    transition: all 0.1s ease-in-out;
    cursor: pointer;
}

    .timeline-segment.active[b-vnh5xtt267] {
        background-color: #FF6347;
        z-index: 2;
    }

    .timeline-segment.potential[b-vnh5xtt267] {
        background-color: #FFD700;
        z-index: 2;
    }

    .timeline-segment.inactive[b-vnh5xtt267] {
        background-color: #1692E7;
        z-index: 1;
    }

.timeline-legend[b-vnh5xtt267] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 0.9375rem; /* 15px */
    flex-shrink: 0;
    width: 6.25rem; /* 100px */
}

.legend-item[b-vnh5xtt267] {
    display: flex;
    align-items: center;
    gap: 0.3125rem; /* 5px */
    font-size: 0.85em;
    color: #333;
}

.legend-color-box[b-vnh5xtt267] {
    width: 0.75rem; /* 12px */
    height: 0.75rem; /* 12px */
    border-radius: 0.125rem; /* 2px */
    border: 1px solid #ccc;
    background-color: #00C67A;
}

/* Top section calendar and date positioning */
.d-flex.align-items-center.gap-2.flex-shrink-1.ms-auto[b-vnh5xtt267] {
    display: flex;
    align-items: center;
    gap: 0.5rem; /* 8px */
    margin-left: auto;
    flex-shrink: 1;
}

td.timefont[b-vnh5xtt267] {
    width: auto !important;
    padding-top: 0;
    margin-right: 1rem;
}

.timeline-track[b-vnh5xtt267] {
    height: 20px;
    position: relative;
    margin-left: 5%;
    width: 94%;
}
/* _content/RISHI.Web.UI/Components/Pages/Troubleshootingguides/TroubleshootingguidescreenIndex.razor.rz.scp.css */
body[b-ggnbai2ngf] {
}
/* _content/RISHI.Web.UI/Components/Pages/UnitHealth/Component/UnitHealthReport.razor.rz.scp.css */


a[b-xtg5vqznja] {
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #a9dae0;
    text-decoration: none;
}

    a:active[b-xtg5vqznja] {
        font-family: Inter;
        font-weight: 700;
        font-style: Bold;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        vertical-align: middle;
        color: #228994;
        text-decoration: none;
    }

    a:hover[b-xtg5vqznja] {
        font-family: Inter;
        font-weight: 700;
        font-style: Bold;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        vertical-align: middle;
        color: #228994;
        text-decoration: none;
    }

/* _content/RISHI.Web.UI/Components/Pages/UnitHealth/Component/ValueGainReport.razor.rz.scp.css */
body[b-ui0lkqrrrv] {
}
.k-grid.font-size[b-ui0lkqrrrv],
/* grid toolbar */
.k-grid.font-size .k-toolbar[b-ui0lkqrrrv],
/* grid cells */
.k-grid.font-size table[b-ui0lkqrrrv],
/* textboxes */
.k-grid.font-size .k-input[b-ui0lkqrrrv],
/* date pickers */
.k-grid.font-size .k-picker[b-ui0lkqrrrv],
/* buttons */
.k-grid.font-size .k-button[b-ui0lkqrrrv],
.k-grid.font-size .k-button-text[b-ui0lkqrrrv],
/* column and filter menu */
.k-popup[b-ui0lkqrrrv],
.k-popup .k-input[b-ui0lkqrrrv],
.k-popup .k-picker[b-ui0lkqrrrv],
.k-popup .k-button[b-ui0lkqrrrv],
/*column menu dropdowns */
.k-columnmenu-item[b-ui0lkqrrrv] {
    font-size: 14px;
    font-family: Inter;
    color: #044B53;
}

.k-grid-header .k-header[b-ui0lkqrrrv] {
    background-color: #044B53;
    color: #FFFFFF;
    font-family: Inter;
    font-weight: bold;
}



/* _content/RISHI.Web.UI/Components/Pages/UnitHealth/UnitHealthIndex.razor.rz.scp.css */

.tb-icon-container[b-587l5vmm2m] {
    position: relative;
}

    /* these rules position the icon. Update with your own selector if you add HTML elements for click events */
    .tb-icon-container .k-icon[b-587l5vmm2m] {
        position: absolute;
        z-index: 1;
        top: 5;
        left: 0.5em;
    }

    /* no floating label */
    .tb-icon-container input .k-textbox[b-587l5vmm2m],
    /* for the floating label */
    .tb-icon-container .k-textbox input[b-587l5vmm2m],
    .tb-icon-container .k-state-empty .k-label[b-587l5vmm2m] {
        padding-left: 2em;
    }

    /* this rule also positions the icon for the floating label scenario, tweak it with your own selectors if you use other HTML */
    .tb-icon-container .with-label .k-icon[b-587l5vmm2m] {
        top: 0.5em;
    }




.gridheader[b-587l5vmm2m] {
    background-color: red;
    color: red;
}

.hiddenvaluegain[b-587l5vmm2m] {
    display: none;
}

.hiddenunithealth[b-587l5vmm2m] {
    display: none;
}

.k-grid .k-table[b-587l5vmm2m] {
    border-collapse: unset;
}








/* _content/RISHI.Web.UI/Components/Pages/UserManagement/RoleManagementIndex.razor.rz.scp.css */
.maindiv[b-tnapw47jlo] {
    display: flex;
    align-items: center;
    gap: 1rem; /* adds even spacing between selects and label/button :contentReference[oaicite:1]{index=1} */
    background: #E1EEF0;
    box-shadow: 0px 4px 4px rgba(34, 137, 148, 0.42);
    border-radius: 0.8rem;
    padding: 1rem;
}

.RoundedBorderSelect[b-tnapw47jlo] {
    border: 1px solid #97D4E2;
    border-radius: 4px;
    height: 1.875rem;
    background: #fff;
    font-family: Inter;
    min-width: 180px;
    font-size:0.8rem;
}

.add-role[b-tnapw47jlo] {
    background: #228994;
    color: white;
    margin-left: auto; /* pushes the button to the far right :contentReference[oaicite:2]{index=2} */
    border: #228994;
    height: 35px;
}

.RolMangement[b-tnapw47jlo] {
    width: 13.375rem;
    height: 2.5rem;
    top: 16.5625rem;
    left: 11.75rem;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
    opacity: 1;
    transform: rotate(0deg);
    background: #228994;
    color: white;
    border: blue
    /*background: #228994;
    color: white;
    border: #228994;
    height: 35px;
    background-color: ##228994;*/ /* default */
}

.UsrMangement[b-tnapw47jlo] {
    width: 13.25rem;
    height: 2.64rem;
    top: 16.56rem;
    left: 25.75rem;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
    opacity: 1;
    transform: rotate(0deg);
    background: #E1EEF0;
    color: #228994;
    border: blue
    /*background: #228994;
    color: white;
    border: #228994;
    height: 35px;
    background-color: #228994;*/
}

.User-Access[b-tnapw47jlo] {
    font-weight: 600;
    font-size: 20px;
    color: #044B53;
}

.Givaces[b-tnapw47jlo] {
    background: #044B53;
    color: white;
    border: 1px solid #044B53;
    height: 2.3125rem;
    width: 7.6875rem;
}

.form-check.custom-width[b-tnapw47jlo] {
    width: max-content;
    height: 100px;
}

.form-check-label[b-tnapw47jlo] {
    width: 200px;
    display: inline-block;
}

.k-body[b-tnapw47jlo] {
    color: #044B53;
}

table.permission-table[b-tnapw47jlo] {
    width: 100%;
    border-collapse: collapse;
}

table.permission-table th[b-tnapw47jlo],
 table.permission-table td:first-child[b-tnapw47jlo] {
    border-left: 1px solid #ccc;
    padding: 8px;
    vertical-align: middle;
}

table.permission-table th[b-tnapw47jlo],
 table.permission-table td[b-tnapw47jlo] {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 8px;
    vertical-align: middle;
}

table.permission-table td:last-child[b-tnapw47jlo] {
   border-right: 1px solid #ccc;
 }

.form-check[b-tnapw47jlo] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.option-list[b-tnapw47jlo] {
    max-width: 280px;
    padding: 1rem;
    background: #E1EEF0;
    border-radius: 0.5rem;
}

.radio-card[b-tnapw47jlo] {
    display: flex;
    align-items: center;
    padding: 0.75rem;
    background: #FFFFFF;
    border: 1px solid #97D4E2;
    border-radius: 4px;
    margin-bottom: 0.5rem;
    cursor: pointer;
}

    .radio-card input[type="radio"][b-tnapw47jlo] {
        margin-right: 0.75rem;
    }

        .radio-card input[type="radio"]:checked + span[b-tnapw47jlo] {
            font-weight: 600;
        }

.checkbox-card[b-tnapw47jlo] {
    display: flex;
    border: 1px solid #ccc;
    border-radius: 0.5rem;
    padding: 1rem;
    cursor: pointer;
    transition: background-color 0.2s, border-color 0.2s;
}

    .checkbox-card input:checked + div[b-tnapw47jlo] {
        background-color: #eef5ff;
        border-color: #3b82f6;
    }

    .checkbox-card h3[b-tnapw47jlo] {
        margin: 0;
        font-size: 1rem;
    }

lift-up[b-tnapw47jlo] {
    margin-top: -50px;
}

.table-wrapper[b-tnapw47jlo] {
    margin-top: -10px;
}

.small-header[b-tnapw47jlo] {
    padding: 3px 7px;
    height: 30px;
}
/* _content/RISHI.Web.UI/Components/Pages/UserManagement/UserManagementIndex.razor.rz.scp.css */
.maindiv[b-mhlktopn2q] {
    display: flex;
    align-items: center;
    gap: 1rem; /* adds even spacing between selects and label/button :contentReference[oaicite:1]{index=1} */
    background: #E1EEF0;
    box-shadow: 0px 4px 4px rgba(34, 137, 148, 0.42);
    border-radius: 0.8rem;
    padding: 1rem;
}

.RoundedBorderSelect[b-mhlktopn2q] {
    border: 1px solid #97D4E2;
    border-radius: 4px;
    height: 1.875rem;
    background: #fff;
    font-family: Inter;
    min-width: 180px;
    font-size: 0.8rem;
}

.add-role[b-mhlktopn2q] {
    background: #228994;
    color: white;
    margin-left: auto; /* pushes the button to the far right :contentReference[oaicite:2]{index=2} */
    border: #228994;
    height: 35px;
}

.UsrMangement[b-mhlktopn2q] {
    width: 13.25rem;
    height: 2.64rem;
    top: 16.56rem;
    left: 25.75rem;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
    opacity: 1;
    transform: rotate(0deg);
    background: #228994;
    color: white;
    border: blue
    /*background: #228994;
    color: white;
    border: #228994;
    height: 35px;
    background-color: #228994;*/
}

.RolMangement[b-mhlktopn2q] {
    width: 13.375rem;
    height: 2.5rem;
    top: 16.5625rem;
    left: 11.75rem;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
    opacity: 1;
    transform: rotate(0deg);
    background: #E1EEF0;
    color: #228994;
    border: blue
    /*background: #228994;
    color: white;
    border: #228994;
    height: 35px;
    background-color: #228994;*/ /* default */
}

.User-Access[b-mhlktopn2q] {
    font-weight: 600;
    font-size: 20px;
    color: #044B53;
}

.Givaces[b-mhlktopn2q] {
    background: #044B53;
    color: white;
    border: 1px solid #044B53;
    height: 2.3125rem;
    width: 7.6875rem;
    /*height: 35px;
    border: #228994;*/
    /* width: 13.6875rem;
    height: 3.3125rem;
    top: 55.75rem;
    left: 32.6875rem;
    border-width: 0.0625rem;
    border-radius: 0.25rem;
    padding-top: 1.1875rem;
    padding-right: 1.9375rem;
    padding-bottom: 1.1875rem;
    padding-left: 1.9375rem;
    gap: 0.625rem;
    opacity: 1;
    transform: rotate(0deg);*/
}

.form-check.custom-width[b-mhlktopn2q] {
    width: max-content;
    height: 100px;
}

.form-check-label[b-mhlktopn2q] {
    width: 200px;
    display: inline-block;
}

.k-body[b-mhlktopn2q] {
    color: #044B53;
}

table.permission-table[b-mhlktopn2q] {
    width: 100%;
    border-collapse: collapse;
    /*margin-left:-1rem;*/
}

table.permission-table th[b-mhlktopn2q],
 table.permission-table td[b-mhlktopn2q] {
    border: 1px solid #ccc;
    padding: 8px;
    vertical-align: middle;
}

.form-check[b-mhlktopn2q] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.option-list[b-mhlktopn2q] {
    max-width: 280px;
    padding: 1rem;
    background: #E1EEF0;
    border-radius: 0.5rem;
}

.radio-card[b-mhlktopn2q] {
    display: flex;
    align-items: center;
    padding: 0.75rem;
    background: #FFFFFF;
    border: 1px solid #97D4E2;
    border-radius: 4px;
    margin-bottom: 0.5rem;
    cursor: pointer;
}

.radio-card input[type="radio"][b-mhlktopn2q] {
    margin-right: 0.75rem;
}

.radio-card input[type="radio"]:checked + span[b-mhlktopn2q] {
    font-weight: 600;
}

lift-up[b-mhlktopn2q] {
    margin-top: -50px;
}

.table-wrapper[b-mhlktopn2q] {
    margin-top: -10px;
}
.small-header[b-mhlktopn2q] {
    padding: 3px 7px;
    height: 30px;
}
.form-check[b-mhlktopn2q] {
    display: flex;
    align-items: center;
}

    .form-check label[b-mhlktopn2q] {
        font-size: 0.8rem;
        margin-left: 0.25rem;
    }

.permission-table[b-mhlktopn2q] {
    width: 100%;
    border-collapse: collapse;
}

/* _content/RISHI.Web.UI/Components/RightAlert/RightAlert.razor.rz.scp.css */
/* ===============================
   RIGHT ALERT OVERLAY
================================ */
.ra-overlay[b-466xosq25x] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.35);
    z-index: 1000; /* below panel, above page */
}

/* ===============================
   RIGHT ALERT PANEL
================================ */
.ra-panel[b-466xosq25x] {
    position: fixed;
    right: 0;
    width: 38%;
    top:1px;
    height: calc(100vh - 10px);
    background: #ffffff;
    border-radius: 12px 0 0 12px;
    box-shadow: -8px 0 30px rgba(0,0,0,0.25);
    display: flex;
    flex-direction: column;
    font-family: "Inter", system-ui, -apple-system, sans-serif;
    z-index: 1100000000; /* TOP MOST */
}

/* ===============================
   HEADER
================================ */
.ra-header[b-466xosq25x] {
    padding-left:8px;
/*    padding: 16px 20px;*/
    border-bottom: 1px solid #e5e7eb;
}

.ra-header-top[b-466xosq25x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ra-title[b-466xosq25x] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ra-title-text[b-466xosq25x] {
    font-size: 15px;
    font-weight: 800;
    color: #111827;
}

/* Asset Tag */
.ra-chip.asset[b-466xosq25x] {
    background: #0f766e;
    color: #ffffff;
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 6px;
    font-weight: 500;
}

/* Severity Badge */
.ra-chip.severity[b-466xosq25x] {
    background: #dc2626;
    color: #ffffff;
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 6px;
    font-weight: 500;
}

.ra-close[b-466xosq25x] {
    font-size: 30px;
    border: none;
    background: none;
    cursor: pointer;
    color: #374151;
}

/* ===============================
   HEADER SUB ROW
================================ */
.ra-subtitle[b-466xosq25x] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    color: black;
    margin-top: 2px;
    margin-bottom:4px;
}

.ra-occur[b-466xosq25x] {
    background: #fef3c7;
    color: #92400e;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 500;
}

.ra-viewall[b-466xosq25x] {
    margin-left: auto;
    font-size: 12px;
    color: #2563eb;
    cursor: pointer;
    font-weight: 500;
}

/* ===============================
   TABS
================================ */
.ra-tabs[b-466xosq25x] {
    display: flex;
    gap: 18px;
    padding: 6px 8px;
    border-bottom: 1px solid #e5e7eb;
}

    .ra-tabs span[b-466xosq25x] {
        font-size: 13px;
        cursor: pointer;
        padding-bottom: 4px;
        color: #374151;
        font-weight:600;
    }

    .ra-tabs .active[b-466xosq25x] {
        color: #16a34a;
        border-bottom: 2px solid #16a34a;
        font-weight: 600;
    }

/* ===============================
   BODY CONTENT
================================ */
.ra-body[b-466xosq25x] {
    padding: 0px 8px;
    overflow-y: auto;
    flex: 1;
    font-size: 10px;
    color: black;
}

    .ra-body h4[b-466xosq25x] {
        font-size: 13px;
        font-weight: 600;
        color: black;
/*        margin: 14px 0 6px;*/
        margin:4px 0 0 2px;
    }

    .ra-body ol[b-466xosq25x] {
        padding-left: 18px;
        margin-bottom: 6px;
    }

        .ra-body ol li[b-466xosq25x] {
            margin-left:8px;
            margin-bottom: 6px;
            line-height: 1.5;
        }

/* ===============================
   ACTION BUTTONS
================================ */
.ra-actions[b-466xosq25x] {
    display: flex;
    gap: 10px;
    margin: 6px 0;
}

.btn-primary[b-466xosq25x] {
    background: #0f766e;
    color: #ffffff;
    border: none;
    padding: 6px 14px;
    font-size: 10px;
    border-radius: 6px;
    cursor: pointer;
}

/* ===============================
   RELATED LINKS
================================ */
.ra-links[b-466xosq25x] {
    list-style: none;
    padding-left: 0;
    margin-top: 2px;
}

    .ra-links li[b-466xosq25x] {
        font-size: 10px;
        color: #2563eb;
        margin-bottom: 2px;
        cursor: pointer;
        margin-left:12px;
    }

/* ===============================
   FLOATING ALERT ICON
================================ */
.ra-floating-wrapper[b-466xosq25x] {
    position: fixed;
    right: -2px;
    top: 50%;
    transform: translateY(-50%);
    background: #ffffff;
    border-radius: 12px;
    padding: 10px 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
    cursor: pointer;
    z-index: 90000; /* BELOW overlay & panel */
}

.ra-icon[b-466xosq25x] {
    width: 28px;
    height: 28px;
}

.ra-badge[b-466xosq25x] {
    position: absolute;
    top: -6px;
    right: 36px;
    background: #ff0000;
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}