body {
    background-color: #f8f9fa;
}

/* Overrides Bootstrap d-* !important rules because this file loads after Bootstrap */
.dash-hidden { display: none !important; }

.card {
    border-radius: 12px;
}

.navbar-brand {
    font-size: 1.3rem;
}

.badge {
    font-size: 0.8rem;
}

.exp-badge {
    font-size: .72rem;
    font-weight: 600;
    padding: 2px 9px;
    border-radius: 10px;
    white-space: nowrap;
    display: inline-block;
}
.tier-novice      { background: #e9ecef; color: #495057; }
.tier-developing  { background: #cfe2ff; color: #0a58ca; }
.tier-experienced { background: #d1e7dd; color: #146c43; }