.environment-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 3px 7px;
    border: 1px solid;
    border-radius: 999px;
    font: 700 10px/1.2 system-ui, sans-serif;
    letter-spacing: .07em;
    vertical-align: middle;
    white-space: nowrap;
}
.environment-badge-development { color: #9a3412; background: #ffedd5; border-color: #fdba74; }
.environment-badge-staging { color: #6b21a8; background: #f3e8ff; border-color: #d8b4fe; }
.toolkit-brand-icon { display: inline-block; width: 32px; height: 32px; object-fit: contain; flex: 0 0 auto; vertical-align: middle; border-radius: 8px; }
.wb-brand .toolkit-brand-icon { width: 32px; height: 32px; }
.wb-brand-title .environment-badge { margin-left: 4px; }
.sidebar-home-link .toolkit-brand-icon { width: 28px; height: 28px; margin-right: 5px; }
@media (max-width: 480px) {
    .wb-brand { gap: 6px; }
    .wb-brand .toolkit-brand-icon { width: 28px; height: 28px; }
    .wb-brand-title .environment-badge { padding: 2px 5px; font-size: 9px; }
}