.profile { margin-top: 2px; }

.p-head {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 14px;
    margin-bottom: 14px;
    border-bottom: 1px solid var(--line2);
}

.p-info { min-width: 0; }
.p-nick { font: 700 16px var(--serif); }

.p-nick .flag { margin-right: 5px; }
.p-since { color: var(--dim); font: 11px var(--mono); }
.p-seen { margin-top: 2px; color: var(--dim); font: 11px var(--mono); }

.p-nudge { margin-top: 6px; }

.p-links { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }

.p-invis { display: flex; align-items: center; gap: 8px; margin-top: 14px; }

.p-nudge button { color: var(--dim); }

.p-about { margin-top: 5px; font: 14px/1.5 var(--serif); }
.p-sign { margin-top: 6px; padding-top: 5px; border-top: 1px dashed var(--line); color: var(--dim); font: italic 13px/1.45 var(--serif); white-space: pre-wrap; }

.security { margin-top: 14px; }
.security .fpad { border-bottom: 1px solid var(--line); }

.sess {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 8px;
    border-bottom: 1px solid var(--line);
}

.sess.cur { background: var(--panel2); }
.sess-info { min-width: 0; }
.sess-name { font: 13px var(--ui); }
.sess-cur { padding: 1px 4px; color: var(--accent); border: 1px solid var(--accent-dark); font: 10px var(--mono); }
.sess-meta { margin-top: 2px; color: var(--dim); font: 11px var(--mono); overflow-wrap: anywhere; }
.sess form { flex: none; }

.sec-others { padding: 8px; border-bottom: 1px solid var(--line); }
.sec-qr { padding: 8px; }
.sec-qr .hint { margin-left: 6px; }

.qr { display: flex; align-items: flex-start; gap: 12px; margin-top: 10px; }
.qr[hidden] { display: none; }
.qr-img { flex: none; width: 148px; padding: 5px; background: #fff; }
.qr-img svg { display: block; width: 100%; height: auto; }
.qr .hint { margin: 0; }

.qr-user { display: flex; align-items: center; gap: 10px; }
.qr-nick { font: 700 16px var(--serif); }