/* =========================================================
   Admin-Bereich
   ========================================================= */
:root{
    --accent:#1a1a1a;
    --ink:#23201d;
    --muted:#7a736b;
    --line:#e6e2db;
    --bg:#f4f1ec;
    --panel:#ffffff;
    --sidebar:#23201d;
    --danger:#c0392b;
    --sans:-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);line-height:1.6;font-size:15px}
a{color:inherit;text-decoration:none}
code{background:#efeae2;padding:2px 7px;border-radius:4px;font-size:.9em}

/* ---------- Login ---------- */
.login-body{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--ink)}
.login-card{background:#fff;padding:46px 40px;width:100%;max-width:380px;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.login-logo-img{display:block;width:auto;height:120px;max-width:240px;object-fit:contain;margin:0 auto .4rem}
.login-sub{text-align:center;color:var(--muted);margin-bottom:1.8rem;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase}
.login-card label{display:block;margin-bottom:1.1rem;font-size:.82rem;color:var(--muted);font-weight:500}
.login-card input{width:100%;margin-top:.4rem;padding:11px 13px;border:1px solid var(--line);border-radius:5px;font-size:1rem}
.login-card input:focus{outline:none;border-color:var(--accent)}
.back-link{display:block;text-align:center;margin-top:1.4rem;color:var(--muted);font-size:.85rem}
.back-link:hover{color:var(--accent)}

/* ---------- Layout ---------- */
.admin-layout{display:flex;min-height:100vh}
.sidebar{
    width:250px;background:var(--sidebar);color:#cfc8c0;display:flex;flex-direction:column;
    position:fixed;top:0;bottom:0;left:0;
}
.sidebar-brand{padding:24px 22px;font-size:1.15rem;font-weight:600;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.sidebar-brand .mark{color:var(--accent)}
.sidebar-nav{flex:1;padding:14px 0;display:flex;flex-direction:column}
.sidebar-nav a{padding:13px 22px;display:flex;align-items:center;gap:12px;font-size:.92rem;transition:.2s;border-left:3px solid transparent}
.sidebar-nav a .ico{width:18px;text-align:center;opacity:.8}
.sidebar-nav a:hover{background:rgba(255,255,255,.05);color:#fff}
.sidebar-nav a.active{background:rgba(176,141,87,.16);color:#fff;border-left-color:var(--accent)}
.sidebar-foot{padding:18px 22px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:10px;font-size:.85rem}
.sidebar-foot a:hover{color:var(--accent)}
.sidebar-foot .logout{color:#e3a89a}

.admin-main{margin-left:250px;flex:1;display:flex;flex-direction:column;min-width:0}
.admin-topbar{background:#fff;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.admin-topbar h1{font-size:1.4rem;font-weight:600}
.topbar-user{color:var(--muted);font-size:.88rem}
.admin-content{padding:32px;max-width:980px}
.lead-text{color:var(--muted);margin-bottom:1.8rem}
.muted{color:var(--muted)}

/* ---------- Panels ---------- */
.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:26px 28px;margin-bottom:24px}
.panel h2{font-size:1.15rem;font-weight:600;margin-bottom:1.2rem;padding-bottom:.8rem;border-bottom:1px solid var(--line)}

/* ---------- Stats ---------- */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}
.stat-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px;text-align:center}
.stat-num{font-size:2.2rem;font-weight:700;color:var(--accent)}
.stat-label{color:var(--muted);font-size:.85rem;margin-top:.3rem}
.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.quick-links{display:flex;flex-direction:column;gap:10px}
.quick{padding:13px 16px;background:#faf8f4;border:1px solid var(--line);border-radius:6px;transition:.2s}
.quick:hover{border-color:var(--accent);color:var(--accent)}
.msg-list{list-style:none}
.msg-list li{padding:10px 0;border-bottom:1px solid var(--line)}
.msg-list li:last-child{border-bottom:0}
.msg-list .msg-date{float:right;color:var(--muted);font-size:.82rem}
.msg-list .msg-excerpt{display:block;color:var(--muted);font-size:.88rem}
.msg-list li.unread strong::before{content:'●';color:var(--accent);margin-right:6px;font-size:.7em;vertical-align:middle}

/* ---------- Forms ---------- */
.field{margin-bottom:1.3rem}
.field label,.upload-form label,.upload-grid label{display:block;font-size:.82rem;font-weight:600;color:var(--ink);margin-bottom:.45rem}
.field input[type=text],.field textarea,.upload-grid input,.upload-grid select,
.image-fields input,.ga-form input,.ga-form select{
    width:100%;padding:10px 13px;border:1px solid var(--line);border-radius:5px;font-size:.95rem;font-family:inherit;background:#fff;
}
.field input:focus,.field textarea:focus,input:focus,textarea:focus{outline:none;border-color:var(--accent)}
textarea{resize:vertical}
.form-actions{position:sticky;bottom:0;padding:16px 0}
.btn-primary{
    background:var(--accent);color:#fff;border:0;padding:13px 30px;border-radius:6px;font-size:.92rem;
    font-weight:600;cursor:pointer;transition:.2s;letter-spacing:.03em;
}
.btn-primary:hover{background:var(--ink)}
.btn-small{background:#efeae2;border:1px solid var(--line);padding:7px 13px;border-radius:5px;cursor:pointer;font-size:.82rem;transition:.2s}
.btn-small:hover{background:#e3ddd2}
.btn-danger{background:#fbeae8;border-color:#f3cfc9;color:var(--danger)}
.btn-danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}

.color-row{display:flex;align-items:center;gap:12px}
.color-row input[type=color]{width:54px;height:40px;border:1px solid var(--line);border-radius:5px;cursor:pointer;background:#fff}
.color-val{color:var(--muted);font-family:monospace}

/* Image setting */
.image-setting{display:flex;gap:18px;align-items:flex-start}
.image-preview{flex:0 0 140px}
.image-preview img{width:140px;height:100px;object-fit:cover;border-radius:6px;border:1px solid var(--line);background:#faf8f4}
.image-fields{flex:1;display:flex;flex-direction:column;gap:10px}
.upload-label{font-size:.82rem;color:var(--muted);font-weight:500}
.upload-label input{display:block;margin-top:5px}

/* ---------- Gallery admin ---------- */
.upload-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:16px;margin-bottom:1.2rem;align-items:end}
.gallery-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}
.gallery-admin-item{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#faf8f4}
.ga-thumb{aspect-ratio:4/3;background:#eee}
.ga-thumb img{width:100%;height:100%;object-fit:cover}
.ga-form{padding:12px;display:flex;flex-direction:column;gap:8px}
.ga-form input{font-size:.85rem;padding:7px 10px}
.ga-row{display:flex;gap:6px;align-items:center}
.ga-row .btn-small{flex:0 0 auto}

/* ---------- Messages ---------- */
.msg-card.unread{border-left:4px solid var(--accent)}
.msg-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border:0;padding:0;margin-bottom:.6rem}
.msg-meta{color:var(--muted);font-size:.85rem;margin-top:.2rem}
.msg-meta a:hover{color:var(--accent)}
.badge{background:var(--accent);color:#fff;font-size:.68rem;padding:2px 8px;border-radius:20px;margin-left:6px;vertical-align:middle}
.msg-subject{font-weight:600;margin-bottom:.4rem}
.msg-body{color:#3a352f;background:#faf8f4;padding:12px 14px;border-radius:6px}
.msg-actions form{display:flex;gap:6px}

/* ---------- Alerts ---------- */
.alert{padding:13px 18px;border-radius:6px;margin-bottom:1.4rem;font-size:.92rem}
.alert-success{background:#edf7ed;color:#1c7c3c;border:1px solid #cce8cc}
.alert-error{background:#fbeae8;color:var(--danger);border:1px solid #f3cfc9}

/* ---------- Responsive ---------- */
@media(max-width:820px){
    .sidebar{position:static;width:100%;flex-direction:row;flex-wrap:wrap;height:auto}
    .sidebar-brand{width:100%}
    .sidebar-nav{flex-direction:row;flex-wrap:wrap;flex:1 1 auto;padding:6px}
    .sidebar-nav a{border-left:0;border-radius:5px}
    .sidebar-nav a.active{border-left:0}
    .sidebar-foot{flex-direction:row;border-top:0}
    .admin-main{margin-left:0}
    .stat-grid{grid-template-columns:repeat(2,1fr)}
    .dash-grid,.image-setting{grid-template-columns:1fr;display:grid}
    .upload-grid{grid-template-columns:1fr 1fr}
    .admin-content{padding:18px}
}