/* Environment Alert - Alerta visual para ambientes não-produtivos */

.environment-alert {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    padding: 0 0 0 0;
    text-align: center;
    font-weight: 200;
    font-size: 8px;
}

.environment-alert-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1px;
}

.environment-alert-text {
    letter-spacing: 0.3px;
}

.environment-alert-warning {
    font-size: 8px;
    opacity: 0.85;
    font-weight: normal;
}

/* Estilos por ambiente */
.environment-alert-development {
    background: #ff9800;
    color: #000;
    border-bottom: 1px solid #f57c00;
    opacity: 0.95;
}

.environment-alert-staging {
    background: #039be5;
    color: #fff;
    border-bottom: 1px solid #0277bd;
    opacity: 0.95;
}

.environment-alert-uat {
    background: #8e24aa;
    color: #fff;
    border-bottom: 1px solid #6a1b9a;
    opacity: 0.95;
}

.environment-alert-testing,
.environment-alert-test {
    background: #4caf50;
    color: #fff;
    border-bottom: 1px solid #388e3c;
    opacity: 0.95;
}

/* Ajuste do layout quando o alerta está presente */
body:has(.environment-alert) .wrapper {
    padding-top: 10px;
}

body:has(.environment-alert) .main-header {
    top: 10px;
}

/* Ajuste para dispositivos móveis */
@media (max-width: 767px) {
    .environment-alert {
        font-size: 8px;
        padding: 1px;
    }

    .environment-alert-warning {
        display: none;
    }

    body:has(.environment-alert) .wrapper {
        padding-top: 10px;
    }

    body:has(.environment-alert) .main-header {
        top: 10px;
    }
}

/* Tema escuro */
.dark-skin .environment-alert-development {
    background: #ff9800;
    color: #fff;
}