/* Panel staff — thème violet secours */

.staff-panel {
  --staff-accent: #9b8cf8;
  --staff-accent-dim: rgba(155, 140, 248, 0.15);
  --staff-bg: #0a0a12;
  --staff-surface: rgba(18, 18, 28, 0.98);
  --staff-border: rgba(255, 255, 255, 0.08);
  --staff-text: rgba(255, 255, 255, 0.92);
  --staff-muted: rgba(255, 255, 255, 0.55);
  position: fixed;
  inset: 0;
  z-index: 9999990;
  background: var(--staff-bg);
  display: flex;
  flex-direction: column;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}

.staff-panel.open {
  opacity: 1;
  pointer-events: all;
}

.staff-body {
  display: flex;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

.staff-topbar {
  background: var(--staff-surface) !important;
  border-bottom: 1px solid var(--staff-border) !important;
}

.staff-sidebar {
  background: rgba(12, 12, 20, 0.95) !important;
  border-right: 1px solid var(--staff-border) !important;
}

.staff-nav-item.active,
.staff-nav-item:hover {
  background: var(--staff-accent-dim) !important;
  color: var(--staff-accent) !important;
}

.staff-nav-item.active .staff-nav-icon svg,
.staff-nav-item:hover .staff-nav-icon svg {
  stroke: var(--staff-accent) !important;
}

.staff-content {
  background: var(--staff-bg) !important;
}

.staff-card,
.sp-card,
.sp-ticket-card,
.sp-user-card {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid var(--staff-border) !important;
  border-radius: 14px !important;
}

.staff-badge,
.sp-online-badge {
  background: var(--staff-accent-dim) !important;
  color: var(--staff-accent) !important;
  border: 1px solid rgba(155, 140, 248, 0.25) !important;
}

.btn--staff {
  border-color: rgba(155, 140, 248, 0.35) !important;
  color: #9b8cf8 !important;
  font-size: 0.82rem;
  padding: 0.45rem 0.75rem;
}

body.staff-panel-open {
  overflow: hidden;
}

.staff-panel .staff-logo svg {
  stroke: #9b8cf8 !important;
}

.staff-panel input,
.staff-panel select,
.staff-panel textarea {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: var(--staff-border) !important;
  color: var(--staff-text) !important;
}

.staff-panel .btn-primary,
.staff-panel .sp-btn-primary {
  background: linear-gradient(135deg, #9b8cf8, #6b5ce7) !important;
  border: none !important;
  color: #fff !important;
}

.staff-panel #staffTicketCount,
.staff-panel #staffFeedBadge,
.staff-panel #staffReportCount {
  background: #9b8cf8 !important;
  color: #0a0a12 !important;
}