/* Names first. Show only the controls needed for the current view. */
.sociality-board [hidden]{display:none!important}
.sociality-board .sociality-board-help{margin:.35rem 0 .85rem;font-size:.9rem}
.sociality-board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--sociality-rule);padding:0 0 .5rem}
.sociality-board-views{display:flex;gap:3px}
.sociality-board-control{appearance:none;min-height:44px;border:0;border-radius:4px;background:transparent;color:#767968;font:inherit;font-size:.92rem;line-height:1.2;padding:.5rem .7rem;cursor:pointer}
.sociality-board-views .sociality-board-control[aria-pressed=true]{background:#e8ecdf;color:#244e37}
.sociality-board-search{width:min(44%,220px)}
.sociality-board-search input{width:100%;box-sizing:border-box;min-height:40px;background:transparent;border:0;border-bottom:1px solid #c8cdbb;border-radius:0;padding:.4rem .2rem;color:#283724;font:16px/1.3 "Times New Roman",serif}
.sociality-board #sociality-board-status{font-size:.75rem;line-height:1.4;color:#737765;margin:.5rem 0}
.sociality-board .sociality-board-cards{display:flex;flex-wrap:wrap;align-items:flex-start;gap:2px}
.sociality-board .sociality-public-card{flex:0 0 auto;min-width:0;max-width:100%;padding:0;border:1px solid #dddccd;border-radius:2px;background:#fffdf8;box-shadow:none}
.sociality-card-select{display:flex;flex-direction:column;justify-content:center;gap:0;width:auto;max-width:100%;min-height:26px;box-sizing:border-box;padding:2px 4px;border:0;border-radius:2px;background:transparent;color:#253221;text-align:left;font:inherit;cursor:pointer}
.sociality-card-select:hover{background:#edf1e5}
.sociality-card-name{font:14px/1.15 Arial,sans-serif;overflow-wrap:anywhere}
.sociality-card-select .sociality-card-handle{display:block;margin:0;color:#56614e;font:11px/1.2 Arial,sans-serif;overflow-wrap:anywhere}
.sociality-board[data-show-handles=false] .sociality-card-select .sociality-card-handle{display:none}
.sociality-board :is(button,input):focus-visible{outline:2px solid #547a44;outline-offset:2px}
.sociality-scan-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dedfcf;padding:.5rem 0}
.sociality-scan-play{min-height:40px;min-width:78px;border:1px solid #b6c2aa;border-radius:30px;padding:.35rem 1.1rem;background:transparent;color:#244e37;font:inherit;font-size:.9rem;cursor:pointer}
.sociality-scan-play[aria-pressed=true]{background:#244e37;color:#fff;border-color:#244e37}
.sociality-scan-progress{font-size:.8rem;color:#8a8e7c;font-variant-numeric:tabular-nums}
.sociality-board-detail{position:fixed;z-index:1100;right:1rem;bottom:1rem;box-sizing:border-box;width:min(380px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow-y:auto;overscroll-behavior:contain;padding:1.1rem;border:1px solid #a2ae94;border-radius:6px;background:#fffdf8;box-shadow:0 12px 50px #1c301e30;color:#24281e}
.sociality-detail-close{float:right;margin:-.4rem -.4rem .25rem .6rem;min-height:36px;border:0;background:transparent;font:inherit;font-size:.78rem;color:#727968;cursor:pointer;padding:.3rem}
.sociality-board-detail h3{font-size:1.6rem;line-height:1.1;font-weight:400;margin:0;overflow-wrap:anywhere}
.sociality-board-detail .sociality-card-handle{margin:.3rem 0;font-size:.9rem;overflow-wrap:anywhere}
.sociality-board-detail .sociality-card-details{font-size:.83rem;margin:.4rem 0;overflow-wrap:anywhere}
.sociality-board-detail .sociality-tally-count{border-bottom:1px solid #dce0d2;padding:.4rem 0;max-height:100px}
.sociality-detail-tally-key{width:100%;margin:0;font-size:.7rem;font-style:normal;color:#7a806d}
.sociality-board-detail .sociality-vote-form{margin:0}
.sociality-board-detail .sociality-vote-form label{margin:.6rem 0;font-size:.88rem}
.sociality-board-detail .sociality-vote-form input{padding:.45rem .6rem}
.sociality-board-detail .sociality-form-note{margin:.6rem 0;font-size:.75rem!important}
.sociality-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:570px){.sociality-board-toolbar{gap:.6rem}.sociality-board-control{padding:.4rem .55rem;font-size:.85rem}.sociality-board-search{width:42%}.sociality-board h2{font-size:1.5rem}.sociality-board-heading{align-items:center;gap:.5rem}}
@media(prefers-reduced-motion:reduce){.sociality-board *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* A batch is a compact sheet of names, with one playback control. */
.sociality-name-scan{min-height:0;padding:8px 0 0}
.sociality-scan-stage{display:flex;flex-wrap:wrap;align-items:flex-start;gap:2px;min-height:0;padding:0;width:100%;cursor:default}
.sociality-scan-person{appearance:none;display:flex;flex:0 0 auto;align-items:center;box-sizing:border-box;min-width:0;max-width:100%;min-height:28px;margin:0;padding:2px 4px;border:1px solid #dddccd;border-radius:2px;background:#fffdf8;color:#253221;text-align:left;overflow-wrap:anywhere;font:14px/1.15 Arial,sans-serif;cursor:pointer}
.sociality-scan-person:hover{background:#edf1e5}
.sociality-scan-empty{grid-column:1/-1;padding:2rem .5rem;text-align:center;color:#737765}
.sociality-scan-footer{margin-top:8px}
.sociality-scan-paging{display:flex;align-items:center;gap:8px}
.sociality-scan-step{appearance:none;display:grid;place-items:center;min-width:40px;min-height:40px;padding:0;border:0;background:transparent;color:#244e37;font:20px/1 Arial,sans-serif;cursor:pointer}
.sociality-scan-step:disabled{opacity:.28;cursor:default}
.sociality-board-detail{margin:0;left:auto;top:auto}
.sociality-board-detail::backdrop{background:#15241a33}
.sociality-board-footer{display:flex;justify-content:center;margin-top:16px}
.sociality-nobody{border:0;border-radius:8px;background:#244e37;color:#fff;padding:10px 16px;min-height:42px;white-space:nowrap;font:14px/1.2 Arial,sans-serif;cursor:pointer}
.sociality-card-pacing{position:sticky;top:8px;z-index:2;display:flex;gap:2px;width:max-content;padding:3px;margin-bottom:4px;border:1px solid #c9d0bd;border-radius:8px;background:#fffdf8}.sociality-pace-button{min-height:40px;padding:6px;border:0;border-radius:5px;background:#edf1e5;color:#244e37;font:11px/1.2 Arial,sans-serif;cursor:pointer}
.sociality-card-select{transition:background-color 100ms ease}
.sociality-public-card:has(.sociality-card-select:hover){border-color:#95aa88}
.sociality-tally-state{font:10px/1.2 Arial,sans-serif;color:#315c3e}.sociality-scan-person .sociality-tally-state{margin-left:4px}.sociality-card-select[data-tally-state]:not([data-tally-state=""]){background:#edf1e5}
.sociality-copy-link{border:0;background:transparent;color:#315c3e;text-decoration:underline;min-height:36px;font:12px/1.3 Arial,sans-serif;cursor:pointer}.sociality-copy-status{font:12px/1.3 Arial,sans-serif;margin-left:6px}.sociality-copy-fallback{display:block;width:100%;box-sizing:border-box;font:12px/1.4 Arial,sans-serif}.sociality-board-share{margin-bottom:8px}.sociality-person-status{font-size:.9rem}
