/* esite custom styles — layered on top of Bootstrap 5.
   Keep this file for brand colors and small overrides only; use Bootstrap
   utility/component classes in markup wherever possible. */

:root {
    --brand: #b22222;
    --brand-dark: #8a1a1a;
}

/* Brand-colored navbar */
.navbar-brandbar {
    background: var(--brand);
}
.navbar-brandbar .navbar-brand,
.navbar-brandbar .nav-link {
    color: #fff;
}
.navbar-brandbar .nav-link:hover,
.navbar-brandbar .nav-link:focus,
.navbar-brandbar .nav-link.active {
    color: #ffe1e1;
}
.navbar-brandbar .navbar-brand { font-weight: 700; }

/* Brand buttons map onto Bootstrap's .btn-brand */
.btn-brand {
    background: var(--brand);
    border-color: var(--brand);
    color: #fff;
}
.btn-brand:hover,
.btn-brand:focus {
    background: var(--brand-dark);
    border-color: var(--brand-dark);
    color: #fff;
}

a { color: var(--brand); }
a:hover { color: var(--brand-dark); }

/* Centered narrow shell for the auth pages (login / reset) */
.auth-wrap {
    min-height: calc(100vh - 56px);
    display: flex;
    /* Column, so flash messages stack above the card instead of beside it. */
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}
.auth-wrap .auth-card {
    width: 100%;
    max-width: 420px;
}
/* Keep flashes the same width as the card they sit above. */
.auth-wrap > .alert {
    width: 100%;
    max-width: 420px;
}


/* Print: reports come out as clean tables (browser print-to-PDF replaces the
   old site's jsPDF export). */
@media print {
    nav.navbar, footer, .alert, .d-print-none, form.report-picker { display: none !important; }
    body { background: #fff !important; }
    .card { border: 0 !important; box-shadow: none !important; }
    .report-table { font-size: 11px; }
}