/* Admin sidebar navigation. Figma 600:33154. Tokens only — no hex here. */

.admin-shell__sidebar {
  grid-area: sidebar;
  background: var(--wa-color-surface-default);
  border-inline-end: 1px solid var(--wa-color-surface-border);
  overflow-y: auto;
}

.admin-nav__group::part(base) {
  border: 0;
  border-radius: 0;
  border-block-end: 1px solid var(--wa-color-surface-border);
}

.admin-nav__group-label {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--wa-color-text-normal);
}

.admin-nav__items {
  list-style: none;
  margin: 0;
  padding: 0;
}

.admin-nav__link {
  display: block;
  padding: 0.4rem 0.5rem 0.4rem 1.75rem;
  color: var(--wa-color-text-normal);
  text-decoration: none;
  font-size: 0.875rem;
}

.admin-nav__link:hover {
  background: var(--wa-color-brand-95);
}

.admin-nav__link[aria-current="page"] {
  background: var(--wa-color-brand-90);
  color: var(--wa-color-brand);
  font-weight: 600;
}

.admin-nav__event-card {
  padding: 0.875rem 0.75rem;
  border-block-end: 1px solid var(--wa-color-surface-border);
}

.admin-nav__event-form wa-select {
  width: 100%;
}

.admin-nav__event-dates {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin: 0.5rem 0 0;
  font-size: 0.75rem;
  color: var(--wa-color-text-quiet);
}

.admin-nav__event-hint {
  margin: 0.5rem 0 0;
  font-size: 0.75rem;
}

/* Session role on the selected event. The viewer badge is the visible
   read-only cue (HMS-385); write roles stay neutral. */
.admin-nav__role {
  margin: 0.5rem 0 0;
  font-size: 0.75rem;
}

.admin-nav__role-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.125rem 0.5rem;
  border-radius: 999px;
  border: 1px solid var(--wa-color-neutral-border-quiet);
  background: var(--wa-color-neutral-fill-quiet);
  color: var(--wa-color-neutral-on-quiet);
  font-weight: 600;
}

.admin-nav__role-badge--viewer {
  border-color: var(--wa-color-warning-border-normal);
  background: var(--wa-color-warning-fill-quiet);
  color: var(--wa-color-warning-on-quiet);
}

.admin-nav__role-badge--editor {
  border-color: var(--wa-color-brand-border-normal);
  background: var(--wa-color-brand-fill-quiet);
  color: var(--wa-color-brand-on-quiet);
}

.admin-nav__role-badge--manager {
  border-color: var(--wa-color-success-border-normal);
  background: var(--wa-color-success-fill-quiet);
  color: var(--wa-color-success-on-quiet);
}

.admin-nav__role-badge--superadmin {
  border-color: var(--wa-color-danger-border-normal);
  background: var(--wa-color-danger-fill-quiet);
  color: var(--wa-color-danger-on-quiet);
}