/* gastro-tools.css — geteilte Styles für die Gastro-Premium-Tools.
   Nutzt die Theme-Variablen der Site (--ink/--accent/--line/--mid/--cream/--radius).
   Alles unter .gt namespaced, damit es die übrige Site nicht beeinflusst. */
.gt{--gt-ok:#1d7a44;--gt-warn:#bd7a12;--gt-bad:#a23a1c;margin:1.2rem 0}
.gt *{box-sizing:border-box}
.gt-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.gt-btn{font:inherit;font-size:.9rem;font-weight:600;padding:.55rem .9rem;border:1px solid var(--c-line);background:#fff;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:.14s;color:var(--c-ink)}
.gt-btn:hover{border-color:var(--c-acc);color:var(--c-acc)}
.gt-btn.primary{background:var(--c-acc);border-color:var(--c-acc);color:#fff}
.gt-btn.primary:hover{filter:brightness(.95);color:#fff}
.gt-btn.ghost{background:transparent}
.gt-spacer{flex:1}

.gt-card{background:#fff;border:1px solid var(--c-line);border-radius:var(--r-2);box-shadow:var(--e-1);overflow:hidden;margin-bottom:1.1rem}
.gt-card>h3{font-size:1rem;margin:0;padding:.75rem 1rem;border-bottom:1px solid var(--c-line);background:var(--c-paper-2)}
.gt-pad{padding:1rem}

.gt label{display:block;font-weight:600;font-size:.82rem;margin-bottom:.3rem;color:var(--c-ink)}
.gt input,.gt select{width:100%;font:inherit;font-size:.95rem;color:var(--c-ink);padding:.5rem .6rem;border:1px solid var(--c-line);border-radius:7px;background:#fff;outline:none}
.gt input:focus,.gt select:focus{border-color:var(--c-acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-acc) 18%,#fff)}
.gt input:disabled{background:#f1f0ed;color:#9aa0a6}
.gt-fields{display:grid;gap:.7rem}
.gt-fields.two{grid-template-columns:1fr 1fr}
.gt-fields.three{grid-template-columns:1fr 1fr 1fr}
.gt-hint{font-size:.76rem;color:var(--c-muted);margin-top:.3rem;line-height:1.4}

/* Zeilen-Tabelle (Zutaten/Rezeptzeilen/Schichten …) */
.gt-rows{display:flex;flex-direction:column;gap:.4rem}
.gt-row{display:grid;gap:.45rem;align-items:center}
.gt-row .gt-cell-h{font-weight:600;font-size:.74rem;color:var(--c-muted);text-transform:uppercase;letter-spacing:.04em}
.gt-row.head{padding-bottom:.2rem;border-bottom:1px solid var(--c-line)}
.gt-del{border:1px solid var(--c-line);background:#fff;color:var(--c-mid);border-radius:7px;cursor:pointer;font-size:1rem;line-height:1;padding:.35rem .5rem}
.gt-del:hover{border-color:var(--gt-bad);color:var(--gt-bad)}
.gt-calc{font-variant-numeric:tabular-nums;text-align:right;font-weight:600}

/* KPIs / Ergebnis */
.gt-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin:.4rem 0 .2rem}
.gt-kpi{background:var(--c-paper-2);border:1px solid var(--c-line);border-radius:10px;padding:.7rem .8rem}
.gt-kpi b{display:block;font-size:1.3rem;line-height:1.1;font-variant-numeric:tabular-nums}
.gt-kpi span{font-size:.72rem;color:var(--c-muted)}
.gt-kpi.hl{background:var(--c-ink)}.gt-kpi.hl b{color:#fff}.gt-kpi.hl span{color:#c2c7cf}
.gt-flag{display:inline-block;font-size:.76rem;font-weight:600;padding:.2rem .55rem;border-radius:6px}
.gt-flag.ok{background:#e7f4ec;color:var(--gt-ok)}
.gt-flag.warn{background:#fbf1dd;color:var(--gt-warn)}
.gt-flag.bad{background:#f3e7d2;color:var(--gt-bad)}

.gt-note{font-size:.78rem;color:var(--c-mid);background:var(--c-paper-2);border:1px solid var(--c-line);border-left:3px solid var(--c-acc);border-radius:8px;padding:.75rem .9rem;margin-top:1rem}
.gt-note b{color:var(--c-ink)}
.gt-src{font-size:.72rem;color:var(--c-muted);margin-top:.4rem;line-height:1.45}

@media(max-width:720px){.gt-kpis{grid-template-columns:repeat(2,1fr)}.gt-fields.two,.gt-fields.three{grid-template-columns:1fr}}

/* Druck: nur Ergebnis/Plan, keine Bedienelemente */
@media print{
  .gt-bar,.gt-del,.gt-add{display:none!important}
  .gt input,.gt select{border:none;padding:0;background:transparent;-webkit-appearance:none;appearance:none}
  .gt-card{box-shadow:none;break-inside:avoid}
}