.attendance-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0}.attendance-toolbar .secondary{width:auto;min-width:110px;padding:10px 16px}.attendance-events{padding:8px 20px}.attendance-event{display:flex;width:100%;align-items:center;gap:14px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);padding:20px 0;min-height:84px}.attendance-event:last-child{border-bottom:0}.attendance-event>span:first-child{flex:1;min-width:0}.attendance-event strong,.attendance-event small{display:block}.attendance-event strong{font-size:17px;margin-bottom:7px}.attendance-event small{color:var(--muted);font-size:12px}.attendance-event .icon{flex-shrink:0}.attendance-panel{max-width:760px;margin:0 auto}.attendance-panel h2{font-size:22px}.attendance-panel .notice{margin-top:20px}.attendance-back{max-width:760px;margin:0 auto 16px}.attendance-roster{border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-bottom:20px}.attendance-person{display:flex;align-items:center;gap:12px;padding:16px;min-height:76px;cursor:pointer;border-bottom:1px solid var(--line)}.attendance-person:last-child{border-bottom:0}.attendance-person:has(input:checked){background:var(--notice-bg)}.attendance-person input{accent-color:var(--green-ink);width:22px;height:22px;flex-shrink:0;cursor:pointer}.attendance-person-copy{min-width:0}.attendance-person-copy strong{display:block;overflow-wrap:anywhere}.attendance-person-copy small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.attendance-save:disabled{opacity:.55;cursor:default}.attendance-event:focus-visible,.attendance-person:focus-within{outline:3px solid var(--green-ink);outline-offset:-3px}.attendance-events .badge{flex-shrink:0}@media(max-width:700px){.attendance-events{padding:4px 16px}.attendance-event{gap:9px}.attendance-event strong{font-size:15px}.attendance-person{padding:14px 12px;gap:10px}.attendance-person .participant-avatar{width:32px;height:32px}.attendance-panel .row-between{flex-wrap:wrap}.attendance-toolbar{gap:10px}}