.profile-page [hidden] { display: none !important; }
.profile-heading { padding: 22px 0 25px; }
.profile-heading h1 { margin: 8px 0 12px; color: #e2efea; font-size: 32px; font-weight: 500; }
.profile-heading > p:last-child { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.7; }
.profile-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; gap: 16px; }
.profile-page .panel { min-width: 0; border-radius: 6px; background: #08130fed; box-shadow: none; overflow: hidden; }
.profile-page .panel-head h2::before { content: none; }
.profile-page .panel-head { min-height: 52px; }
.profile-page .panel-head h2 { font-size: 13px; }
.profile-page .btn { border-radius: 4px; }
.profile-page .btn::before, .profile-page .btn::after { content: none; }
.profile-page .btn:disabled { cursor: not-allowed; opacity: .45; }
.profile-page button:focus-visible, .profile-page a:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.profile-identity { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-bottom: 23px; border-bottom: 1px solid #234139; }
.profile-identity > div { min-width: 0; }
.profile-identity small { display: block; color: var(--muted); font-size: 11px; }
.profile-identity strong { display: block; margin-top: 9px; color: var(--cyan); font-size: 24px; font-weight: 500; overflow-wrap: anywhere; }
.profile-identity button { width: auto; flex-shrink: 0; }
.profile-facts { display: grid; gap: 14px; margin: 22px 0 27px; }
.profile-facts dt { color: var(--muted); font-size: 11px; }
.profile-facts dd { margin: 6px 0 0; color: #b1c9bf; font-size: 12px; overflow-wrap: anywhere; }
.alias-entry { position: relative; }
.alias-entry > span { position: absolute; left: 14px; top: 13px; color: var(--cyan); }
.profile-page .alias-entry input { padding-left: 34px; }
.profile-note { margin-top: 24px; padding: 15px; border-left: 2px solid #49857a; background: #63ded307; color: #8ca79a; font-size: 12px; line-height: 1.8; }
.lookup-row { display: flex; gap: 8px; }
.lookup-row input { min-width: 0; }
.lookup-row button { width: auto; flex-shrink: 0; }
.resolve-result { display: grid; gap: 12px; margin-top: 18px; padding: 16px; border: 1px solid #427669; border-radius: 4px; background: #63ded309; }
.resolve-result strong { color: var(--cyan); overflow-wrap: anywhere; }
.resolve-result code { color: var(--muted); font-size: 11px; overflow-wrap: anywhere; }
.whitelist-heading { display: flex; align-items: center; justify-content: space-between; margin: 26px 0 10px; }
.whitelist-heading h3 { margin: 0; color: #abc9bb; font-size: 12px; font-weight: 500; }
.whitelist-heading > span { color: var(--muted); font-size: 10px; }
.profile-whitelist { max-height: 430px; overflow: auto; border: 1px solid #234139; border-radius: 4px; }
.profile-whitelist-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px; border-bottom: 1px solid #234139; }
.profile-whitelist-row:last-child { border: 0; }
.profile-whitelist-row > div { min-width: 0; }
.profile-whitelist-row strong { display: block; color: #b1d3c3; font-size: 12px; font-weight: 500; overflow-wrap: anywhere; }
.profile-whitelist-row small { display: block; margin-top: 5px; color: var(--muted); font-size: 10px; line-height: 1.6; overflow-wrap: anywhere; }
.profile-whitelist-row button { width: auto; flex-shrink: 0; min-height: 32px; padding: 7px 10px; font-size: 11px; }
.profile-page .notice.visible { margin: 0 0 16px; }
.profile-page .footer-line { margin-top: 28px; }
@media (max-width: 760px) {
  .profile-grid { grid-template-columns: minmax(0, 1fr); }
  .profile-page .topbar { flex-wrap: wrap; gap: 16px; }
  .profile-page .account-nav { flex-wrap: wrap; gap: 15px; }
  .profile-page .account-nav a { display: inline-block; }
  .profile-heading { padding-top: 12px; }
}