/* team.css - the Team box on the owner's profile (his order, 2026-11-05).
   Theme tokens only, so dark and light both follow. */

#teamCard .tm-count{ font-size:12px; font-weight:600; color:var(--dk-muted); margin-left:4px; }
#teamCard .tm-count.on{ color:var(--dk-green); }
#teamCard .tm-sub{ font-size:12.5px; color:var(--dk-muted); line-height:1.45; margin:-2px 0 12px; }
#teamCard .tm-body{ display:flex; flex-direction:column; gap:12px; }
#teamCard .tm-empty{ font-size:13px; color:var(--dk-muted); padding:8px 2px; line-height:1.45; }
#teamCard .tm-error{ font-size:12.5px; color:var(--dk-red); line-height:1.45; }
#teamCard .tm-note{ font-size:13px; color:var(--dk-text); background:var(--dk-row); border-radius:8px; padding:8px 12px; }
#teamCard .tm-h{ font-size:12px; font-weight:600; color:var(--dk-text-2); margin:4px 0 6px; }

/* the team's money */
#teamCard .tm-money{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:8px; }
#teamCard .tm-mcell{ background:var(--dk-row); border-radius:8px; padding:10px 12px; min-width:0; }
#teamCard .tm-mlabel{ font-size:11.5px; color:var(--dk-muted); }
#teamCard .tm-mvalue{ font-size:17px; font-weight:600; color:var(--dk-text); margin-top:2px;
  font-variant-numeric:tabular-nums; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#teamCard .tm-mvalue.up{ color:var(--dk-green); }
#teamCard .tm-mvalue.down{ color:var(--dk-red); }
#teamCard .tm-mnote{ font-size:11.5px; color:var(--dk-muted); margin-top:2px; }

/* the stop */
#teamCard .tm-stop{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 12px;
  background:var(--dk-row); border-radius:8px; padding:10px 12px; }
#teamCard .tm-stop.on{ background:var(--dk-red-bg, rgba(246,70,93,.14)); box-shadow:inset 0 0 0 1px var(--dk-red); flex-direction:column; align-items:flex-start; }
#teamCard .tm-stop-ok{ font-size:13px; color:var(--dk-text-2); }
#teamCard .tm-stop-title{ font-size:14px; font-weight:700; color:var(--dk-red); }
#teamCard .tm-stop-why{ font-size:13px; color:var(--dk-text); }
#teamCard .tm-stop-note{ font-size:12px; color:var(--dk-muted); }

/* limits and the small forms */
#teamCard .tm-limits{ display:flex; flex-direction:column; gap:8px; }
#teamCard .tm-limits-text{ font-size:12.5px; color:var(--dk-text-2); line-height:1.45; }
#teamCard .tm-limits-btns{ display:flex; flex-wrap:wrap; gap:8px; }
#teamCard .tm-form{ display:flex; flex-wrap:wrap; align-items:flex-end; gap:8px 10px; background:var(--dk-row);
  border-radius:8px; padding:10px 12px; }
#teamCard .tm-field{ display:flex; flex-direction:column; gap:4px; font-size:12px; color:var(--dk-muted); min-width:160px; flex:1 1 180px; }
#teamCard .tm-field input, #teamCard .tm-field select{ width:100%; box-sizing:border-box; }
html[data-theme] #screen-profile #teamCard .btn{ width:auto; margin:0; padding:7px 14px; font-size:13px; }
html[data-theme] #screen-profile #teamCard .btn.tm-small{ padding:5px 12px; font-size:12.5px; }
html[data-theme] #screen-profile #teamCard .btn.tm-danger{ color:var(--dk-red); }

/* the joining code, shown once */
#teamCard .tm-code{ display:flex; flex-direction:column; gap:8px; border-radius:8px; padding:12px;
  background:var(--dk-row); box-shadow:inset 0 0 0 1px var(--dk-amber); }
#teamCard .tm-code-title{ font-size:13px; font-weight:600; color:var(--dk-text); }
#teamCard .tm-code-value{ font-family:ui-monospace, Menlo, Consolas, monospace; font-size:17px; font-weight:700;
  letter-spacing:.04em; color:var(--dk-text); word-break:break-all; user-select:all; }
#teamCard .tm-code-note{ font-size:12px; color:var(--dk-muted); line-height:1.45; }

/* the bots */
#teamCard .tm-agents{ display:flex; flex-direction:column; gap:6px; }
#teamCard .tm-agents-head{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
#teamCard .tm-agents-head .tm-h{ margin:0; font-size:13px; }
#teamCard .tm-group{ font-size:11.5px; font-weight:600; color:var(--dk-muted); margin:8px 0 0; }
#teamCard .tm-row{ display:grid; grid-template-columns:auto minmax(0, 1fr) auto; align-items:center; gap:4px 12px;
  background:var(--dk-row); border-radius:8px; padding:9px 12px; cursor:pointer; }
#teamCard .tm-row:focus-visible{ outline:2px solid var(--dk-line-strong); outline-offset:1px; }
#teamCard .tm-row.open{ border-bottom-left-radius:0; border-bottom-right-radius:0; }
#teamCard .tm-dot{ width:10px; height:10px; border-radius:50%; box-sizing:border-box; border:2px solid var(--dk-muted); }
#teamCard .tm-dot.working-now{ border:0; background:var(--dk-green); box-shadow:0 0 0 4px var(--dk-green-bg, rgba(14,203,129,.18)); }
#teamCard .tm-dot.locked{ border:0; background:var(--dk-red); }
#teamCard .tm-dot.waiting-to-join{ border-color:var(--dk-amber); }
#teamCard .tm-main{ min-width:0; }
#teamCard .tm-name{ font-size:14px; font-weight:600; color:var(--dk-text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#teamCard .tm-status{ font-size:12px; color:var(--dk-muted); margin-top:2px; overflow:hidden; text-overflow:ellipsis; }
#teamCard .tm-status.working-now{ color:var(--dk-green); font-weight:600; }
#teamCard .tm-status.locked{ color:var(--dk-red); }
#teamCard .tm-side{ text-align:right; }
#teamCard .tm-inplay{ font-size:12px; color:var(--dk-text-2); font-variant-numeric:tabular-nums; white-space:nowrap; }

/* one bot's profile, under its row */
#teamCard .tm-profile{ background:var(--dk-row); border-top:1px solid var(--dk-line); border-radius:0 0 8px 8px;
  padding:10px 14px 12px; margin-top:-6px; display:flex; flex-direction:column; gap:4px; }
#teamCard .tm-p-work{ font-size:13px; color:var(--dk-text); }
#teamCard .tm-p-facts{ font-size:12px; color:var(--dk-muted); margin:4px 0; }
#teamCard .tm-may{ margin:0 0 4px 18px; padding:0; font-size:12.5px; color:var(--dk-text-2); line-height:1.5; }
#teamCard .tm-line{ font-size:12.5px; color:var(--dk-text-2); font-variant-numeric:tabular-nums; }
#teamCard .tm-profile .tm-limits-btns{ margin-top:8px; }

/* what the team did */
#teamCard .tm-log{ display:flex; flex-direction:column; gap:2px; }
#teamCard .tm-log-row{ display:grid; grid-template-columns:74px minmax(0, 1fr); gap:8px; font-size:12px;
  color:var(--dk-text-2); padding:3px 0; line-height:1.4; }
#teamCard .tm-log-time{ color:var(--dk-muted); font-variant-numeric:tabular-nums; }
#teamCard .tm-log-text{ overflow-wrap:anywhere; }
#teamCard .tm-log-row.refused .tm-log-text, #teamCard .tm-log-row.security.bad .tm-log-text{ color:var(--dk-red); }

/* the minimal box (TEAM_MINIMAL in team.js, his order 2026-11-06) */
#teamCard .tm-mini-money{ display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 16px; }
#teamCard .tm-mini-total{ font-size:20px; font-weight:700; color:var(--dk-text); font-variant-numeric:tabular-nums; }
#teamCard .tm-mini-part{ font-size:13px; color:var(--dk-text-2); font-variant-numeric:tabular-nums; white-space:nowrap; }
#teamCard .tm-mini-part.up{ color:var(--dk-green); }
#teamCard .tm-mini-part.down{ color:var(--dk-red); }
#teamCard .tm-mini-stopped{ font-size:13px; font-weight:600; color:var(--dk-red); background:var(--dk-red-bg, rgba(246,70,93,.14));
  border-radius:8px; padding:8px 12px; }
#teamCard .tm-mini-btns{ display:flex; flex-wrap:wrap; gap:8px; }
html[data-theme] #screen-profile #teamCard .btn.tm-go{ color:var(--dk-green); }
#teamCard .tm-mini-row{ padding:8px 10px 8px 12px; }
#teamCard .tm-mini-main{ display:flex; align-items:baseline; gap:10px; min-width:0; }
#teamCard .tm-mini-main .tm-status{ margin-top:0; white-space:nowrap; flex:none; }
#teamCard .tm-mini-profile{ padding:10px 12px; }
#teamCard .tm-mini-profile .tm-mini-btns{ margin:0; }

@media (max-width:640px){
  #teamCard .tm-money{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  #teamCard .tm-mvalue{ font-size:15px; white-space:normal; overflow-wrap:anywhere; }
  #teamCard .tm-log-row{ grid-template-columns:1fr; gap:0; }
}