.table-superTiny .bdgcl {
    min-width:100px;
    max-width:110px;
    min-height:26px;
    padding-left:22px;
    border-radius:8px;
    font-size: 0.7rem;
}

.table-tiny .bdgcl {
    min-width:110px;
    max-width:130px;
    min-height:28px;
    padding-left:24px;
    border-radius:8px;
}

.form-group .bdgcl {
    min-width:200px;
    width:100%;
    min-height:37px;
    padding-left: 38px;
    border-radius:8px;
}

.bdgcl {
    position:relative;
    display:inline-flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    font-weight:bold;
    box-sizing:border-box;
}

.table-superTiny .bdgcl i{ width:24px; }
.table-tiny .bdgcl i     { width:24px; }
.form-group .bdgcl i     { width:38px; }

.bdgcl i{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#FFF;
    border-radius:8px 0 0 8px;
}

.bdgcl-title{
    font-weight:bold;
    text-align: center;
    width: 100%;
}

.table-superTiny .bdgcl-bar{ gap: 1px; margin-bottom: 2px; }
.table-tiny .bdgcl-bar     { gap: 1px; margin-bottom: 2px; }
.form-group .bdgcl-bar     { gap: 3px; margin-bottom: 4px; }

.table-superTiny .bdgcl-bar span { width: 6px; height: 3px; border-radius: 2px; }
.table-tiny .bdgcl-bar span      { width: 8px; height: 3px; border-radius: 2px; }
.form-group .bdgcl-bar span      { width: 12px; height: 4px; border-radius: 2px; }

.bdgcl-bar{
    display:flex;
}

.bdgcl-bar span {
    flex: 1;
    background: #FFFFFF;
}

.bdgcl-bar span.on{
    background: currentColor;
}

.scoreCircle{
	width: .85em;
	height: .85em;
	display: inline-block;
	vertical-align: -.08em;
	border-radius: 50%;
	background: radial-gradient(
	    circle at 35% 30%,
	    #d9ffd9 0%,
	    currentColor 45%,
	    color-mix(in srgb, currentColor 70%, #000) 100%
	);
	box-shadow:
	    inset .08em .08em .16em rgba(255,255,255,.6),
	    0 .08em .16em rgba(0,0,0,.15);
}

select.r1{ border: 1px solid #D32F2F; }
.r1{
    background:#FCECEC;
    color:#D32F2F;
}
.r1 i{
    background:#D32F2F;
}

/* Alto */
select.r2{ border: 1px solid #C83C49; }
.r2{
    background:#FCEEEF;
    color:#C83C49;
}
.r2 i{
    background:#C83C49;
}

/* Moderadamente Alto */
select.r3{ border: 1px solid #B24667; }
.r3{
    background:#FBEFF3;
    color:#B24667;
}
.r3 i{
    background:#B24667;
}

/* Levemente Alto (já puxando para o roxo) */
select.r4{ border: 1px solid #9E4E88; }
.r4{
    background:#FAF1F6;
    color:#9E4E88;
}
.r4 i{
    background:#9E4E88;
}

/* Regular (roxo institucional) */
select.r5{ border: 1px solid #9055A2; }
.r5{
    background:#F4EFF8;
    color:#9055A2;
}
.r5 i{
    background:#9055A2;
}

/* Levemente Baixo (roxo puxando para azul) */
select.r6{ border: 1px solid #7062C8; }
.r6{
    background:#F0F1FC;
    color:#7062C8;
}
.r6 i{
    background:#7062C8;
}

/* Baixo */
select.r7{ border: 1px solid #4E74D9; }
.r7{
    background:#EEF4FE;
    color:#4E74D9;
}
.r7 i{
    background:#4E74D9;
}

/* Moderadamente Baixo */
select.r8{ border: 1px solid #2691B8; }
.r8{
    background:#EDF9FC;
    color:#2691B8;
}
.r8 i{
    background:#2691B8;
}

/* Muito Baixo */
select.r9{ border: 1px solid #1B9C73; }
.r9{
    background:#EDF9F4;
    color:#1B9C73;
}
.r9 i{
    background:#1B9C73;
}

/* Excelente / Mínimo */
select.r10{ border: 1px solid #17A34A; }
.r10{
    background:#ECFAF1;
    color:#17A34A;
}
.r10 i{
    background:#17A34A;
}