/* ================================================================
   League Manager — Commissioner Styles
   Commissioner dashboard, verification cards, announcements,
   audit log, admin management.
   ================================================================ */

/* ── Commissioner Tab ──────────────────────────────── */
.lm-tabs__tab--commish {
  color: var(--gold-500, #C9AD6A);
}

/* ── Commissioner Dashboard Layout ─────────────────── */
.lm-commish {
  display: flex;
  flex-direction: column;
  gap: var(--space-6, 1.5rem);
}

.lm-commish__block {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: var(--radius-md, 8px);
  padding: var(--space-4, 1rem);
}

.lm-commish__heading {
  font-family: var(--font-display, 'VarsityTeam', sans-serif);
  font-size: 1.1rem;
  color: var(--gold-500, #C9AD6A);
  margin: 0 0 var(--space-3, 0.75rem);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.lm-commish__section {
  margin-bottom: var(--space-4, 1rem);
}

.lm-commish__subtitle {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--text-secondary, #b8b0c0);
  margin: 0 0 var(--space-2, 0.5rem);
}

.lm-commish__subtitle--warn {
  color: #e57373;
}

/* ── Verification Cards ────────────────────────────── */
.lm-verify-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-sm, 6px);
  padding: var(--space-3, 0.75rem);
  margin-bottom: var(--space-2, 0.5rem);
}

.lm-verify-card--disputed {
  border-color: rgba(229, 115, 115, 0.3);
  background: rgba(229, 115, 115, 0.05);
}

.lm-verify-card__match {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2, 0.5rem);
  font-weight: 600;
  margin-bottom: var(--space-2, 0.5rem);
}

.lm-verify-card__score {
  font-family: var(--font-display, 'VarsityTeam', sans-serif);
  font-size: 1.2rem;
  color: var(--gold-500, #C9AD6A);
}

.lm-verify-card__detail {
  display: flex;
  gap: var(--space-3, 0.75rem);
  font-size: 0.8rem;
  color: var(--text-muted, #8a8090);
  margin-bottom: var(--space-2, 0.5rem);
}

.lm-verify-card__reason {
  font-size: 0.85rem;
  color: #e57373;
  padding: var(--space-2, 0.5rem);
  background: rgba(229, 115, 115, 0.08);
  border-radius: var(--radius-sm, 6px);
  margin-bottom: var(--space-2, 0.5rem);
}

.lm-verify-card__actions {
  display: flex;
  gap: var(--space-2, 0.5rem);
  flex-wrap: wrap;
}

/* ── Announcements ─────────────────────────────────── */
.lm-commish__post-form {
  display: flex;
  flex-direction: column;
  gap: var(--space-2, 0.5rem);
  margin-bottom: var(--space-4, 1rem);
  padding-bottom: var(--space-4, 1rem);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.lm-commish__post-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2, 0.5rem);
}

.lm-announcement {
  padding: var(--space-3, 0.75rem);
  margin-bottom: var(--space-2, 0.5rem);
  background: rgba(255, 255, 255, 0.03);
  border-radius: var(--radius-sm, 6px);
  border: 1px solid rgba(255, 255, 255, 0.06);
  position: relative;
}

.lm-announcement--pinned {
  border-color: rgba(201, 173, 106, 0.3);
  background: rgba(201, 173, 106, 0.05);
}

.lm-announcement__pin {
  position: absolute;
  top: var(--space-2, 0.5rem);
  right: var(--space-2, 0.5rem);
  color: var(--gold-500, #C9AD6A);
  font-size: 0.75rem;
}

.lm-announcement__title {
  font-size: 0.95rem;
  font-weight: 600;
  margin: 0 0 var(--space-1, 0.25rem);
  color: var(--text-primary, #f0eaf5);
}

.lm-announcement__body {
  font-size: 0.85rem;
  color: var(--text-secondary, #b8b0c0);
  margin: 0 0 var(--space-2, 0.5rem);
  line-height: 1.5;
}

.lm-announcement__meta {
  display: flex;
  gap: var(--space-3, 0.75rem);
  align-items: center;
  font-size: 0.75rem;
  color: var(--text-muted, #8a8090);
}

/* ── Audit Log ─────────────────────────────────────── */
.lm-log {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.lm-log__row {
  display: flex;
  align-items: center;
  gap: var(--space-3, 0.75rem);
  padding: var(--space-2, 0.5rem) var(--space-3, 0.75rem);
  font-size: 0.8rem;
  background: rgba(255, 255, 255, 0.02);
  border-radius: var(--radius-sm, 6px);
}

.lm-log__action {
  flex: 1;
  text-transform: capitalize;
  color: var(--text-primary, #f0eaf5);
}

.lm-log__user {
  color: var(--gold-500, #C9AD6A);
  min-width: 80px;
}

.lm-log__date {
  color: var(--text-muted, #8a8090);
  min-width: 80px;
  text-align: right;
}

.lm-log__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-3, 0.75rem);
  margin-top: var(--space-3, 0.75rem);
}

.lm-log__page-info {
  font-size: 0.8rem;
  color: var(--text-muted, #8a8090);
}

/* ── Admin List ────────────────────────────────────── */
.lm-commish__add-admin {
  display: flex;
  gap: var(--space-2, 0.5rem);
  align-items: center;
  margin-bottom: var(--space-3, 0.75rem);
}

.lm-admin-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-1, 0.25rem);
}

.lm-admin-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-2, 0.5rem) var(--space-3, 0.75rem);
  background: rgba(255, 255, 255, 0.03);
  border-radius: var(--radius-sm, 6px);
}

.lm-admin-row__name {
  font-size: 0.9rem;
  color: var(--text-primary, #f0eaf5);
}

/* ── Invite Code ───────────────────────────────────── */
.lm-commish__invite {
  display: flex;
  align-items: center;
  gap: var(--space-3, 0.75rem);
}

.lm-commish__code {
  font-family: var(--font-mono, monospace);
  font-size: 1.1rem;
  color: var(--gold-500, #C9AD6A);
  background: rgba(201, 173, 106, 0.08);
  padding: var(--space-1, 0.25rem) var(--space-3, 0.75rem);
  border-radius: var(--radius-sm, 6px);
  letter-spacing: 0.05em;
}

/* ── Team Management ───────────────────────────────── */
.lm-team-mgmt {
  display: flex;
  flex-direction: column;
  gap: var(--space-1, 0.25rem);
}

.lm-team-mgmt__row {
  display: flex;
  align-items: center;
  gap: var(--space-3, 0.75rem);
  padding: var(--space-2, 0.5rem) var(--space-3, 0.75rem);
  background: rgba(255, 255, 255, 0.03);
  border-radius: var(--radius-sm, 6px);
}

.lm-team-mgmt__name {
  flex: 1;
  font-weight: 600;
  font-size: 0.9rem;
}

.lm-team-mgmt__coach {
  color: var(--text-muted, #8a8090);
  font-size: 0.8rem;
  min-width: 80px;
}

.lm-team-mgmt__actions {
  display: flex;
  gap: var(--space-1, 0.25rem);
}

/* ── Manual Matchup Form ───────────────────────────── */
.lm-commish__matchup-form {
  display: flex;
  align-items: center;
  gap: var(--space-2, 0.5rem);
  flex-wrap: wrap;
}

.lm-commish__vs {
  font-weight: 600;
  color: var(--text-muted, #8a8090);
}