html, body {    
  /*  font-family: system-ui, sans-serif;*/
}

h1:focus {
    outline: none;
}

.content {
    padding-top: 1.1rem;
}


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

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#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: 1000;
}

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

.blazor-error-boundary {
    background: #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

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


.row-default {    background-color: #cce6ff;}
.row-danger {    background-color: #ffe6e6;}
.row-warning {    background-color: #fff0e6;}
.row-success {    background-color: #fdfde8;}

.peg-unitfinalised {    background-color: #b1ceb5;}
.peg-unitcomplete {    background-color: #f1f15b;}
.peg-unitoverdue {    background-color: #ff8533;}
.peg-unitlocked {    background-color: #ea3b35;}
.peg-unitinprogress {    background-color: #99bbff;}

.bg-unitfinalised {    background-color: #eff5f0;}
.bg-unitcomplete {    background-color: #fdfde8;}
.bg-unitoverdue {    background-color: #ffe0cc;}
.bg-unitlocked {    background-color: #f9d2d0;}
.bg-unitinprogress {    background-color: #1861ac;}

/* Dark mode overrides for grid rows and units */
[data-bs-theme="dark"] .row-default { background-color: rgba(var(--bs-primary-rgb), 0.15); }
[data-bs-theme="dark"] .row-danger { background-color: rgba(var(--bs-danger-rgb), 0.15); }
[data-bs-theme="dark"] .row-warning { background-color: rgba(var(--bs-warning-rgb), 0.15); }
[data-bs-theme="dark"] .row-success { background-color: rgba(var(--bs-success-rgb), 0.15); }

[data-bs-theme="dark"] .peg-unitfinalised { background-color: #4e8257; }
[data-bs-theme="dark"] .peg-unitcomplete { background-color: #a8a815; }
[data-bs-theme="dark"] .peg-unitoverdue { background-color: #c25b13; }
[data-bs-theme="dark"] .peg-unitlocked { background-color: #a3221e; }
[data-bs-theme="dark"] .peg-unitinprogress { background-color: #3b6aa3; }

[data-bs-theme="dark"] .bg-unitfinalised { background-color: rgba(177, 206, 181, 0.15); }
[data-bs-theme="dark"] .bg-unitcomplete { background-color: rgba(241, 241, 91, 0.1); }
[data-bs-theme="dark"] .bg-unitoverdue { background-color: rgba(255, 133, 51, 0.15); }
[data-bs-theme="dark"] .bg-unitlocked { background-color: rgba(234, 59, 53, 0.15); }
[data-bs-theme="dark"] .bg-unitinprogress { background-color: rgba(24, 97, 172, 0.4); }