.strength-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 13px;
    border-radius:999px;
    font-weight:900;
    letter-spacing:.02em;
    border:1px solid rgba(255,255,255,.16);
    box-shadow:0 0 18px rgba(0,0,0,.18);
}

.strength-weak{
    color:#ffd7d7;
    background:rgba(255,80,80,.14);
    border-color:rgba(255,80,80,.32);
}

.strength-acceptable{
    color:#ffeec7;
    background:rgba(255,189,46,.14);
    border-color:rgba(255,189,46,.34);
}

.strength-strong{
    color:#d8e8ff;
    background:rgba(90,140,255,.14);
    border-color:rgba(90,140,255,.34);
}

.strength-very-strong{
    color:#d8fff0;
    background:rgba(0,247,165,.14);
    border-color:rgba(0,247,165,.38);
}

.hero-stat .strength-pill{
    font-size:28px;
    padding:10px 18px;
}

#resultado{
    scroll-margin-top:120px;
}

.message.success{
    color:#00f7a5;
    font-weight:700;
    margin-top:12px;
}

.message.error{
    color:#ff9b9b;
    font-weight:700;
    margin-top:12px;
}

.cotnas-session-nav{
    display:flex;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
}

.session-pill{
    font-size:13px;
    color:#9bbab1;
    padding:9px 13px;
    border:1px solid rgba(0,255,170,.18);
    border-radius:10px;
    background:rgba(0,255,157,.06);
}

.session-pill strong{
    color:#ecfff9;
}

.session-pill.admin{
    border-color:rgba(255,180,0,.28);
    background:rgba(255,180,0,.08);
    color:#ffd37c;
}

.session-pill.superadmin{
    border-color:rgba(255,80,220,.35);
    background:rgba(255,80,220,.09);
    color:#ffbaf0;
}

.login-link{
    color:#00f7a5 !important;
    font-weight:700;
}

.logout-link{
    color:#ff9b9b !important;
    font-weight:700;
}

.result-card .mono{
    font-size:18px;
    line-height:1.7;
    word-break:break-word;
}

.kpi strong{
    display:block;
}

.kpi .strength-pill{
    margin-top:6px;
}

@media(max-width:900px){

    .cotnas-session-nav{
        justify-content:flex-start;
        width:100%;
        margin-top:12px;
    }

    .session-pill{
        width:100%;
    }

    .hero-stat .strength-pill{
        font-size:22px;
        width:100%;
    }

    .result-card .mono{
        font-size:15px;
    }
}