.namid-panel { max-width: 900px; margin: 0 auto 28px; }
.namid-result { min-height: 150px; margin-top: 18px; padding: 18px; border: 1px solid var(--line); background: #f7faf8; }
.namid-result-sm { min-height: 0; }
.namid-result h3 { margin: 14px 0 8px; }
.namid-result .kv, .namid-panel .kv { grid-template-columns: minmax(110px, 150px) minmax(0, 1fr); }
.namid-result .kv span:last-child, .namid-panel .kv span:last-child { overflow-wrap: anywhere; }
.namid-claim { display: grid; gap: 10px; }
.namid-claim-row { display: grid; grid-template-columns: minmax(0, 1fr) 140px; gap: 10px; }
.namid-claim input, .namid-claim select { width: 100%; }
.namid-advanced { border: 1px dashed var(--line); padding: 10px; display: grid; gap: 8px; }
.namid-advanced summary { cursor: pointer; }
.namid-account-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.namid-account-head .btn { margin-left: auto; }
.namid-profile { display: flex; gap: 14px; align-items: center; margin: 8px 0 6px; }
.namid-profile h3 { margin: 0; }
.namid-avatar { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; border: 1px solid var(--line); }
.namid-socials { display: flex; flex-wrap: wrap; gap: 6px 14px; }
a.namid-signed-in { font-weight: 600; }
a.namid-signed-in::before { content: "\25CF"; color: #14804a; margin-right: 5px; font-size: 0.8em; }

/* Sign in with NamID — lives in the header sign-in modal (wallet.js), not the NamID tab. */
.wc-namid { margin-top: 10px; }
.wc-namid-in { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.wc-namid-in .wc-copy { margin-left: auto; }
.wc-namid-in small { opacity: .7; word-break: break-all; }
.wc-namid-help { display: block; margin-top: 6px; opacity: .75; }