/* Build 23.05.30 — Event Mode compact live roster */
.s682-participants{display:grid!important;gap:9px!important}
.s682-participant{position:relative!important;transition:border-color .15s ease,background .15s ease,opacity .15s ease!important}
.hsp-em-next-chip{width:max-content;max-width:100%;display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border:1px solid #4a4335;border-radius:999px;background:#1a1814;color:#d8c28b;font-size:.62rem;font-weight:900;letter-spacing:.06em;white-space:nowrap}
.hsp-em-next-chip[data-state="attendance"],.hsp-em-next-chip[data-state="clock-in"],.hsp-em-next-chip[data-state="review"]{border-color:#7b5c18;background:#2a210d;color:#ffd66d}
.hsp-em-next-chip[data-state="working"]{border-color:#256343;background:#102319;color:#73d99e}
.hsp-em-next-chip[data-state="break"],.hsp-em-next-chip[data-state="lunch"]{border-color:#345b78;background:#101c26;color:#8fc9ef}
.hsp-em-next-chip[data-state="complete"]{border-color:#275e43;background:#0f2118;color:#70d99b}

/* Completed people collapse into a quick review row instead of consuming the live screen. */
.s682-participant.hsp-em-complete-collapsed{grid-template-columns:12px minmax(0,1fr) auto!important;align-items:center!important;padding:9px 11px!important;opacity:.72!important;background:#111214!important}
.s682-participant.hsp-em-complete-collapsed>.s682-status-dot{grid-column:1!important;grid-row:1!important;margin:0!important}
.s682-participant.hsp-em-complete-collapsed>.s682-participant-identity{grid-column:2!important;grid-row:1!important;display:grid!important;grid-template-columns:auto auto minmax(0,1fr)!important;align-items:center!important;gap:7px 10px!important}
.s682-participant.hsp-em-complete-collapsed .hsp-em-next-chip{grid-column:1!important;grid-row:1!important}
.s682-participant.hsp-em-complete-collapsed .s682-participant-identity>b{grid-column:2!important;grid-row:1!important;font-size:.9rem!important}
.s682-participant.hsp-em-complete-collapsed .s682-participant-identity>small:first-of-type{grid-column:3!important;grid-row:1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.s682-participant.hsp-em-complete-collapsed .s682-participant-schedule,
.s682-participant.hsp-em-complete-collapsed [data-hsp-em-workflow-strip],
.s682-participant.hsp-em-complete-collapsed>.hsp-em-manager-controls,
.s682-participant.hsp-em-complete-collapsed .s682-participant-identity>small:not(:first-of-type){display:none!important}
.hsp-em-collapse-toggle{grid-column:3!important;grid-row:1!important;align-self:center!important;min-height:32px;padding:0 11px;border:1px solid #3a3a40;border-radius:8px;background:#1a1a1f;color:#ddd9d2;font:inherit;font-size:.7rem;font-weight:800;cursor:pointer}
.hsp-em-collapse-toggle:hover{border-color:#8b6925;background:#241d10;color:#ffda81}

/* Active cards stay compact but preserve every manager action. */
.s682-participant:not(.hsp-em-complete-collapsed)>.hsp-em-manager-controls{padding-top:9px!important;gap:9px 14px!important}
.s682-participant:not(.hsp-em-complete-collapsed)>.hsp-em-workflow-strip{padding:8px 10px!important;gap:10px!important}
.s682-participant:not(.hsp-em-complete-collapsed) .s682-participant-schedule{gap:7px!important}

@media(max-width:760px){
 .s682-participant.hsp-em-complete-collapsed{grid-template-columns:12px minmax(0,1fr) auto!important}
 .s682-participant.hsp-em-complete-collapsed>.s682-participant-identity{grid-template-columns:1fr!important;gap:3px!important}
 .s682-participant.hsp-em-complete-collapsed .hsp-em-next-chip,.s682-participant.hsp-em-complete-collapsed .s682-participant-identity>b,.s682-participant.hsp-em-complete-collapsed .s682-participant-identity>small:first-of-type{grid-column:1!important;grid-row:auto!important}
 .s682-participant.hsp-em-complete-collapsed .s682-participant-identity>small:first-of-type{white-space:normal!important}
}
