.appointment-participants{min-width:0;margin:0 0 var(--card-space);padding:var(--card-space);border:1px solid var(--frame,#fff);border-radius:var(--radius);background:var(--white)}
.ap-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
.ap-modes .ap-mode{min-height:var(--control-height);padding:8px 14px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink);font-size:var(--text-label);font-weight:600}
.ap-modes .ap-mode.is-active,.ap-modes .ap-mode.is-active:hover{background:var(--red);border-color:var(--red);color:var(--white)}
.ap-modes .ap-mode:hover{border-color:var(--red)}
.ap-club[hidden]{display:none}
.ap-units{padding:0;margin:0 0 14px;border:0;min-width:0}
.ap-units legend{font-size:var(--text-label);font-weight:600;margin-bottom:8px;color:var(--muted)}
.ap-units>div{display:flex;flex-wrap:wrap;gap:7px}
.ap-unit{display:inline-flex;align-items:center;gap:7px;min-height:var(--control-height);padding:6px 10px;border:1px solid var(--frame,#fff);border-radius:7px;font-size:var(--text-label);cursor:pointer;overflow-wrap:anywhere}
.ap-unit.is-selected{border-color:var(--red);background:var(--red);color:var(--white)}
.ap-unit input,.ap-member input{width:17px;height:17px;flex:none;accent-color:var(--red)}
.ap-unit.is-selected input{accent-color:var(--ink)}
.ap-list-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 8px;font-size:var(--text-label)}
.ap-list-header>strong{font-weight:600;color:var(--muted)}
.ap-list-header>div{display:flex;gap:12px}
.ap-list-header button{min-height:var(--control-height);color:var(--red);font-size:var(--text-label);font-weight:600}
.ap-search{margin-bottom:8px}
.ap-search .input{width:100%}
.ap-member-list{max-height:240px;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid var(--line);min-width:0}
.ap-member{display:flex;align-items:center;gap:10px;min-height:46px;padding:9px 3px;border-bottom:1px solid var(--line);cursor:pointer;min-width:0}
.ap-member>span{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0}
.ap-member strong{font-size:var(--text-body);font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.ap-member small{font-size:var(--text-label);line-height:1.35;color:var(--muted);overflow-wrap:anywhere}
.ap-empty{margin:0;padding:18px 0;color:var(--muted);font-size:var(--text-label);line-height:1.5}
.appointment-participants :is(button,input,select):focus-visible{outline:2px solid var(--red);outline-offset:2px}
@media(max-width:480px){.appointment-participants{padding:12px}.ap-member>span{gap:4px 7px}.ap-member strong{font-size:var(--text-label)}}