/* Profile completeness: the bar above your card on the Profile tab, and its line in the profile menu. */
.pcomp{width:min(1080px,calc(100% - 32px));margin:24px auto 0;padding:18px 20px;display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.pcomp-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pcomp-top b{font-family:var(--f-display);font-size:18px}
.pcomp p{margin:0;font-size:14px}
.pcomp-bar{height:8px;border-radius:999px;background:var(--sunk);overflow:hidden}
.pcomp-bar i{display:block;height:100%;border-radius:inherit;background:var(--a1);transition:width .6s var(--ease,ease)}
.pcomp-miss{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px}
.pcomp-miss .chip{text-decoration:none;color:var(--ink);font-weight:500;transition:background .15s}
.pcomp-miss .chip:hover{background:var(--line)}
.pcomp+.owncard{padding-top:16px}
@media (max-width:520px){.pcomp-top .btn{width:100%;justify-content:center}}

.pm-dot{position:absolute;right:-1px;top:-1px;width:11px;height:11px;border-radius:50%;background:var(--a1);box-shadow:0 0 0 2px var(--surface)}
.pm-pc{display:flex;flex-direction:column;gap:8px;align-items:stretch;padding:12px;border-radius:10px;background:var(--a1-soft);font-size:13px}
.pm-pc-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pm-pc-top b{font-size:14px}
.pm-pc .pcomp-bar{height:6px;background:var(--surface)}
.pm-pc .btn{align-self:flex-start}
.pm-pc-x{border:0;background:none;font-size:18px;line-height:1;padding:2px 4px;border-radius:6px;color:var(--muted);cursor:pointer}
.pm-pc-x:hover{background:var(--surface);color:var(--ink)}
/* On the edit form it sits under the heading and updates as you type. */
.pcomp.onform{width:auto;margin:0 0 18px;box-shadow:none;background:var(--bg)}
.pcomp.onform .pcomp-top b{font-size:16px}
button.chip{border:0;font:inherit;font-size:12px;cursor:pointer}
#pcomp-ed:empty{display:none}