/* Make the left comment table scroll independently */
.scroll-pane {
    overflow: auto;
}

/* Optional: ensure tabs fill the right column */
.tabs-fill .mud-tabs-panels {
    height: 100%;
}

.tabs-fill .mud-tab-panel {
    height: 100%;
}

/* Highlight selected row */
.selected-row {
    background-color: rgba(0,0,0,.06);
}

.full-height {
    height: calc(100vh - 220px);
}

.h-100 {
    height: 100%;
}

.flex-1 {
    flex: 1 1 auto;
}

.border-right {
    border-right: 1px solid rgba(0,0,0,.12);
}

.border-bottom {
    border-bottom: 1px solid rgba(0,0,0,.12);
}

.selected-comment {
    background: rgba(25,118,210,.08);
    border-left: 3px solid #1976d2;
}

#mud-table-wrapper {
    max-height: calc(100vh - 220px);
    overflow-y: auto;
    overflow-x: auto;
    padding-bottom: 4px;
}

.mud-table-container {
    overflow: visible !important;
}

.mud-table-container table {
    border-collapse: separate;
    border-spacing: 0;
}

.mud-table-container table thead {
    display: table-header-group;
}

.mud-table-container table thead tr {
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 10;
}

.mud-table-container table thead th {
    background-color: white;
    z-index: 11;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}

.aging-matrix-table {
    border-collapse: collapse;
    width: 100%;
    background: #fff;
    table-layout: fixed;
    font-size: 14px;
}

.aging-matrix-table tfoot td.aging-total-value {
    border-bottom: 1px solid #000 !important;
}

.aging-matrix-table thead tr th,
.aging-matrix-table th {
    background: #f9f9f9;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 6px;
    text-align: center;
}

.aging-matrix-table th.aging-th,
.aging-matrix-table td.aging-td {
    background: #f5f6fa;
    font-weight: 600;
}

.aging-matrix-table th,
.aging-matrix-table td {
    border: 1px solid #222;
    text-align: center;
    vertical-align: middle;
    padding: 8px 4px;
    width: 6.25% !important;
}

.aging-matrix-table tfoot tr td.aging-total-cell {
    background: #e9e9ef;
    font-weight: 700;
    font-size: 15px;
}

.aging-match {
    background-color: #ffe066 !important;
    color: #222 !important;
    font-weight: 700;
}

.vertical-align-middle {
    vertical-align: middle !important;
}

.font-bold {
    font-weight: 700 !important;
}

.aging-matrix-table .mud-button {
    min-width: unset !important;
    padding: 0 !important;
    font-size: 1em !important;
    font-weight: 600 !important;
}

.aging-matrix-table .mud-table-toolbar {
    margin-bottom: 8px !important;
    padding: 0 0 8px 0 !important;
}

.aging-matrix-table thead tr:first-child th:first-child,
.aging-matrix-table thead tr:nth-child(2) th:first-child {
    background: #fff !important;
    border-top: none !important;
    border-left: none !important;
    border-bottom: none !important;
}

.aging-matrix-table thead tr:first-child th:nth-child(2),
.aging-matrix-table thead tr:nth-child(2) th:nth-child(2) {
    border-left: none !important;
}

.aging-matrix-table thead tr:nth-child(2) th:first-child {
    border-top: none !important;
}

.aging-matrix-table tfoot tr td:first-child {
    border-left: none !important;
}

.aging-matrix-table tfoot tr td:nth-last-child(-n+4) {
    border-right: none !important;
    background: #fff !important;
}
.aging-matrix-table tfoot tr td:nth-last-child(-n+3) {
    border-left: none !important;
}

.mud-dialog-fullscreen {
    overflow-y: scroll
}

.mud-table-custom {
    border-collapse: collapse !important;
    width: 100% !important; 
    font-size: 12px !important; 
}

.mud-table-custom td,
.mud-table-custom th {
    border: 1px solid #ccc !important; 
    padding: 8px !important; 
    text-align: left !important; 
}

.mud-table-custom th {
    background-color: #f5f5f5 !important;
}

.fsh-center-text {
    text-align: center !important;
}

.mud-button-filled {
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 30%), 0 2px 2px 0 rgb(0 0 0 / 0), 0 1px 5px 0 rgb(0 0 0 / 10%) !important;
}

.mud-dialog {
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 10%), 0 2px 2px 0 rgb(0 0 0 / 0), 0 10px 10px 0 rgb(0 0 0 / 5%) !important;
}

.mud-nav-link {
    white-space: normal !important;
    padding: 3px 4px 3px 19px;
}

    .mud-nav-link.active:not(.mud-nav-link-disabled) {
        border-right: 3px solid var(--mud-palette-primary);
        background-color: rgba(var(--mud-palette-primary-rgb), 0.1);
    }

.mud-table {
    padding: 10px !important;
    margin-bottom: 20px !important;
}

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

.mud-card {
    margin-bottom: 20px !important;
}

#blazor-error-ui {
    color: var(--mud-palette-drawer-text);
    background: var(--mud-palette-drawer-background);
}

.mud-overlay-dark {
    backdrop-filter: blur(2px);
}

.mud-card-header .mud-card-header-avatar {
    margin-inline-end: 10px !important;
}

.mud-nav-link {
    padding: 3px 4px 3px 5px !important;
}

.mud-dialog-content {
    max-height: 75vh !important;
    overflow: auto !important;
}

.mud-grid-spacing-xs-3 {
    margin: 0px !important;
    margin-left: -12px !important;
}

.mud-table-toolbar
{
    flex-wrap:wrap;
    margin-bottom:20px!important;
}

::-webkit-scrollbar {
    width: 2px!important;
    height: 6px!important;
}
.fsh-nav-child {
    padding-left: 10px !important;
}