.completion-dot{position:relative;display:inline-block;margin-left:6px;vertical-align:middle}.completion-dot>summary{display:grid;width:20px;height:20px;border-radius:50%;background:#dc2626;color:#fff;font-size:13px;font-weight:900;line-height:1;place-items:center;cursor:pointer;list-style:none;box-shadow:0 0 0 3px #ef444422}.completion-dot>summary::-webkit-details-marker{display:none}.completion-dot>div{position:absolute;z-index:120;right:0;top:28px;display:grid;gap:5px;width:min(340px,78vw);padding:11px 13px;border:1px solid #ef444466;border-radius:12px;background:var(--surface);color:var(--text);box-shadow:0 16px 38px #0f172a40;text-align:left}.completion-dot:not([open])>div{display:none}.completion-dot>div strong{color:#dc2626}.completion-dot>div span{font-size:11px;line-height:1.45}.completion-dot.compact>summary{width:18px;height:18px;font-size:11px}.completion-dot.compact>div{right:auto;left:0}.admin-booking-card>.completion-dot{display:block;width:max-content;margin:-6px 28px 12px auto}@media(hover:hover){.completion-dot:hover>div{display:grid}}@media(max-width:820px){.admin-booking-card>.completion-dot{margin:-4px 14px 10px auto}.completion-dot>div{position:fixed;z-index:300;left:7vw;right:7vw;top:34vh;width:auto}}