/* Right sidebar styles */

.sidebar-stats .stat-row { margin-bottom: 14px; }
.sidebar-stats .stat-head { display: grid; grid-template-columns: 2.2rem 1fr 2.2rem; align-items: center; color: var(--txt_color_1, #fff); font-weight: 700; margin-bottom: 6px; }
.sidebar-stats .stat-head .name { text-align: center; color: var(--txt_color_2, #bebebe); font-weight: 600; font-size: .75rem; }

.sidebar-stats .stat-head .val.right { text-align: right; }

.sidebar-stats .statbar { position: relative; height: 10px; border-radius: 999px; background: rgba(255,255,255,0.08); overflow: hidden; }

.sidebar-stats .fill { position: absolute; top: 0; bottom: 0; transition: width .6s ease; }
 
.sidebar-stats .marker { position: absolute; top: 0; bottom: 0; width: 2px; background: #fff; opacity: .9; transform: translateX(-1px); transition: left .6s ease; left: 50%; }

.sidebar-stats .muted { color: var(--txt_color_2, #bebebe); font-size: .8rem; }
.sidebar-stats .fill.left { 
  left: 0; 
  width: 0; 
  background: linear-gradient(90deg, #558b2f, #8bc34a); 
}
.sidebar-stats .fill.right { 
  right: 0; 
  width: 0; 
  background: linear-gradient(90deg, #8bc34a, #558b2f); 
  opacity: .6; 
}
.sidebar-stats .statbar::before { 
  content: ""; 
  position: absolute; 
  inset: 0; 
  background: linear-gradient(90deg, rgba(139,195,74,.18), rgba(139,195,74,.25)); 
  opacity: .25; 
}
.sidebar-stats .stat-head .val { 
  font-size: .65rem; 
  color: #8bc34a; /* основной акцент вместо красного */
}