:root {
    --mh-navy: #44546A;
    --mh-gold: #B08D57;
    --mh-ink: #1F2834;
    --mh-bg: #F4F6F9;
}

body { background: var(--mh-bg); color: var(--mh-ink); }

.mh-navbar { background: var(--mh-navy); }
.mh-navbar .nav-link.active { color: #fff; border-bottom: 2px solid var(--mh-gold); }

.btn-primary { background: var(--mh-navy); border-color: var(--mh-navy); }
.btn-primary:hover, .btn-primary:focus { background: #36435a; border-color: #36435a; }
.btn-outline-primary { color: var(--mh-navy); border-color: var(--mh-navy); }
.btn-outline-primary:hover { background: var(--mh-navy); border-color: var(--mh-navy); }
a { color: var(--mh-navy); }

.mh-logo {
    width: 56px; height: 56px; border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    background: var(--mh-navy); color: var(--mh-gold); font-size: 1.6rem;
}

.mh-stat { border: 0; border-left: 4px solid var(--mh-gold); }
.mh-row-link { cursor: pointer; }
.mh-pre { white-space: pre-line; }

.mh-totals { max-width: 360px; margin-left: auto; font-size: .9rem; }
.mh-totals > div { display: flex; justify-content: space-between; padding: .25rem 0; border-bottom: 1px solid #DCE1E8; }
.mh-totals .mh-grand { border-bottom: 0; border-top: 2px solid var(--mh-navy); font-size: 1rem; }

.card-header { border-bottom-color: #DCE1E8; }