/* Wirtschaftswerkstatt — Darstellung. Enthält keinen Stoff. Schaubild einfarbig im Akzent; die Linien sind beschriftet. */
:root{
  --papier:#F2F1EC; --flaeche:#FBFAF6; --tinte:#1A1D1B; --weich:#55605A; --linie:#C3C6BD;
  --akzent:#1F5D4C; --akzent-hell:#D5E6DF; --gut:#2C6E49; --gefahr:#A8322A; --warn:#8A4B1F;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --text:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root{--papier:#141715;--flaeche:#1C201D;--tinte:#ECEFE9;--weich:#A5AFA8;--linie:#333A35;
        --akzent:#5FBFA1;--akzent-hell:#23382F;--gut:#6FBF8F;--gefahr:#E0685A;--warn:#D98B4A}
}
*{box-sizing:border-box}
[hidden]{display:none !important}
body{margin:0;background:var(--papier);color:var(--tinte);font:16px/1.6 var(--text)}
.rand{max-width:64rem;margin:0 auto;padding:0 1rem}
header{border-bottom:1px solid var(--linie);background:var(--flaeche);padding:.9rem 0}
.kopfzeile{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:space-between;align-items:baseline}
.wortmarke{font-family:var(--mono);letter-spacing:.14em;font-size:.95rem;border-bottom:2px solid var(--akzent);padding-bottom:2px}
.mono{font-family:var(--mono);font-size:.76rem;color:var(--weich)}
a{color:inherit}
:focus-visible{outline:3px solid var(--akzent);outline-offset:2px}
h1{font-size:1.7rem;line-height:1.2;margin:1.4rem 0 .2rem}
h2{font-size:1.3rem;margin:1rem 0 .3rem}
h3{font-size:1.02rem;margin:1rem 0 .4rem}
.lead{color:var(--weich);margin:.2rem 0 1rem;max-width:44rem}
.hinweis{background:var(--flaeche);border-left:4px solid var(--akzent);padding:.7rem 1rem;margin:1.2rem 0}
.hinweis p{margin:.25rem 0}
button,.dateiknopf{font:inherit;font-size:.95rem;cursor:pointer;padding:.5rem 1rem;border-radius:6px;border:1px solid var(--akzent);background:var(--akzent);color:var(--papier);display:inline-block}
button.zweit,.dateiknopf{background:transparent;color:var(--akzent);font-family:var(--mono);font-size:.85rem}
button.klein{padding:.2rem .55rem;font-size:.8rem}
button.gefahr{border-color:var(--gefahr);color:var(--gefahr)}
button:disabled{opacity:.5;cursor:default}
button[aria-pressed=true]{background:var(--akzent);color:var(--papier)}
.dateiknopf input{position:absolute;width:1px;height:1px;opacity:0}
.dateiknopf:focus-within{outline:3px solid var(--akzent);outline-offset:2px}
.knopfzeile{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0;align-items:center}
input,select,textarea{font:inherit;padding:.4rem .55rem;border:2px solid var(--linie);border-radius:6px;background:var(--papier);color:var(--tinte);max-width:100%}
textarea{width:100%;resize:vertical}
.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:12px;padding:.9rem 1.1rem;margin:.7rem 0}

footer{margin:2rem 0 3rem;border-top:1px solid var(--linie);padding-top:.8rem}
footer{margin:2rem 0 3rem;border-top:1px solid var(--linie);padding-top:.8rem}
.reiter{display:flex;flex-wrap:wrap;gap:.3rem;border-bottom:1px solid var(--linie);padding-bottom:.6rem;margin:1rem 0}
.reiter button{background:transparent;color:var(--tinte);border:1px solid transparent;border-radius:999px;font-family:var(--text);font-size:.95rem}
.reiter button[aria-selected=true]{background:var(--akzent);color:var(--papier)}
.reiter .zahl{font-family:var(--mono);font-size:.72rem;margin-left:.3rem}
.bereich[hidden]{display:none}
.raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:1.2rem;align-items:start}
@media (max-width:52rem){.raster{grid-template-columns:minmax(0,1fr)}}
.raster>.karte{min-width:0;margin:0}
.felder{display:grid;gap:.55rem}
.felder label{display:grid;grid-template-columns:minmax(0,1fr) 7.5rem;gap:.6rem;align-items:center;font-size:.9rem;color:var(--weich)}
.felder label>input,.felder label>select{width:100%;color:var(--tinte);text-align:right;min-width:0}
.felder label>select{text-align:left}
.posten{display:grid;grid-template-columns:minmax(0,1fr) 7.5rem auto;gap:.4rem;align-items:center;margin:.3rem 0}
.posten input{min-width:0;width:100%}.posten input[type=number]{text-align:right}
.posten .weg{padding:.15rem .5rem;border-color:var(--linie);color:var(--weich);background:transparent}
.ergebnis{border-collapse:collapse;width:100%;font-size:.93rem}
.ergebnis th,.ergebnis td{text-align:left;padding:.3rem .4rem .3rem 0;border-bottom:1px solid var(--linie);vertical-align:top}
.ergebnis td:last-child,.ergebnis th:last-child{text-align:right;font-family:var(--mono);white-space:nowrap}
.ergebnis tr.summe td,.ergebnis tr.summe th{font-weight:700;border-bottom:2px solid var(--tinte)}
.ergebnis tr.stark td:last-child{color:var(--akzent);font-size:1.08rem}
.ergebnis tr.weich td,.ergebnis tr.weich th{color:var(--weich)}
.rollen-t{overflow-x:auto}
.klein-t{font-size:.82rem}.klein-t th,.klein-t td{padding:.2rem .5rem .2rem 0;white-space:nowrap;text-align:right;font-family:var(--mono)}
.klein-t th:first-child,.klein-t td:first-child{text-align:left;font-family:var(--text)}
.klein-t td.minus{color:var(--gefahr)}
.befund{margin:.5rem 0;padding:.5rem .8rem;border-left:4px solid var(--warn);background:var(--flaeche);font-size:.9rem}
.befund.gut{border-color:var(--gut)}
.bild{width:100%;height:auto;display:block;margin:.6rem 0}
.bild text{font:11px var(--mono);fill:var(--weich)}
.bild .achse{stroke:var(--linie);stroke-width:1}
.bild .umsatz{stroke:var(--akzent);stroke-width:2.5;fill:none}
.bild .kosten{stroke:var(--tinte);stroke-width:2;fill:none;stroke-dasharray:6 4}
.bild .punkt{fill:var(--akzent)}
.bild .balken{fill:var(--akzent-hell)}
.bild .balken.minus{fill:var(--gefahr);opacity:.55}
.aufgabe{margin:.4rem 0 .8rem}
.aufgabe .frage{font-size:1.05rem;margin:.3rem 0 .6rem}
.aufgabe .eingabe{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.aufgabe .eingabe input{width:9rem;text-align:right}
.rueck{margin:.5rem 0;font-weight:600}.rueck.gut{color:var(--gut)}.rueck.nochnicht{color:var(--gefahr)}
details.weg{margin:.4rem 0;font-size:.92rem}details.weg summary{cursor:pointer;color:var(--akzent)}
.stand{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;font-family:var(--mono);font-size:.78rem;color:var(--weich);margin:.4rem 0}
.quellenfeld{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.4rem;align-items:center;font-size:.85rem;color:var(--weich);margin:.3rem 0}
.quellenfeld input[type=text]{width:100%;min-width:0}
.kurslink{display:inline-block;margin:.4rem 0;font-size:.9rem}
@media print{
  header,.reiter,footer,.nicht-druck,button,.dateiknopf,form,input[type=file]{display:none !important}
  body{background:#fff;color:#000;font-size:12px}.karte{border-color:#999;break-inside:avoid}.raster{grid-template-columns:minmax(0,1fr)}
  .bereich[hidden]{display:block !important}
}