/* Friends Beta — Super Admin restricted nav chrome (Agent 4)
 * Colour is NOT the only indicator: also text label + ARIA.
 * Palette: aubergine / antique gold per Phantom brand system.
 */
.nav-item.nav-restricted {
  position: relative;
  color: #f3e8c8; /* antique gold text on dark nav */
  background: linear-gradient(135deg, #3b1f3a 0%, #5a2d55 55%, #2a1828 100%);
  border: 1px solid #c9a227;
  box-shadow: inset 0 0 0 1px rgba(201, 162, 39, 0.35);
}

.nav-item.nav-restricted:focus-visible {
  outline: 3px solid #c9a227;
  outline-offset: 2px;
}

.nav-item.nav-restricted .nav-restricted-label {
  display: block;
  margin-top: 0.2rem;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #f3e8c8;
}

.nav-item.nav-unavailable {
  position: relative;
  display: flex;
  color: #b8b1c4;
  border: 1px solid rgba(201, 162, 39, 0.55);
  cursor: not-allowed;
  opacity: 0.86;
}

.nav-item.nav-unavailable .nav-restricted-label {
  display: block;
  margin-top: 0.2rem;
  color: #f3e8c8;
  font-size: 0.7rem;
  font-weight: 600;
}

.nav-item[aria-disabled="true"][hidden] {
  display: none !important;
}

.agreements-panel .agreement-row {
  margin: 0.75rem 0;
  padding: 0.75rem 0;
  border-top: 1px solid rgba(243, 232, 200, 0.2);
}

.agreements-panel .agreement-row button + button {
  margin-left: 0.5rem;
}

@media (max-width: 720px) {
  .nav-item.nav-restricted .nav-restricted-label {
    font-size: 0.65rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nav-item.nav-restricted {
    transition: none;
  }
}