/* ==========================================================================
   USER DRAWER (Off-canvas)
   ========================================================================== */

/* NOTE: Layout structures (.wsdt-drawer-wrapper, panel, overlay) are now in 05.drawers.css */

.wsdt-user-guest {
  text-align: center;
  color: var(--text-body);
}

.wsdt-user-guest p {
  margin-bottom: var(--space-lg);
}

.wsdt-user-guest .action-wrapper {
  flex-direction: column;
}

.wsdt-user-guest .action-wrapper > * {
  width: 100%;
}

.wsdt-user-menu {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.wsdt-user-menu__link {
  width: 100%;
  justify-content: flex-start;
}

/* Admin Report Styling */
.wsdt-admin-report {
  margin-top: var(--space-xl);
  padding: var(--space-md);
  border: var(--border-width-sm) solid var(--border-light);
  background: var(--bg-gray-light);
  border-radius: var(--radius-md);
}

.wsdt-admin-report__title {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  margin-bottom: var(--space-md);
  color: var(--color-error);
}

.wsdt-admin-report__list {
  list-style: none;
  padding: 0;
  margin-bottom: var(--space-md);
  font-size: var(--font-size-sm);
}

.wsdt-admin-report__item {
  margin-bottom: var(--space-xs);
}

.wsdt-admin-report__label {
  color: var(--text-body);
  opacity: 0.8;
}

.wsdt-admin-report__btn {
  display: block;
  text-align: center;
  font-size: var(--font-size-sm);
  background: var(--color-primary) !important;
}