/* 16-pixera.css · Teil 16 von 19 · Pixera-Umrechner. Reihenfolge der Dateien = Kaskade (index.html), nicht umsortieren. */
/* ── Pixera-Umrechner (view-pixera.js) ── */
.px-lead { font-size:13.5px; color:var(--muted); margin:0 0 14px; max-width:900px; line-height:1.5; }
.px-grid { display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:0 12px; }
.px-grid.g6 { grid-template-columns:repeat(6, minmax(0,1fr)); }
.px-row { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-top:4px; }
.px-note { color:var(--muted); font-size:12.5px; margin:8px 0 0; line-height:1.5; }
.px-note0 { margin:0 0 10px; }
.px-paste { font-family:'IBM Plex Mono',ui-monospace,monospace; font-size:12px; min-height:110px; white-space:pre; overflow:auto; resize:vertical; }
.px-out[hidden] { display:none; }
.px-scroll { overflow-x:auto; margin-bottom:10px; }
.px-tbl th, .px-tbl td { text-align:center; white-space:nowrap; }
.px-tbl th.aus { color:var(--pink); }
.px-tbl td { font-family:'IBM Plex Mono',ui-monospace,monospace; font-size:12.5px; padding:4px 6px; }
.px-tbl td.name { text-align:left; font-family:inherit; font-weight:600; }
.px-tbl td input { width:74px; border:0; background:transparent; text-align:center; font:inherit; padding:3px; border-radius:4px; color:inherit; }
.px-tbl td input:focus { background:#F3F1EC; outline:1px solid var(--cyan); }
.px-tbl td.name input { width:130px; text-align:left; font-weight:600; }
.px-tbl tr.offen td input { background:#FBF7E8; }
.px-tbl tr.offen td.calc { color:var(--muted); }
.px-tbl td.px-akt { width:30px; padding:4px 2px; }
.px-x { border:0; background:transparent; color:var(--muted); font-size:18px; line-height:1; padding:2px 7px; border-radius:4px; cursor:pointer; }
.px-x:hover, .px-x:focus-visible { color:var(--pink); background:#F3F1EC; }
.px-tbl td.calc { background:rgba(230,48,78,.05); }
.px-tbl tr.portrait td.calc { background:rgba(230,48,78,.13); }
.px-tag { display:inline-block; font-size:10px; font-weight:700; padding:1px 6px; border-radius:4px; background:var(--pink); color:#fff; margin-left:6px; vertical-align:middle; }
.px-tag[hidden] { display:none; }
.px-legende { margin-left:auto; font-size:12px; color:var(--muted); }
.px-det { margin-top:4px; }
.px-det summary { cursor:pointer; color:var(--navy); font-size:13px; font-weight:600; margin:6px 0; }
.px-erkl { border:1px solid var(--border); border-radius:10px; padding:10px 14px; background:#fff; font-size:13px; line-height:1.55; }
.px-erkl p { margin:6px 0; }
@media (max-width:900px) { .px-grid, .px-grid.g6 { grid-template-columns:repeat(2, minmax(0,1fr)); } }