/* SV App-Verteilung – Verbandsfarben Dunkelgrün #33502b, Hellgrün #7a9b5e */
.svav-kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--svav-breite,400px)),1fr));gap:1.5rem;margin:1rem 0;--svav-zeilen:7;--svav-reihen:5;--svav-plattf:2}
.svav-kachel{border:1px solid #d5dccf;border-top:4px solid #33502b;border-radius:6px;padding:1rem 1.25rem;background:#fff;display:grid;grid-template-rows:auto auto auto repeat(var(--svav-plattf),1fr);row-gap:.6rem;align-content:start}
@supports (grid-template-rows:subgrid){.svav-kachel{grid-row:span var(--svav-reihen);grid-template-rows:subgrid}}
.svav-kachel h3{margin:.25rem 0 .5rem;color:#33502b;font-size:clamp(1.25rem,1.1rem + .6vw,1.6rem);line-height:1.2;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.svav-kopf{display:flex;align-items:center;gap:.9rem;margin-bottom:.4rem}
.svav-kopf h3{margin:0}
.svav-icon{flex:0 0 72px}
.svav-icon img{display:block;width:72px;height:72px;border-radius:16px;object-fit:cover;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.svav-plattform{border-top:1px solid #e6ebe2;padding-top:.75rem;margin-top:.75rem}
.svav-plattform h4{margin:0 0 .4rem;font-size:1rem}
.svav-version{font-weight:normal;font-size:.85em;color:#5c6b55}
.svav-kachel details{margin:.3rem 0}
.svav-kachel summary{cursor:pointer;color:#33502b}
.svav-knopf,.svav-knopf:visited{display:inline-block;background:#33502b;color:#fff!important;padding:.5rem 1rem;border-radius:4px;text-decoration:none;border:0;cursor:pointer;margin-top:.4rem}
.svav-knopf:hover{background:#7a9b5e}
.svav-knopf-hell{background:#7a9b5e}
.svav-hinweis,.svav-nutzer{background:#f1f5ee;border-left:4px solid #7a9b5e;padding:.75rem 1rem;margin:1rem 0}
.svav-ergebnis{border:2px solid #33502b;border-radius:6px;padding:1.25rem 1.5rem;margin:1rem 0;background:#fff;color:#1f2a1b;font-size:1.05rem;line-height:1.5}
.svav-ergebnis h3{color:#33502b;margin-top:0}
.svav-ergebnis .svav-klein{color:#2f3a2b;font-size:.95rem}
.svav-code{font-family:monospace;font-size:1.6rem;letter-spacing:.12em;background:#fff;border:1px dashed #7a9b5e;padding:.5rem 1rem;display:inline-block;user-select:all}
.svav-klein{font-size:.9em;color:#3d4a37}
.svav-tabelle{width:100%;border-collapse:collapse;font-size:.92em;margin:.5rem 0 1.5rem}
.svav-tabelle th{background:#33502b;color:#fff;text-align:left;padding:.4rem .5rem}
.svav-tabelle td{border-bottom:1px solid #e6ebe2;padding:.4rem .5rem;vertical-align:top}
.svav-tabelle tr.svav-knapp td{color:#b32d2e;font-weight:bold}
.svav-bestand{max-width:520px}
.svav-scroll{overflow-x:auto}
.svav-filter{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:flex-end;margin:.5rem 0 1rem}
.svav-filter label{display:flex;flex-direction:column;font-size:.85em;gap:.2rem}
.svav-filter label.svav-check{flex-direction:row;align-items:center}
.svav-filter select,.svav-filter input[type=date],.svav-filter input[type=search]{min-width:9rem}
.svav-seiten a,.svav-seiten strong{padding:0 .3rem}
.svav-fortschritt{margin:1rem 0;padding:1rem;background:#f1f5ee;border:1px solid #7a9b5e;border-radius:6px}
.svav-balken{height:1.1rem;background:#fff;border:1px solid #33502b;border-radius:999px;overflow:hidden}
.svav-balken-fuell{height:100%;width:0;background:#33502b;transition:width .2s}
.svav-status{margin:.5rem 0 0;font-weight:600;color:#1f2a1b}
.svav-fertig{margin:1rem 0;padding:1rem;background:#33502b;color:#fff;border-radius:6px}
.svav-fertig p{margin:.3rem 0;color:#fff}
.svav-fertig .svav-knopf{background:#fff;color:#33502b!important}
.svav-fertig .svav-knopf:hover{background:#e6ebe2}
.svav-pause{background:#fff4e5;border-left:4px solid #c77700;color:#5a3a00;padding:.5rem .75rem;margin:.5rem 0;font-size:.95em}
.svav-knopf-aus,.svav-knopf-aus:hover{background:#9aa597;cursor:not-allowed}

/* Beschreibung mit Weiterlesen */
.svav-beschreibung{position:relative}
.svav-text{line-height:1.55;max-height:calc(var(--svav-zeilen) * 1.55em);overflow:hidden}
.svav-text p{margin:0 0 .5em}
.svav-beschreibung.gekuerzt:not(.offen) .svav-text{-webkit-mask-image:linear-gradient(#000 65%,transparent);mask-image:linear-gradient(#000 65%,transparent)}
.svav-beschreibung.offen .svav-text{max-height:none}
.svav-mehr{background:none;border:0;padding:.2rem 0;color:#33502b;font-weight:600;cursor:pointer;text-decoration:underline;font-size:.95em}
/* Screenshots */
.svav-bilder-rahmen{position:relative;min-width:0}
.svav-bilder{display:flex;gap:.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
.svav-bilder::-webkit-scrollbar{display:none}
.svav-bilder-rahmen.mehr-rechts::after,.svav-bilder-rahmen.mehr-links::before{content:'';position:absolute;top:0;bottom:0;width:42px;pointer-events:none;z-index:1}
.svav-bilder-rahmen.mehr-rechts::after{right:0;background:linear-gradient(to right,rgba(255,255,255,0),#fff)}
.svav-bilder-rahmen.mehr-links::before{left:0;background:linear-gradient(to left,rgba(255,255,255,0),#fff)}
.svav-bilder:empty{display:block;min-height:0}
.svav-bild{flex:0 0 auto;scroll-snap-align:start;display:block;border-radius:8px;overflow:hidden;border:1px solid #d5dccf;line-height:0}
.svav-bild img{height:160px;width:auto;max-width:none;display:block;object-fit:cover}
.svav-bild:hover{border-color:#33502b}
/* Plattform-Blöcke: Knopf immer unten */
.svav-plattform{display:flex;flex-direction:column;margin-top:0}
.svav-infos{flex:1}
.svav-aktion{margin-top:.4rem}
.svav-leer{justify-content:flex-start}
.svav-leer p{margin:0;font-size:.85em;color:#8a9585;font-style:italic}
.svav-details-inhalt{max-height:14em;overflow-y:auto;padding:.3rem .5rem;margin:.2rem 0 .4rem;background:#f7faf5;border-radius:4px;font-size:.95em}
/* Lightbox */
.svav-lightbox{position:fixed;inset:0;background:rgba(15,25,12,.9);z-index:99999;display:flex;align-items:center;justify-content:center}
.svav-lightbox[hidden]{display:none}
.svav-lightbox img{max-width:92vw;max-height:88vh;border-radius:10px;box-shadow:0 4px 30px rgba(0,0,0,.5)}
.svav-lb-zu,.svav-lb-pfeil{position:absolute;background:rgba(255,255,255,.15);color:#fff;border:0;border-radius:50%;width:48px;height:48px;font-size:30px;line-height:1;cursor:pointer}
.svav-lb-zu{top:16px;right:16px}
.svav-lb-zurueck{left:16px;top:50%;transform:translateY(-50%)}
.svav-lb-vor{right:16px;top:50%;transform:translateY(-50%)}
.svav-lb-zu:hover,.svav-lb-pfeil:hover{background:rgba(255,255,255,.3)}
/* Seriennummer */
.svav-sn{margin-top:1rem;padding:1rem;border:1px dashed #7a9b5e;border-radius:6px;background:#f7faf5}
.svav-sn p{margin:.3rem 0}
.svav-code.svav-sn-code{font-size:1rem;letter-spacing:.03em;word-break:break-all;display:block}
.svav-sn-klein{font-size:.8em;word-break:break-all}
/* Schaufenster für Gäste: nichts bedienbar */
.svav-schaufenster{pointer-events:none;-webkit-user-select:text;user-select:text}
.svav-schaufenster .svav-knopf-vorschau{background:#7a9b5e;cursor:default}
.svav-schaufenster summary{cursor:default}