.table-clicked .mud-table-body .mud-table-row:hover {
    cursor: pointer;
}

.mud-chart-line {
    overflow: visible !important;
}

.mud-list-item-icon {
    min-width: 36px !important;
}
#blazor-error-ui {
    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: 10000;
}

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

.brand-block {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 28px 22px 22px;
    color: white;
}

    .brand-block strong, .brand-block span {
        display: block;
    }

    .brand-block strong {
        font-size: 18px;
    }

    .brand-block span {
        font-size: 12px;
        color: #9fb0cf;
        margin-top: 2px;
    }

.nav-menu {
    padding: 8px 12px;
}

.app-drawer .mud-nav-link {
    border-radius: 10px;
    color: #cbd8ef;
    margin: 4px 0;
}

    .app-drawer .mud-navmenu.mud-navmenu-default .mud-nav-link:hover:not(.mud-nav-link-disabled) {
        background-color: #1d2c4f;
    }

    .app-drawer .mud-navmenu.mud-navmenu-default .mud-nav-link.active:hover:not(.mud-nav-link-disabled) {
        background-color: #1d2c4f;
        color: #ffffff;
    }

    .app-drawer .mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) {
        background-color: #24406e;
        color: #ffffff;
    }

.drawer-footer {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 20px;
    border-top: 1px solid #263754;
    padding-top: 18px;
    display: flex;
    gap: 11px;
    align-items: center;
}

    .drawer-footer b, .drawer-footer span {
        display: block;
    }

    .drawer-footer b {
        font-size: 14px;
        color: white;
    }

    .drawer-footer span {
        font-size: 12px;
        color: #93a5c5;
    }

.detail-drawer {
    background-color: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
}

.metric-card {
    cursor: pointer;
    transition: .18s ease;
}

    .metric-card:hover {
        border-color: #b9c9ea;
        box-shadow: 0 8px 24px rgba(32, 55, 96, .08);
    }

.invoice-table tbody tr {
    cursor: pointer;
}

.invoice-table .selected-row {
    background: #eef4ff;
}

.invoice-table .mud-table-cell {
    padding: 15px 16px;
}

.cell-sub {
    display: block;
    color: #7a8699;
    font-size: 12px;
    margin-top: 4px;
    max-width: 310px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}