.visibility-badge{display:inline-flex;align-items:center;margin:3px 4px 3px 0;padding:3px 7px;border-radius:999px;background:#eef1f4;color:#46515c;font-size:11px;font-weight:700}.completion-tracker{display:inline-block;position:relative;margin:6px 5px 0 0}.completion-tracker>summary{list-style:none;cursor:pointer;display:inline-flex;padding:5px 9px;border:1px solid #d29a70;border-radius:999px;background:#fff3e9;color:#7b331d;font-size:11px;font-weight:800}.completion-tracker>summary::-webkit-details-marker{display:none}.completion-popout{position:absolute;z-index:50;top:calc(100% + 7px);left:0;width:min(340px,78vw);max-height:360px;overflow:auto;padding:14px;border:1px solid #cbd1d6;border-radius:10px;background:#fff;box-shadow:0 12px 32px #0003}.completion-popout h3,.completion-popout p{margin:0 0 7px}.completion-popout p{color:#67717c;font-size:12px}.completion-people{display:grid;gap:5px}.completion-people>div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:7px 8px;border-radius:6px;background:#f5f6f7}.completion-people span:first-child{display:grid}.completion-people small{color:#67717c}.completion-percent{min-width:42px;text-align:center;font-weight:800;color:#9a6b00}.completion-percent.complete{color:#287a45}.item-actions form{margin:0}@media(max-width:620px){.completion-popout{position:fixed;left:5vw;right:5vw;top:18vh;width:90vw;max-height:64vh}}
