/*
 * MedUNIQA overrides for the IdentityServer interactive pages.
 *
 * Additive on purpose: site.css, site.min.css and site.scss all ship in this project with no build step
 * wiring them together, so editing any of them would desynchronise the other two. This file is linked after
 * site.css in _Layout.cshtml and is the only stylesheet that should be edited.
 *
 * The palette here is placeholder UNIQA blue pending the brand assets and design sign-off. The logo and
 * favicon are likewise still the stock files - see wwwroot/README-branding.md.
 */

:root {
    --meduniqa-blue: #003882;
    --meduniqa-blue-dark: #00285c;
}

.meduniqa-navbar {
    background-color: var(--meduniqa-blue);
}

.navbar-brand {
    font-weight: 600;
    letter-spacing: 0.02em;
}

.body-container {
    max-width: 960px;
    padding-top: 2rem;
}

.login-page .lead h1,
.logout-page .lead h1,
.logged-out-page .lead h1,
.error-page .lead h1,
.welcome-page h1 {
    font-size: 1.75rem;
    color: var(--meduniqa-blue);
}

.login-page .card {
    border-color: rgba(0, 56, 130, 0.15);
}

.btn-primary {
    background-color: var(--meduniqa-blue);
    border-color: var(--meduniqa-blue);
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--meduniqa-blue-dark);
    border-color: var(--meduniqa-blue-dark);
}

.alert-danger strong {
    display: block;
    margin-bottom: 0.25rem;
}

.request-id {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: #6c757d;
}