/* Personal profile: responsive, accessible controls and consistent surfaces. */
#overlay[data-panel="profile"] .profile-panel {
  max-width: 680px !important;
  margin: auto !important;
  padding: 20px 16px 120px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  box-sizing: border-box;
}
#overlay[data-panel="profile"] .profile-hero {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 24px 20px !important;
  border: 1px solid var(--border, #dce5e1) !important;
  border-radius: 22px !important;
  background: var(--surface, #fff) !important;
  color: var(--text, #172c29) !important;
  text-align: center !important;
}
#overlay[data-panel="profile"] #profile-avatar-large {
  width: 88px !important;
  height: 88px !important;
  min-width: 88px !important;
  font-size: 30px !important;
  border: 3px solid #b7ded3 !important;
  box-shadow: 0 0 0 5px #0080690c !important;
  margin: 0 !important;
}
#overlay[data-panel="profile"] #profile-photo-controls {
  margin: 4px 0 !important;
}
#overlay[data-panel="profile"] #profile-photo-controls button {
  min-height: 44px !important;
  padding: 8px 16px !important;
  background: transparent !important;
  color: var(--accent, #008069) !important;
  border: 1px solid var(--border, #c9ddd5) !important;
  border-radius: 22px !important;
  font: 600 14px/1.4 system-ui !important;
}
#overlay[data-panel="profile"] #profile-photo-status:empty {
  display: none !important;
}
#overlay[data-panel="profile"] .profile-hero h2 {
  color: inherit !important;
  font-size: 25px !important;
  line-height: 1.25 !important;
  margin: 6px 0 0 !important;
}
#overlay[data-panel="profile"] .profile-hero p {
  color: var(--muted, #647570) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  max-width: 290px;
}
#overlay[data-panel="profile"] .profile-presence {
  font-size: 12px !important;
  padding: 4px 9px !important;
}
#overlay[data-panel="profile"] #profile-form {
  order: 1;
  display: grid !important;
  gap: 18px !important;
  border: 1px solid var(--border, #dce5e1) !important;
  border-radius: 18px !important;
  background: var(--surface, #fff) !important;
  padding: 20px !important;
}
#overlay[data-panel="profile"] #profile-form label {
  font-size: 14px !important;
  line-height: 1.4 !important;
  gap: 7px !important;
}
#overlay[data-panel="profile"] #profile-form :is(input, select) {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  height: auto !important;
  padding: 12px !important;
  font-size: 16px !important;
  border-radius: 12px !important;
  box-sizing: border-box;
}
#overlay[data-panel="profile"] #profile-form button {
  min-height: 46px !important;
  border-radius: 12px !important;
  white-space: normal !important;
}
#overlay[data-panel="profile"] .privacy-note {
  font-size: 13px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}
#overlay[data-panel="profile"] #profile-location {
  order: 2;
  margin: 0 !important;
  padding: 20px !important;
  border: 1px solid var(--border, #dce5e1) !important;
  border-radius: 18px !important;
  background: var(--surface, #fff) !important;
}
#overlay[data-panel="profile"] .profile-security {
  order: 3;
  border: 1px solid var(--border, #dce5e1) !important;
  border-radius: 18px !important;
  background: var(--surface, #fff) !important;
  padding: 20px !important;
  display: grid !important;
  gap: 10px !important;
}
#overlay[data-panel="profile"] .profile-security span {
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: var(--muted, #647570) !important;
}
.profile-location .profile-location-map {
  background: #edf5f2 !important;
  color: #183c34 !important;
}
.profile-location .profile-location-map :is(b, p, small) {
  color: #183c34 !important;
}
.profile-location .profile-location-map small {
  color: #4c665e !important;
}
[data-theme="dark"]
  #overlay[data-panel="profile"]
  :is(.profile-hero, #profile-form, #profile-location, .profile-security) {
  background: #1b2b32 !important;
  color: #e8f0ee !important;
  border-color: #35474e !important;
}
[data-theme="dark"]
  #overlay[data-panel="profile"]
  :is(.profile-hero p, .privacy-note, .profile-security span) {
  color: #bccbc7 !important;
}
[data-theme="dark"] .profile-location .profile-location-map {
  background: #223b3e !important;
  color: #e8f0ee !important;
}
[data-theme="dark"] .profile-location .profile-location-map :is(b, p, small) {
  color: #d5e6df !important;
}
[data-theme="dark"]
  #overlay[data-panel="profile"]
  #profile-photo-controls
  button {
  color: #6cdbc1 !important;
}
#overlay[data-panel="profile"] button:focus-visible {
  outline: 3px solid #4fc9ae !important;
  outline-offset: 3px;
}
@media (min-width: 800px) {
  #overlay[data-panel="profile"] .profile-panel {
    padding-bottom: 32px !important;
  }
}
#overlay[data-panel="profile"] #profile-avatar-large{color:#fff!important} #overlay[data-panel="profile"] :is(.profile-hero,#profile-form){margin:0!important}