.environment-badge {
    position: fixed;
    z-index: 10;
    top: 14px;
    left: 50%;
    transform: translateX(-50%);
    padding: 7px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    box-shadow: 0 4px 12px #11182722;
}

.environment-badge.development,
.environment-chip.development {
    background: #fff3cd;
    color: #8a5200;
    border: 1px solid #ffd36a;
}

.environment-badge.production,
.environment-chip.production {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
}

.environment-chip {
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .05em;
}