html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.card .badge {
    padding: 5px 10px;
    font-size: 90%;
}

/* SweetAlert2 dialogs: keep the popup background on the active Bootstrap theme.
   plugins.bundle.min.css hard-codes `.swal2-popup{background:#15171c}` — the dark
   theme's body colour baked in as a literal — which outranks the theme-aware
   `.swal2-popup{background-color:var(--bs-body-bg)}` in style.bundle.min.css and
   leaves every dialog dark on the light theme. _Layout.cshtml loads
   plugins.bundle.min.css a second time after this file, so the override is scoped
   to the container to outrank both copies. Resolves to #15171c on dark, so the
   shipped theme is unchanged. */
.swal2-container .swal2-popup {
    background-color: var(--bs-body-bg);
}
/* SweetAlert dialog titles.
   style.bundle.min.css pins these to var(--bs-dark), a near-black that is a
   colour name rather than a theme role, so it does not invert under
   data-bs-theme="dark" and the title lands at ~1.2:1 on the popup background.
   Several admin dialogs carry their entire message in the title, so this
   silently hides error and confirmation text. */
.swal2-popup .swal2-title {
    color: var(--bs-heading-color);
}