/* ============================================================
   pages/settings.css
   Tenant / workspace settings
   ============================================================ */

.plx-settings-layout {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: var(--plx-space-5);
}

@media (max-width: 992px) {
  .plx-settings-layout {
    grid-template-columns: 1fr;
  }
}

.plx-settings-nav {
  background: var(--plx-bg-card);
  border-radius: var(--plx-radius-lg);
  border: 1px solid var(--plx-border-subtle);
  padding: var(--plx-space-3);
}

.plx-settings-nav-item {
  padding: 0.55rem 0.75rem;
  border-radius: var(--plx-radius-md);
  font-size: var(--plx-font-size-sm);
  color: var(--plx-text-soft);
  cursor: pointer;
}

.plx-settings-nav-item:hover {
  background: rgba(var(--plx-brand-primary-raw), 0.1);
  color: var(--plx-text-primary);
}

.plx-settings-nav-item.plx-active {
  background: var(--plx-brand-primary);
  color: #020617;
  font-weight: 600;
}

.plx-settings-panel {
  background: var(--plx-bg-card);
  border-radius: var(--plx-radius-lg);
  border: 1px solid var(--plx-border-subtle);
  padding: var(--plx-space-4);
  box-shadow: var(--plx-shadow-soft);
}