/* Pack and Go — admin panel */
:root{
  --a-bg:#f4f6f8; --a-panel:#fff; --a-line:#e2e7ec; --a-navy:#0f2942;
  --a-ink:#1b2733; --a-muted:#64717f; --a-accent:#e8833a; --a-danger:#c0392b;
}
body.admin{margin:0;background:var(--a-bg);color:var(--a-ink);font-family:'Inter',system-ui,sans-serif;display:flex;min-height:100vh}
body.admin a{color:var(--a-navy)}

/* login */
body.admin-login{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(160deg,#0f2942,#0b1f33);font-family:'Inter',system-ui,sans-serif;margin:0}
.login-card{background:#fff;padding:2.2rem;border-radius:16px;width:min(380px,92vw);box-shadow:0 20px 60px rgba(0,0,0,.3)}
.login-card h1{font-family:'Fraunces',serif;margin:.6rem 0 1rem}
.login-card label{display:block;font-weight:600;font-size:.85rem;margin-bottom:.9rem}
.login-card input{width:100%;margin-top:.3rem;padding:.7rem;border:1px solid var(--a-line);border-radius:9px;font:inherit}

/* sidebar */
.admin-sidebar{width:230px;background:var(--a-navy);color:#fff;display:flex;flex-direction:column;padding:1.2rem 0;flex-shrink:0}
.admin-sidebar .brand{padding:0 1.3rem 1.2rem;color:#fff}
.admin-sidebar nav{display:flex;flex-direction:column;flex:1}
.admin-sidebar nav a{color:rgba(255,255,255,.75);padding:.7rem 1.3rem;font-weight:500;font-size:.95rem;display:flex;justify-content:space-between;align-items:center;text-decoration:none}
.admin-sidebar nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.admin-sidebar nav a.active{background:rgba(232,131,58,.18);color:#fff;box-shadow:inset 3px 0 0 var(--a-accent)}
.admin-sidebar-foot{padding:1rem 1.3rem 0;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:.5rem}
.admin-sidebar-foot a{color:rgba(255,255,255,.6);font-size:.85rem;text-decoration:none}
.admin-sidebar-foot a:hover{color:#fff}
.pill{background:var(--a-accent);color:#fff;border-radius:999px;font-size:.7rem;padding:.1rem .45rem;font-weight:700}

/* main */
.admin-main{flex:1;display:flex;flex-direction:column;min-width:0}
.admin-topbar{background:#fff;border-bottom:1px solid var(--a-line);padding:1rem 1.6rem;display:flex;align-items:center;gap:1rem}
.admin-topbar h1{font-family:'Fraunces',serif;font-size:1.3rem;margin:0;flex:1;color:var(--a-navy)}
.admin-user{color:var(--a-muted);font-size:.9rem}
.admin-menu-toggle{display:none;background:0;border:0;font-size:1.3rem;cursor:pointer}
.admin-content{padding:1.6rem;max-width:1000px}

/* panels */
.panel{background:var(--a-panel);border:1px solid var(--a-line);border-radius:12px;padding:1.4rem;margin-bottom:1.4rem}
.panel h2{font-family:'Fraunces',serif;font-size:1.15rem;margin:0 0 1rem;color:var(--a-navy)}
.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.panel-head h2{margin:0}
.panel-actions{margin-bottom:1.2rem}
.link-more{color:var(--a-accent);font-weight:600;font-size:.9rem;text-decoration:none}
.link-back{display:inline-block;margin-bottom:1rem;font-weight:600;text-decoration:none}

/* stats */
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.4rem}
.stat{background:#fff;border:1px solid var(--a-line);border-radius:12px;padding:1.2rem}
.stat-n{display:block;font-family:'Fraunces',serif;font-size:2rem;color:var(--a-navy)}
.stat-l{color:var(--a-muted);font-size:.9rem}

/* tables */
.table{width:100%;border-collapse:collapse;font-size:.92rem}
.table th{text-align:left;padding:.6rem .5rem;border-bottom:2px solid var(--a-line);color:var(--a-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}
.table td{padding:.7rem .5rem;border-bottom:1px solid var(--a-line);vertical-align:top}
.table tr:last-child td{border-bottom:0}
.row-unread td{background:#fff8f2}
.row-actions{white-space:nowrap;display:flex;gap:.7rem;align-items:center}
.row-actions a,.row-actions form{font-size:.88rem}

/* tags */
.tag{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize}
.tag-new{background:#fdecc8;color:#8a5a00}
.tag-contacted{background:#d5e8f7;color:#1c5a86}
.tag-closed{background:#e2e7ec;color:#5a6672}

/* forms */
.form label{display:block;font-weight:600;font-size:.88rem;color:var(--a-navy);margin-bottom:1rem}
.form input,.form select,.form textarea{width:100%;margin-top:.35rem;padding:.65rem .75rem;border:1px solid var(--a-line);border-radius:9px;font:inherit;background:#fff;color:var(--a-ink);font-weight:400}
.form textarea{resize:vertical}
.form .form-row.two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form .form-row.four{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.inline-check{display:flex;align-items:center;gap:.5rem;font-weight:500}
.inline-check input{width:auto;margin:0}
.inline-check.pad{margin-top:1.9rem}
.btn{display:inline-block;background:var(--a-accent);color:#fff;border:0;padding:.7rem 1.4rem;border-radius:999px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.btn:hover{background:#cf6d28}
.btn-ghost{background:#fff;border:1.5px solid var(--a-line);color:var(--a-navy)}
.btn-sm{padding:.45rem 1rem;font-size:.88rem}
.btn-block{display:block;width:100%;text-align:center}
.linkbtn{background:0;border:0;color:var(--a-navy);cursor:pointer;font:inherit;font-size:.88rem;padding:0;text-decoration:underline}
.linkbtn.danger{color:var(--a-danger)}
.inline{display:inline}
form.inline{display:inline}
.quick-links{display:flex;gap:.8rem;flex-wrap:wrap}

/* thumbs */
.thumb-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
.thumb{width:120px;height:80px;object-fit:cover;border-radius:8px;border:1px solid var(--a-line)}

/* gallery admin */
.gallery-admin{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}
.ga-item{border:1px solid var(--a-line);border-radius:10px;overflow:hidden;background:#fff}
.ga-item img{width:100%;height:130px;object-fit:cover}
.ga-meta{padding:.6rem;display:flex;flex-direction:column;gap:.4rem}
.ga-meta input{width:100%;padding:.4rem;border:1px solid var(--a-line);border-radius:6px;font:inherit;font-size:.82rem;margin:0}
.ga-row{display:flex;gap:.4rem;align-items:center}
.ga-row input{width:70px}
.ga-item > form:last-child{padding:0 .6rem .6rem}

/* detail list */
.detail-list{display:grid;grid-template-columns:140px 1fr;gap:.5rem 1rem;margin:0}
.detail-list dt{font-weight:600;color:var(--a-muted);font-size:.85rem}
.detail-list dd{margin:0}
.form-inline-group{display:flex;gap:1rem;align-items:center;margin-top:1.4rem;flex-wrap:wrap}

/* filters/chips */
.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.2rem}
.chip{border:1px solid var(--a-line);background:#fff;padding:.4rem .9rem;border-radius:999px;cursor:pointer;font:inherit;font-size:.88rem;color:var(--a-muted);text-decoration:none}
.chip.active{background:var(--a-navy);color:#fff;border-color:var(--a-navy)}

/* alerts */
.alert{border-radius:10px;padding:.8rem 1rem;margin-bottom:1.2rem;font-size:.92rem}
.alert-success{background:#e7f4ec;border:1px solid #b6dcc4;color:#1c6b3d}
.alert-error{background:#fbeaea;border:1px solid #eec2c2;color:#a13333}
.muted{color:var(--a-muted)}
.small{font-size:.83rem}

@media (max-width:820px){
  .admin-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:100;transform:translateX(-100%);transition:transform .2s}
  .admin-sidebar.open{transform:none}
  .admin-menu-toggle{display:block}
  .form .form-row.two,.form .form-row.four{grid-template-columns:1fr}
  .detail-list{grid-template-columns:1fr}
}