/* V63 modul: Admin panel, tabovi, artikli i statistika. */
/* =========================================================
   V37 ADMIN PANEL — ARTIKLI / STANJE / STATISTIKA
   ========================================================= */
#admin .admin-tabs{
  display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;padding:8px;
  border:1px solid rgba(180,35,42,.14);border-radius:20px;background:#fff7f7;
}
#admin .admin-tab-btn{
  flex:1 1 190px;min-height:52px;border:1px solid rgba(127,17,23,.20);
  border-radius:15px;padding:12px 16px;font-weight:1000;background:#fff;
  color:#7f1117;box-shadow:none;
}
#admin .admin-tab-btn.active{
  background:linear-gradient(135deg,#b4232a,#7f1117) !important;color:#fffaf5 !important;
  border-color:#7f1117 !important;box-shadow:0 12px 24px rgba(127,17,23,.15) !important;
}
#admin .admin-tab-panel[hidden]{display:none !important}
#admin .admin-section{
  margin-top:18px;border:1px solid rgba(180,35,42,.14);border-radius:22px;
  background:#fffdfd;overflow:hidden;
}
#admin .admin-section-head{
  display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;
  border-bottom:1px solid rgba(180,35,42,.13);background:linear-gradient(180deg,#fff0f1,#fffafa);
}
#admin .admin-section-head h4{margin:0;color:#7f1117;font-size:20px}
#admin .admin-section-head p{margin:5px 0 0;color:var(--muted);font-size:13px}
#admin .admin-section-body{padding:16px}
#admin .admin-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#admin .admin-menu-item{
  border:2px solid rgba(63,143,99,.25);border-radius:20px;padding:15px;
  background:linear-gradient(145deg,#f0fdf4,#ffffff);display:grid;gap:12px;
}
#admin .admin-menu-item.unavailable{border-color:rgba(185,28,28,.28);background:linear-gradient(145deg,#fef2f2,#ffffff)}
#admin .admin-menu-item-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
#admin .admin-menu-item h4{margin:0;font-size:18px;color:#111827}
#admin .admin-menu-item p{margin:5px 0 0;color:#64748b;font-weight:850;font-size:13px}
#admin .stock-status{
  display:inline-flex;align-items:center;justify-content:center;border-radius:999px;
  padding:7px 10px;font-size:12px;font-weight:1000;white-space:nowrap;
}
#admin .stock-status.available{color:#166534;border:1px solid #86efac;background:#dcfce7}
#admin .stock-status.unavailable{color:#991b1b;border:1px solid #fca5a5;background:#fee2e2}
#admin .stock-toggle{width:100%;min-height:48px}
#admin .stats-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
#admin .stats-kpi{
  border:1px solid rgba(180,35,42,.14);border-radius:18px;padding:14px;
  background:linear-gradient(145deg,#fff,#fff2f3);
}
#admin .stats-kpi span{
  display:block;color:#6b4a4e;font-size:12px;font-weight:950;
  text-transform:uppercase;letter-spacing:.35px;
}
#admin .stats-kpi b{display:block;margin-top:7px;color:#7f1117;font-size:25px;line-height:1.1}
#admin .stats-highlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#admin .stats-highlight{border:1px solid #e2e8f0;border-radius:16px;padding:13px;background:#f8fafc}
#admin .stats-highlight span{display:block;color:#64748b;font-size:12px;font-weight:900}
#admin .stats-highlight b{display:block;margin-top:5px;color:#111827;font-size:17px}
#admin .stats-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#admin .stats-table-wrap{width:100%;overflow:auto}
#admin .stats-table{width:100%;border-collapse:collapse;min-width:680px}
#admin .stats-table th,#admin .stats-table td{
  padding:11px 10px;border-bottom:1px solid #e2e8f0;text-align:left;
  font-size:13px;white-space:nowrap;
}
#admin .stats-table th{
  color:#7f1117;background:#fff1f2;text-transform:uppercase;font-size:11px;letter-spacing:.35px;
}
#admin .stats-table td{color:#475569}
#admin .stats-table td b{color:#111827}
#admin .stats-bar-list{display:grid;gap:9px}
#admin .stats-bar-row{display:grid;grid-template-columns:minmax(105px,160px) 1fr auto;gap:10px;align-items:center}
#admin .stats-bar-label{
  color:#334155;font-size:13px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
#admin .stats-bar-track{height:14px;border-radius:999px;background:#e2e8f0;overflow:hidden}
#admin .stats-bar-fill{height:100%;min-width:2px;border-radius:999px;background:linear-gradient(90deg,#b4232a,#7f1117)}
#admin .stats-bar-value{min-width:56px;text-align:right;color:#111827;font-size:12px;font-weight:1000}
#admin .admin-empty{
  padding:24px;border:1px dashed #cbd5e1;border-radius:16px;background:#f8fafc;
  color:#64748b;text-align:center;font-weight:900;
}
#admin .admin-note{
  border:1px solid #fbbf24;background:#fffbeb;color:#713f12;border-radius:16px;
  padding:12px 14px;font-size:13px;font-weight:850;line-height:1.45;margin-top:12px;
}
@media(max-width:1100px){
  #admin .admin-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #admin .stats-kpi-grid,#admin .stats-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  #admin .admin-menu-grid,#admin .stats-kpi-grid,#admin .stats-highlight-grid,#admin .stats-two-columns{grid-template-columns:1fr}
  #admin .admin-tab-btn{flex-basis:100%}
  #admin .stats-bar-row{grid-template-columns:95px 1fr auto}
}
/* V37 END */