.pw-meter{
    margin-top:.5rem
}

.pw-bars{
    display:flex;gap:4px;margin:.25rem 0
}

.pw-bars span{
    flex:1;height:6px;border-radius:4px;
    background:#e5e7eb;
    transition:background .2s
}
.pw-bars span.active{
    background:#94a3b8
}
.pw-meter.score-3 .pw-bars span.active,.pw-meter.score-4 .pw-bars span.active{
    background:#22c55e
}   
.pw-meter.score-2 .pw-bars span.active{
    background:#f59e0b
}
.pw-meter.score-1 .pw-bars span.active{
    background:#ef4444
}
.pw-meter .pw-text{
    font-size:.85rem;color:#6b7280
}
.pw-checks{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
    gap:6px;margin-top:.25rem
}
.pw-check{
    font-size:.8rem;
    color:#9ca3af;
    display:flex;
    align-items:center;gap:.35rem
}
.pw-check.ok{
    color:#16a34a
}
.pw-check i{
    font-size:.75rem}