/* WAI-Core: src/app/static/css/developer-mode.css v1 */

.developer-mode {
    position: fixed;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%);
    padding: 10px 18px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: rgba(36, 63, 83, 0.75);
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    z-index: 2200;
}

.developer-mode[data-developer-mode="true"] {
    opacity: 0.75;
}