/* Workspace settings — the member list and its controls (moved from pipeline.html, 9 Oct).
   Loaded by /workspace-settings.html and by the pipeline (company panel). */
/* Cluster-member availability controls (Dispatcher v0 — Team in cluster settings) */
.cm-avail { display:flex; gap:14px; align-items:center; flex-wrap:wrap; margin-top:6px; padding-left:2px; font-size:12px; color:var(--text-3); }
.cm-cell { display:flex; align-items:center; gap:6px; }
.cm-dot { width:8px; height:8px; border-radius:50%; display:inline-block; }
.cm-mut { color:var(--text-4); }
.cm-chip { font-size:11px; background:var(--bg-2); border:1px solid var(--border-2); border-radius:7px; padding:1px 6px; display:inline-flex; align-items:center; gap:4px; }
.cm-chip button { background:none; border:none; color:var(--text-3); cursor:pointer; padding:0; font-size:13px; line-height:1; }
.cm-add { background:none; border:none; color:var(--accent); cursor:pointer; font-size:12px; padding:1px 3px; }
.cm-outform { display:none; gap:6px; align-items:center; margin-top:6px; flex-wrap:wrap; width:100%; }
.cm-outform input { background:var(--bg-2); border:1px solid var(--border-2); color:var(--text); border-radius:6px; padding:3px 6px; font-size:12px; }
.cm-outform button { background:var(--accent-fill); color:var(--accent-on); border:none; border-radius:6px; padding:4px 9px; font-size:12px; font-weight:600; cursor:pointer; }
.cmsw { position:relative; width:34px; height:19px; flex-shrink:0; cursor:pointer; display:inline-block; }
.cmsw input { display:none; }
.cmsw > span { position:absolute; inset:0; background:var(--border-2); border-radius:19px; transition:.15s; }
.cmsw > span::after { content:''; position:absolute; width:15px; height:15px; left:2px; top:2px; background:#fff; border-radius:50%; transition:.15s; }
.cmsw input:checked + span { background:var(--green,#3fb950); }
.cmsw input:checked + span::after { transform:translateX(15px); }
.cmsw.amber input:checked + span { background:#d99a2b; }
.cmsw[aria-disabled="true"] { opacity:.45; cursor:not-allowed; }
/* Availability toggle: green when available (on), red when unavailable (off). (Cory, 6/19)
   Explicit hexes — this theme's --green is the ember accent (#c4511a), not green. */
.cmsw.avail input + span { background:#cf222e; }
.cmsw.avail input:checked + span { background:#2ea043; }
/* Two-column team grid in Business Settings → Team. (Cory, 6/19) */
.cm-grid { display:flex; flex-direction:column; }
.cm-tierhdr { font-size:10px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; color:var(--text-4); padding:16px 4px 6px; margin-top:8px; border-bottom:1px solid var(--border-2); }
.cm-tierhdr:first-child { margin-top:0; padding-top:2px; }
.cm-row { display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:11px 6px; border-bottom:1px solid var(--border-2); }
.cm-row:last-child { border-bottom:none; }
.cm-row:hover { background:var(--bg-2); }
.cm-ava { flex:0 0 auto; align-self:flex-start; margin-top:1px; width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; color:#fff; user-select:none; }
.cm-ava[onclick] { cursor:pointer; }
.cm-ava[onclick]:hover { filter:brightness(1.14); }
.cm-main { flex:1 1 300px; min-width:0; }
.cm-nm { font-size:13px; color:var(--text-1); font-weight:600; }
.cm-nm-link { cursor:pointer; }
.cm-nm-link:hover { text-decoration:underline; }
.cm-pill { display:inline-block; font-size:9.5px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:var(--accent); border:1px solid var(--accent); border-radius:10px; padding:1px 7px; margin-left:7px; vertical-align:middle; }
.cm-rl { font-size:11px; color:var(--text-3); margin-top:1px; }
.cm-main .cm-avail { margin-top:7px; gap:9px 14px; }
.cm-act { flex:0 0 auto; margin-left:auto; align-self:center; display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
.cm-card { border:1px solid var(--border-2); border-radius:9px; padding:9px 11px; background:var(--bg); }
.cm-card .cm-avail { gap:9px 14px; margin-top:7px; }
@media (max-width:520px){ .cm-act { margin-left:46px; } }