/* RacePace v431 — compact planned-session RPE profile. Scoped to the planned workout modal only. */
.planned-session-modal .planned-mini-rpe-profile {
  border-top:1px solid rgba(174,214,232,.78);
  background:#fff;
}
.planned-session-modal .planned-mini-rpe-title {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:5px 10px 0;
  color:#102536;
}
.planned-session-modal .planned-mini-rpe-title strong {
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.planned-session-modal .planned-mini-rpe-title span {
  color:#78909c;
  font-size:7px;
  font-weight:700;
}
.planned-session-modal .planned-mini-rpe-scroll {
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 9px 4px;
  overscroll-behavior-x:contain;
  scrollbar-width:thin;
  scrollbar-color:#1a7899 #e3f0f5;
  -webkit-overflow-scrolling:touch;
}
.planned-session-modal .planned-mini-rpe-bars {
  display:flex;
  width:max-content;
  min-width:100%;
  height:75px;
  align-items:flex-end;
  gap:5px;
  padding:2px 1px 0;
  background:repeating-linear-gradient(to top,rgba(104,151,172,.18) 0,rgba(104,151,172,.18) 1px,transparent 1px,transparent 13px);
}
.planned-session-modal .planned-mini-rpe-item {
  display:grid;
  flex:0 0 26px;
  height:72px;
  grid-template-rows:11px 49px 10px;
  align-items:end;
  text-align:center;
}
.planned-session-modal .planned-mini-rpe-value {
  align-self:center;
  color:#244658;
  font-size:6.5px;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
}
.planned-session-modal .planned-mini-rpe-track {
  display:flex;
  height:49px;
  align-items:flex-end;
  justify-content:center;
}
.planned-session-modal .planned-mini-rpe-bar {
  display:block;
  width:100%;
  min-height:5px;
  height:calc(var(--rp-mini-rpe) * 4.8px);
  max-height:48px;
  border-radius:4px 4px 1px 1px;
  background:var(--rp-mini-colour,#174f6e);
  box-shadow:0 1px 2px rgba(16,37,54,.10);
}
.planned-session-modal .planned-mini-rpe-item small {
  align-self:center;
  overflow:hidden;
  color:#607782;
  font-size:6.5px;
  font-weight:900;
  line-height:1;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.planned-session-modal .planned-mini-rpe-legend {
  display:flex;
  flex-wrap:wrap;
  gap:5px 9px;
  padding:0 10px 6px;
  color:#6d7f8a;
  font-size:6.5px;
  font-weight:800;
}
.planned-session-modal .planned-mini-rpe-legend span::before {
  content:'';
  display:inline-block;
  width:6px;
  height:6px;
  margin-right:3px;
  border-radius:50%;
  vertical-align:-1px;
  background:#8b9aa5;
}
.planned-session-modal .planned-mini-rpe-legend .is-warmup::before { background:#2d8a65; }
.planned-session-modal .planned-mini-rpe-legend .is-work::before { background:#174f6e; }
.planned-session-modal .planned-mini-rpe-legend .is-recovery::before { background:#ef7a19; }
.planned-session-modal .planned-mini-rpe-legend .is-active::before { background:#74b548; }
.planned-session-modal .planned-mini-rpe-legend .is-rest::before { background:#8b9aa5; }
.planned-session-modal .planned-mini-rpe-legend .is-cooldown::before { background:#008ba3; }

@media (max-width:700px) {
  .planned-session-modal .planned-mini-rpe-title { padding:4px 7px 0; }
  .planned-session-modal .planned-mini-rpe-title strong { font-size:7px; }
  .planned-session-modal .planned-mini-rpe-title span { font-size:6.5px; }
  .planned-session-modal .planned-mini-rpe-scroll { padding:1px 6px 3px; }
  .planned-session-modal .planned-mini-rpe-bars { height:66px; gap:4px; background-size:auto; }
  .planned-session-modal .planned-mini-rpe-item { flex-basis:22px; height:64px; grid-template-rows:10px 43px 9px; }
  .planned-session-modal .planned-mini-rpe-track { height:43px; }
  .planned-session-modal .planned-mini-rpe-bar { height:calc(var(--rp-mini-rpe) * 4.2px); max-height:42px; }
  .planned-session-modal .planned-mini-rpe-value,
  .planned-session-modal .planned-mini-rpe-item small,
  .planned-session-modal .planned-mini-rpe-legend { font-size:6px; }
  .planned-session-modal .planned-mini-rpe-legend { gap:4px 7px; padding:0 7px 5px; }
}