chore: graf db

feat: workout plans (volný, fixní, plovoucí)

client/src/pages/templates.scss

@@ -309,3 +309,145 @@
     border: none;
   }
 }
+
+// ============================================
+// PLÁNY TRÉNINKŮ
+// ============================================
+
+.tag-plan {
+  background: var(--ft-primary-light);
+  color: var(--ft-primary);
+}
+
+.template-card {
+  .template-plan-meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 14px;
+    margin-top: 4px;
+    font-size: 0.8rem;
+    color: var(--ft-text-muted);
+  }
+
+  .template-plan-day {
+    margin-top: 12px;
+  }
+
+  // Hlavička dne je podbarvený pruh, cviky pod ní odsazené s linkou — na první
+  // pohled je vidět, kde den začíná a co k němu patří
+  .template-plan-day-head {
+    display: flex;
+    align-items: baseline;
+    gap: 8px;
+    padding: 6px 10px;
+    border-left: 3px solid var(--ft-primary);
+    border-radius: var(--ft-radius-sm);
+    background: var(--ft-primary-light);
+    font-size: 0.9rem;
+  }
+
+  .template-plan-day-label {
+    color: var(--ft-primary);
+    font-weight: 700;
+    min-width: 20px;
+  }
+
+  .template-plan-day-name {
+    flex: 1;
+    font-weight: 700;
+    color: var(--ft-text);
+  }
+
+  .template-plan-day .template-items {
+    margin: 2px 0 0 12px;
+    padding-left: 12px;
+    border-left: 2px solid var(--ft-border);
+
+    li:first-child {
+      border-top: none;
+    }
+  }
+
+  // Den volna není záznam, jen připomínka konce cyklu
+  .template-plan-rest {
+    padding: 6px 10px;
+    border: 1px dashed var(--ft-border);
+    border-radius: var(--ft-radius-sm);
+    font-size: 0.85rem;
+    color: var(--ft-text-muted);
+    font-style: italic;
+  }
+}
+
+.template-form {
+  .template-form-head {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 12px;
+
+    > * {
+      flex: 1 1 180px;
+    }
+
+    .template-form-name {
+      flex: 3 1 260px;
+    }
+  }
+
+  .input-with-unit {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+
+    span {
+      color: var(--ft-text-secondary);
+      font-size: 0.88rem;
+    }
+  }
+}
+
+.workout-items-actions {
+  display: flex;
+  gap: 8px;
+}
+
+.plan-day-editor {
+  margin-bottom: 14px;
+  padding: 12px;
+  border: 1px solid var(--ft-border);
+  border-radius: var(--ft-radius);
+
+  .plan-day-head {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 10px;
+  }
+
+  .plan-day-weekday {
+    width: 140px;
+    flex: 0 0 auto;
+  }
+
+  .plan-day-order {
+    font-weight: 700;
+    color: var(--ft-text-secondary);
+    min-width: 22px;
+  }
+
+  .plan-day-calories {
+    color: var(--ft-warning);
+    font-weight: 600;
+    font-size: 0.85rem;
+    white-space: nowrap;
+  }
+}
+
+.plan-rest-day {
+  margin-bottom: 14px;
+  padding: 10px 12px;
+  border: 1px dashed var(--ft-border);
+  border-radius: var(--ft-radius);
+  font-size: 0.87rem;
+  color: var(--ft-text-muted);
+}