/* Shared public profile summary card and identity styles. */

.menu-profile-summary-card {
  min-height: 74px;
  display: grid;
  align-items: center;
  column-gap: 10px;
  padding: 7px;
  border: 1px solid var(--vk-paper-depth-inset-bg);
  border-radius: var(--vk-radius-card);
  background: var(--vk-paper-depth-base-bg);
}

.menu-profile-avatar-card {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--vk-radius-card);
  border: 0;
  background: var(--vk-paper-depth-base-bg);
  color: var(--vk-paper-lift-button-text);
  font-size: 17px;
  font-weight: 800;
  letter-spacing: 0.03em;
}

.menu-profile-avatar-card.is-rating-missing .lucide,
.menu-profile-avatar-card .lucide {
  width: 24px;
  height: 24px;
  stroke-width: 1.8;
  color: var(--vk-text-primary);
}

.menu-profile-avatar-card.is-rating-missing {
  color: var(--vk-text-primary);
}

.menu-profile-identity {
  min-width: 0;
  display: grid;
  gap: 4px;
  align-content: center;
}

.menu-profile-username {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  font-family: var(--font-ui);
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
  color: var(--vk-text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.menu-profile-role-value {
  min-width: 0;
  overflow: hidden;
  color: var(--vk-text-secondary);
  font-size: 12px;
  line-height: 1.35;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.menu-profile-description-text {
  min-height: 0;
  max-height: calc(13px * 1.45 * 6 + 24px);
  overflow: auto;
  padding: 12px;
  border: 1px solid var(--vk-analysis-inset-surface-border);
  border-radius: var(--vk-form-control-radius);
  background: var(--vk-analysis-inset-surface-bg);
  box-shadow: var(--vk-shadow-form-inset);
  color: var(--vk-paper-lift-button-text);
  font-size: 13px;
  line-height: 1.45;
  white-space: pre-wrap;
}
