/* ==========================================================
   AgriMarket — Admin panel styles
   ========================================================== */

body.admin-body{ background: var(--cream-2); }

.admin-sidebar{
  background: var(--forest);
  min-height: 100vh;
  color: var(--mist);
}
.admin-sidebar .brand{
  font-family:'Plus Jakarta Sans'; font-weight:800; color:#fff; font-size:1.1rem;
  padding: 1.4rem 1.4rem 1.2rem;
  border-bottom: 1px solid var(--line);
  display:flex; align-items:center; gap:.5rem;
}
.admin-sidebar .nav-link{
  color: var(--mist); font-size:.92rem; padding:.65rem 1.4rem;
  border-left:3px solid transparent;
}
.admin-sidebar .nav-link:hover{ color:#fff; background:rgba(255,255,255,.04); }
.admin-sidebar .nav-link.active{
  color:#fff; background:rgba(224,166,58,.14); border-left-color:var(--amber);
}
.admin-sidebar .nav-link svg{ width:16px; height:16px; margin-right:.5rem; }

.admin-topbar{ background:#fff; border-bottom:1px solid var(--line-dark); padding: 1rem 1.6rem; }
.admin-main{ padding: 1.8rem; }

.stat-card{ background:#fff; border:1px solid var(--line-dark); border-radius:12px; padding:1.4rem; }
.stat-card .num{ font-family:'Plus Jakarta Sans'; font-size:1.9rem; font-weight:800; color:var(--ink); }
.stat-card .lbl{ font-size:.8rem; color:var(--mist-dim); text-transform:uppercase; letter-spacing:.04em; }

.admin-card{ background:#fff; border:1px solid var(--line-dark); border-radius:12px; }
.admin-card .admin-card-head{
  padding:1rem 1.4rem; border-bottom:1px solid var(--line-dark);
  display:flex; justify-content:space-between; align-items:center;
}
.admin-table th{
  font-family:'IBM Plex Mono'; font-size:.72rem; text-transform:uppercase; letter-spacing:.04em;
  color: var(--mist-dim); font-weight:500; border-bottom-width:1px !important;
}
.admin-table td{ vertical-align: middle; font-size:.9rem; }
.badge-new{ background: var(--amber); color:#3a2900; }
.badge-read{ background: var(--line-dark); color: var(--mist-dim); }
.badge-replied{ background: var(--green-bright); color:#0d2015; }

.login-wrap{
  min-height:100vh; display:flex; align-items:center; justify-content:center;
  background: radial-gradient(ellipse 90% 60% at 75% 0%, #2b5238 0%, var(--forest) 55%), var(--forest);
}
.login-card{ background:#fff; border-radius:14px; padding:2.4rem; width:100%; max-width:380px; }

.thumb-grid{ display:flex; flex-wrap:wrap; gap:.6rem; }
.thumb-grid .thumb-item{ position:relative; width:84px; height:84px; border-radius:8px; overflow:hidden; background:var(--cream-2); }
.thumb-grid .thumb-item img{ width:100%; height:100%; object-fit:cover; }
.thumb-grid .thumb-item .remove-btn{
  position:absolute; top:2px; right:2px; background:rgba(0,0,0,.6); color:#fff; border:none;
  width:20px; height:20px; border-radius:50%; font-size:.7rem; line-height:1;
}