/* Daily Life Doc, round 39 (zone K; moved by zone P3 from css/kb-team.css): Settings → Team (js/settings/team.js,
   js/settings/team-page.js, js/settings/settings-team.js, .kt-*):
   the group's head with + Add on the right, a person's row (the initial in a small round, the Display name as the
   row's name, the Role and Access line in grey; fixer FX2: no tag and no "You", the owner's correction), and a person's page and the Add page:
   the Account card's tinted fields (.ac-f) in one column, Access as the For choice's segments, a field that may not be
   changed as plain text, the buttons and the red line under them. */
.kt-gh { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.kt-gh .kbg { flex: 1 1 auto; }
.kt-add { flex: none; }
.kt-grp .kud-r { grid-template-columns: 24px minmax(0, 1fr); }
.kt-n { min-width: 0; overflow-wrap: anywhere; }
.kt-grp .kbr .nm2 small { white-space: normal; }

.kt-body { display: flex; flex-direction: column; padding-bottom: 24px; }
.kt-form { width: 100%; max-width: 480px; padding-top: 6px; }
.kt-f { margin-bottom: 12px; }
.kt-ro { margin: 0; padding: 2px 0; font-size: var(--t-s); color: var(--ink); line-height: 1.4; overflow-wrap: anywhere; }
.kt-none { color: var(--ink3); }
.kt-seg { align-self: flex-start; }
.kt-seg > button { padding: 6px 16px; font-size: var(--t-sm); }
.kt-go { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.kt-err { margin: 10px 2px 0; }
.kt-err[hidden] { display: none; }
.kt-link { max-width: 480px; margin: 4px 0 12px; }
.kt-rm { color: var(--bad-d); }
@media (max-width: 400px) {
  .kt-go .pill:not(.kt-rm) { flex: 1; }
}

/* Round 39 (zone P3): a person's page inside the card Team of Settings: Back, then the name over its line, on one row
   (the knowledge base's bar classes are reused, so they are laid out here for the card). */
.tm-page .xbar { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; padding: 0; background: none; border: 0; position: static; }
.tm-page .xt { display: flex; flex-direction: column; min-width: 0; gap: 1px; }
.tm-page .kt-t { font-size: var(--t-m, 17px); font-weight: 600; color: var(--ink); overflow-wrap: anywhere; }
.tm-page .kb-sub { margin: 0; font-size: var(--t-xs); color: var(--ink3); }
.tm-page .xbody { padding: 0; }
.tm-list .kt-add { margin-top: 8px; }
.tm-page .klk-xt .kb-sub::before { content: none; }
.tm-page .kb-sub:empty { display: none; }