/* İki reçete çalışma alanının ortak görsel bileşenleri.
   Yerleşim, içerik boyutlandırma ve durum renkleri kendi modüllerinde kalır. */
:root {
  --workspace-radius: 12px;
  --workspace-card-radius: 8px;
  --workspace-gap: 6px;
  --workspace-title-weight: 650;
  --workspace-tab-height: 36px;
  --workspace-switch-height: var(--control-h);
}

:is(.input-panel, .analysis-panel, .optimization-card, .side-drawer,
    .fertilizer-dialog, .confirm-dialog, .shelf-dialog, .account-dialog) {
  border-radius: var(--workspace-radius);
}

/* Başlıklar: aynı yazı hiyerarşisi, kenar hizası ve içerik kadar yükseklik. */
:is(.section-head, .optimization-card-head, .shelf-pool-head,
    .dialog-head, .confirm-head, .side-drawer-head.is-root, .account-dialog-head) {
  min-height: 42px;
  flex-shrink: 0;
  padding: 4px var(--pad-panel);
  align-items: center;
  gap: var(--workspace-gap);
  background: var(--surface);
}
:is(.section-head, .optimization-card-head, .shelf-pool-title,
    .dialog-head, .confirm-head) h2,
.side-drawer-head .side-drawer-title.visually-hidden,
.account-dialog-head h1,
.drawer-tour-card h2 {
  margin: 0;
  color: var(--text);
  font-size: var(--fs-section);
  font-weight: var(--workspace-title-weight);
  line-height: 1.4;
}
.section-head h2 { margin-right: auto; }
.dialog-head h2 { min-width: 0; flex: 1; overflow-wrap: anywhere; }
.dialog-head-actions { flex: none; margin-left: auto; gap: var(--workspace-gap); }
:is(.workspace-reset, .calculator-reset-button) {
  flex: none;
  min-height: 36px;
  padding: 4px 8px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--text-2);
  font-size: var(--fs-label);
  font-weight: var(--workspace-title-weight);
  white-space: nowrap;
}
.side-drawer-head .workspace-reset { margin-left: auto; }
.shelf-pool-context { font-size: var(--fs-label); font-weight: 500; }

/* Tank ve sonuç sekmeleri: aynı ince yüzey ve seçili sekme dili.
   Üstteki küçük boşluk sekmeleri başlık çizgisinden ayırır; sekmeler alt çizgiye oturur. */
:is(.tank-tabbar, .analysis-tabbar) {
  align-items: center;
  padding: var(--workspace-gap) var(--pad-panel) 0;
  gap: 4px;
  background: var(--surface-soft);
}
:is(.tank-tab, .analysis-tab) {
  min-height: var(--workspace-tab-height);
  margin-bottom: 0;
  padding: 4px var(--pad-panel);
  gap: var(--workspace-gap);
  border-radius: var(--workspace-card-radius) var(--workspace-card-radius) 0 0;
  color: var(--text-2);
  font-size: var(--fs-data);
  font-weight: var(--workspace-title-weight);
  line-height: 1.4;
}
/* Simge ve sekmeler çubuğun içerik merkezini paylaşır. */
.tank-tabs { margin-bottom: 0; }
.tank-tab-add {
  width: var(--workspace-tab-height);
  height: var(--workspace-tab-height);
  margin-bottom: 0;
  border-radius: var(--workspace-card-radius);
}
:is(.tank-tab, .analysis-tab)[aria-selected="true"] { color: var(--text); }
:is(.tank-tab-count, .analysis-tab-ec) {
  padding: 1px 6px;
  font-size: var(--fs-label);
  font-weight: var(--workspace-title-weight);
}
:is(.segmented, .settings-switch, .shelf-chips),
.account-dialog .hesap-sekmeler { padding: 2px; gap: 2px; border-radius: var(--workspace-card-radius); }
:is(.segmented, .settings-switch, .shelf-chips) button,
.account-dialog .hesap-sekme {
  min-height: var(--workspace-switch-height);
  padding: 4px 8px;
  border-radius: 6px;
  color: var(--text-2);
  font-size: var(--fs-label);
  font-weight: var(--workspace-title-weight);
  line-height: 1.4;
}
.segmented button.is-active,
.settings-switch button[aria-pressed="true"],
.shelf-chip[aria-pressed="true"],
.account-dialog .hesap-sekme[aria-selected="true"] { background: var(--surface); color: var(--blue-dark); box-shadow: none; }

/* Gövdeler aynı iç kenarı izler; doğal boy ve mevcut yerel kaydırma korunur. */
:is(.shelf, .tank-shelf) { padding: var(--pad-panel); gap: var(--workspace-gap); }
.shelf-pool-list { padding: var(--workspace-gap) var(--pad-panel); gap: var(--workspace-gap); grid-auto-rows: max-content; }
.shelf-list, .compound-editor, .settings-view, .target-views,
#drawer-pane-targets .settings-view { gap: var(--workspace-gap); }
.shelf-tools { flex-shrink: 0; gap: var(--workspace-gap); }
:is(.shelf-tools, .transfer-body, .editor-main, .compound-editor) { padding-inline: var(--pad-panel); }
.side-drawer-body { padding-inline: var(--pad-panel); padding-bottom: max(var(--pad-panel), env(safe-area-inset-bottom)); }
.analysis-controls { padding: var(--workspace-gap) var(--pad-panel); }
.analysis-panel .analysis-head { padding: var(--workspace-gap) var(--pad-panel) var(--workspace-gap) 0; }
:is(.report-body, .recipe-prep, .recipe-amounts, .calculator-recipe-metrics, .optimization-result-metrics,
    .analysis-extras-body) { padding-inline: var(--pad-panel); }
.analysis-extras > summary { padding-inline: var(--pad-panel); }
.report-body { padding-bottom: var(--pad-panel); }
.analysis-table tbody, .drip-table { padding-inline: var(--pad-panel); }
.analysis-table.drip-table tbody { padding-inline: 0; }

/* Küçük kartlar: kabartma yerine tek ince çerçeve. Durum/tank renkleri korunur. */
:is(.shelf-item, .shelf-pool-item, .report-element, .settings-card, .recipe-item, .compound-field, .transfer-item,
    .calculator-recipe-list, .optimization-recipe) {
  border-radius: var(--workspace-card-radius);
  box-shadow: none;
}
.shelf-item, .shelf-pool-item { background: var(--surface-soft); }
.shelf-pool-item .shelf-name strong {
  font-size: var(--fs-data);
  font-weight: var(--workspace-title-weight);
  line-height: 1.4;
}
.shelf-item .shelf-name strong {
  font-size: var(--fs-label);
  font-weight: 600;
  line-height: 1.3;
}
.report-element-name { font-size: var(--fs-data); font-weight: var(--workspace-title-weight); }
.report-section-head h3, .settings-card-head h3, .settings-card-title,
.dosing-title { font-size: var(--fs-data); font-weight: var(--workspace-title-weight); }

/* Alt eylemler: aynı aralık, sade düğme ve dar alanda doğal satır geçişi. */
:is(.dialog-actions, .shelf-pool-foot, .transfer-foot) {
  flex-shrink: 0;
  padding: var(--workspace-gap) var(--pad-panel);
  gap: var(--workspace-gap);
  flex-wrap: wrap;
}
.dialog-commit-actions { gap: var(--workspace-gap); flex-wrap: wrap; }
:is(.text-button, .shelf-open, .optimization-run-bar .optimization-run-button) {
  min-height: var(--control-h);
  padding: 4px 8px;
  border-radius: var(--workspace-card-radius);
  font-size: var(--fs-label);
  font-weight: var(--workspace-title-weight);
  line-height: 1.4;
}
.account-dialog .hesap-kart { padding: var(--pad-panel); }

@media (max-width: 600px) {
  .analysis-panel .analysis-head { padding: 0 var(--pad-panel) var(--workspace-gap); }
}
@media (max-width: 360px) {
  .section-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
  .section-head h2 { width: auto; margin-right: 0; }
  .section-head .calculator-reset-button { grid-column: 2; grid-row: 1; margin-left: 0; }
  .section-head .section-alerts { grid-column: 1 / -1; grid-row: 2; }
}
/* Görünüm sıkı kalır; dokunmatik eylemlerin etkileşim alanı küçülmez. */
@media (pointer: coarse) {
  :is(.workspace-reset, .calculator-reset-button) { min-height: 44px; }
  :root { --workspace-tab-height: 44px; --workspace-switch-height: 44px; }
  :is(.text-button, .shelf-open,
      .optimization-run-bar .optimization-run-button) { min-height: 44px; }
}