/* ==========================================================
   V41 PROGRESS UI + DASHBOARD BARRELS TOGGLE
   ========================================================== */

.v41-progress-panel{
  display:block;
  margin:14px 0 18px;
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(0,224,164,.28);
  background:linear-gradient(145deg,rgba(9,28,40,.92),rgba(5,18,28,.96));
  box-shadow:0 18px 50px rgba(0,0,0,.28);
}
.v41-progress-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.v41-progress-title{
  font-size:18px;
  font-weight:950;
  color:#f4fffb;
}
.v41-progress-sub{
  margin-top:4px;
  font-size:13px;
  color:#9fb6cc;
}
.v41-progress-percent{
  font-size:38px;
  line-height:1;
  font-weight:950;
  color:#ffffff;
  text-shadow:0 0 24px rgba(0,224,164,.22);
}
.v41-progress-bar{
  height:16px;
  border-radius:999px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(164,191,224,.14);
  overflow:hidden;
}
.v41-progress-fill{
  width:0%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#00e0a4,#00d7ff,#86e447);
  transition:width .18s ease;
}
.v41-progress-meta{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}
.v41-progress-tile{
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(164,191,224,.14);
  background:rgba(255,255,255,.035);
}
.v41-progress-tile small{
  display:block;
  color:#8fa8bf;
  font-size:11px;
  margin-bottom:6px;
}
.v41-progress-tile b{
  font-size:17px;
  color:#fff;
}
.v41-progress-panel.idle{
  opacity:.88;
}
.v41-progress-panel.running{
  border-color:rgba(0,224,164,.48);
  box-shadow:0 20px 60px rgba(0,224,164,.11);
}

.v41-barrels-panel{
  margin:18px 0;
  border-radius:18px;
  border:1px solid rgba(164,191,224,.16);
  background:linear-gradient(145deg,rgba(12,31,43,.86),rgba(5,18,28,.96));
  overflow:hidden;
  box-shadow:0 18px 50px rgba(0,0,0,.25);
}
.v41-barrels-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:16px 18px;
  border-bottom:1px solid rgba(164,191,224,.12);
}
.v41-barrels-head h3{
  margin:0;
  font-size:17px;
  text-transform:uppercase;
  letter-spacing:.3px;
}
.v41-barrels-body{
  display:none;
  padding:18px;
}
.v41-barrels-panel.open .v41-barrels-body{
  display:block;
}
.v41-barrels-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(86px,1fr));
  gap:14px;
}
.v41-barrel-card{
  padding:12px 8px;
  border-radius:16px;
  border:1px solid rgba(164,191,224,.14);
  background:rgba(255,255,255,.03);
  text-align:center;
}
.v41-barrel-name{
  font-size:11px;
  color:#90a6bd;
  font-weight:900;
  text-transform:uppercase;
  min-height:28px;
}
.v41-barrel{
  position:relative;
  width:52px;
  height:92px;
  margin:8px auto;
  border:3px solid rgba(0,224,164,.62);
  border-radius:14px 14px 12px 12px;
  background:rgba(9,24,35,.9);
  overflow:hidden;
}
.v41-barrel:before{
  content:'';
  position:absolute;
  top:-8px;
  left:15px;
  width:20px;
  height:8px;
  border-radius:6px 6px 0 0;
  background:rgba(0,224,164,.78);
}
.v41-barrel-fill{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:0%;
  background:linear-gradient(180deg,#00d7ff,#00e0a4);
  transition:height .25s ease;
}
.v41-barrel-lines{
  position:absolute;
  inset:7px;
  display:grid;
  grid-template-rows:repeat(6,1fr);
  gap:4px;
  pointer-events:none;
}
.v41-barrel-lines span{
  border:1px solid rgba(255,255,255,.08);
  border-radius:5px;
  background:rgba(255,255,255,.025);
}
.v41-barrel-kg{
  font-size:12px;
  color:#dcecff;
  font-weight:900;
}
.v41-barrel-status{
  margin-top:4px;
  font-size:10px;
  color:#8fa8bf;
  text-transform:uppercase;
}
.v41-barrels-summary{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:14px;
}
.v41-chip{
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(0,224,164,.22);
  background:rgba(0,224,164,.07);
  font-size:12px;
  color:#dffef6;
  font-weight:900;
}

@media(max-width:860px){
  .v41-progress-meta{grid-template-columns:1fr 1fr}
  .v41-progress-percent{font-size:32px}
}