/* Design "Papier": warmer Hintergrund, Schwarz + Terrakotta, bisherige App-Schrift.
   Wird NACH dem seiteneigenen CSS geladen und ueberschreibt nur Optik, keine Struktur.
   Zum Zuruecknehmen: das <link> auf theme-paper.css entfernen. */
:root{
  --accent:#1e1e1e; --accent-dark:#3b3b3b; --accent-soft:#ebe3d4; /* alle Akzent-Buttons im Admin schwarz */
  --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;
  --serif:inherit; /* bewusst die bisherige App-Schrift */
}
body{background:var(--paper);color:var(--ink)}

/* ── Obere Leiste ── */
.topbar{background:var(--paper-lt);border-bottom:1px solid var(--line)}
.logo-icon{background:var(--moss)}
.logo-icon svg{stroke:#fff}
.logo-text{font-weight:700;font-size:16px;color:var(--moss)}
.tb-link{color:var(--muted);font-weight:500}
.tb-link:hover{background:var(--sand);color:var(--ink)}
.hamburger{color:var(--ink)}
.bell-badge{background:var(--clay)}
.avatar{background:var(--clay)}

/* ── Seitenleiste ── */
.sidebar{background:var(--paper-dk);border-right:1px solid var(--line);width:236px}
.sidebar-section{color:var(--muted);letter-spacing:.09em;font-size:11px}
.sidebar-link{color:#4a463d;font-size:13.5px;border-radius:10px}
.sidebar-link:hover{background:rgba(0,0,0,.05);color:var(--ink)}
.sidebar-link.active{background:var(--moss);color:#fff;font-weight:600}
.sb-tree ul ul{border-left:1px solid var(--line)}
.sb-ttoggle{background:rgba(0,0,0,.07);color:#6b6558}
.sb-ttoggle:hover{background:rgba(0,0,0,.14);color:var(--ink)}
.sb-tree a{color:#4a463d;border-radius:9px}
.sb-tree a:hover{background:rgba(0,0,0,.05);color:var(--ink)}
.sb-tree a.active,.sb-tree a.current{background:var(--card);color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.sb-tree .gt-count{color:var(--muted)}

/* ── Kopfzeile des Inhalts ── */
.content-header{background:var(--paper);border-bottom:none;padding:22px 28px 6px}
.content-title{font-family:var(--serif);font-weight:700;font-size:24px;color:var(--ink)}
.search-wrap input{background:var(--card);border:1px solid var(--line);border-radius:99px;padding:9px 16px 9px 34px;color:var(--ink)}
.search-wrap input:focus{background:var(--card);border-color:var(--moss)}
.search-icon{color:var(--muted)}
.view-toggle{background:var(--sand);border:none;border-radius:10px;padding:3px;gap:2px}
.vt-btn{background:transparent;color:var(--muted);border-radius:8px;width:32px;height:30px}
.vt-btn+.vt-btn{border-left:none}
.vt-btn:hover{color:var(--ink)}
.vt-btn.active{background:var(--card);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.1)}
.btn-new{background:var(--clay);border-radius:10px}
.btn-new:hover{background:var(--clay-dk)}
.search-results{background:var(--card);border-color:var(--line);border-radius:14px}
.sr-item:hover{background:var(--sand)}

/* ── Galerie-Kacheln ── */
.content-body{padding:14px 28px 28px}
.section-label{color:var(--muted);letter-spacing:.04em}
.galleries-grid{gap:20px 16px}
.gal-card{background:transparent;box-shadow:none;border:none;border-radius:14px}
.gal-card:hover{box-shadow:none;transform:translateY(-2px)}
.gal-cover{border-radius:14px;background:var(--sand);box-shadow:0 1px 3px rgba(60,45,20,.12)}
.gal-cover-empty{background:linear-gradient(135deg,var(--moss2),var(--moss))}
.gal-info{padding:9px 3px 0}
.gal-name{font-weight:700;font-size:13.5px;color:var(--ink);margin-bottom:2px}
.gal-client{color:var(--muted)}
.gal-meta{color:var(--muted)}
.badge,.gal-subbadge{background:rgba(255,253,248,.94);color:var(--moss);backdrop-filter:none}
.badge-pres{background:var(--gold,#d9a441);color:#fff}
.gal-menu-btn{background:rgba(255,253,248,.95);border-radius:99px}
.ctx-menu{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(60,45,20,.18)}
.ctx-item:hover{background:var(--sand)}
.ctx-sep{background:var(--line)}
.gal-card-new{background:transparent;border:1.5px dashed #b9ad96;border-radius:14px;color:var(--muted)}
.gal-card-new:hover{border-color:var(--moss);color:var(--moss);background:rgba(30,30,30,.05)}
.gal-card.drop-target{outline-color:var(--moss)}
.toplevel-dropzone.drop-target{border-color:var(--moss);background:rgba(30,30,30,.06);color:var(--moss)}
.galleries-grid.list-view .gal-card{background:var(--card);border:1px solid var(--line);border-radius:14px}
.galleries-grid.list-view .gal-card:hover{background:var(--card);border-color:#cfc3ac}
.galleries-grid.list-view .gal-name{font-size:15px}
.galleries-grid.list-view .gal-open{background:var(--card);border-color:var(--line);color:var(--ink)}

/* ── Dialoge ── */
.modal-box{background:var(--card);border-radius:18px}
.modal-head{border-bottom:1px solid var(--line)}
.modal-head h2{font-weight:700}
.modal-foot{border-top:1px solid var(--line)}
.field input{background:#fff;border-color:var(--line);border-radius:10px}
.field input:focus{border-color:var(--moss)}
.mode-opt{border-color:var(--line);border-radius:12px}
.mode-opt.active{border-color:var(--moss);background:rgba(30,30,30,.06)}
.btn-create-open{background:var(--clay);border-radius:10px}
.btn-create-open:hover{background:var(--clay-dk)}
.btn-cancel{border-color:var(--line);border-radius:10px}
.btn-cancel:hover{background:var(--sand)}
.btn-create{background:var(--sand);border-radius:10px}
.btn-create:hover{background:#e0d6c3}

/* ═══ Weitere Admin-Seiten (Einstellungen, Update, Statistik, Likes, Kommentare, Benutzer, API-Key, IPTC) ═══ */
header{background:var(--paper-lt);color:var(--ink);border-bottom:1px solid var(--line)}
header h1{color:var(--ink)}
header a{color:var(--muted)}
header a:hover{color:var(--ink)}
header .logo span{color:var(--moss)}
.sidebar-section-title{color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.nav-item{color:#4a463d;border-radius:10px}
.nav-item:hover{background:rgba(0,0,0,.05);color:var(--ink)}
.nav-item.active{background:var(--moss);color:#fff;font-weight:600}
.nav-item.active svg{opacity:1}
.card,.stat-card,.comment-card{background:var(--card);border:1px solid var(--line);box-shadow:none;border-radius:16px}
.card h2{color:var(--ink)}
.btn-primary,.btn-view,.btn-green,.btn-orange,.btn-tmpl,.btn:not([class*="btn-"]){background:var(--moss);color:#fff}
.btn-primary:hover,.btn-view:hover,.btn-green:hover,.btn-orange:hover,.btn-tmpl:hover,.btn:not([class*="btn-"]):hover{background:var(--moss2);color:#fff}
.btn-gray,.btn-secondary,.btn-blue{background:var(--card);color:var(--ink);border:1px solid var(--line)}
.btn-gray:hover,.btn-secondary:hover,.btn-blue:hover{background:var(--sand)}
.step-num{background:var(--moss)}
.key-box,.export-box,.dl-btn{background:#1e1e1e}
.pill.new{background:var(--moss);color:#fff}
.pill.ok{background:var(--sand);color:var(--ink)}
.batch-box{background:var(--sand);border-color:var(--line)}
.batch-box h4{color:var(--ink)}
.tmpl-box{background:var(--card);border-color:var(--line)}
.tmpl-box h4{color:var(--ink)}
.img-item.active{background:var(--card);border-left-color:var(--moss)}
.img-item:hover{background:rgba(0,0,0,.04)}
.img-item .ihas{color:var(--moss)}
.editor-header h2,.section h3{color:var(--ink)}
.section{background:var(--card);border:1px solid var(--line);box-shadow:none;border-radius:16px}
.mode-opt.selected{border-color:var(--moss);background:rgba(30,30,30,.05)}
.b-admin{background:var(--sand);color:var(--ink)}
.b-super{background:var(--moss);color:#fff}
.btn-submit{background:var(--moss);color:#fff}
.btn-submit:hover{background:var(--moss2)}
input:focus,select:focus,textarea:focus{border-color:var(--moss)}
.bar,.bar-inline-fill{background:var(--moss)}
.user-role{background:var(--sand);color:var(--ink)}

/* ═══ Handy ═══ */
.s-hamburger,.hamburger{color:var(--ink)}
@media(max-width:800px){
  .wrap{grid-template-columns:minmax(0,1fr)}
  .card{overflow-x:auto}
}
@media(max-width:768px){
  body.page-inbox .layout{display:block}
  body.page-inbox .sidebar{display:block;width:auto;max-height:230px;overflow-y:auto;border-right:none;border-bottom:1px solid var(--line);padding:10px}
}

/* ═══ Eigene Button-Sprache (Admin): Pillenform, Hauptaktion gefuellt, Rest als feine Kontur ═══ */
.btn-new,.btn-create-open,.btn-create,.btn-cancel,.btn-primary,.btn-gray,.btn-secondary,.btn-view,.btn-blue,.btn-submit,
.btn:not([class*="btn-"]){border-radius:999px;letter-spacing:.01em}
.btn-gray,.btn-secondary,.btn-cancel,.btn-blue{background:transparent;border:1px solid #1e1e1e;color:#1e1e1e}
.btn-gray:hover,.btn-secondary:hover,.btn-cancel:hover,.btn-blue:hover{background:#1e1e1e;color:#fff}
.sb-new-set-btn{border-radius:999px}