fix: recepty přesnuty k jídlům

feat: přidána podpora fotek

client/src/pages/templates.scss

@@ -0,0 +1,155 @@
+.template-card {
+  margin-bottom: 12px;
+  padding: 16px 18px;
+
+  .template-head {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+  }
+
+  .template-title {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    flex-wrap: wrap;
+    font-weight: 700;
+    color: var(--ft-text);
+  }
+
+  .template-calories {
+    color: var(--ft-warning);
+    font-weight: 700;
+    font-size: 0.88rem;
+    white-space: nowrap;
+  }
+
+  .template-items {
+    list-style: none;
+    margin: 10px 0 0;
+    padding: 0;
+    font-size: 0.87rem;
+
+    li {
+      display: flex;
+      align-items: baseline;
+      gap: 8px;
+      padding: 5px 0;
+      border-top: 1px solid var(--ft-border-light);
+    }
+  }
+
+  .template-item-icon {
+    color: var(--ft-primary);
+    font-size: 0.78rem;
+  }
+
+  .template-item-name {
+    flex: 1;
+    min-width: 0;
+    color: var(--ft-text);
+  }
+
+  .template-item-quantity {
+    color: var(--ft-text-secondary);
+    white-space: nowrap;
+  }
+
+  .template-item-calories {
+    color: var(--ft-text-muted);
+    font-weight: 600;
+    white-space: nowrap;
+    min-width: 72px;
+    text-align: right;
+  }
+}
+
+.template-form {
+  .chart-title {
+    font-size: 0.85rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    color: var(--ft-text-secondary);
+    margin: 0 0 14px;
+  }
+
+  margin-top: 20px;
+}
+
+// Odkaz na vnořenou šablonu se v editaci odlišuje ikonou před výběrem
+.workout-item-nested-icon {
+  align-self: center;
+  color: var(--ft-primary);
+  flex: 0 0 auto;
+}
+
+.meal-template-price {
+  color: var(--ft-text-secondary);
+  font-weight: 600;
+  font-size: 0.85rem;
+  white-space: nowrap;
+}
+
+// Postup přípravy si drží zalomení řádků tak, jak ho uživatel zapsal
+.meal-template-note {
+  margin: 10px 0 0;
+  padding-top: 10px;
+  border-top: 1px solid var(--ft-border-light);
+  font-size: 0.83rem;
+  color: var(--ft-text-secondary);
+  white-space: pre-wrap;
+}
+
+// Řádek suroviny receptu — název se roztáhne, číselná pole mají pevnou šířku
+.recipe-ingredient-row {
+  align-items: center;
+
+  .recipe-ingredient-weight {
+    width: 110px;
+    flex: 0 0 auto;
+  }
+
+  .recipe-ingredient-rate {
+    width: 100px;
+    flex: 0 0 auto;
+  }
+
+  .recipe-ingredient-calories {
+    width: 90px;
+    flex: 0 0 auto;
+    font-weight: 600;
+    font-size: 0.87rem;
+    color: var(--ft-warning);
+    white-space: nowrap;
+  }
+
+  .recipe-ingredient-price {
+    width: 110px;
+    flex: 0 0 auto;
+  }
+
+  @media (max-width: 640px) {
+    flex-wrap: wrap;
+
+    .recipe-ingredient-weight,
+    .recipe-ingredient-rate,
+    .recipe-ingredient-calories,
+    .recipe-ingredient-price {
+      width: auto;
+      flex: 1;
+    }
+  }
+}
+
+.recipe-summary {
+  margin-top: 8px;
+  font-size: 0.87rem;
+  font-weight: 600;
+  color: var(--ft-text-secondary);
+
+  .recipe-summary-portion {
+    color: var(--ft-primary);
+  }
+}