/* Team Board: people and digital colleagues share one accountable surface. */
/* ⛔ THE HEADER WEARS THE APP'S OWN ICON, like every other pane (os-builder,
   os-app, os-cadastre all use .rhIcon) — a letter in a violet tile read as a
   missing logo, and it was: Team was the only pane drawing an initial. */
.osApp[data-app="team"] .rhIcon{width:46px;height:46px;flex:none;object-fit:contain;filter:drop-shadow(0 3px 6px color-mix(in srgb,var(--ink) 14%,transparent))}
.osApp[data-app="team"] .tmBoard>.tabs{align-items:center}.osApp[data-app="team"] .tmRefresh{margin-left:auto!important;color:var(--muted)!important}.osApp[data-app="team"] .tmList{display:flex;flex-direction:column;gap:6px}.osApp[data-app="team"] .tmPerson{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surf)}
.osApp[data-app="team"] .tmAvatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--fill);color:var(--onfill);font:700 11px var(--osDisp)}.osApp[data-app="team"] .tmAvatar.worker{border-radius:11px;background:color-mix(in srgb,var(--violet) 18%,var(--surf2));color:var(--violet)}.osApp[data-app="team"] .tmWho{display:flex;flex-direction:column;min-width:0;flex:1}.osApp[data-app="team"] .tmWho b{font:600 13.5px var(--osDisp)}.osApp[data-app="team"] .tmWho small,.osApp[data-app="team"] .tmWho em{font:400 11px/1.45 var(--osMono);color:var(--muted);font-style:normal}.osApp[data-app="team"] .tmWho em{color:var(--violet)}.osApp[data-app="team"] .tmState{font:500 10.5px var(--osMono);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 8px}.osApp[data-app="team"] .tmState.active{color:var(--mint)}
.osApp[data-app="team"] .tmTeams{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.osApp[data-app="team"] .tmTeam{padding:14px}.osApp[data-app="team"] .tmTeam header{display:flex;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid var(--line)}.osApp[data-app="team"] .tmTeam header span{display:flex;flex-direction:column}.osApp[data-app="team"] .tmTeam small{font:400 10.5px var(--osMono);color:var(--muted)}.osApp[data-app="team"] .tmTeam header i{font:600 11px var(--osMono);font-style:normal}.osApp[data-app="team"] .tmTeam>div{display:flex;gap:6px;flex-wrap:wrap;padding-top:11px}.osApp[data-app="team"] .tmChip{padding:5px 8px;border-radius:999px;background:var(--surf2);font-size:11px}.osApp[data-app="team"] .tmChip.agent{color:var(--violet)}
.osApp[data-app="team"] .tmStaff{display:flex;flex-direction:column;gap:7px}.osApp[data-app="team"] .tmAssignment{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.55fr) auto;gap:14px;align-items:center;padding:12px 14px}.osApp[data-app="team"] .tmGoal,.osApp[data-app="team"] .tmOwner{display:flex;flex-direction:column}.osApp[data-app="team"] .tmGoal small,.osApp[data-app="team"] .tmOwner small{font:400 10.5px var(--osMono);color:var(--muted)}.osApp[data-app="team"] .tmAssignment button{border:1px solid var(--line2);border-radius:999px;padding:6px 11px;background:var(--fill);color:var(--onfill);cursor:pointer}@media(max-width:700px){.osApp[data-app="team"] .tmAssignment{grid-template-columns:1fr}.osApp[data-app="team"] .tmState{display:none}}
.osApp[data-app="team"] .tmAssignment{grid-template-columns:minmax(0,1fr) minmax(190px,.6fr) auto}.osApp[data-app="team"] .tmActs{display:flex;gap:6px;flex-wrap:wrap}.osApp[data-app="team"] .tmActs button{border:1px solid var(--line2);border-radius:999px;padding:6px 11px;background:var(--fill);color:var(--onfill);cursor:pointer;font:500 11px var(--osMono)}
.osApp[data-app="team"] .tmGate{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.osApp[data-app="team"] .tmGate b{font:600 10.5px var(--osMono);color:var(--muted);width:100%}.osApp[data-app="team"] .tmGate b.on{color:var(--mint)}.osApp[data-app="team"] .tmGate span{font:400 10.5px var(--osMono);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 8px}.osApp[data-app="team"] .tmGate i{font-style:normal;color:var(--violet)}
.osApp[data-app="team"] .tmNil{color:var(--amber)!important}.osApp[data-app="team"] .tmWarn{color:var(--amber)!important;font:400 10.5px/1.45 var(--osMono)!important}

.osApp[data-app="team"] .tmPerson.me{border-color:color-mix(in srgb,var(--violet) 40%,var(--line))}.osApp[data-app="team"] .tmYou{font:600 10px var(--osMono);color:var(--violet);font-style:normal;margin-left:6px;letter-spacing:.06em;text-transform:uppercase}.osApp[data-app="team"] .tmBio{display:block;margin-top:3px;font:400 12.5px/1.45 var(--osDisp)!important;color:var(--ink)!important;font-style:normal}.osApp[data-app="team"] .tmBio.tmNil{color:var(--muted)!important}

/* ── v0.3: one list for people and hired colleagues, and tabs that say why they
      exist (owner, 2026-09-09: "unify people with AI already hired … Atbildība
      and Vajag tevi, not clear what they do, why they are there at all"). ── */
.osApp[data-app="team"] .tmWhy{margin:0 0 14px;font:400 13.5px/1.5 var(--osDisp);color:var(--muted);max-width:74ch}
.osApp[data-app="team"] .tmSub{margin:18px 0 8px;font:600 11px/1 var(--osMono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:8px}
.osApp[data-app="team"] .tmSub i{font-style:normal;color:var(--faint)}
/* the one thing that is actually stuck on a person gets the amber rule — a mark
   and a border, never amber words (it is 4.3:1 on its own tint) */
.osApp[data-app="team"] .tmSub.amber{color:var(--ink)}
.osApp[data-app="team"] .tmSub.amber::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--amber);flex:none}
.osApp[data-app="team"] .tmClear{margin:0 0 14px;font:400 13px/1.5 var(--osDisp);color:var(--muted)}
/* a hired colleague's row: the same shape as a person's, with the face it was
   cast with and the permanent AI chip */
.osApp[data-app="team"] .tmAvatar.worker.art{padding:0;border-radius:12px;object-fit:cover;object-position:center top;background:color-mix(in srgb,var(--violet) 16%,var(--panel));border:1px solid color-mix(in srgb,var(--ink) 58%,var(--panel))}
.osApp[data-app="team"] .tmPerson.ai .tmWho b{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.osApp[data-app="team"] .tmAI{font-style:normal;font:700 9.5px/1 var(--osMono);letter-spacing:.1em;padding:3px 6px;border-radius:var(--r-pill);
  border:1px solid color-mix(in srgb,var(--violet) 55%,var(--line2));background:color-mix(in srgb,var(--violet) 14%,var(--panel));color:var(--ink)}
/* the count that used to be its own tab, kept visible as a badge */
.osApp[data-app="team"] .tabs .tmNeed{font-style:normal;margin-left:6px;font:700 10px/1 var(--osMono);padding:3px 6px;border-radius:var(--r-pill);
  background:color-mix(in srgb,var(--amber) 22%,var(--panel));border:1px solid var(--amber);color:var(--ink)}