:root {
    /*MainLayout User Profile Down Arrow*/
    --mainlayout-icon-filter: none;
    /*Invert Colors of SVG or Img*/
    --general-icon-filter: none;
    /* App backgrounds */
    --bg-app: #f5f7f8;
    --bg-panel: #ffffff;
    --bg-header: #e6f3f5;
    /* Dashboard bar */
    --dashboard-bar-bg: #0f7f8c;
    --dashboard-text: #ffffff;
    --dashboard-border: #7fdce6;
    --dashboard-border-hover: #22d3ee;
    --breadcrumb-bar-bg: #c9f1f8;
    /* Borders & text */
    --border-color: #d9e1e3;
    --text-primary: #1f2937;
    --text-secondary: #4b5563;
    --text-inverse: #ffffff;
    /* Accents */
    --accent-primary: #038596;
    --accent-secondary: #06b6d4;
    /* Alerts */
    --danger: #DE2225;
    --warning: #DE7C09;
    --info: #017AFF;
    /* Charts */
    --chart-bg: #ffffff;
    --chart-axis-text: #1f2937;
    --chart-grid-line: #e5e7eb;
    --chart-series-green: #00a86b;
    /* Faults */
    --fault-divider: rgba(0, 0, 0);
    /* KPI */
    --kpi-row-bg: #f8f8f8;
    --kpi-value-color: #0b6b81;
    --kpi-unit-color: #39a2b7;
    --kpi-name-color: #0b6b81;
    --kpi-range-color: #0b6b81;
    /*RCA Page*/
    --rca-sidebar-bg: #044B53;
    --rca-sidebar-text: rgba(255, 255, 255, 0.6);
    --rca-right-sidebar-bg: #044B53;
    --rca-right-sidebar-scroll: #017784 #003338;
    --rca-sidebar-select-bg: #0d6efd;
    --rca-sidebar-select-text-color: #ffffff;
    --rca-sidebar-select-text-hover: #ffffff;
    --rca-active-fault: #ff7f7f;
    --rca-potential-fault: #ffa066;
    --rca-normal-fault: #017AFF;
    --rca-active-symptom: #ff4c4c;
    --rca-inactive-symptom: #017AFF;
    --rca-selected-node: #FF0000;
    --rca-node-text: white;
    --rca-symptom-node-text: #151515;
    --rca-bg: #ffffff;
    /* Footer */
    --footer-text: #1f2937; /* dark gray */
    --footer-bg: transparent; /* keep transparent */
    /*Notifications*/
    --notification-border-color: white;
    --breadcum-bar-text-color: #279CA9;
    /*Flowsheet*/
    --flowsheet-polyline-color: black;
    --flowsheet-right-sidebar-palette-bg: #044B53;
    --flowsheet-right-sidebar-palette-text-color: #FFFFFF;
    --flowsheet-flow-tab-bg: #FFFFFF;
    /*Knowledge Hub*/
    --knowledge-hub-breadcrumb-text-color: #228994;
    --knowledge-hub-breadcrumb-svg: #212529;
    --knowledge-hub-tab-select: #025964;
    --knowledge-hub-tab-border-bottom: #97D4E2;
    --knowledge-hub-table-text: black;
    --knowledge-hub-table-link-text: #044B53;
    --knowledge-hub-view-button: #228994;
    --knowledge-hub-view-button-text: white;
    --knowledge-hub-table-border-color: rgba(33, 37, 41, 0.13);
    --knowledge-hub-table-row-border-color: #E0E0E0;
    /*Third Party*/
    --knowledge-hub-box-bg: #e6f0fa;
    --third-party-hub-table-header-color: inherit;
    --third-party-hub-table-row-border-color: #E0E0E0;
    /*Maintenance Work Flow*/
    --maintenance-work-flow-container-bg: #fafafa;
    --maintenance-work-flow-container-text: black;
    --maintenance-work-flow-event-data-bg: black;
    --maintenance-work-flow-event-data-text: #FFFFFF;
    --maintenance-work-flow-notes-header-bg: #FFFFFF;
    --maintenance-work-flow-notes-header-text: black;
    --maintenance-work-flow-notes-bg: white;
    --maintenance-work-flow-button-bg: #FFFFFF;
    --maintenance-work-flow-button-text: #A3A3A3;
    --maintenance-work-flow-input-bg: white;
    --maintenance-work-flow-input-border: inherit;
    --maintenance-work-flow-input-text: black;
    --maintenance-work-flow-loader-bg: inherit;
    /*Model Config Page*/
    --model-config-header-text: #044B53;
    --model-config-main-header-text: #FFFFFF;
    --model-config-sub-header-text: #228994;
    --model-config-sub-header-bg: #D3EEF4;
    --model-config-panel-bg: #FFFFFF;
    --model-config-panel-text: #151515;
    --model-config-panel-text-hover: #151515;
    --model-config-panel-border: #e0e0e0;
    --model-config-attribute-button-bg: #228994;
    --model-config-operator-button-bg: #D3EEF4;
    --model-config-operator-button-text-color: #151515;
    --model-config-validate-button-bg: #044b53;
    --model-config-validate-button-text-color: #FFFFFF;
    --model-config-save-button-bg: #4fb38e;
    /*Fault Model Config Page*/
    --fault-model-config-header-text: #044B53;
    --fault-model-config-sub-header-text: #FFFFFF;
    --fault-model-config-sub-mini-header-text: #228994;
    --fault-model-config-sub-mini-header-bg: #CCE8EB;
    --fault-model-config-panel-bg: #FFFFFF;
    --fault-model-config-tab-panel-bg: #f3f3f3;
    --fault-model-config-panel-text: #151515;
    --fault-model-config-panel-text-hover: #151515;
    --fault-model-config-input-text: black;
    --fault-model-config-input-border: inherit;
    --fault-model-config-drop-down-bg: #FFFFFF;
    /*Data Source Config Page*/
    --data-source-config-header-text: #004b4b;
    --data-source-config-bg: #FFFFFF;
    --data-source-config-svg-fill-color: #151515;
    --data-source-config-table-border-color: inherit;
    --data-source-config-right-sidebar-bg: #044B53;
    --data-source-config-right-sidebar-form-input-bg: #FFFFFF;
    --data-source-config-right-sidebar-form-input-text-color: #0D0D0D;
    --data-source-config-right-sidebar-form-label-text-color: #FFFFFF;
    --data-source-config-right-sidebar-heading-text-color: #FFFFFF;
    --data-source-config-right-sidebar-form-checkbox-text-color: #FFFFFF;
    --data-source-config-right-sidebar-button-bg: #FFFFFF;
    --data-source-config-right-sidebar-button-text-color: #0D0D0D;
    --data-source-config-main-page-button-bg: #044B53;
    --data-source-config-main-page-button-text-color: #FFFFFF;
    /*Bad Actors in Home Page*/
    --bad-actors-dropdown-bg: #FFFFFF;
    --bad-actors-dropdown-text: black;
    /*Calculation Status Page*/
    --calculation-status-header-text: #151515;
    --calculation-status-panel-bg: #FFFFFF;
    --calculation-status-border-inside-table: #F2EdE9;
    --calculation-status-drop-down-bg: #FFFFFF;
    --calculation-status-drop-down-text-color: #151515;
    --calculation-status-drop-down-color: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    --calculation-status-table-border: black;
    /*trending page*/
    --trending-k-chart-overlay-color: white;
    --table-backgorund: #ffffff;
    --fault-field-background: #ffffff;
    --fault-text: #151515;
    --asset-model-icon: #151515;
    /*    --attribute-grid-dropdown-value-text: #151515;*/
    --attribute-grid-textarea-bg: #ffffff;
    --monitoring-dashboard-chart: #044B53;
    /*ML Config*/
    --ml-config-button-bg: #044B53;
    --ml-config-button-text-color: #FFFFFF;
    --ml-config-table-inside-row-border-color: #F2EdE9;
    --ml-config-table-inside-k-chip-text-color: white;
    --ml-config-table-inside-k-chip-bg: #228994;
    --sim-header: #003F4D;
}
 


[data-theme="light"] .nav-link {
    font-size: 0.8rem;
    color: #B3B3B3;
    font-weight: 500;
}

[data-theme="light"] .apply-filter-icon {
    filter: none;
}
[data-theme="light"] .shift-heading {
    font-weight: bold;
    font-size: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.25rem;
    margin-top: 1rem;
    margin-top: -1rem;
}

html[data-theme="light"] .limit-group-header {
    display: flex;
    background-color: #E1EEF0;
    padding: 10px;
    font: 600;
    color: #044B53;
    font-size: 1rem;
    width: 100%;
    align-items: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
html[data-theme="light"] .limit-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-color: #E1EEF0;
    padding: 10px;
    font: 600;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

[data-theme="light"] .form-input {
    background-color: white;
}
html[data-theme="light"] .rounded-label {
    font-size: 1.75rem;
}

/* light-theme.css
   Base icon styles and light-theme assethealth image
*/
[data-theme="light"] .nav-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 0px;
}

[data-theme="light"] .nav-icon-rishi {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 8px;
}

/* Default / light theme image */

[data-theme="light"] .nav-icon.assethealth {
    background-image: url('/images/Layout/assethealth.svg');
}

[data-theme="light"] .nav-icon-rishi.rishilogo {
    background-image: url('/images/logo.svg');
}

[data-theme="light"] .nav-icon.flownetworkoverview {
    background-image: url('/images/Layout/performance.svg');
}

[data-theme="light"] .nav-icon.unithealth {
    background-image: url('/images/Layout/unithealth.svg');
}

[data-theme="light"] .nav-icon.rca {
    background-image: url('/images/Layout/rca.svg');
}
[data-theme="light"] .nav-icon.knowledgehub {
    background-image: url('/images/Layout/knowledgehub.svg');
}
[data-theme="light"] .nav-icon.alarm {
    background-image: url('/images/Layout/alarm.svg');
}
[data-theme="light"] .nav-icon.shiftmgmt {
    background-image: url('/images/Layout/shiftmgmt.svg');
}

/* Highlight entire box when link is active */
[data-theme="light"] .nav-scrollable .nav-item:has(.nav-link.active) {
    background-color: #044B53;
    border-radius: 6px;
    font-weight: 600;
}
/* Make text white when active */
[data-theme="light"] .nav-scrollable .nav-item:has(.nav-link.active) .nav-link {
    color: #fff !important; /* Force white */
}
/* Make the icon white when active */
[data-theme="light"] .nav-scrollable .nav-item:has(.nav-link.active) span {
    filter: brightness(0) invert(1);
}

/* Nav item container */
html[data-theme="light"] .nav-scrollable .nav-item {
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 6px;
    position: relative;
}

[data-theme="light"] .nav-scrollable .nav-item ::deep a {
    white-space: normal;
    line-height: 1.05;
    font-size: 0.75rem; /* slightly smaller */
    text-align: center;
    color: #044B53 !important;
}

[data-theme="light"] .nav-icon.help {
    background-image: url('/images/Layout/Help.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Dark theme: help icon */
[data-theme="light"] .nav-icon.notification {
    background-image: url('/images/Layout/Notification.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
/* RBAC disabled buttons & links */
.rbac-disabled {
    pointer-events: none;
    opacity: 0.4;
    filter: grayscale(100%);
    cursor: not-allowed;
}

    /* Make icons/images look disabled too */
    .rbac-disabled img,
    .rbac-disabled svg {
        opacity: 0.6;
    }