html, body {
    font-family: 'Segoe UI', Helvetica, Arial, sans-serif;
    margin: 0;
}

h1 {
    font-size: 1.6rem;
}

/* The MCB shell's sidebar (.mcb-left) is float:left and is injected as a CHILD of
   <main>, a sibling of the nav/article below - not a sibling of <main> itself (the
   shell's own CSS selectors are all main>.mcb-left>...). A block formatting context
   on <main> does nothing for how its own children float around each other; it has
   to go on the siblings that need to clear the float, so each one's own box (and
   left padding) starts beside the sidebar instead of underneath it. */
main > nav,
main > article.content,
main > .mcb-footer {
    overflow: hidden;
}

.content {
    padding-top: 1.1rem;
}

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

/* Bootstrap's .btn-outline-* classes already set border-width via $btn-border-width
   (1px) in this app's Bootstrap 5.2.3, but that stylesheet is loaded remotely from
   the MCB shell and isn't visible to this repo, so nothing here guarantees it won't
   be overridden upstream. This is an explicit local safeguard so outline buttons
   (View Disclosure, Cancel, Return to queue, Approve/Flag, Reset, Clear, etc.)
   always render with a genuine 1px border regardless of the shell's own CSS. */
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-danger {
    border-width: 1px;
}