/* TSC_FORUM_TEAM_BALANCER_CSS_V1 */
.tsc-ft-page{display:grid;gap:16px}
.tsc-ft-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.tsc-ft-head small{display:block;color:#7792a5;font-size:11px;font-weight:900;letter-spacing:.16em;margin-bottom:5px}
.tsc-ft-head h1{margin:0;color:#f6fbff;font-size:32px;line-height:1.05}
.tsc-ft-head p{margin:8px 0 0;color:#8aa0b0;max-width:850px}
.tsc-ft-tabs{display:flex;gap:8px;flex-wrap:wrap}
.tsc-ft-tabs button{border:0;background:transparent;color:#e6eef5;padding:10px 14px;border-radius:8px;font-weight:800;cursor:pointer}
.tsc-ft-tabs button.is-active{background:#ff2d84;color:#fff;box-shadow:0 8px 22px rgba(255,45,132,.22)}
.tsc-ft-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.tsc-ft-kpis>div{background:#071723;border:1px solid #153547;border-radius:14px;padding:16px}
.tsc-ft-kpis span{display:block;color:#8197a6;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.tsc-ft-kpis strong{display:block;margin-top:6px;color:#fff;font-size:30px}
.tsc-ft-warning{display:flex;justify-content:space-between;gap:18px;align-items:center;background:#2a1a08;border:1px solid #70491a;border-radius:12px;padding:14px 16px;color:#ffd79a}
.tsc-ft-warning span{color:#c7a873}
.tsc-ft-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;background:#07121b;border:1px solid #173143;border-radius:14px;padding:14px}
.tsc-ft-control-copy{display:grid;gap:3px;margin-right:auto;min-width:260px}
.tsc-ft-control-copy strong{color:#fff}
.tsc-ft-control-copy span{color:#8095a5;font-size:12px}
.tsc-ft-controls label{display:grid;gap:5px;color:#8196a6;font-size:11px;font-weight:800}
.tsc-ft-controls input{width:84px;height:42px;background:#061019;border:1px solid #24465c;border-radius:8px;color:#fff;padding:0 10px;font-weight:900}
.tsc-ft-primary,.tsc-ft-secondary{min-height:42px;border-radius:8px;padding:0 14px;font-weight:900;cursor:pointer}
.tsc-ft-primary{border:0;background:#ff2d84;color:#fff}
.tsc-ft-secondary{border:1px solid #26465a;background:#08131c;color:#dce9f2}
.tsc-ft-primary:disabled{opacity:.6;cursor:default}
.tsc-ft-meta{color:#718b9d;font-size:12px}
.tsc-ft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tsc-ft-team{overflow:hidden;background:#07121b;border:1px solid #173547;border-radius:15px}
.tsc-ft-team>header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#0a1c29;border-bottom:1px solid #173547}
.tsc-ft-team>header>div{display:flex;align-items:baseline;gap:9px}
.tsc-ft-team>header small{color:#69869a;font-size:10px;font-weight:900;letter-spacing:.14em}
.tsc-ft-team>header h3{margin:0;color:#26d9f4;font-size:24px}
.tsc-ft-team>header b{color:#dce8ef}
.tsc-ft-team-body{display:grid}
.tsc-ft-person{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.055)}
.tsc-ft-person:last-child{border-bottom:0}
.tsc-ft-num{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#0c2534;color:#75a9c4;font-size:11px;font-weight:900}
.tsc-ft-person-main{display:grid;min-width:0}
.tsc-ft-person-main strong{color:#f5f9fc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tsc-ft-person-main span{margin-top:3px;color:#71899a;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tsc-ft-tag{max-width:210px;padding:5px 8px;border:1px solid rgba(38,217,244,.25);border-radius:999px;color:#74dff1;background:rgba(38,217,244,.06);font-size:10px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tsc-ft-tag.is-unknown{border-color:#2a3b48;color:#78909f;background:#0a141b}
.tsc-ft-empty,.tsc-ft-empty-big,.tsc-ft-loading,.tsc-ft-error{padding:24px;color:#8096a6}
.tsc-ft-empty-big,.tsc-ft-loading,.tsc-ft-error{background:#07121b;border:1px solid #173547;border-radius:14px}
.tsc-ft-error{display:grid;gap:5px;color:#ff8aa9}
@media(max-width:900px){
  .tsc-ft-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tsc-ft-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .tsc-ft-head h1{font-size:27px}
  .tsc-ft-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tsc-ft-controls{align-items:stretch}
  .tsc-ft-control-copy{width:100%}
  .tsc-ft-controls label{flex:0 0 auto}
  .tsc-ft-primary,.tsc-ft-secondary{flex:1 1 180px}
  .tsc-ft-person{grid-template-columns:28px minmax(0,1fr)}
  .tsc-ft-tag{grid-column:2;justify-self:start;max-width:100%}
}