/* Команда: чаты (ch-), проектный офис (pm-), видеовстречи (mt-), гибкий лид (fl-), общее (tm-).
   Цвета — только токенами ui.css. */

/* ---------- общее ---------- */
.tm-users{display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));max-height:240px;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card2)}
.tm-users label.ck{font-size:13px;min-width:0}
.tm-chips{display:flex;gap:4px;flex-wrap:wrap}
.tm-av{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--acc-soft);color:var(--acc3);font-size:11px;font-weight:700;flex:none}
.tm-link{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;background:var(--fill);border-radius:var(--radius-xs);padding:8px 10px}

/* ---------- чаты ---------- */
.ch-wrap{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;height:calc(100vh - 110px);min-height:420px}
.ch-wrap>.panel{margin:0;padding:0;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.ch-side-h{padding:12px 12px 8px;border-bottom:1px solid var(--line-soft)}
.ch-list{overflow-y:auto;flex:1;padding:6px}
.ch-grp{font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--mut2);padding:10px 8px 4px}
.ch-it{display:flex;gap:9px;align-items:center;width:100%;padding:8px;border:0;border-radius:10px;background:none;font:inherit;color:var(--ink);cursor:pointer;text-align:left}
.ch-it:hover{background:var(--fill)}
.ch-it.on{background:var(--acc-soft)}
.ch-ic{width:22px;text-align:center;flex:none;color:var(--mut)}
.ch-it-tx{display:flex;flex-direction:column;min-width:0;flex:1}
.ch-it-tx b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-it-tx .meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.ch-un{background:var(--bad);color:#fff;border-radius:999px;font-size:11px;font-weight:700;padding:0 6px;min-width:18px;text-align:center;flex:none}
.ch-head{display:flex;gap:8px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line-soft);min-height:52px;flex-wrap:wrap}
.ch-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%}
.ch-back{display:none}
.ch-msgs{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.ch-msg{max-width:min(720px,88%);background:var(--card-solid);border:1px solid var(--line-soft);border-radius:14px;padding:7px 11px;align-self:flex-start}
.ch-msg.mine{align-self:flex-end;background:var(--acc-soft);border-color:var(--acc-border)}
.ch-msg-h{display:flex;gap:8px;align-items:baseline;font-size:12.5px}
.ch-acts{margin-left:auto;display:flex;gap:2px;opacity:0;transition:opacity .15s}
.ch-msg:hover .ch-acts,.ch-msg:focus-within .ch-acts{opacity:1}
@media(hover:none){.ch-acts{opacity:.7}}
.ch-acts .btn.sm{height:24px;padding:0 7px}
.ch-body{font-size:14px;line-height:1.45;overflow-wrap:anywhere;margin-top:2px}
.ch-at{color:var(--acc3);font-weight:600}
.ch-quote{border-left:3px solid var(--acc-border);padding:2px 8px;margin:4px 0;font-size:12.5px;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch-file{display:block;font-size:13px;margin-top:4px;overflow-wrap:anywhere}
.ch-compose{border-top:1px solid var(--line-soft);padding:10px 12px}
.ch-row{display:flex;gap:8px;align-items:flex-end}
.ch-row textarea.ch-in{min-height:40px;max-height:160px;resize:none;flex:1;min-width:0}
.ch-reply{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--mut);background:var(--fill);border-radius:var(--radius-xs);padding:4px 8px;margin-bottom:6px}
.ch-reply span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch-flist{margin-bottom:6px;overflow-wrap:anywhere}
.ch-att{cursor:pointer}
.ch-sres{display:block;margin-bottom:8px;color:var(--ink);text-decoration:none!important}
@media(max-width:760px){
  .ch-wrap{grid-template-columns:minmax(0,1fr);height:calc(100vh - 90px)}
  .ch-wrap .ch-conv{display:none}
  .ch-wrap.ch-open .ch-conv{display:flex}
  .ch-wrap.ch-open .ch-side{display:none}
  .ch-back{display:inline-flex}
  .ch-msg{max-width:94%}
  .ch-row .btn.primary{padding:0 12px}
}

/* ---------- проектный офис ---------- */
.pm-filt{margin-bottom:12px}
.pm-filt .pm-q{flex:0 1 240px;min-width:0}
.pm-kbd{font:11px var(--font);background:var(--bg2);color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:0 5px;margin-left:4px}
.pm-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.pm-pc{display:flex;flex-direction:column;gap:7px;color:var(--ink);text-decoration:none!important;min-width:0}
.pm-pc:hover{border-color:var(--acc-border)}
.pm-pc-t{min-width:0;overflow:hidden;text-overflow:ellipsis}
.pm-pc-g{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pm-bar{height:6px;border-radius:999px;background:var(--fill2);overflow:hidden}
.pm-bar i{display:block;height:100%;background:var(--ok);border-radius:999px}
.pm-late{color:var(--bad3);font-weight:600}
.pm-tbl td{min-width:0}
.pm-ph{margin:8px 0 6px}
.pm-ph h2{min-width:0;overflow-wrap:anywhere}
.pm-goal{font-size:14px;margin-bottom:10px}
.pm-facts{display:grid;gap:10px 18px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.pm-facts>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.pm-facts .pm-mem{grid-column:1/-1}
.pm-desc{margin-top:10px}
.pm-kb .kbc{flex:1 1 0;min-width:230px}
.pm-h-todo{border-top-color:var(--mut2)}.pm-h-doing{border-top-color:var(--acc)}.pm-h-review{border-top-color:var(--violet3)}.pm-h-done{border-top-color:var(--ok)}
.pm-card{cursor:pointer}
.pm-card-t{font-weight:600;overflow-wrap:anywhere}
.pm-card-m{gap:6px;margin-top:6px}
.pm-add{width:100%;margin-top:7px;justify-content:flex-start}
.pm-task{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 260px}
.pm-sts{display:flex;gap:6px;flex-wrap:wrap}
.pm-cl-it{display:flex;align-items:center;gap:6px;padding:3px 0}
.pm-cl-it label{flex:1;min-width:0}
.pm-done{text-decoration:line-through;color:var(--mut)}
.pm-cl-add input{flex:1;min-width:0}
.pm-cms{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
.pm-cm{background:var(--fill);border-radius:var(--radius-sm);padding:7px 10px;overflow-wrap:anywhere}
.pm-cms+.row textarea{flex:1;min-width:0;min-height:44px}
.pm-hint{white-space:nowrap}
@media(max-width:760px){.pm-task{grid-template-columns:minmax(0,1fr)}.pm-hint{display:none}}

/* ---------- видеовстречи ---------- */
.mt-it{display:flex;gap:14px;align-items:center}
.mt-when{display:flex;flex-direction:column;align-items:center;min-width:64px;flex:none}
.mt-when b{font-size:18px;font-variant-numeric:tabular-nums}
.mt-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.mt-main .meta{overflow-wrap:anywhere}
.mt-topic{min-width:0;overflow-wrap:anywhere}
.mt-acts{display:flex;gap:6px;flex:none;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:640px){.mt-it{flex-wrap:wrap}.mt-acts{width:100%;justify-content:flex-start}}

/* ---------- гибкий лид ---------- */
.fl-top{align-items:flex-end}
.fl-tabs{margin-bottom:0;flex:1 1 auto;min-width:0;border-bottom:0}
.fl-body{margin-top:12px}
.fl-filt{margin-bottom:12px}
.fl-filt .fl-q{flex:0 1 360px;min-width:0}
.fl-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.fl-card{display:flex;flex-direction:column;gap:6px;cursor:pointer;min-width:0}
.fl-card:hover{border-color:var(--acc-border)}
.fl-t{min-width:0;overflow-wrap:anywhere}
.fl-need{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.fl-nums{gap:6px;font-variant-numeric:tabular-nums}
.fl-kv{display:grid;grid-template-columns:130px minmax(0,1fr);gap:8px;overflow-wrap:anywhere}
.fl-log{display:flex;flex-direction:column;gap:6px}
.fl-log-it{padding:6px 8px;border-radius:var(--radius-xs);background:var(--fill);overflow-wrap:anywhere}
.fl-log-it.click{cursor:pointer}
.fl-h{margin:16px 0 8px}
@media(max-width:640px){.fl-grid{grid-template-columns:minmax(0,1fr)}.fl-kv{grid-template-columns:minmax(0,1fr);gap:0}}