/* Клан (v14): состав, приглашения, матрица прав. Токены и компоненты — в styles.css. */
.cn-m{flex-wrap:wrap;gap:8px 10px}
.cn-meta{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0}
.cn-act{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:auto}
.cn-act:empty{display:none}
.cn-sel{width:auto;max-width:180px;min-height:32px;padding-block:4px}
.cn-kick{color:var(--crit)}
.cn-inv,.cn-pi,.cn-sr,.cn-cr{flex-wrap:wrap;gap:8px 10px;padding-block:10px}
.cn-pi .chip,.cn-sr .chip{flex:none}
.cn-cr input{width:100%}
.cn-mx th:first-child,.cn-mx td.pm{position:sticky;left:0;z-index:1;background:var(--s1)}
.cn-mx th:not(:first-child){text-align:center;white-space:normal;min-width:110px;letter-spacing:.04em;overflow-wrap:normal}
.cn-mx td:not(.pm){text-align:center}
#ciRes .li{border-bottom:1px solid var(--line)}
#ciRes .li:last-child{border-bottom:0}
@media (max-width:767px){
  .cn-act{width:100%;margin-left:0}
  .cn-sel{flex:1 1 140px;max-width:none;min-height:40px}
  .cn-act .btn{min-height:40px}
  .cn-mx td.pm{min-width:150px}
}