/* Admin-specific styles (Tailwind complement) */

/* Tab Navigation */
.admin-tabs {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
}

.admin-tab {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  border-radius: 0.5rem;
  background: transparent;
  border: none;
  color: rgba(107, 114, 128, 0.9);
  font-weight: 500;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

html.dark .admin-tab {
  color: rgba(156, 163, 175, 0.9);
}

.admin-tab:hover {
  background: rgba(59, 130, 246, 0.1);
  color: #3b82f6;
}

html.dark .admin-tab:hover {
  color: #60a5fa;
}

.admin-tab.active {
  background: white;
  color: #3b82f6;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

html.dark .admin-tab.active {
  background: rgba(30, 41, 59, 1);
  color: #60a5fa;
}

/* Admin Action Buttons */
.btn-admin {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.2s ease;
  cursor: pointer;
  border: 1px solid transparent;
}

.btn-admin-primary {
  background: rgba(59, 130, 246, 0.1);
  color: #3b82f6;
  border-color: rgba(59, 130, 246, 0.3);
}

.btn-admin-primary:hover {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.5);
}

html.dark .btn-admin-primary {
  color: #60a5fa;
  border-color: rgba(96, 165, 250, 0.3);
}

html.dark .btn-admin-primary:hover {
  background: rgba(96, 165, 250, 0.15);
  border-color: rgba(96, 165, 250, 0.5);
}

.btn-admin-danger {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
  border-color: rgba(239, 68, 68, 0.3);
}

.btn-admin-danger:hover {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.5);
}

html.dark .btn-admin-danger {
  color: #f87171;
  border-color: rgba(248, 113, 113, 0.3);
}

html.dark .btn-admin-danger:hover {
  background: rgba(248, 113, 113, 0.15);
  border-color: rgba(248, 113, 113, 0.5);
}