/* Стили «Команды». Владелец — по карте слотов 00-plan §4; цвета только из theme.css. */

.tm { display: flex; flex-direction: column; gap: 20px; }
/* The way back to the list sits close over the head, as on the page of a meeting. */
.tm-back { align-self: flex-start; margin-bottom: -12px; }
.tm-head { align-items: flex-start; }
.tm-sub { margin: 4px 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 14px; line-height: 22px; color: var(--muted-foreground); }
.tm-people { display: inline-flex; align-items: center; gap: 6px; color: inherit; text-decoration: none; }
.tm-people:hover { color: var(--foreground); }
.tm-people .w-i { width: 16px; height: 16px; }
.tm-filter { max-width: 360px; }
.tm-group { display: flex; flex-direction: column; gap: 4px; }
.tm-group-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.tm-ic { width: 36px; height: 36px; flex-shrink: 0; border-radius: 12px; background: var(--secondary); color: var(--body); display: inline-flex; align-items: center; justify-content: center; }
.tm-ic .w-i { width: 18px; height: 18px; }
.tm-tag { padding: 0 8px; border-radius: 10px; background: var(--secondary); font-size: 12px; line-height: 20px; color: var(--body); }
.tm-all { margin-top: 8px; align-self: flex-start; text-decoration: none; }
.tm-rules { margin: 4px 0 0; padding-left: 18px; font-size: 13px; line-height: 20px; color: var(--body); }
.tm-rules li + li { margin-top: 4px; }
.tm-confirm { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.tm-confirm span { flex: 1 1 260px; }
.tm-panel { display: flex; flex-direction: column; gap: 20px; }

/* The sheets: a new team, people to add, a new name. */
.tm-name { display: flex; flex-direction: column; gap: 6px; margin: 0 0 16px; }
.tm-formline { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 0 0 16px; font-size: 13px; }
.tm-count { display: flex; align-items: baseline; gap: 8px; margin: 0 0 8px; font-size: 13px; line-height: 20px; color: var(--muted-foreground); }
.tm-count b { font-weight: 500; color: var(--foreground); }
.tm-foot-note { margin-right: auto; align-self: center; font-size: 13px; line-height: 20px; color: var(--muted-foreground); }

/* A topic without a decision on a phone: its two answers go under it, or they leave its title one letter («С…»). */
@media (max-width: 760px) {
  .tm-topic { flex-wrap: wrap; row-gap: 4px; padding-block: 10px; }
  .tm-topic .w-row-main { flex-basis: 100%; min-width: 0; }
  .tm-topic .w-row-meta { white-space: normal; }
  .tm-topic .w-row-side { margin-left: 36px; }
}

@media (max-width: 720px) {
  .tm-foot-note { display: none; }
  .tm-filter { max-width: none; }
}