:root {
    /*Mudblazor Overrides*/
    --mud-typography-default-font-family: Tahoma, Verdana, Arial, sans-serif !important;
    --mud-typography-default-family: Tahoma, Verdana, Arial, sans-serif !important;
    --mud-typography-button-text-transform: none !important; /* Remove the uppercase on buttons */
}

.mud-typography,
.mud-button,
.mud-input,
[class^="mud-"] {
    font-family: Tahoma, Verdana, Arial, sans-serif;
}

.mud-expand-panel.no-gutters .mud-expand-panel-header {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.mud-expand-panel.no-gutters .mud-expand-panel-gutters {
    padding: 0;
}

.mud-expand-panel .mud-expand-panel-content.mud-expand-panel-gutters {
}

.mud-expand-panel-header {
    background-color: var(--header-background-color-lightmode);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.mud-dialog .mud-dialog-title {
    padding-top: 10px;
    padding-bottom: 10px;
}
.mud-dialog {
    border: 1px solid grey;
}

/* Dark mode style when mud-theme-dark is present on body */
body.theme-dark-mode .mud-expand-panel-header {
    background-color: #191a39;
}

.mud-expand-panel-content,
.mud-expand-panel-gutters {
    padding: 0;
}

/* Generic bottom border utility for tables - only when data exists */
.table-border-bottom:has(.mud-table-body .mud-table-row) .mud-table-container {
    border-bottom: 1px solid #B2B2B2;
}

/* Add border to table container when no data */
.table-border-bottom:not(:has(.mud-table-body .mud-table-row)) .mud-table-container {
    border-left: 1px solid #B2B2B2;
    border-right: 1px solid #B2B2B2;
    border-bottom: 1px solid #B2B2B2;
}

.mud-dialog-title {
    background-color: var(--header-background-color-lightmode);
}

.theme-dark-mode .mud-dialog-title {
    background-color: #191a39;
}

.mud-tab {
    text-transform: none;
}

.mud-table-dense * .mud-table-row .mud-table-cell {
    padding: 6px 16px;
    padding-inline-start: 16px;
    padding-inline-end: 16px;
}

.mud-input-control.mud-input-required:focus-within .mud-input.mud-input-outlined > .mud-input-outlined-border legend {
    padding: 0 8px;
}

.mud-dialog-actions {
    background-color: #f5f5f5;
}

.theme-dark-mode .mud-dialog-actions {
    background-color: var(--header-background-color-darkmode);
}

.mud-toolbar:not(.mud-toolbar-appbar) {
    border: 1px solid #AEB4FF;
    background-color: #D2D4FD;
}

.mud-toolbar:not(.mud-toolbar-appbar) h4 {
    margin-left: 0.5em;
    color: #427299;
}

.theme-dark-mode .mud-toolbar:not(.mud-toolbar-appbar) {
    background-color: #191a39;
}

.theme-dark-mode .mud-toolbar:not(.mud-toolbar-appbar) h4 {
    color: #5fb4fa;
}

.mud-table-head .column-header {
    font-weight: bold;
    text-align: center;
    display: block !important;
}

.mud-table-head .mud-table-cell {
    background-color: #CACACA;
}
.mud-table-head th.mud-table-cell {
    border: 1px solid #868686;
}
.theme-dark-mode .mud-table-head .mud-table-cell {
    background-color: #4d4d4d;
}
.theme-dark-mode .mud-table-head th.mud-table-cell {
    border: 1px solid #ffffff;
}

.mud-table .mud-table-cell {
    border-right: 1px solid #B2B2B2;
    border-left: 1px solid #B2B2B2;
}

.button-column-width{
    width: 1px;
}

.numeric-column-width {
    width: 120px;
}

.checkbox-column-width{
    width: 1px;
}

.mud-table-root .mud-checkbox{
    display: inline-block;
}

.mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--closed ~ div:not(.mud-main-content), .mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--open ~ div:not(.mud-main-content), .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left.mud-drawer--open ~ div:not(.mud-main-content) {
    margin-left: 0;
}

.mud-paper-outlined {
    border: 1px solid #000;
}

.theme-dark-mode .mud-paper-outlined {
    border: 1px solid #fff;
}

.mud-toolbar .mud-typography-h4{
    font-weight: bold;
}

.mud-data-grid .mud-table-cell .column-header .column-options {
    flex-direction: column;
    position: absolute;
    right: 0;
    bottom: 0;
}
.mud-data-grid .mud-table-cell .column-header .column-options .filter-button {
    position: absolute;
    top: 0;
}
.mud-data-grid .mud-table-cell .column-header .column-options .sort-direction-icon {
    /*margin: 20px 0 0 0;*/
    margin: 0;
}

.mud-table-head .mud-table-row .mud-table-cell {
    /*vertical-align: top;*/
    padding: 6px;
}

.mud-data-grid .mud-table-cell .column-header {
    align-items: baseline;
    justify-content: center;
}

.mud-expand-panel.no-gutters.sub-panel .mud-expand-panel-header {
    padding: 5px;
}

.mud-data-grid-columns-panel .mud-button-root:disabled {
    display: none;
}

.mud-tabs-tabbar {
    border-bottom: 3px solid #ddd;
}
.mud-tabs-tabbar .mud-tabs-tabbar-inner {
    min-height: 25px;
}
.mud-tab {
    margin-right: 4px;
    border-radius: 8px 8px 0 0;
    border: 2px solid #ddd;
    border-bottom-color: transparent;
    min-height: 25px;
}
.mud-tab.mud-tab-active {
    color: #000000;
    background-color: #8FBBE7 !important;
    cursor: default;
}

.equip-detail-header {
    display: flex;
    flex-wrap: wrap;
}
.equip-detail-header .mud-chip b {
    margin-right: 4px;
}
.mud-input > input.mud-input-root-outlined.mud-input-root-adorned-end {
    font-size: 0.8em;
}
.mud-input-adornment-start.mud-input-root-filled-shrink {
    margin-top: 5px;
}
.mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-margin-dense {
    padding: 12px 0;
}
.mud-table-toolbar {
    --mud-internal-toolbar-height: auto;
    padding: 0;
}
.mud-data-grid-columns-panel {
    left: auto !important;
    right: 48px !important;
}

.mud-paperbar {
    border: 1px solid #AEB4FF;
    background-color: #D2D4FD;
}
.mud-paperbar h4 {
    margin-left: 0.5em;
    color: #427299;
}
.theme-dark-mode .mud-paperbar {
    background-color: #191a39;
}
.theme-dark-mode .mud-paperbar h4 {
    color: #5fb4fa;
}

.mud-button-filled-default {
    background-color: #b4b4b4 !important;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    color: var(--mud-palette-default-text);
}

.theme-dark-mode .mud-button-filled-default {
    background-image: linear-gradient(rgb(125 125 125), rgb(85 85 85));
    color: var(--mud-palette-default-text);
}

/*search*/
.mud-input.mud-input-filled {
    background-color: rgb(255 255 255);
}
@media (hover: hover) and (pointer: fine) {
    .mud-input.mud-input-filled:hover {
        background-color: rgba(255,255,255);
    }
}
.theme-dark-mode .mud-input.mud-input-filled {
    background-color: rgb(255 255 255 / 0.33);
}

.theme-dark-mode .mud-button-filled-default {
    background-color: #585858 !important;
    color: var(--mud-palette-default-text);
}

/* Force all table-related backgrounds to use proper colors */
.table-drilldown-dialog .mud-main-content .mud-toolbar,
.table-drilldown-dialog .mud-toolbar {
    border: 1px solid #AEB4FF !important;
    background-color: #D2D4FD !important;
}

.theme-dark-mode .table-drilldown-dialog .mud-main-content .mud-toolbar,
.theme-dark-mode .table-drilldown-dialog .mud-toolbar {
    background-color: #191a39 !important;
}

body.theme-dark-mode .minmax-expand-panel-header {
    background-color: #191a39;
}

.mud-ex-select .d-flex {
    overflow: auto;
}

.mud-table-paginator {
    border: 1px solid #AEB4FF;
    background-color: #D2D4FD;
}
.theme-dark-mode .mud-table-paginator {
    background-color: #35377b !important;
}

.mud-table-pagination {
    justify-content: flex-end !important;
}
.mud-table-pagination-select .mud-input-adornment-end {
    position: absolute;
    right: 0;
}
.mud-table-pagination-select .mud-input-slot{
    padding: 5px !important;
}
.mud-table-pagination-page-info{
    padding: 0 10px;
}
.mud-table-pagination-select {
    margin-left: auto !important;
    margin-right: 0 !important;
}
/* Center the numbers in the dropdown */
.mud-table-pagination-select .mud-select .mud-input-slot {
    text-align: center;
}
/* Center the dropdown menu items (rendered in popover) */
.mud-popover .mud-list-item-text {
    text-align: center;
    width: 100%;
}
/* Always show border on the dropdown (matching the page navigation buttons) */
.mud-table-pagination-select .mud-input-outlined .mud-input-outlined-border {
    border: 1px solid rgba(var(--mud-palette-text-primary-rgb), var(--mud-palette-border-opacity)) !important;
}

.mud-table-cell{
    border-bottom: none;
}

/* Always show sort icon on sortable columns (not just on hover) */
.mud-data-grid .mud-table-cell .column-header .sort-direction-icon {
    opacity: 1;
}

/* Change unsorted column icon to double arrow (up/down) instead of single arrow */
.mud-data-grid .mud-table-cell:not(.mud-table-sort-asc):not(.mud-table-sort-desc) .column-header .sort-direction-icon .mud-icon-button-label svg {
    display: none;
}
.mud-data-grid .mud-table-cell:not(.mud-table-sort-asc):not(.mud-table-sort-desc) .column-header .sort-direction-icon .mud-icon-button-label::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5.83L15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5.83L15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
}
.mud-icon-button-size-small {
    padding: 0px;
}

    th.mud-table-sort-asc {
        background-color: lightskyblue !important;
    }

    th.mud-table-sort-desc {
        background-color: lightgreen !important;
    }

    .theme-dark-mode th.mud-table-sort-asc {
        color: #424242 !important;
    }

    .theme-dark-mode th.mud-table-sort-desc {
        color: #424242 !important;
    }

    td.mud-table-sort-asc {
        border-left: 2px solid lightskyblue !important;
        border-right: 2px solid lightskyblue !important;
    }

    td.mud-table-sort-desc {
        border-left: 2px solid lightgreen !important;
        border-right: 2px solid lightgreen !important;
    }
    /* Inspection & Maintenance Timeline row styling */
    /* Complete - Green (Success) */
    .mud-table-container .mud-table-root .mud-table-body .mud-table-row.green-row,
    .mud-table-container .mud-table-root .mud-table-body .mud-table-row.green-row:hover {
        background-color: var(--mud-palette-success, #66bb6a) !important;
    }

        .mud-table-container .mud-table-root .mud-table-body .mud-table-row.green-row > td,
        .mud-table-container .mud-table-root .mud-table-body .mud-table-row.green-row > .mud-table-cell,
        .mud-table-container .mud-table-root .mud-table-body .mud-table-row.green-row:hover > td,
        .mud-table-container .mud-table-root .mud-table-body .mud-table-row.green-row:hover > .mud-table-cell {
            background-color: var(--mud-palette-success, #66bb6a) !important;
            color: white !important;
        }
    /* Historical - Gray (Default) */
    .mud-table-container .mud-table-root .mud-table-body .mud-table-row.gray-row,
    .mud-table-container .mud-table-root .mud-table-body .mud-table-row.gray-row:hover {
        background-color: var(--mud-palette-surface, #f5f5f5) !important;
    }

        .mud-table-container .mud-table-root .mud-table-body .mud-table-row.gray-row > td,
        .mud-table-container .mud-table-root .mud-table-body .mud-table-row.gray-row > .mud-table-cell,
        .mud-table-container .mud-table-root .mud-table-body .mud-table-row.gray-row:hover > td,
        .mud-table-container .mud-table-root .mud-table-body .mud-table-row.gray-row:hover > .mud-table-cell {
            background-color: var(--mud-palette-surface, #f5f5f5) !important;
            color: rgba(0, 0, 0, 0.87) !important;
        }
    /* Started - Light Blue (Info) */
    .mud-table-container .mud-table-root .mud-table-body .mud-table-row.lt-blue-row,
    .mud-table-container .mud-table-root .mud-table-body .mud-table-row.lt-blue-row:hover {
        background-color: var(--mud-palette-info, #2196f3) !important;
    }

        .mud-table-container .mud-table-root .mud-table-body .mud-table-row.lt-blue-row > td,
        .mud-table-container .mud-table-root .mud-table-body .mud-table-row.lt-blue-row > .mud-table-cell,
        .mud-table-container .mud-table-root .mud-table-body .mud-table-row.lt-blue-row:hover > td,
        .mud-table-container .mud-table-root .mud-table-body .mud-table-row.lt-blue-row:hover > .mud-table-cell {
            background-color: var(--mud-palette-info, #2196f3) !important;
            color: white !important;
        }
    /* Due <7 Days - Blue (Primary) */
    .mud-table-container .mud-table-root .mud-table-body .mud-table-row.blue-row,
    .mud-table-container .mud-table-root .mud-table-body .mud-table-row.blue-row:hover {
        background-color: var(--mud-palette-primary, #594ae2) !important;
    }

        .mud-table-container .mud-table-root .mud-table-body .mud-table-row.blue-row > td,
        .mud-table-container .mud-table-root .mud-table-body .mud-table-row.blue-row > .mud-table-cell,
        .mud-table-container .mud-table-root .mud-table-body .mud-table-row.blue-row:hover > td,
        .mud-table-container .mud-table-root .mud-table-body .mud-table-row.blue-row:hover > .mud-table-cell {
            background-color: var(--mud-palette-primary, #594ae2) !important;
            color: white !important;
        }
    /* Over Due - Purple (Secondary) */
    .mud-table-container .mud-table-root .mud-table-body .mud-table-row.purple-row,
    .mud-table-container .mud-table-root .mud-table-body .mud-table-row.purple-row:hover {
        background-color: var(--mud-palette-secondary, #ff4081) !important;
    }

        .mud-table-container .mud-table-root .mud-table-body .mud-table-row.purple-row > td,
        .mud-table-container .mud-table-root .mud-table-body .mud-table-row.purple-row > .mud-table-cell,
        .mud-table-container .mud-table-root .mud-table-body .mud-table-row.purple-row:hover > td,
        .mud-table-container .mud-table-root .mud-table-body .mud-table-row.purple-row:hover > .mud-table-cell {
            background-color: var(--mud-palette-secondary, #ff4081) !important;
            color: white !important;
        }
    /* Dark mode adjustments */
    .mud-theme-dark .mud-table-container .mud-table-root .mud-table-body .mud-table-row.green-row {
        background-color: #1b5e20 !important;
    }

        .mud-theme-dark .mud-table-container .mud-table-root .mud-table-body .mud-table-row.green-row > td,
        .mud-theme-dark .mud-table-container .mud-table-root .mud-table-body .mud-table-row.green-row > .mud-table-cell {
            background-color: #1b5e20 !important;
            color: #66bb6a !important;
        }

    .mud-theme-dark .mud-table-container .mud-table-root .mud-table-body .mud-table-row.gray-row {
        background-color: #424242 !important;
    }

        .mud-theme-dark .mud-table-container .mud-table-root .mud-table-body .mud-table-row.gray-row > td,
        .mud-theme-dark .mud-table-container .mud-table-root .mud-table-body .mud-table-row.gray-row > .mud-table-cell {
            background-color: #424242 !important;
            color: rgba(255, 255, 255, 0.87) !important;
        }

    .mud-theme-dark .mud-table-container .mud-table-root .mud-table-body .mud-table-row.lt-blue-row {
        background-color: #0d47a1 !important;
    }

.mud-theme-dark .mud-table-container .mud-table-root .mud-table-body .mud-table-row.lt-blue-row > td,
.mud-theme-dark .mud-table-container .mud-table-root .mud-table-body .mud-table-row.lt-blue-row > .mud-table-cell {
    background-color: #0d47a1 !important;
    color: #2196f3 !important;
}

.mud-theme-dark .mud-table-container .mud-table-root .mud-table-body .mud-table-row.blue-row {
    background-color: #311b92 !important;
}

.mud-theme-dark .mud-table-container .mud-table-root .mud-table-body .mud-table-row.blue-row > td,
.mud-theme-dark .mud-table-container .mud-table-root .mud-table-body .mud-table-row.blue-row > .mud-table-cell {
    background-color: #311b92 !important;
    color: #b39ddb !important;
}

.mud-theme-dark .mud-table-container .mud-table-root .mud-table-body .mud-table-row.purple-row {
    background-color: #880e4f !important;
}

.mud-theme-dark .mud-table-container .mud-table-root .mud-table-body .mud-table-row.purple-row > td,
.mud-theme-dark .mud-table-container .mud-table-root .mud-table-body .mud-table-row.purple-row > .mud-table-cell {
    background-color: #880e4f !important;
    color: #ff4081 !important;
}

/* Highlight the selected equipment row and override MudBlazor typography on the descendants */
.mud-table-row.selected-equipment-row,
.mud-table-row.selected-equipment-row > td,
.mud-table-row.selected-equipment-row td,
.mud-table-row.selected-equipment-row .mud-typography {
    font-weight: bold !important;
}

.mud-dialog .mud-dialog-title .mud-button-close {
    top: 2px !important;
}
.mud-ex-dialog-header-actions {
    top: 2px !important;
}

.mud-dialog-title .mud-typography-h6 {
    font-weight: bold;
}

.filter-toolbar .mud-input-control.mud-input-control-margin-dense.mud-input-outlined-with-label {
    margin-top: 4px;
}