v0.15.20

web/css/styles.css

@@ -6632,6 +6632,95 @@ textarea[aria-invalid="true"] {
   gap: 10px;
 }
 
+.flow-heating-curve-chart {
+  margin: 4px 0 14px;
+  padding: 8px;
+  border: 1px solid var(--line);
+  border-radius: 12px;
+  background: var(--surface-2);
+}
+
+.flow-heating-curve-chart svg {
+  display: block;
+  width: 100%;
+  height: auto;
+  overflow: visible;
+}
+
+.flow-heating-curve-chart .axis {
+  stroke: var(--muted-2);
+  stroke-width: 1.4;
+}
+
+.flow-heating-curve-chart .grid {
+  stroke: var(--line);
+  stroke-width: 1;
+  stroke-dasharray: 4 4;
+}
+
+.flow-heating-curve-chart .curve {
+  fill: none;
+  stroke: var(--accent);
+  stroke-width: 3;
+  stroke-linejoin: round;
+  stroke-linecap: round;
+}
+
+.flow-heating-curve-chart circle {
+  fill: var(--surface);
+  stroke: var(--accent);
+  stroke-width: 3;
+}
+
+.flow-heating-curve-chart text {
+  fill: var(--muted);
+  font-size: 11px;
+}
+
+.flow-heating-curve-chart .axis-title {
+  fill: var(--text);
+  font-size: 11px;
+  font-weight: 700;
+}
+
+.flow-heating-curve-points-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  margin: 2px 0 8px;
+}
+
+.flow-heating-curve-points {
+  display: grid;
+  gap: 7px;
+  margin-bottom: 10px;
+}
+
+.flow-heating-curve-point-row {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
+  gap: 7px;
+  align-items: end;
+}
+
+.flow-heating-curve-point-row label {
+  margin: 0;
+}
+
+.flow-heating-curve-point-row button {
+  min-width: 38px;
+  min-height: 38px;
+  padding: 7px;
+}
+
+.flow-value-binding-note {
+  padding: 9px 10px;
+  border: 1px solid var(--accent-border);
+  border-radius: 10px;
+  background: var(--accent-soft);
+}
+
 .flow-day-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;