/* ============================================
   LPO PLATFORM — Profile Page
   ============================================ */

/* Admin quick-links navigation bar */
.lpo-module-shell__quick-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--lpo-space-sm);
  padding: var(--lpo-space-md) var(--lpo-space-lg);
  background: var(--lpo-surface);
  border-radius: var(--lpo-radius-lg);
  box-shadow: var(--lpo-shadow-sm);
  border: 1px solid var(--lpo-divider);
  margin: var(--lpo-space-md) var(--lpo-space-md) var(--lpo-space-lg);
  justify-content: flex-start;
  align-items: center;
}

/* Compact quick-link buttons */
.lpo-module-shell__quick-links .lpo-coming-soon__btn {
  padding: 6px 14px;
  font-size: var(--lpo-text-sm);
  border-radius: var(--lpo-radius);
  flex: 0 0 auto;
  min-width: 0;
}

.lpo-module-shell__quick-links .lpo-coming-soon__btn:disabled {
  background: var(--lpo-primary-light);
  color: var(--lpo-primary);
  cursor: default;
  transform: none;
  opacity: 1;
  font-weight: var(--lpo-font-bold);
}

/* Actions row inside module shells */
.lpo-module-shell__actions {
  display: flex;
  gap: var(--lpo-space-sm);
  flex-wrap: wrap;
  justify-content: center;
  margin-top: var(--lpo-space-md);
}

/* Profile wrapper when admin quick-links are present */
.profile-module-container {
  width: 100%;
  min-height: 0;
}

/* Compact account-overview section for admin users */
.lpo-profile-admin-view .lpo-account-overview,
.lpo-profile-admin-view [data-section="account"] {
  max-height: 280px;
  overflow: auto;
}

/* Notes block inside module shells */
.lpo-module-shell__notes {
  max-width: 560px;
  text-align: left;
  margin: 0 auto var(--lpo-space-md);
}

@media (max-width: 600px) {
  .lpo-module-shell__quick-links {
    padding: var(--lpo-space-sm) var(--lpo-space-md);
    gap: var(--lpo-space-xs);
    margin: var(--lpo-space-sm) var(--lpo-space-sm) var(--lpo-space-md);
  }

  .lpo-module-shell__quick-links .lpo-coming-soon__btn {
    padding: 5px 10px;
    font-size: var(--lpo-text-xs);
  }
}