/* Session 7 widget styles (extends ml-widgets.css). */

/* lasso-path */
.ml-s07-path { fill: none; stroke: var(--ml-muted); stroke-width: 0.8; opacity: 0.35; }
.ml-s07-path.is-on { stroke: var(--ml-c1); stroke-width: 1.3; opacity: 0.9; }
.ml-s07-dot { fill: var(--ml-c1); stroke: var(--md-default-bg-color); stroke-width: 1; }
.ml-s07-best { stroke: var(--ml-ok); stroke-width: 1.4; stroke-dasharray: 5 4; }
.ml-s07-onese { stroke: var(--ml-c3); stroke-width: 1.4; stroke-dasharray: 5 4; }
.ml-plot .ml-s07-best-lab { fill: var(--ml-ok); font-weight: 700; }
.ml-plot .ml-s07-onese-lab { fill: var(--ml-c3); font-weight: 700; }
.ml-s07-band { fill: var(--ml-c1); opacity: 0.12; }

.ml-s07-qtitle {
  font-size: 0.74rem;
  font-weight: 600;
  margin: 0.4rem 0 0.3rem;
}

.ml-s07-qchips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0.4rem;
}

.ml-s07-q {
  font-family: var(--md-code-font-family, monospace);
  font-size: 0.66rem;
  padding: 0.18rem 0.55rem;
  border-radius: 999px;
  border: 1.5px dashed var(--md-default-fg-color--lighter);
  color: var(--ml-muted);
  max-width: 100%;
  overflow-wrap: anywhere;
}

.ml-s07-q.is-on {
  border-style: solid;
  border-color: var(--ml-c1);
  background: var(--ml-c1);
  color: #fff;
}

.ml-s07-top { opacity: 0.85; }

/* penalty-geometry */
.ml-s07-contour { fill: none; stroke: var(--ml-muted); stroke-width: 1; opacity: 0.45; }
.ml-s07-contour.is-active { stroke: var(--ml-c2); stroke-width: 2; opacity: 1; }
.ml-s07-region { fill: var(--usm-gold); fill-opacity: 0.22; stroke: var(--usm-gold); stroke-width: 2; }
.ml-s07-ols { fill: var(--ml-ink); }

/* forward-steps */
.ml-s07-step { fill: var(--ml-c1); stroke: var(--md-default-bg-color); stroke-width: 1.5; }

.ml-s07-list {
  columns: 2 13rem;
  column-gap: 1.5rem;
  font-size: 0.72rem;
  margin: 0.3rem 0 0.4rem;
  padding-left: 1.6rem;
}

.ml-s07-list li { margin: 0.1rem 0; break-inside: avoid; opacity: 0.6; }
.ml-s07-list li.is-core { opacity: 1; font-weight: 600; }
.ml-s07-list li span { color: var(--ml-muted); font-weight: 400; }