:root {
    --mud-palette-warning: #FFE066;
}

.mud-main-content {
    padding-top: 0px;
    position: relative;
    top: calc(var(--fires-content-offset) + var(--fires-cui-banner-height));
}

.cui-banner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--fires-cui-banner-height);
    line-height: var(--fires-cui-banner-height);
    background-color: green;
    color: #fff;
    text-align: center;
    font-size: 0.8rem;
    font-weight: 600;
    z-index: 2000;
}

.mud-appbar.mud-appbar-fixed-top {
    top: var(--fires-cui-banner-height);
}

.print-cui-offset {
    padding-top: var(--fires-cui-banner-height);
}

.mud-nav-link.mud-ripple {
    font-weight: normal;
}

.mud-nav-item:hover {
    font-weight: normal;
    color: #ed7d31;
}

.mud-nav-link:hover .mud-icon-root path {
    color: #ed7d31;
}

.mud-nav-link:active .mud-icon-root path {
    color: #ed7d31;
}

.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled),
.mud-nav-link:hover:not(.mud-nav-link-disabled) {
    color: #ed7d31;
    font-weight: normal;
}

.mud-layout {
    border-top: solid 1px #ff5300;
    overflow: scroll;
}

.mud-chip.mud-chip-size-medium {
    height: 20px;
    font-size: 12px;
    border-radius: 5px;
}

.mud-chip {
    padding: 0px;
    margin: 2px;
}

@media (min-width: 1280px) {
    body > div.mud-layout.mud-drawer-open-responsive-md-left.mud-drawer-left-clipped-always > header > div > div > div > div.mud-grid-item.mud-grid-item-xs-12 > aside,
    body > div.mud-layout.mud-drawer-close-responsive-md-left.mud-drawer-left-clipped-always > header > div > div > div > div.mud-grid-item.mud-grid-item-xs-12 > aside {
        top: calc(var(--fires-appbar-height) + var(--fires-cui-banner-height));
    }
}

.mud-divider {
    border-color: var(--mud-palette-darken);
}

.report-nav-drawer {
    margin-top: calc(var(--fires-appbar-height) + var(--fires-cui-banner-height) - 45px) !important;
}

.fires-expansion-panel .mud-expand-panel-header {
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

.mud-button-root.mud-icon-button.mud-ripple.mud-ripple-icon.mud-table-row-expander {
    margin-right: 4px;
}

ul {
    list-style: disc;
}

.mud-snackbar-location-top-center {
    top: calc(var(--fires-appbar-height) + var(--fires-cui-banner-height));
}

.mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell {
    background-color: var(--mud-palette-gray-light);
}
.mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell:first-child {
    border-radius: 0;
}

.mud-table-bordered .mud-table-container .mud-table-root .mud-table-head.table-head-bordered .mud-table-row .mud-table-cell:not(:last-child) {
    border: solid 1px var(--mud-palette-table-lines);
}

.mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell:last-child {
    border: solid 1px var(--mud-palette-table-lines);
}

.mud-table-dense * .mud-table-row .mud-table-cell {
    padding: 5px 5px 5px 5px;
}

.fires-admin-container {
    margin-top: -30px;
}

.fires-page-container {
    margin-top: -38px;
}

.mud-breadcrumbs {
    padding-top: 4px;
    padding-bottom: 4px;
}

.mud-input-control {
    margin-top: 0px;
}

.mud-input > input.mud-input-root.mud-input-root-filled,
div.mud-input-slot.mud-input-root.mud-input-root-filled{
    padding: 12px 5px 5px 5px;
}

.mud-table-cell > .mud-button-root .mud-icon-button .mud-ripple .mud-ripple-icon .mud-table-row-expander {
    margin-left: 5px;
}

.mud-table-cell {
    padding: 4px; 
}

.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled,
.mud-input-label-filled {
    transform: translate(5px, -1px) scale(0.75);
    margin-bottom: 5px;
}

.mud-container {
    padding-left: var(--fires-space-lg);
    padding-right: var(--fires-space-lg);
}

.mud-paper {
    padding: var(--fires-space-md);
}

.mud-popover .mud-paper {
    padding: 0;
}

.mud-popover .mud-list {
    overflow-y: visible;
}

@media (max-width: 576px) {
    .mx-4, .mx-3 {
        margin-left: var(--fires-space-md) !important;
        margin-right: var(--fires-space-md) !important;
    }
    .ms-4, .ms-3 { margin-left: var(--fires-space-md) !important; }
    .me-4, .me-3 { margin-right: var(--fires-space-md) !important; }
    .ml-4, .ml-3 { margin-left: var(--fires-space-md) !important; }
    .mr-4, .mr-3 { margin-right: var(--fires-space-md) !important; }

    .px-4, .px-3 {
        padding-left: var(--fires-space-md) !important;
        padding-right: var(--fires-space-md) !important;
    }
    .ps-4, .ps-3 { padding-left: var(--fires-space-md) !important; }
    .pe-4, .pe-3 { padding-right: var(--fires-space-md) !important; }
    .pl-4, .pl-3 { padding-left: var(--fires-space-md) !important; }
    .pr-4, .pr-3 { padding-right: var(--fires-space-md) !important; }

    .mt-4, .mt-3 { margin-top: var(--fires-space-md) !important; }
    .mb-4, .mb-3 { margin-bottom: var(--fires-space-md) !important; }
    .my-4, .my-3 {
        margin-top: var(--fires-space-md) !important;
        margin-bottom: var(--fires-space-md) !important;
    }
    .pt-4, .pt-3 { padding-top: var(--fires-space-md) !important; }
    .pb-4, .pb-3 { padding-bottom: var(--fires-space-md) !important; }
    .py-4, .py-3 {
        padding-top: var(--fires-space-md) !important;
        padding-bottom: var(--fires-space-md) !important;
    }

    .mud-container {
        padding-left: var(--fires-space-md) !important;
        padding-right: var(--fires-space-md) !important;
    }
    .mud-paper {
        padding: var(--fires-space-sm) !important;
    }
    .mud-popover .mud-paper {
        padding: 0 !important;
    }
    .mud-card .mud-card-content {
        padding: var(--fires-space-sm) !important;
    }
    .mud-card-actions {
        padding: var(--fires-space-sm) !important;
    }

    .mud-table-cell {
        padding: 2px !important;
    }
    .mud-table-dense * .mud-table-row .mud-table-cell {
        padding: 2px 2px 2px 2px !important;
    }

    .row {
        --bs-gutter-x: var(--fires-space-md);
        --bs-gutter-y: 0;
    }
}

.cas-row-eval-tied td.mud-table-cell-checkbox,
.cas-row-eval-tied .mud-checkbox,
.mud-table-row:has(.cas-eval-tied-chip) td.mud-table-cell-checkbox,
.mud-table-row:has(.cas-eval-tied-chip) .mud-checkbox {
    visibility: hidden;
}

.site-alert-banner {
    display: flex;
    align-items: center;
    gap: var(--fires-space-md);
    width: min(900px, 100%);
    max-width: 100%;
    margin: var(--fires-space-xs) auto;
    padding: var(--fires-space-xs) var(--fires-space-md);
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    font-size: 0.85rem;
}

.site-alert-banner-content {
    display: flex;
    align-items: center;
    gap: var(--fires-space-sm);
    min-width: 0;
    flex: 1 1 auto;
}

.site-alert-banner-icon {
    font-size: 1.1rem;
    flex: 0 0 auto;
    line-height: 1.3;
}

.site-alert-banner-text {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: var(--fires-space-sm);
    min-width: 0;
    line-height: 1.3;
}

.site-alert-banner-title {
    font-weight: 700;
}

.site-alert-banner-message {
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.site-alert-banner-showmore {
    background: none;
    border: none;
    color: inherit;
    font: inherit;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
    padding: 0;
    white-space: nowrap;
}

.site-alert-banner-popover-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1300;
}

.site-alert-banner-popover {
    position: fixed;
    top: 15vh;
    left: 50%;
    transform: translateX(-50%);
    width: min(600px, 92vw);
    max-height: 70vh;
    overflow-y: auto;
    z-index: 1301;
    border-radius: 6px;
    padding: var(--fires-space-md);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.35);
}

.site-alert-banner-popover-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--fires-space-md);
    margin-bottom: var(--fires-space-sm);
}

.site-alert-banner-popover-body {
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.site-alert-banner-attachments {
    margin-top: 2px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--fires-space-md);
}

.site-alert-banner-attachments a {
    color: inherit;
    text-decoration: underline;
    font-size: 0.85rem;
}

.site-alert-banner-actions {
    display: flex;
    align-items: center;
    gap: var(--fires-space-sm);
    flex: 0 0 auto;
}

.site-alert-banner-pager {
    font-size: 0.8rem;
    opacity: 0.9;
    white-space: nowrap;
}

.site-alert-banner-btn {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: inherit;
    cursor: pointer;
    padding: 2px 10px;
    border-radius: 4px;
    font-size: 0.85rem;
    line-height: 1.6;
}

.site-alert-banner-btn:hover {
    background: rgba(255, 255, 255, 0.35);
}

.site-alert-banner-info {
    background-color: var(--mud-palette-info);
    color: #fff;
}

.site-alert-banner-success {
    background-color: var(--mud-palette-success);
    color: #fff;
}

.site-alert-banner-warning {
    background-color: var(--mud-palette-warning);
    color: #212121;
}

.site-alert-banner-danger {
    background-color: var(--mud-palette-error);
    color: #fff;
}

.site-alert-banner-warning .site-alert-banner-btn {
    background: rgba(0, 0, 0, 0.12);
}

.site-alert-banner-warning .site-alert-banner-btn:hover {
    background: rgba(0, 0, 0, 0.22);
}

@media (max-width: 576px) {
    .site-alert-banner {
        font-size: 0.8rem;
        padding: var(--fires-space-sm) var(--fires-space-md);
        gap: var(--fires-space-sm);
    }
}