/* Werkzeuge der Prüfungssimulation (33.38.2): Zeichnungsbetrachter und Taschenrechner, gehört zu assets/sim-werkzeuge.js.
   Einzige Quelle für beide: der Spieler-Build (ea-content-standard/widgets/kit/build.mjs) bettet diese Datei unter
   der Spieler-Wurzel ein. Nach einer Änderung: cd ea-content-standard/widgets/kit && node build.mjs aufgabenspieler.
   Farben über --ea-wz-*: ohne Angabe die Plugin-Farben (--ea-*), der Spieler setzt sie auf die LS-Tokens (--lse-*).
   Die !important an Reitern, Knöpfen und Tasten schützen gegen Button-Stile des Themes (wie bisher in simulation.css). */

/* Zeichnungsviewer */
.ea-sim__zv{position:relative;display:flex;flex-direction:column;flex:1;min-height:0}
.ea-sim__zv-blaetter{display:flex;gap:6px;padding:8px 10px;overflow-x:auto;flex:0 0 auto;background:var(--ea-wz-flaeche,var(--ea-hell,#F4F6FB));border-bottom:1px solid var(--ea-wz-linie,var(--ea-linie,#D6DEEC));-webkit-overflow-scrolling:touch;
  background-image:linear-gradient(to right,var(--ea-wz-flaeche,var(--ea-hell,#F4F6FB)) 40%,transparent),
                   linear-gradient(to left,var(--ea-wz-flaeche,var(--ea-hell,#F4F6FB)) 40%,transparent),
                   radial-gradient(farthest-side at 0 50%,var(--ea-wz-schatten,rgba(10,30,63,.16)),transparent),
                   radial-gradient(farthest-side at 100% 50%,var(--ea-wz-schatten,rgba(10,30,63,.16)),transparent);
  background-position:left center,right center,left center,right center;
  background-size:22px 100%,22px 100%,12px 100%,12px 100%;
  background-repeat:no-repeat;background-attachment:local,local,scroll,scroll}
.ea-sim__zv .ea-sim__zv-tab{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px;max-width:112px;border:2px solid transparent;border-radius:10px;background:var(--ea-wz-karte,#fff) !important;color:var(--ea-wz-stark,var(--ea-navy,#0A1E3F)) !important;font:inherit;font-size:.7rem;font-weight:700;line-height:1.2;cursor:pointer;box-shadow:none !important;white-space:normal}
.ea-sim__zv .ea-sim__zv-tab span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ea-sim__zv .ea-sim__zv-tab img{width:64px;height:44px;object-fit:cover;border-radius:5px;border:1px solid var(--ea-wz-linie,var(--ea-linie,#D6DEEC));background:#fff}
.ea-sim__zv .ea-sim__zv-tab.ist-aktiv{border-color:var(--ea-wz-akzent,var(--ea-orange,#FF9D3F))}
.ea-sim__zv-flaeche{flex:1;position:relative;overflow:hidden;background:var(--ea-wz-buehne,var(--ea-wz-flaeche,#EEF1F6));touch-action:none;cursor:grab;user-select:none;min-height:240px;outline:none}
.ea-sim__zv-flaeche:active{cursor:grabbing}
.ea-sim__zv-bild{position:absolute;left:0;top:0;transform-origin:0 0;max-width:none !important;width:auto;height:auto;pointer-events:none;image-rendering:auto;will-change:transform;background:var(--ea-wz-blatt,#fff);box-shadow:0 0 0 1px rgba(10,30,63,.12),0 6px 24px rgba(10,30,63,.14)}
/* 33.27 (Befund K4): Die Knoepfe standen unten rechts — auf einer technischen Zeichnung ist dort
   das Schriftfeld mit der Stueckliste, also ausgerechnet das, was die Aufgabe abfragt. Links unten
   ist auf jedem Blatt des Satzes freie Flaeche. */
/* 33.42: Zoom-Knöpfe in der Fußleiste unter dem Blatt, nicht mehr über der Zeichnung */
.ea-sim__zv-fuss{display:flex;align-items:center;gap:10px;padding:6px 10px;flex:0 0 auto;background:var(--ea-wz-karte,#fff);border-top:1px solid var(--ea-wz-linie,var(--ea-linie,#D6DEEC))}
.ea-sim__zv-knoepfe{display:flex;gap:6px;flex:none}
/* Die Zoomstufe steht fuer Screenreader da, nicht fuer das Auge (Befund A5). */
.ea-sim__zv-zoom{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ea-sim__zv .ea-sim__zv-knopf{width:44px;height:44px;border-radius:12px;border:1px solid var(--ea-wz-linie,var(--ea-linie,#D6DEEC));background:var(--ea-wz-karte,#fff) !important;color:var(--ea-wz-stark,var(--ea-navy,#0A1E3F)) !important;font:inherit;font-size:1.25rem;font-weight:700;line-height:1;box-shadow:none !important;cursor:pointer}
.ea-sim__zv-hinweis{margin:0;padding:8px 14px;font-size:.78rem;color:var(--ea-wz-leise,var(--ea-grau,#5B6373));background:var(--ea-wz-karte,#fff);border-top:1px solid var(--ea-wz-linie,var(--ea-linie,#D6DEEC));flex:0 0 auto}
.ea-sim__zv-fuss .ea-sim__zv-hinweis{padding:0;border:0;background:none;flex:1;min-width:0;line-height:1.3}

/* Taschenrechner */
.ea-sim__rechner{padding:14px;display:flex;flex-direction:column;gap:10px;max-width:420px;margin:0 auto;width:100%}
.ea-sim__rechner-kopf{display:flex;gap:8px;align-items:stretch}
/* Anzeige (33.42): oben der Ausdruck in natürlicher Schreibweise, darunter die Eingabezeile, rechts unten das Ergebnis */
.ea-sim__rechner-anzeige{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:8px 12px 8px 58px;border:1px solid var(--ea-wz-linie,var(--ea-linie,#D6DEEC));border-radius:14px;background:var(--ea-wz-flaeche,var(--ea-hell,#F4F6FB))}
.ea-sim__rechner-anzeige:focus-within{border-color:var(--ea-wz-akzent,var(--ea-orange,#FF9D3F))}
.ea-sim__rechner-natur{min-height:46px;display:flex;align-items:center;justify-content:flex-end;overflow-x:auto;overflow-y:hidden;font-size:1.5rem;line-height:1.15;color:var(--ea-wz-text,var(--ea-text,#1E1E2F));font-variant-numeric:tabular-nums;scrollbar-width:none;padding:2px 0}
.ea-sim__rechner-natur::-webkit-scrollbar{display:none}
/* Eingabezeile: 16 px (iOS zoomt sonst beim Fokus), 44 px hoch (Touch-Ziel), Schrift in Textfarbe (Kontrast) */
.ea-sim__rechner-feld{width:100%;min-width:0;height:44px;font:inherit;font-size:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;padding:0;margin:0;border:0;border-top:1px dashed var(--ea-wz-linie,var(--ea-linie,#D6DEEC));border-radius:0;background:transparent;color:var(--ea-wz-text,var(--ea-text,#1E1E2F));text-align:right;box-shadow:none;outline:none}
.ea-sim__rechner-erg{min-height:1.4em;text-align:right;font-size:1.35rem;font-weight:800;color:var(--ea-wz-stark,var(--ea-navy,#0A1E3F));font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ea-sim__nd-folge{display:inline-flex;align-items:center;white-space:nowrap}
.ea-sim__nd-zahl,.ea-sim__nd-text{padding:0 .02em}
.ea-sim__nd-op{padding:0 .18em}
.ea-sim__nd-op.ist-vz{padding:0 .04em 0 0}
.ea-sim__nd-text.ist-geist{opacity:.3}
.ea-sim__nd-platz{display:inline-block;width:.62em;height:.82em;margin:0 .06em;border:1.5px dashed currentColor;border-radius:2px;opacity:.45;vertical-align:middle}
.ea-sim__nd-bruch{display:inline-flex;flex-direction:column;align-items:center;margin:0 .14em;font-size:.82em;vertical-align:middle}
.ea-sim__nd-zaehler,.ea-sim__nd-nenner{display:flex;justify-content:center;padding:0 .14em;min-width:.8em}
.ea-sim__nd-nenner{border-top:2px solid currentColor;margin-top:2px;padding-top:2px}
.ea-sim__nd-potenz{display:inline-flex;align-items:flex-start}
.ea-sim__nd-hoch{font-size:.62em;margin-left:.04em;transform:translateY(-.55em)}
.ea-sim__nd-wurzel{display:inline-flex;align-items:stretch;margin:0 .06em}
.ea-sim__nd-wz{font-size:1.12em;line-height:1;padding-right:.02em;align-self:flex-end}
.ea-sim__nd-radikand{display:inline-flex;align-items:center;border-top:2px solid currentColor;padding:2px .1em 0;margin-top:.12em}
.ea-sim__rechner-erg.ist-fehler{color:var(--ea-wz-fehler,var(--ea-rot,#B3261E));font-size:1rem}
.ea-sim__rechner-tasten{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.ea-sim__rechner .ea-sim__rechner-taste{font:inherit;font-size:1.1rem;font-weight:700;min-height:48px;min-width:0;border-radius:12px;border:1px solid var(--ea-wz-linie,var(--ea-linie,#D6DEEC));background:var(--ea-wz-karte,#fff) !important;color:var(--ea-wz-text,var(--ea-text,#1E1E2F)) !important;cursor:pointer;box-shadow:0 1px 0 var(--ea-wz-schatten,rgba(10,30,63,.08)) !important;white-space:nowrap;letter-spacing:normal;line-height:1.2}
.ea-sim__rechner .ea-sim__rechner-taste:active{transform:translateY(1px);box-shadow:none}
.ea-sim__rechner .ea-sim__rechner-taste.ist-op{background:var(--ea-wz-flaeche,var(--ea-hell,#F4F6FB)) !important;color:var(--ea-wz-stark,var(--ea-navy,#0A1E3F)) !important}
.ea-sim__rechner .ea-sim__rechner-taste.ist-gleich{background:var(--ea-wz-akzent,var(--ea-orange,#FF9D3F)) !important;color:var(--ea-wz-auf-akzent,var(--ea-navy,#0A1E3F)) !important;border-color:var(--ea-wz-akzent,var(--ea-orange,#FF9D3F))}
.ea-sim__rechner .ea-sim__rechner-taste.ist-c{position:absolute;left:8px;top:8px;width:44px;min-height:44px;height:44px;background:var(--ea-wz-karte,#fff) !important;color:var(--ea-wz-fehler,var(--ea-rot,#B3261E)) !important;border-color:var(--ea-wz-linie,var(--ea-linie,#D6DEEC))}
@media (max-width:640px){.ea-sim__rechner-tasten{gap:6px}}