.bar-wrap{
    width: 180px;
}
.bar-label-row{
    display: flex; 
    justify-content: space-between; 
    margin-bottom: 4px;
}
.bar-label{
    font-size: 9px; 
    font-weight: 700; 
    letter-spacing: 0.1em; 
    text-transform: uppercase; 
    color: var(--gray-mid);
}
.bar-val{
    font-size: 11px; 
    font-weight: 700;
}
.bar-val .total{
    color: var(--primary-500);
}
.bar-val .total.over{
    color: var(--red);
}
.bar-val .cap{
    color: var(--gray-mid);
}
.bar-cap{
    height: 6px; 
    background: #EEE; 
    border-radius: 3px; 
    border: 1px solid rgba(0,0,0,0.06); 
    overflow: hidden;
}
.bar-progress{
    height: 100%; 
    border-radius: 3px; 
    background: linear-gradient(90deg, var(--primary-500), var(--secondary-500));
    transition: width 0.4s ease;
}
.bar-progress.over{
    color: var(--red);
}
.bar-sub{
    font-size: 10px; 
    font-weight: 600; 
    margin-top: 3px; 
    color: var(--green);
}
.bar-sub.over{
    color: var(--red);
}
.mins-bar{
    display:flex;
    align-items:center;
    gap:8px
}
.mins-min{
    font-size:11px;
    font-weight:600;
    min-width:38px;
}
.mins-bar .bar-cap{
    flex-grow:1;
}
.mins-bar .bar-progress{
    height: 100%; 
    border-radius: 3px; 
    background: var(--secondary-500);
}
.mins-bar .bar-sub{
    font-family:'Barlow Condensed',sans-serif;
    font-size:14px;
    font-weight:900;
}
.attributes-bar-wrap{
    width:200px;
}
.attr-row{
    display: flex; 
    align-items: center; 
    gap: 8px;
}
.attr-label{
    font-size: 11px; 
    font-weight: 600; 
    min-width: 38px;
}
.attributes-bar-wrap .bar-cap{
    flex-grow:1;
}
.attributes-bar-wrap .bar-progress{
    height: 100%; 
    border-radius: 3px;
}
.bar-progress.high{
    background: linear-gradient(90deg,var(--green),#52B788);
}
.bar-progress.medium{
    background: linear-gradient(90deg,var(--primary-700),var(--secondary-500));
}
.bar-progress.low{
    height: 100%; 
    border-radius: 3px; 
    background: linear-gradient(90deg,var(--red),#E74C3C);
}
.attr-num{
    font-family: 'Barlow Condensed', sans-serif; 
    font-size: 14px; 
    font-weight: 900; 
    min-width: 24px; 
    text-align: right;
}
.team-bar-wrap{
    width:200px;
}
.team-bar-label{
    font-size:10px;
    color:var(--gray-mid);
    font-weight:600;
    margin-bottom:4px;
}
.team-bar-wrap .bar-cap{
    height: 8px; 
    background: #EEE; 
    border-radius: 4px; 
    border: 2px solid var(--black); 
    position: relative; 
    overflow: hidden;
}
.team-bar-wrap .bar-progress{
    position: absolute; 
    right: 0; 
    top: 0; 
    bottom: 0;
    width: 60%; 
    background: linear-gradient(90deg, var(--secondary-500), var(--primary-500));
}
.team-bar-teams{
    display:flex;
    justify-content:space-between;
    margin-top:3px;
    font-size:10px;
    font-weight:700;
    color:var(--gray-mid);
    /* scritto in <span></span> */
}