.app-mode-ribbon {
    position: fixed;
    top: 52px;
    right: -55px;
    z-index: 1055;
    width: 260px;
    padding: 8px 0;
    transform: rotate(45deg);
    pointer-events: none;
    text-align: center;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.18);
}

.app-mode-ribbon--anonymized {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

.app-mode-ribbon--simulated {
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
}

.app-mode-ribbon--staging {
    background: linear-gradient(135deg, #64748b 0%, #475569 100%);
}