/* Profile Tab */
.profile-shell {
  padding-bottom: calc(130px + var(--ion-safe-area-bottom, 0px));
}

.profile-page-title {
  font-size: 28px;
  font-weight: 700;
  color: var(--ion-color-dark);
  margin: 0 20px 16px;
}

.profile-summary-card {
  background: #ffffff;
  border-radius: 24px;
  padding: 20px;
  margin: 0 20px 12px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.psc-avatar-shell {
  width: 72px;
  height: 72px;
  border-radius: 24px;
  background: rgba(109, 40, 217, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.psc-avatar {
  width: 72px;
  height: 72px;
  border-radius: 24px;
  object-fit: cover;
}

.psc-avatar-placeholder {
  width: 72px;
  height: 72px;
  border-radius: 24px;
  background: rgba(109, 40, 217, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ion-color-primary);
  font-size: 28px;
  font-weight: 700;
}

.psc-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.psc-name {
  font-size: 22px;
  font-weight: 700;
  color: var(--ion-color-dark);
  margin: 0 0 2px;
}

.psc-location {
  font-size: 14px;
  font-weight: 500;
  color: var(--ion-color-medium);
  margin: 0;
}

.psc-edit-btn {
  --background: #fafafa;
  --color: var(--ion-color-dark);
  --border-radius: 12px;
  --box-shadow: none;
  width: 44px;
  height: 44px;
  margin: 0;
  flex-shrink: 0;
}

.profile-quick-actions-card {
  background: #ffffff;
  border-radius: 24px;
  padding: 8px 0;
  margin: 0 20px 24px;
}

.profile-quick-action {
  width: 100%;
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  text-align: left;
  cursor: pointer;
}

.profile-quick-action + .profile-quick-action {
  border-top: 1px solid rgba(17, 24, 39, 0.06);
}

.profile-quick-action-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}

.profile-quick-action-icon--accent {
  background: rgba(109, 40, 217, 0.1);
  color: #6d28d9;
}

.profile-quick-action-icon--soft {
  background: rgba(22, 163, 74, 0.1);
  color: #16a34a;
}

.profile-quick-action-copy {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.profile-quick-action-title {
  font-size: 15px;
  font-weight: 600;
  color: #111827;
}

.profile-quick-action-subtitle {
  font-size: 13px;
  color: rgba(17, 24, 39, 0.6);
}

/* Settings Cards */
.settings-section-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--ion-color-medium);
  margin: 0 20px 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.settings-card {
  background: #ffffff;
  border-radius: 24px;
  padding: 8px 0;
  margin: 0 20px 24px;
}

.profile-inline-note {
  margin: 0 16px 10px;
  padding: 12px;
  border-radius: 12px;
  background: rgba(109, 40, 217, 0.06);
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.profile-inline-note-icon {
  width: 32px;
  height: 32px;
  border-radius: 12px;
  background: rgba(109, 40, 217, 0.12);
  color: #6d28d9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
}

.profile-inline-note-title {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 2px;
}

.profile-inline-note-text {
  font-size: 13px;
  line-height: 1.45;
  color: rgba(17, 24, 39, 0.6);
  margin: 0;
}

.settings-row {
  display: flex;
  align-items: center;
  min-height: 56px;
  padding: 8px 16px;
  gap: 12px;
}

.sr-icon-box {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: #fafafa;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: var(--ion-color-primary);
}

.sr-icon-box.danger {
  color: var(--ion-color-danger);
  background: rgba(220, 38, 38, 0.08);
}

.sr-label {
  flex: 1;
  font-size: 15px;
  font-weight: 600;
  color: var(--ion-color-dark);
}

.sr-label.danger {
  color: var(--ion-color-danger);
}

.sr-toggle {
  --handle-background: #ffffff;
  --handle-background-checked: #ffffff;
  --track-background: #e5e7eb;
  --track-background-checked: var(--ion-color-primary);
  padding: 0;
}

/* Edit Profile */
.edit-profile-card {
  background: #ffffff;
  border-radius: 24px;
  padding: 20px;
  margin: 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.profile-back-button {
  --color: var(--color-text-primary);
  --background: #ffffff;
  --background-activated: var(--color-surface-raised);
  --border-radius: 12px;
  --box-shadow: none;
  width: 44px;
  height: 44px;
  margin-left: 8px;
}

.profile-back-button ion-icon {
  color: var(--color-text-primary);
  font-size: 24px;
}

.edit-profile-shell {
  padding-bottom: calc(32px + var(--ion-safe-area-bottom, 0px));
}

.epc-field {
  --background: #fafafa;
  --color: #111827;
  --placeholder-color: rgba(17, 24, 39, 0.38);
  --placeholder-opacity: 1;
  --highlight-color-focused: #6d28d9;
  --border-radius: 12px;
  --padding-start: 16px;
  --padding-end: 16px;
  color: #111827;
}

.epc-field::part(label) {
  color: rgba(17, 24, 39, 0.62);
}

.epc-field.ion-focused::part(label) {
  color: #6d28d9;
}

.epc-save-btn {
  --background: var(--ion-color-primary);
  --border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  margin: 0 20px 20px;
  height: 52px;
}
