/* UTIL-015 Chia nhóm ngẫu nhiên. Kế thừa font Arial từ bộ UI chung; không ghi đè FontAwesome. */
.ts-info{margin:-4px 0 12px;color:var(--sou-muted);font-size:14px;font-weight:700;min-height:1px;overflow-wrap:anywhere}
.ts-fieldset{margin:0 0 12px;padding:4px 14px 6px;border:1px solid var(--sou-line);border-radius:12px;min-width:0}
.ts-fieldset legend{padding:0 6px;font-weight:700;color:var(--sou-ink);font-size:15px}
.ts-radios{display:flex;flex-wrap:wrap;gap:0 18px}
.ts-fieldset .sou-field{margin:4px 0 8px}
.ts-more{margin:4px 0 8px;border:1px solid var(--sou-line);border-radius:12px;padding:0 12px}
.ts-more>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700;color:var(--sou-ink)}
.ts-more textarea{min-height:90px}
.ts-preview h2{font-size:19px}
.ts-preview-text{margin:0 0 10px;font-weight:700;color:var(--sou-ink);overflow-wrap:anywhere}
.ts-sizes{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;max-height:260px;overflow:auto}
.ts-sizes li{padding:6px 10px;border-radius:999px;background:#fff;border:1px solid var(--sou-line);font-size:14px;color:var(--sou-text);overflow-wrap:anywhere;max-width:100%}
.ts-note{margin:14px 0 0;color:var(--sou-muted);font-size:14px}
.ts-results{margin-top:24px;padding-top:18px;border-top:1px solid var(--sou-line)}
.ts-results-head{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.ts-results-head h2{font-size:21px}
.ts-results-head h2:focus{outline:none}
.ts-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--sou-warn-bg);color:var(--sou-warn);font-weight:700;font-size:13px}
.ts-summary{margin:8px 0 0;color:var(--sou-muted);font-size:15px;overflow-wrap:anywhere}
.ts-stale{margin:10px 0 0;font-size:14px}
.ts-results .ts-toolbar .sou-button{min-height:44px}
.ts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:14px}
.ts-card{--ts-color:#285bed;display:flex;flex-direction:column;min-width:0;border:1px solid var(--sou-line);border-top:6px solid var(--ts-color);border-radius:14px;background:#fff;padding:12px 14px 14px;break-inside:avoid;page-break-inside:avoid}
.ts-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-bottom:6px}
.ts-swatch{width:14px;height:14px;border-radius:50%;background:var(--ts-color);flex:none}
.ts-card h3{margin:0;font-size:18px;flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.ts-card h3:focus{outline:2px solid #3869ed;outline-offset:2px}
.ts-count{color:var(--sou-muted);font-size:14px;font-weight:700}
.ts-members{margin:0;padding:0;list-style:none;counter-reset:ts;flex:1 1 auto}
.ts-members li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 8px;padding:4px 0;border-bottom:1px solid #edf1f9;counter-increment:ts}
.ts-members li::before{content:counter(ts) ".";min-width:1.6em;color:var(--sou-muted);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.ts-members li:last-child{border-bottom:0}
.ts-members li.ts-empty{display:block;color:var(--sou-muted);font-style:italic;counter-increment:none}
.ts-members li.ts-empty::before{content:none}
.ts-member{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0}
.ts-name{overflow-wrap:anywhere;color:var(--sou-text);font-weight:700}
.ts-role{padding:1px 8px;border-radius:999px;background:var(--sou-soft);color:var(--sou-primary);font-size:12px;font-weight:700}
.ts-score{color:var(--sou-muted);font-size:13px}
.ts-move{min-height:44px;min-width:44px;padding:4px 10px;border:1px solid var(--sou-line);border-radius:10px;background:#fff;color:var(--sou-primary);font:700 14px Arial,"Helvetica Neue",Helvetica,sans-serif;cursor:pointer}
.ts-move:hover{background:var(--sou-soft)}
.ts-card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ts-card-actions .sou-button{min-height:44px;padding:6px 12px;font-size:14px}
.ts-inline{grid-column:1/-1;display:grid;gap:6px;margin:6px 0;padding:10px;border-radius:12px;background:var(--sou-soft)}
.ts-inline label{font-weight:700;color:var(--sou-ink);font-size:14px;overflow-wrap:anywhere}
.ts-inline-actions{display:flex;flex-wrap:wrap;gap:6px}
.ts-inline-actions .sou-button{min-height:44px;padding:6px 14px;font-size:15px}
@media(max-width:600px){.ts-grid{grid-template-columns:1fr}.ts-toolbar .sou-button{flex:1 1 calc(50% - 8px)}}
@media print{.ts-columns,.ts-toolbar,.ts-stale,.ts-move,.ts-card-actions,.ts-inline,[data-sou-workspace] .sou-status{display:none!important}.ts-results{margin:0;padding:0;border:0}.ts-grid{display:block;columns:2;column-gap:14px}.ts-card{margin:0 0 12px;box-shadow:none}}
