html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a, .btn-link {
    color: #006bb7;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    padding-top: 1.1rem;
}

.mud-header {
    background-color: lightgrey;
    border-color: red;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

.blazor-error-boundary::after {
    content: "An error has occurred."
}

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

.mud-table-body tr {
    transition: filter 0.2s ease;
}

.mud-data-grid .mud-table-body tr:hover {
    filter: brightness(0.9); /* darken on hover */
    background-color: lightcoral !important;
    cursor: pointer;
}

.mud-table-row {
    font-weight: 600; /* or bold */
}

.mud-table-head .mud-table-cell {
    background-color: darkred;
    color: white !important;
    font-weight: bold !important;
}

/* Global version */
.mud-table .mud-table-container,
.mud-table table {
    width: 100%;
}

.mud-table .mud-table-body .mud-table-row {
    width: 100%;
}


.bg-lightgreen-half {
    background-color: rgba(144, 238, 144, 0.5);
}

.bg-lightcoral-half {
    background-color: rgba(240, 128, 128, 0.5);
}
.bg-corvette-half {
    background-color: rgba(240, 184, 128, 0.5);
}


.mud-primary-darken {
    background-color: var(--mud-palette-primary-darken);
}

/* Remove padding/margins/background ONLY from the child-row wrapper */
.mud-table-child-content {
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    border: none !important;
}

    /* Optional: remove default cell styling on that element (only that cell) */
    .mud-table-child-content.mud-table-cell {
        padding: 0 !important;
        margin: 0 !important;
        background-color: transparent !important;
        border: none !important;
    }

    /* Prevent nested Mud components from re-adding spacing */
    .mud-table-child-content > * {
        margin: 0 !important;
        padding: 0 !important;
    }

.mud-table,
.mud-simple-table,
.mud-data-grid {
    font-size: 12px !important;
}

    .mud-table td,
    .mud-table th,
    .mud-simple-table td,
    .mud-simple-table th,
    .mud-data-grid td,
    .mud-data-grid th {
        font-size: 12px !important;
    }

    /* === MudDataGrid compact mode === */
    .mud-data-grid .mud-table-cell {
        padding: 4px 8px !important;
    }

    .mud-data-grid .mud-table-head .mud-table-cell {
        padding: 4px 8px !important;
        font-size: 0.75rem;
    }

    .mud-data-grid .mud-table-body .mud-table-row {
        height: 28px;
    }

    .mud-data-grid .mud-checkbox {
        padding: 0 !important;
        margin: 0 !important;
    }

    .mud-data-grid .mud-icon-button {
        padding: 2px !important;
    }

/* MudBlazor #8971: when a date-picker field is width-constrained (e.g. a wrapper
   with max-width:200px), the popover paper inherits that width and its overflow-x:hidden
   clips the fixed 310px calendar ("only half the calendar shows"). Force the popover
   paper to keep the calendar's natural width. !important is required because blazor.css
   loads before MudBlazor.min.css, whose later .mud-picker-popover-paper{min-width:16px}
   would otherwise win. */
.mud-picker-popover-paper {
    min-width: 310px !important;
}

.row-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

    .row-link:hover {
        text-decoration: underline;
    }