/* Erfaringsbanken.
   .case-sec, .case-label og .helpful-pill er flyttet hertil i trin 5 fra
   calendar.css, hvor de laa efterladt. Resten er klasser, der i trin 5
   erstattede inline styles i js/views/erfaringer.js.
   Filen er linket praecis dér, hvor reglerne laa foer, saa kaskaden er uaendret. */

.helpful-pill{margin-left:auto;background:var(--paper);color:var(--gold);font-weight:800;border-radius:999px;padding:.15rem .6rem;font-size:.8rem}
.case-sec{margin-top:1rem}
.case-label{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:.2rem}

/* Filterlinjen over erfaringerne. */
.erfa-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.chips-flush{margin:0}

/* Moderationsrækken under en erfaring (vises på mørk flade). */
.case-mod-row{margin-top:.5rem}

/* "Det hjalp mig"-knappen og dens tæller. */
.helpful-btn{margin-top:1rem}
.helpful-count{margin-left:.2rem}

/* Knapperne i delingsformularen. */
.erfa-form-actions{display:flex;gap:.6rem;margin-top:.4rem}