/* Teams & people, Roles & permissions (admin-teams.js), the span note on
   the live floor (live.js). */
.tm-node { border: 1px solid var(--border); border-radius: 12px; padding: 10px 14px; margin: 8px 0; background: var(--panel); }
.tm-node.tm-admin { background: var(--panel-2); }
.tm-node.tm-manager { border-left: 4px solid var(--coral); }
.tm-node.tm-supervisor { border-left: 4px solid var(--accent); }
.tm-node.tm-drop { outline: 2px dashed var(--accent); background: var(--accent-soft); }
.tm-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.tm-head select { max-width: 260px; }
.tm-spacer { flex: 1; }
.tm-team { font-weight: 600; color: var(--accent-strong); }
.tm-agents { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.tm-agent { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border: 1px solid var(--border); border-radius: 999px;
  background: var(--panel-2); cursor: grab; font-size: 0.92em; }
.tm-agent input { margin: 0; }
.tm-bulk select { width: auto; min-width: 220px; max-width: 360px; margin: 0; }
.tm-bulk { display: flex; gap: 8px; align-items: center; margin-bottom: 6px; flex-wrap: wrap; }
.tm-banner, .tm-topbanner { display: block; padding: 10px 14px; border-radius: 10px; background: var(--coral-soft); color: var(--coral-text); font-weight: 600; }
.tm-topbanner { text-decoration: none; }
.tm-area th { text-align: left; padding-top: 14px; color: var(--muted); font-size: 0.85em; text-transform: uppercase; letter-spacing: 0.04em; }
.tm-roles p { margin: 4px 0; }
.lv-span { margin: 0 16px; padding: 8px 14px; border-radius: 10px; background: var(--accent-soft); color: var(--text); font-size: 0.95em; }
.lv-agent-actions { display: flex; gap: 8px; flex-wrap: wrap; }
@media (max-width: 640px) { .tm-head select { max-width: 100%; } .tm-node { margin-left: 0 !important; } }