body { background-color: #f8f9fa; min-height: 100vh; display: flex; flex-direction: column; }
.card { border: none; box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075); }
footer { border-top: 1px solid #dee2e6; padding: 1.5rem 0; margin-top: auto; }

/* ── Navbar brand ────────────────────────────────────────────────────────── */
.navbar-brand {
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.navbar-logo {
    height: 36px;
    width: auto;
    max-width: 140px;
    object-fit: contain;
    border-radius: 3px;
    /* keeps light logos visible on dark navbar */
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.5));
}

/* ── Settings logo preview ───────────────────────────────────────────────── */
.settings-logo-preview {
    max-height: 60px;
    width: auto;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 4px;
    background: #fff;
}