.svg-green {
    filter: brightness(0) saturate(100%) invert(28%) sepia(21%) saturate(6747%) hue-rotate(138deg) brightness(101%) contrast(80%);
}
.svg-red {
    filter: invert(30%) sepia(50%) saturate(4948%) hue-rotate(343deg) brightness(95%) contrast(105%);
}
.svg-white {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(145deg) brightness(102%) contrast(100%);
}

.notification-preview {
    cursor: pointer;
    border-left: 2px solid red;
}

.read-notification-preview {
    border-left: unset;
}

#offcanvas-notifications-individual {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.btn-clear {
    border: none;
    background-color: transparent;
}

.btn-large-icon.k-button .k-icon.k-svg-icon > svg {
    height: 36px;
    width: 36px;
}

.filter-section-grid {
    grid-template-columns: minmax(0, 1fr);
}

/* Grouped s-table (first used by the F.I.S.H. Budget Code Sheet, Phase 5 Item 45): a shaded heading
   row per group, bold parent rows, and indented child rows. */
.s-table-grouped .s-table-group-heading > th {
    background-color: var(--bs-secondary-bg);
    font-weight: 600;
}

.s-table-grouped .s-table-parent-row > td:nth-child(-n+3) {
    font-weight: 600;
}

.s-table-grouped .s-table-child-row > td:nth-child(2),
.s-table-grouped .s-table-child-row > td:nth-child(3) {
    padding-left: 1.25rem;
}

/* Multi-level grouped reports (Report Catalog, Phase 5 Item 84): group headings indented by level,
   a subtotal row closing each group, and the grand total last. */
.s-table-grouped .s-table-group-level-2 > th,
.s-table-grouped .s-table-subtotal-row.s-table-group-level-2 > td:first-child {
    padding-left: 1.25rem;
}

.s-table-grouped .s-table-group-level-3 > th,
.s-table-grouped .s-table-subtotal-row.s-table-group-level-3 > td:first-child {
    padding-left: 2rem;
}

.s-table-grouped .s-table-group-level-4 > th,
.s-table-grouped .s-table-subtotal-row.s-table-group-level-4 > td:first-child {
    padding-left: 2.75rem;
}

/* Item 93: Total Hours Per Day (23) groups six levels deep. */
.s-table-grouped .s-table-group-level-5 > th,
.s-table-grouped .s-table-subtotal-row.s-table-group-level-5 > td:first-child {
    padding-left: 3.5rem;
}

.s-table-grouped .s-table-group-level-6 > th,
.s-table-grouped .s-table-subtotal-row.s-table-group-level-6 > td:first-child {
    padding-left: 4.25rem;
}

.s-table-grouped .s-table-subtotal-row > td {
    font-weight: 600;
    border-top: 1px solid var(--bs-border-color);
}

.s-table-grouped .s-table-grand-total-row > td {
    font-weight: 700;
    border-top: 2px solid var(--bs-border-color);
}

/* Sanitized rich text shown read-only (RichTextSanitizer output). */
.s-rich-text p,
.s-rich-text ul,
.s-rich-text ol {
    margin-bottom: .25rem;
}

.s-rich-text ul,
.s-rich-text ol {
    padding-left: 1.25rem;
}

.s-rich-text > :last-child {
    margin-bottom: 0;
}

.text-pre-line {
    white-space: pre-line;
}

@media (min-width: 992px) {
    .filter-section-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    #navbar-global {
        max-width: 100%;
        min-width: 0;
    }

    #navbar-global.k-menu.k-menu-horizontal {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    #navbar-global.k-menu.k-menu-horizontal > .k-menu-item {
        min-width: 0;
        max-width: 100%;
    }

    #navbar-global.k-menu.k-menu-horizontal > .k-menu-item > .k-menu-link {
        min-width: 0;
        max-width: 100%;
    }

    #navbar-global.k-menu.k-menu-horizontal > .k-menu-item > .k-menu-link .k-menu-link-text {
        min-width: 0;
        max-width: calc(100vw - 2rem);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* Susco.Web.Controls s-readonly.css fades `select:read-only`, but browsers match every <select> as
   :read-only, so enabled dropdowns looked disabled (Item 90 bulk edit). Keep them at full opacity;
   disabled selects keep Bootstrap's disabled styling. */
select:read-only:not(:disabled) {
    opacity: 1;
}