/* CORTANA-FEATURE:ui-env-banner-dev-r01
 * Distintivo visual exclusivo de entornos development.
 * No debe cargarse en PROD ni Platform.
 */

.cortana-dev-env-banner {
    position: sticky;
    top: 0;
    z-index: 10050;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 4px 14px;
    background: linear-gradient(90deg, #7a1f1f 0%, #b45309 48%, #7a1f1f 100%);
    color: #fff8f0;
    border-bottom: 2px solid rgba(255, 236, 179, 0.55);
    box-shadow: 0 6px 18px rgba(80, 20, 0, 0.22);
    font-family: var(--tenant-font, Arial, Helvetica, sans-serif);
    letter-spacing: 0.04em;
}

.cortana-dev-env-banner__label {
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: min(960px, 92vw);
}

body.cortana-env-development {
    /* Espacio visual estable bajo el banner sticky en scroll */
    scroll-padding-top: 28px;
}