/* Ergänzungen für die Börsen-Seiten (Konto, Inserate, Verwaltung). Baut auf style.css auf. */
.pf-nav{display:flex;gap:1.2rem}
.pf-seite{padding-block:2.5rem 4rem}
.pf-seite > h1{font-size:clamp(2rem,5vw,2.8rem)}
.pf-schmal{max-width:30rem}
.pf-mittel{max-width:46rem}
.pf-form{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:1.5rem;display:grid;gap:1rem}
.pf-form input[type=password]{width:100%;font:1rem var(--body);color:var(--ink);background:var(--bg);border:1px solid var(--field-line);border-radius:6px;padding:.65rem .75rem}
.pf-form fieldset legend{font-weight:600;font-size:.92rem;margin-bottom:.4rem}
.pf-fehler{border:1.5px solid #b3261e;border-radius:8px;padding:.9rem 1.1rem;margin:0 0 1.2rem;font-size:.95rem}
.pf-fehler ul{margin:.3rem 0 0;padding-left:1.1rem}
.done{margin:0 0 1.2rem}
.pf-abschnitt{padding-block:2rem;border-top:1px solid var(--line);margin-top:1.5rem}
.pf-abschnitt h2{font-size:1.5rem}
.pf-kopf{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem}
.pf-kopf h2{margin:0}
.pf-wer{color:var(--muted);margin:-.5rem 0 1rem}
.pf-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:1.6rem 1.2rem;margin-top:1rem}
.pf-karte h3 a{color:var(--ink);text-decoration:none}
.pf-karte h3 a:hover{text-decoration:underline}
.pf-karte .pf-text{margin:1rem 0 0;font-size:.93rem;color:var(--ink)}
.pf-status{display:inline-block;font:500 .72rem var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);border-radius:4px;padding:.15rem .45rem;margin-bottom:.6rem;color:var(--muted)}
.pf-freigegeben{border-color:var(--accent);color:var(--accent)}
.pf-abgelehnt{border-color:#b3261e;color:#b3261e}
.pf-eigenes{display:grid;gap:.6rem;margin-bottom:1.6rem}
.pf-knoepfe{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.pf-knoepfe form{display:inline;background:none;border:0;padding:0}
.pf-knoepfe .btn,.pf-abschnitt > form .btn{padding:.45rem .8rem;font-size:.9rem}
.pf-abschnitt > form{background:none;border:0;padding:0;display:inline-block}
.pf-liste{padding-left:1.1rem}
.pf-liste .num{font-family:var(--mono);color:var(--muted);font-size:.85rem;margin-right:.4rem}
.pf-filter{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:.8rem;align-items:end;padding:1rem 1.2rem}
.pf-filter label.l{margin-bottom:.25rem}
.pf-filter-knopf{display:flex;gap:.8rem;align-items:center}
.pf-blaettern{display:flex;justify-content:space-between;margin-top:2rem;color:var(--muted)}
.pf-gefahr{margin-top:1rem}
.pf-gefahr summary{cursor:pointer;color:var(--muted)}
.pf-gefahr .pf-form{margin-top:.8rem}
details > summary.btn{list-style:none;padding:.45rem .8rem;font-size:.9rem}
details > summary.btn::-webkit-details-marker{display:none}
.admin td .pf-knoepfe{gap:.3rem}
@media (max-width:820px){.pf-filter{grid-template-columns:1fr 1fr}.pf-filter-knopf{grid-column:1/-1}}
@media (max-width:460px){.pf-filter{grid-template-columns:1fr}.pf-nav{gap:.8rem}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pf-abgelehnt{color:#f2b8b5;border-color:#f2b8b5}}
:root[data-theme="dark"] .pf-abgelehnt{color:#f2b8b5;border-color:#f2b8b5}
form.pf-inline{display:inline-block;background:none;border:0;padding:0;margin:0}
form.pf-inline .btn{padding:.45rem .8rem;font-size:.9rem}
.admin td form.pf-inline{margin-bottom:.3rem}