/* Dark theme */
.mvmm-history, .mvmm-progress { background:#1a171a; color:#e9e9ee; padding:8px; border-radius:12px; }
.mvmm-card { border:1px solid #2b2a2f; border-radius:12px; padding:12px; margin:12px 0; background:#100f11; }
.mvmm-card-head { font-weight:600; margin-bottom:8px; }

/* ---------- ARROWS: track + discrete colors ---------- */
.mvmm-arrows{display:grid;grid-template-columns:1fr;gap:20px;margin:16px 0 18px}
.mvmm-arrow-row{position:relative;height:24px}

.mvmm-track{
  position:absolute;left:0;right:0;top:9px;height:6px;border-radius:999px;
  background:#2b2a2f;opacity:.9;
}
.mvmm-zero{position:absolute;left:50%;top:6px;height:12px;width:2px;background:#57545a;border-radius:2px;transform:translateX(-50%)}

/* заполнение от центра */
.mvmm-fill{position:absolute;top:9px;height:6px;border-radius:999px}

/* цвета по диапазонам */
.mvmm-fill.red    {background:#FF0062} /* −10…−4 */
.mvmm-fill.maroon {background:#86007D} /* −3…−1  */
.mvmm-fill.purple {background:#4C00FF} /* +1…+4  */
.mvmm-fill.blue   {background:#000D99} /* +5…+10 */

/* подпись поверх заливки; для 0 — по центру трека */
.mvmm-text{
  position:absolute;top:-2px;height:24px;display:flex;align-items:center;justify-content:center;
  font-size:14px;line-height:1;color:#e9e9ee;white-space:nowrap;pointer-events:none
}
.mvmm-text.zero{left:0;right:0;color:#b9b9c2}




/* Buckets bar chart (5 bars per attempt) */
.mvmm-buckets { display:flex; align-items:flex-end; gap:12px; height:160px; padding:8px 4px; border-top:1px solid #2b2a2f; margin-top:8px; }
.mvmm-bar { width:28px; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; }
.mvmm-bar > .col { width:100%; border-radius:6px 6px 0 0; }
.mvmm-bar.red    .col{ background:#FF0062; }
.mvmm-bar.maroon .col{ background:#86007D; }
.mvmm-bar.gray   .col{ background:#b9b9c2; }
.mvmm-bar.purple .col{ background:#4C00FF; }
.mvmm-bar.blue   .col{ background:#000D99; }
.mvmm-bar .val { font-size:12px; margin-top:6px; color:#e9e9ee; opacity:.9; }

/* Progress grouped bars */
.mvmm-progress { border:1px solid #2b2a2f; border-radius:12px; padding:12px; }
.mvmm-progress .wrap { display:flex; gap:40px; align-items:flex-end; overflow:auto; padding:10px 6px; }
.mvmm-progress .group { display:flex; gap:8px; align-items:flex-end; }
.mvmm-progress .bar { width:18px; border-radius:6px 6px 0 0; }
.mvmm-progress .bar.red { background:#fa005d; }
.mvmm-progress .bar.maroon { background:#b10f6b; }
.mvmm-progress .bar.gray { background:#b9b9c2; }
.mvmm-progress .bar.purple { background:#7439B3; }
.mvmm-progress .bar.blue { background:#006bfe; }
.mvmm-progress .label { text-align:center; margin-top:6px; font-size:12px; color:#d5d5db; }

/* ----- Summary (текстовые результаты) ----- */
.mvmm-summary{border:1px solid #2b2a2f;border-radius:10px;padding:10px 12px;margin:8px 0;background:#131215}
.mvmm-line{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:8px;color:#e9e9ee}
.mvmm-pill{background:#222126;border:1px solid #2b2a2f;border-radius:999px;padding:4px 10px;font-size:13px}
.mvmm-pill .val{font-weight:700;margin-left:6px}
.mvmm-intros{display:grid;gap:8px}
.mvmm-intro h4{margin:0;font-size:14px;color:#dfe0e6}
.mvmm-intro p{margin:2px 0 0;font-size:13px;color:#c8c9d1}
.mvmm-zeroes{margin-top:6px;font-size:12px;color:#b9b9c2}
.mvmm-badge{display:inline-block;margin-left:6px;padding:0 6px;border-radius:6px;font-size:12px;color:#fff}
.mvmm-badge.red{background:#FF0062}
.mvmm-badge.maroon{background:#86007D}
.mvmm-badge.purple{background:#4C00FF}
.mvmm-badge.blue{background:#000D99}
.mvmm-badge.gray{background:#6e6f76;color:#1a171a}




/* ==== OVERRIDES & ADDITIONS (MV 0.1.2) =================================== */

/* 1) Unify progress bar colors with buckets (exact brand palette) */
.mvmm-progress .bar.red    { background:#FF0062 !important; }  /* −10…−4 */
.mvmm-progress .bar.maroon { background:#86007D !important; }  /* −3…−1 */
.mvmm-progress .bar.gray   { background:#b9b9c2 !important; }  /* 0 */
.mvmm-progress .bar.purple { background:#4C00FF !important; }  /* +1…+4 */
.mvmm-progress .bar.blue   { background:#000D99 !important; }  /* +5…+10 */

/* 2) New compact grid for 57 mini-bars (used by renderArrows with .mvmm-arrows-new) */
.mvmm-arrows-new{margin:16px 0 18px}
.mvmm-arrows-new .mvmm-arrows-grid{
  display:grid;
  grid-template-columns: repeat(19, minmax(0,1fr)); /* 19 x 3 = 57 */
  gap:8px;
}
.mvmm-arrows-new .mvmm-arrow-cell{
  background:#161418;
  border:1px solid #2b2a2f;
  border-radius:10px;
  padding:6px 8px;
  display:flex;
  align-items:center;
  gap:8px;
  position:relative;
}
.mvmm-arrows-new .mvmm-arrow-cell .bar{
  height:10px;
  width:100%;
  border-radius:6px;
  background:#2b2a2f;
  position:relative;
  overflow:hidden;
}
/* Color fill by range */
.mvmm-arrows-new .mvmm-arrow-cell.red    .bar{ background:#FF0062; }
.mvmm-arrows-new .mvmm-arrow-cell.maroon .bar{ background:#86007D; }
.mvmm-arrows-new .mvmm-arrow-cell.gray   .bar{ background:#2b2a2f; } /* 0 — пустой */
.mvmm-arrows-new .mvmm-arrow-cell.purple .bar{ background:#4C00FF; }
.mvmm-arrows-new .mvmm-arrow-cell.blue   .bar{ background:#000D99; }

.mvmm-arrows-new .mvmm-arrow-cell .num{
  font-size:12px;
  color:#e9e9ee;
  flex:0 0 auto;
  min-width:20px;
  text-align:right;
}
/* A11y hover/focus */
.mvmm-arrows-new .mvmm-arrow-cell[title]:hover{box-shadow:0 0 0 1px #3a3940 inset}
/* ======================================================================== */