/* VDG Mitgliederbereich – Schritt 7a: FachGartenCenter, geschützte Betriebsbereiche (js/modules.wissen-fgc-archiv.js) */
#page-wissen .fa-toolbar{margin:0 0 14px}
#page-wissen .fa-centers{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
#page-wissen .fa-center{display:grid;gap:4px;padding:16px 18px;border:1px solid var(--line);border-top:3px solid var(--leaf);border-radius:12px;background:#fff;color:var(--ink);text-decoration:none;transition:.16s}
#page-wissen .fa-center:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(20,44,42,.1)}
#page-wissen .fa-center b{font-size:18px;line-height:1.25}
#page-wissen .fa-center span,#page-wissen .fa-center small{font-size:15px;color:var(--muted)}
#page-wissen .fa-center em{font-style:normal;font-weight:800;color:var(--leaf);margin-top:6px;font-size:15px}
#page-wissen .fa-center.is-archived{opacity:.65;border-style:dashed}

#page-wissen .fa-form{display:grid;gap:12px;max-width:640px;margin:0 0 18px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#f6fbf6}
#page-wissen .fa-form h3{margin:0;font-size:19px}
#page-wissen .fa-form label{display:grid;gap:5px;font-size:15.5px}
#page-wissen .fa-form label>span{font-weight:700}
#page-wissen .fa-form input,#page-wissen .fa-form select{padding:10px 12px;border:1px solid #bcd1c6;border-radius:9px;font:inherit;font-size:16px;background:#fff;width:100%}
#page-wissen .fa-results{display:grid;gap:6px}
#page-wissen .fa-result{display:grid;gap:1px;text-align:left;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;font:inherit;cursor:pointer;color:var(--ink)}
#page-wissen button.fa-result:hover{border-color:#8fc97c;background:#eef7ef}
#page-wissen .fa-result small,#page-wissen .fa-result.is-empty{color:var(--muted);font-size:14.5px}
#page-wissen .fa-hint{margin:0;color:var(--muted);font-size:15px;line-height:1.45}
#page-wissen .fa-actions{display:flex;gap:8px;flex-wrap:wrap}

#page-wissen .fa-back{margin:0 0 12px}
#page-wissen .fa-back a{font-weight:700;color:var(--leaf-dark,#1c5027);text-decoration:none}
#page-wissen .fa-head{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin-bottom:16px}
#page-wissen .fa-head h1{margin:4px 0 6px;font-size:30px;letter-spacing:-.03em;line-height:1.15}
#page-wissen .fa-head p{margin:0 0 4px;color:var(--muted);font-size:16px}
#page-wissen .fa-head .fa-lock{color:var(--ink);font-size:15px}
#page-wissen .fa-head-actions{display:flex;gap:8px;flex-wrap:wrap}
#page-wissen .fa-years{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 16px}
#page-wissen .fa-year{padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:800;font-size:16px;text-decoration:none}
#page-wissen .fa-year.active{background:var(--leaf);border-color:var(--leaf);color:#fff}
#page-wissen .fa-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 8px}
#page-wissen .fa-upbtn{cursor:pointer}
#page-wissen .fa-opt{display:flex;gap:8px;align-items:flex-start;font-size:15px;color:var(--ink);flex:1 1 320px}
#page-wissen .fa-opt input{margin-top:3px;accent-color:var(--leaf)}
#page-wissen .fa-tools+.fa-hint{margin-bottom:16px}
#page-wissen .fa-selbar{position:sticky;top:8px;z-index:20;display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 14px;padding:10px 14px;border:1px solid #c9a13b;border-radius:12px;background:#fff8dc}
#page-wissen .fa-selbar select{padding:7px 9px;border:1px solid #bcd1c6;border-radius:8px;font:inherit;font-size:15px;background:#fff;max-width:100%}

#page-wissen .fa-upload{display:grid;gap:8px;margin:0 0 16px;padding:14px 16px;border:1px solid #8fc97c;border-radius:12px;background:#eef7ef}
#page-wissen .fa-bar{height:10px;border-radius:999px;background:#d5e6d8;overflow:hidden}
#page-wissen .fa-bar i{display:block;height:100%;background:var(--leaf);transition:width .3s}
#page-wissen .fa-upload small{color:var(--muted);font-size:14.5px}
#page-wissen .fa-failed{margin:0;padding-left:20px;color:#8a2f22;font-size:15px}

#page-wissen .fa-folder{margin:0 0 18px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}
#page-wissen .fa-folder.is-drop{border-color:var(--leaf);background:#eef7ef;outline:2px dashed var(--leaf);outline-offset:-6px}
#page-wissen .fa-folder-head{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:12px}
#page-wissen .fa-folder-head h3{margin:0;font-size:20px;letter-spacing:-.02em}
#page-wissen .fa-folder-head h3 small{font-size:15px;font-weight:400;color:var(--muted);margin-left:6px}
#page-wissen .fa-folder-actions{display:flex;gap:8px;flex-wrap:wrap}
#page-wissen .fa-empty{padding:18px;border:1px dashed #bcd1c6;border-radius:10px;color:var(--muted);background:#fbfdfb;font-size:15.5px}
#page-wissen .fa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
#page-wissen .fa-thumb{position:relative;display:block;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#e9efea;aspect-ratio:4 / 3;cursor:zoom-in}
#page-wissen .fa-thumb img{display:block;width:100%;height:100%;object-fit:cover}
#page-wissen .fa-thumb:hover,#page-wissen .fa-thumb:focus-visible{border-color:var(--leaf)}
#page-wissen .fa-thumb.is-selected,#page-wissen .fa-doc.is-selected{border-color:#c9a13b;box-shadow:0 0 0 2px #c9a13b}
#page-wissen .fa-cap{position:absolute;left:0;right:0;bottom:0;padding:5px 8px;background:rgba(20,44,42,.78);color:#fff;font-size:13.5px;line-height:1.3;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-wissen .fa-check{position:absolute;top:6px;left:6px;width:26px;height:26px;border-radius:7px;border:2px solid #fff;background:rgba(20,44,42,.55);color:#fff;font-weight:900;display:grid;place-items:center;font-size:16px}
#page-wissen .is-selected .fa-check{background:#c9a13b}
#page-wissen .fa-docs{display:grid;gap:8px;margin-top:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
#page-wissen .fa-doc{position:relative;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;padding:10px 12px;border:2px solid var(--line);border-radius:10px;background:#fbfdfb;color:var(--ink);text-decoration:none}
#page-wissen .fa-doc-ext{grid-row:1 / 3;min-width:46px;padding:8px 6px;border-radius:7px;background:#dfece2;font-weight:900;font-size:13px;text-align:center}
#page-wissen .fa-doc b{font-size:15.5px;overflow-wrap:anywhere}
#page-wissen .fa-doc small{color:var(--muted);font-size:14.5px}
#page-wissen .fa-doc .fa-check{left:auto;right:6px}

.fa-lightbox{position:fixed;inset:0;z-index:1000;background:rgba(10,20,18,.94);display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;align-items:center;color:#fff}
.fa-lightbox img{grid-column:2;grid-row:2;max-width:100%;max-height:100%;width:auto;height:auto;margin:auto;object-fit:contain;min-height:0;min-width:0}
.fa-lb-top{grid-column:1 / 4;display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:10px 16px;font-size:15.5px}
.fa-lb-btns{display:flex;gap:8px;flex-wrap:wrap}
.fa-lb-top .btn{background:#fff;color:#142c2a;text-decoration:none}
.fa-lb-nav{grid-row:2;width:56px;height:96px;margin:0 8px;border:0;border-radius:12px;background:rgba(255,255,255,.14);color:#fff;font-size:44px;line-height:1;cursor:pointer}
.fa-lb-nav.prev{grid-column:1}.fa-lb-nav.next{grid-column:3}
.fa-lb-nav:disabled{opacity:.25;cursor:default}
.fa-lb-nav:hover:not(:disabled){background:rgba(255,255,255,.28)}
.fa-lb-bottom{grid-column:1 / 4;display:grid;gap:6px;justify-items:center;padding:10px 16px 14px;text-align:center}
.fa-lb-bottom p{margin:0;font-size:17px;max-width:900px}
.fa-lb-bottom small{color:#c7ddd1;font-size:14.5px}
.fa-lb-bottom form{display:flex;gap:8px;width:min(760px,100%)}
.fa-lb-bottom input{flex:1;min-width:0;padding:9px 12px;border-radius:9px;border:1px solid #bcd1c6;font:inherit;font-size:16px}
@media (max-width:640px){
  #page-wissen .fa-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}
  #page-wissen .fa-head h1{font-size:24px}
  .fa-lb-nav{width:40px;height:72px;margin:0 2px;font-size:34px}
}

/* Schritt 7b: ZIP-Download und Benachrichtigung */
#page-wissen .fa-form textarea{padding:10px 12px;border:1px solid #bcd1c6;border-radius:9px;font:inherit;font-size:16px;background:#fff;width:100%}
#page-wissen .fa-notify{max-width:760px}
#page-wissen .fa-recipients{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:15.5px}
#page-wissen .fa-recipients li{padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}
#page-wissen .fa-recipients span{color:var(--muted)}
#page-wissen .fa-recipients .is-out{opacity:.7;border-style:dashed}
#page-wissen .fa-recipients em{font-style:normal;color:#8a2f22}
#page-wissen .fa-warn{margin:0;padding:10px 12px;border:1px solid #e0b100;border-radius:9px;background:#fff8dc;font-size:15.5px}
#page-wissen .fa-folder-actions a.btn,#page-wissen .fa-years a.btn{text-decoration:none}
