/* Design "Papier" fuer Galerie, Sammlung und Verwaltung (body.paper; Admin zusaetzlich body.adm-paper = schwarze Buttons).
   Kunden behalten ihre Branding-Akzentfarbe. Nur Optik, keine Struktur.
   Zurueck: Link auf diese Datei in galerie.php entfernen. */
:root{--paper:#f5f0e8;--paper-lt:#fbf8f2;--paper-dk:#efe8da;--card:#fffdf8;--ink:#1c2a26;--moss:#1e1e1e;--moss2:#3b3b3b;--clay:#1e1e1e;--clay-dk:#3b3b3b;--sand:#ebe3d4;--line:#ddd3c1;--muted:#7a7467}
body.paper:not(.pres-mode){background:var(--paper);color:var(--ink)}

/* Obere Leisten */
body.paper .admin-bar{background:var(--paper-lt);border-bottom:1px solid var(--line);box-shadow:none}
body.paper .ab-l a,body.paper .ab-l span,body.paper .ab-l strong{color:var(--ink)}
body.paper .ab-l a:hover{color:var(--accent);opacity:1}
body.paper .ab-sep{background:var(--line)}
body.paper .ab-btn{color:var(--muted);font-weight:500;border-radius:8px}
body.paper .ab-btn:hover{background:var(--sand);color:var(--ink)}
body.paper .top-nav{background:var(--paper);border-bottom:1px solid var(--line);box-shadow:none}
body.paper .gal-name{color:var(--ink);font-size:17px}
body.paper .gal-cnt{color:var(--muted)}
body.paper .nav-btn{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:10px}
body.paper .nav-btn:hover{background:var(--sand);border-color:#cfc3ac;color:var(--ink)}
body.paper .nav-btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}
body.paper .nav-btn-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}

/* Linke Leiste */
body.paper .admin-sidebar{background:var(--paper-dk);border-right:1px solid var(--line)}
body.paper .sb-gallery-title{color:var(--ink);font-size:16px;border-bottom:1px solid var(--line)}
body.paper .sb-action-grid,body.paper .sb-big-btns,body.paper .sb-section{border-bottom:1px solid var(--line)}
body.paper .sb-action-btn{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:12px}
body.paper .sb-action-btn:hover{background:var(--sand);color:var(--ink)}
body.paper .sb-big-btn{border-radius:10px}
body.paper .sb-upload{background:var(--accent);color:#fff}
body.paper .sb-upload:hover{background:var(--accent-dark)}
body.paper .sb-download{background:var(--card);color:var(--ink);border:1px solid var(--line)}
body.paper .sb-section-title{color:var(--ink)}
body.paper .sb-sub{color:var(--muted)}
body.paper .sb-nav-box{background:rgba(255,253,248,.55);border-radius:12px}
body.paper .sb-nav-item{color:#4a463d;border-radius:9px}
body.paper .sb-nav-item:hover{background:rgba(0,0,0,.05)}
body.paper .sb-nav-active{background:var(--card);color:var(--ink);font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,.08)}
body.paper .sb-nav-count{color:var(--muted)}
body.paper .sb-nav-add{background:var(--accent)}
body.paper .sb-nav-add:hover{background:var(--accent-dark)}
body.paper .sb-filter-input,body.paper .sb-select{background:var(--card);border:1px solid var(--line);border-radius:10px;color:var(--ink)}
body.paper .sb-icon-btn{color:#b3a78f}
body.paper .sb-icon-btn:hover{color:var(--ink)}
body.paper .sb-new-set-btn{border-radius:10px}

/* Unter-Galerien */
body.paper .subgal-title{color:var(--muted);letter-spacing:.04em}
body.paper .subgal-new-btn{background:var(--accent);border-radius:10px}
body.paper .subgal-new-btn:hover{background:var(--accent-dark)}
body.paper .subgal-card{background:transparent;border:none;border-radius:14px;overflow:visible}
body.paper .subgal-card:hover{box-shadow:none}
body.paper .subgal-cover{border-radius:14px;background:var(--sand);box-shadow:0 1px 3px rgba(60,45,20,.12)}
body.paper .subgal-body{padding:9px 3px 0}
body.paper .subgal-name{color:var(--ink)}
body.paper .subgal-cnt{color:var(--muted)}
body.paper .subgal-empty{border-color:#b9ad96;border-radius:14px;color:var(--muted)}
body.paper .subgal-menu{background:var(--card);border:1px solid var(--line);border-radius:12px}
body.paper .subgal-menu .sgm-item:hover{background:var(--sand)}

/* Bilder-Raster: ruhiger, Dateiname erst beim Darueberfahren */
body.paper .masonry:not(.list-view) .img-card{position:relative}
body.paper .masonry:not(.list-view) .img-card .fname{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 8px;margin:0;text-align:left;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.6));opacity:0;transition:opacity .15s;pointer-events:none;border-radius:0 0 6px 6px}
body.paper .masonry:not(.list-view) .img-card:hover .fname{opacity:1}
/* Kunde: keine Dateinamen im Raster. Admin: Name dauerhaft UNTER dem Bild (kein Overlay beim Drüberfahren) */
body.paper:not(.adm-paper) .masonry:not(.list-view) .img-card .fname{display:none}
body.adm-paper .masonry:not(.list-view) .img-card .fname{position:static;opacity:1;background:none;color:#6f6a5f;padding:6px 2px 0;font-size:11px;text-align:left;cursor:copy;pointer-events:auto}
body.adm-paper .masonry:not(.list-view) .img-card .fname:hover{color:#1e1e1e;text-decoration:underline dotted}
body.adm-paper .img-card .fname.fname-ok{color:#1a7f3c;text-decoration:none}
body.paper .img-card.selected{outline-color:var(--accent)}
body.paper .img-card.selected .card-check{background:var(--accent);border-color:var(--accent)}
body.paper .masonry.list-view .img-card{background:var(--card);border-color:var(--line);border-radius:12px}
body.paper .masonry.list-view .img-card:hover{background:var(--card);border-color:#cfc3ac}

/* Weitere Buttons im gleichen Schwarz, Upload-Feld ruhiger */
body.paper .sb-new-set-btn{background:var(--accent);color:#fff}
body.paper .sb-new-set-btn:hover{background:var(--accent-dark)}
body.paper .gdz-btn{background:var(--accent);color:#fff;border-radius:10px}
body.paper .gdz-btn:hover{background:var(--accent-dark);color:#fff}
body.paper .gdz-folder a{color:var(--muted)}

/* Anfasser der Viewer-Seitenleiste (nur Desktop, nicht im Praesentationsmodus) */
.vw-resizer{display:none}
@media(min-width:701px){
  body.paper:not(.pres-mode) .vw-resizer{display:flex;align-items:center;justify-content:center;flex:0 0 12px;cursor:col-resize;user-select:none;touch-action:none;background:#fff;position:relative;z-index:5}
  body.paper .vw-resizer span{width:4px;height:40px;border-radius:4px;background:rgba(0,0,0,.18);transition:background .15s,height .15s}
  body.paper .vw-resizer:hover span,body.paper .vw-resizer.drag span{background:var(--accent);height:64px}
  body.paper.sb-dragging{cursor:col-resize;user-select:none}
  body.paper .viewer.vw-sb-collapsed .vw-sidebar{width:0!important;padding:0!important;overflow:hidden;border-right:none}
}

/* Werkzeugleiste ueber dem Raster */
body.paper .gal-toolbar .sb-filter-input{background:var(--card);border:1px solid var(--line);border-radius:99px;color:var(--ink)}
body.paper .gal-toolbar .sb-select{background:var(--card);border:1px solid var(--line);border-radius:10px;color:var(--ink)}
body.paper .gal-toolbar .gt-lbl{color:var(--muted)}
body.paper .gal-toolbar .sb-icon-btn{color:#b3a78f;border-radius:99px}
body.paper .gal-toolbar .sb-icon-btn:hover{color:var(--ink)}
body.paper .gal-toolbar .sb-icon-btn.active{background:var(--sand)}

/* Upload-Leiste */
body.paper .gallery-dropzone{background:var(--card);border-color:#b9ad96}
body.paper .gallery-dropzone:hover{border-color:var(--accent)}
body.paper .gdz-ico{background:var(--sand);color:var(--ink)}
body.paper .gdz-btn-2{background:var(--card);border-color:var(--line);color:var(--ink)}
body.paper .gdz-btn-2:hover{background:var(--sand)}
body.paper .subgal-wrap{max-width:none;margin:16px 28px 8px;padding:0}

/* Akzent: Admin schwarz, Kunden = Branding-Farbe (aus den Einstellungen) */
body.adm-paper{--accent:#1e1e1e;--accent-dark:#3b3b3b;--accent-soft:#ebe3d4}

/* Handy-Flaechen und Panels */
body.paper .top-actions-mobile{background:var(--paper-lt);border-bottom:1px solid var(--line)}
body.paper .sheet,body.paper .gtree-panel,body.paper .share-panel,body.paper .settings-panel{background:var(--card)}
body.paper .sheet-select{background:var(--card);border-color:var(--line);color:var(--ink)}
body.paper .geh-wrap{background:var(--paper)}

/* Sammlungen */
body.paper .top{background:var(--paper-lt);color:var(--ink);border-bottom:1px solid var(--line)}
body.paper .top .bname{color:var(--ink)}
body.paper .top nav a{color:var(--muted)}
body.paper .top nav a:hover{background:var(--sand);color:var(--ink)}
body.paper .empty{background:var(--card);border:1px solid var(--line);color:var(--muted)}
body.paper .btn.ghost{background:var(--card);border:1px solid var(--line);color:var(--ink)}
body.paper .card-new{background:transparent;border-color:#b9ad96}

/* Ordner-Leiste in der Kunden-Ansicht */
body.paper .nav-sidebar{background:var(--paper-dk);border-right:1px solid var(--line)}
body.paper .navsb-title{color:var(--ink)}
body.paper .navsb-tree a{color:#4a463d}
body.paper .navsb-tree a:hover{background:rgba(0,0,0,.05)}
body.paper .navsb-tree a.active,body.paper .navsb-tree .active>a{background:var(--card);color:var(--ink)}
body.paper .nav-sidebar .sb-section{border-bottom:1px solid var(--line)}
body.paper .nav-sidebar .sb-section-title{color:var(--ink)}

/* ═══ Eigene Button-Sprache: Pillenform, Hauptaktion gefuellt, Rest als feine Kontur ═══ */
body.paper .nav-btn,body.paper .nav-btn-primary,body.paper .sb-big-btn,body.paper .sb-new-set-btn,
body.paper .gdz-btn,body.paper .subgal-new-btn,body.paper .mob-updown-btn,body.paper .sheet-newset,
body.paper .sb-action-btn,body.paper .share-copy-btn{border-radius:999px;letter-spacing:.01em}
body.paper .nav-btn,body.paper .sb-big-btn,body.paper .sb-new-set-btn,body.paper .gdz-btn,body.paper .subgal-new-btn{padding-left:18px;padding-right:18px}
/* Nebenaktionen: transparent mit duenner Kontur */
body.paper .nav-btn:not(.nav-btn-primary),body.paper .sb-download,body.paper .gdz-btn-2,body.paper .btn.ghost{background:transparent;border:1px solid #1e1e1e;color:#1e1e1e}
body.paper .nav-btn:not(.nav-btn-primary):hover,body.paper .sb-download:hover,body.paper .gdz-btn-2:hover,body.paper .btn.ghost:hover{background:#1e1e1e;color:#fff}
/* Settings/Teilen: schmale Pillen nebeneinander statt grosser Kacheln */
body.paper .sb-action-btn{flex-direction:row;justify-content:center;gap:7px;padding:9px 10px;background:transparent;border:1px solid var(--line);font-size:12px}
body.paper .sb-action-btn:hover{background:#1e1e1e;color:#fff;border-color:#1e1e1e}