/* ASME-Werkstoffwerte — Kachelbereich. GRÜN ist die Farbe des geprüften,
   deterministisch nachgeschlagenen Bestands (Farbregel des Hauses). Aufbau
   wie die Recherche: links Eingabe, rechts das Ergebnis im breiten Panel. */

.wz-grid > .wz-karte:has(.aw-spalten.mit-ergebnis){max-width:none}
.aw-spalten{display:flex;flex-direction:column;gap:9px;
  border-top:1px dashed var(--hairline);margin-top:12px;padding-top:12px}
.aw-spalten.mit-ergebnis{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,52%);
  gap:14px;align-items:start}
@media (max-width:1100px){ .aw-spalten.mit-ergebnis{display:flex;flex-direction:column} }
.aw-links{display:flex;flex-direction:column;gap:6px;min-width:0}
.aw-spalten:not(.mit-ergebnis) .aw-rechts{display:none}
.aw-rechts{position:sticky;top:10px;display:flex;flex-direction:column;gap:8px;
  background:var(--dt-gruen-bg);border:1px solid var(--dt-gruen-rand);
  border-radius:10px;padding:10px 12px;max-height:78vh;overflow-y:auto;min-width:0}

.aw-kopf{font-size:12.5px;color:var(--mittelgrau);line-height:1.5}
.aw-zeile{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.aw-zeile input[type="text"]{flex:1;min-width:220px;border:1px solid var(--hairline);
  border-radius:8px;padding:8px 10px;font-size:13px}
.aw-zeile input[type="number"]{border:1px solid var(--hairline);border-radius:8px;
  padding:7px 9px;font-size:13px}
.aw-hinweis{font-size:12.5px;color:var(--mittelgrau);padding:8px 2px}

.aw-liste{display:flex;flex-direction:column;gap:4px;max-height:34vh;overflow-y:auto}
.aw-treffer{display:flex;align-items:baseline;gap:8px;border:1px solid var(--rand);
  border-radius:8px;padding:6px 9px;cursor:pointer;font-size:12.5px;flex-wrap:wrap}
.aw-treffer.an{border-color:var(--dt-gruen-rand);background:var(--dt-gruen-bg)}
.aw-t-name{font-weight:600}
.aw-t-meta{color:var(--mittelgrau);font-size:11.5px;margin-left:auto}

.aw-siegelzeile{display:flex;align-items:baseline;gap:9px}
.aw-siegel{color:var(--dt-gruen);font-weight:700;font-size:12.5px;white-space:nowrap}
.aw-zu{margin-left:auto;flex-shrink:0;border:0;background:none;color:var(--dt-gruen);
  font-size:13px;font-weight:700;cursor:pointer;padding:0 2px;line-height:1.3}
.aw-zu:hover{color:var(--rot)}
.aw-wert{font-size:23px;color:var(--dt-gruen-tief)}
.aw-wert-bei{font-size:12.5px;color:var(--mittelgrau);margin-left:6px}

.aw-weg{font-size:12.5px}
.aw-weg>summary{cursor:pointer;font-weight:600;color:var(--dt-gruen-tief)}
.aw-schritt{display:grid;grid-template-columns:220px 1fr auto;gap:8px;font-size:12px;
  padding:5px 0;border-bottom:1px solid var(--rand)}
.aw-schritt:last-child{border-bottom:0}
.aw-schritt span{color:var(--mittelgrau)}
@media (max-width:700px){.aw-schritt{grid-template-columns:1fr}}
.aw-tab{width:100%;border-collapse:collapse;font-size:12px}
.aw-tab th,.aw-tab td{padding:3px 8px;border-bottom:1px solid var(--rand);text-align:right}

.aw-beleg{border-top:1px dashed var(--dt-gruen-rand);padding-top:8px;font-size:12px}
.aw-beleg-kopf{font-weight:700;color:var(--dt-gruen-tief);font-size:11.5px;
  text-transform:uppercase;letter-spacing:.03em;margin-bottom:3px}
.aw-beleg-zeile{color:var(--mittelgrau);padding:1px 0}
.aw-beleg .mono{font-family:var(--mono)}
.aw-notiz{font-size:12px;color:var(--nacht);padding:2px 0}