/* ═══════════════════════════════════════════════════════════════════════════ PANELDEMOT — formatmallen Samma fönster som de andra, ur css/systemskal.css. Eget här är två vyer: objektlistan och analysen. Båda är täta med flit, rutan ska rymmas på en skärm tillsammans med rubriken över sig. ═══════════════════════════════════════════════════════════════════════ */ /* RESERV PER VY, inte en gemensam. Monteringen bär data-vy, alltså kan reserven veta vilken skärm som kommer; ett gemensamt mått hade antingen förskjutit den ena eller lämnat ett hål under den andra. MÄTT OM 6 september 2026, när objektlistan blev ett rutnät med foton: den är 1926 px vid 342, 680 vid 717 och 485 vid 1072, analysen 1317/939/883. Kortet är brett på en telefon och smalt på ett skrivbord, så listan svänger mer än någon annan ruta på sajten. RESERVEN GÄLLER LISTAN, inte objektsidan. Objektsidan är högre, men dit kommer man bara genom att trycka, och en höjdändring direkt efter ett tryck räknas inte som förskjutning. Att reservera för den hade lämnat trehundra pixlar tomt under rutnätet vid varje besök. */ .pnd{position:relative;display:flex;flex-direction:column;margin-top:.85rem; min-height:1945px;border-radius:16px} .pnd[data-vy="statistik"]{min-height:1325px} .pnd:empty{border:1px solid var(--line);background: radial-gradient(300px 200px at 15% 110%, rgba(79,195,255,.2), transparent 60%), radial-gradient(300px 200px at 85% -10%, rgba(127,176,255,.15), transparent 60%), #eaeff9} .pn{position:relative;flex:1;min-height:0;display:flex;overflow:hidden; border:1px solid var(--line);border-radius:16px;background:#e9eef9; box-shadow:0 22px 50px -44px rgba(10,24,84,.6)} .pn-panel{display:flex;flex-direction:column;background:#fff; border:1px solid var(--line2);border-radius:12px; padding:clamp(.5rem,1.1vw,.68rem);overflow:hidden} .pn-ing,.pn-period{font-size:.73rem;line-height:1.5;color:var(--muted); margin:0 0 .5rem;max-width:80ch} .pn-rub{font-family:var(--display);font-size:.9rem;font-weight:600; color:var(--text);margin:.7rem 0 .4rem} .pn-rub:first-of-type{margin-top:0} /* ── Verktygsraden och filtren ───────────────────────────────────────────── Ingen av dem är tryckbar. Sökfältet och filtren hör till skärmen och inte till demot: det som fungerar här är menyn, och att låtsas att fem filter också gör det hade varit precis den sortens löfte skalet undviker. */ .pn-verktyg{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.45rem} .pn-sok{flex:1;min-width:150px;display:flex;align-items:center;gap:.35rem; padding:.3rem .5rem;border:1px solid var(--line);border-radius:8px; background:#fbfcff;font-size:.72rem;color:var(--faint)} .pn-sort{padding:.3rem .55rem;border:1px solid var(--line);border-radius:8px; background:#fff;font-size:.72rem;font-weight:600;color:var(--muted)} .pn-ny{padding:.3rem .6rem;border-radius:8px;background:#1b3a8f; font-size:.72rem;font-weight:700;color:#fff} .pn-filter{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.55rem; padding-bottom:.55rem;border-bottom:1px solid var(--line2)} .pn-f{display:grid;gap:.1rem;padding:.25rem .5rem;border:1px solid var(--line); border-radius:8px;background:#fbfcff} .pn-f em{font-style:normal;font-family:'JetBrains Mono',ui-monospace,monospace; font-size:.52rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase; color:var(--faint)} .pn-f b{font-size:.71rem;font-weight:600;color:var(--text)} /* ── Rutnätet med objekt ───────────────────────────────────────────────── Kortet är en