/* ADMIN.CSS - Admin panel styles */

.admin-panel{
  position:fixed;
  left:0;
  top:60px;
  bottom:0;
  width:52px;
  background:#fff;
  border-right:1px solid var(--stroke);
  padding:8px 4px;
  overflow-y:auto;
  z-index:9;
  box-shadow:2px 0 8px rgba(0,0,0,0.05);
  display:flex;
  flex-direction:column;
  gap:6px;
  transition: transform 0.3s ease;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}
.admin-panel::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}
.admin-panel.hidden{
  transform: translateX(-100%);
}
.admin-panel h4{
  display:none;
}
.admin-btn{
  width:40px;
  height:40px;
  padding:0;
  margin:0;
  border:1px solid var(--stroke);
  border-radius:8px;
  background:#fff;
  cursor:pointer;
  font-size:18px;
  transition:all 0.2s;
  color:var(--text);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.admin-btn:hover{
  background:#f3f4f6;
  border-color:#9ca3af;
  transform:scale(1.05);
}
.admin-btn.primary{
  background:#f9fafb;
  color:#6b7280;
  border-color:#e5e7eb;
}
.admin-btn.primary:hover{
  background:#f3f4f6;
}
.admin-btn.success{
  background:#f0fdf4;
  color:#16a34a;
  border:2px solid #bbf7d0;
}
.admin-btn.success:hover{
  background:#dcfce7;
  border-color:#86efac;
  transform:scale(1.05);
}
.admin-btn.warning{
  background:#fff7ed;
  color:#ea580c;
  border:2px solid #fed7aa;
}
.admin-btn.warning:hover{
  background:#ffedd5;
  border-color:#fdba74;
  transform:scale(1.05);
}
.admin-btn.info{
  background:#eff6ff;
  color:#2563eb;
  border:2px solid #bfdbfe;
}
.admin-btn.info:hover{
  background:#dbeafe;
  border-color:#93c5fd;
  transform:scale(1.05);
}
.admin-btn svg{
  width:20px;
  height:20px;
  fill:currentColor;
}
.admin-section{
  display:contents;
}

.admin-toggle{
  position:fixed;
  left:12px;
  bottom:20px;
  width:36px;
  height:36px;
  background:#f9fafb;
  color:#6b7280;
  border:1px solid #e5e7eb;
  border-radius:50%;
  cursor:pointer;
  font-size:16px;
  z-index:10;
  box-shadow:0 2px 4px rgba(0,0,0,0.1);
  transition:all 0.3s;
  display:flex;
  align-items:center;
  justify-content:center;
}
.admin-toggle:hover{
  background:#f3f4f6;
  transform:scale(1.05);
  box-shadow:0 2px 6px rgba(0,0,0,0.15);
}
.admin-toggle.panel-hidden{
  left:12px;
}