/* Notenrechner v2: Tipp-Knöpfe, Noten-Chips, Notenspiegel. Farben aus den Premium-Tokens. */
.nho-noten-pad-box{display:grid;gap:14px;min-width:0;margin:0;padding:16px;border:1px solid var(--pm-line);border-radius:20px;background:var(--pm-paper)}
.nho-noten-pad-box>legend{padding:0 6px;color:var(--pm-ink);font:600 15px var(--pm-sans)}
.nho-noten-pad{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
@media(max-width:420px){.nho-noten-pad{grid-template-columns:repeat(3,minmax(0,1fr))}}
.nho-noten-taste{min-height:64px;margin:0;padding:0;border:1px solid var(--pm-line);border-radius:16px;background:var(--pm-surface);color:var(--pm-ink);font:600 26px/1 var(--pm-sans);font-variant-numeric:tabular-nums;cursor:pointer;transition:transform .15s,border-color .2s,background .2s}
.nho-noten-taste:hover{border-color:var(--pm-orange)}
.nho-noten-taste:active{transform:scale(.96);background:rgba(255,116,24,.12)}
.nho-noten-taste:focus-visible{outline:2px solid var(--pm-orange);outline-offset:3px}
.nho-noten-eingabe{display:grid;gap:10px;grid-template-columns:minmax(0,1fr);align-items:end}
@media(min-width:520px){.nho-noten-eingabe{grid-template-columns:minmax(0,1fr) auto}}
.nho-rechner .nho-noten-add{min-height:52px;padding:0 22px;font-size:15px}
.nho-noten-listen{display:grid;gap:14px}
@media(min-width:600px){.nho-noten-listen{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}}
.nho-noten-liste-box{display:grid;gap:8px;min-width:0;align-content:start}
.nho-noten-liste-box[hidden],.nho-noten-liste-h [hidden]{display:none}
.nho-rechner .nho-noten-liste-h{font:600 14px var(--pm-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--pm-muted)}
.nho-noten-liste{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.nho-noten-liste:empty{display:none}
.nho-rechner-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;margin:0;padding:6px 12px 6px 14px;border:1px solid var(--pm-line);border-radius:999px;background:var(--pm-surface);color:var(--pm-ink);font:600 16px var(--pm-sans);font-variant-numeric:tabular-nums;cursor:pointer}
.nho-rechner-chip:hover{border-color:var(--nho-rechner-err)}
.nho-rechner-chip:focus-visible{outline:2px solid var(--pm-orange);outline-offset:2px}
.nho-rechner-chip-x{color:var(--pm-muted);font-weight:400;font-size:18px}
.nho-noten-loeschen{justify-self:start}
.nho-noten-loeschen:disabled{opacity:.5;cursor:default}
.nho-rechner-spiegel{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.nho-rechner-spiegel li{display:grid;grid-template-columns:64px minmax(0,1fr) 40px;gap:10px;align-items:center;font-size:15px;color:var(--pm-ink)}
.nho-rechner-spiegel-bar{height:14px;border-radius:999px;background:linear-gradient(90deg,var(--pm-orange) calc(var(--nho-anteil,0)*100%),var(--pm-line) 0)}
.nho-rechner-spiegel-n{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}