.team-summary{display:flex;align-items:center;gap:50px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px 28px;margin:5px 0 25px}
.team-summary>div{display:flex;align-items:center;gap:14px}.team-summary>div>svg{width:28px;height:28px;color:var(--primary)}.team-summary>div>span{font-size:12px;color:var(--muted)}.team-summary strong{display:block;color:var(--ink);font-size:28px;font-weight:650;line-height:1.4}.team-summary p{margin-left:auto;font-size:12px;color:var(--muted);line-height:1.8}
.team-toolbar{display:flex;align-items:center;gap:20px;margin-bottom:20px}.team-toolbar .search-input{background:#fff}.team-toolbar .search-input input{width:230px}.team-online-filter{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#656571;font-size:13px}.team-online-filter input{accent-color:var(--primary);width:16px;height:16px}.team-toolbar>.button{margin-left:auto}
.team-table{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.team-table-head,.team-member{display:grid;grid-template-columns:minmax(180px,2fr) minmax(100px,1fr) minmax(120px,1fr) minmax(100px,1fr);align-items:center;gap:18px;padding:20px 24px}.team-table-head{padding-top:13px;padding-bottom:13px;background:#fcfcfe;font-size:12px;font-weight:550;color:var(--muted)}.team-member{border-top:1px solid var(--line)}.team-identity{display:flex;align-items:center;gap:13px;min-width:0}.team-identity>div{min-width:0}.team-identity strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}.team-identity small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.team-you{display:inline-block;margin-left:8px;background:var(--primary-light);border-radius:4px;padding:1px 6px;font-size:10px;color:var(--primary)}.team-status{display:inline-flex;align-items:center;gap:6px;color:#777b88;background:#f3f4f7;font-size:11px;border-radius:20px;padding:5px 10px}.team-status>span{width:6px;height:6px;background:#a2a6b2;border-radius:50%}.team-status.online{background:#eaf7ef;color:#348859}.team-status.online>span{background:#39a569}.team-date{font-size:12px;color:#737685}.team-date>span{display:none}.team-note{color:var(--muted);font-size:12px;margin:19px 0;line-height:1.8;max-width:760px}.team-error{border:1px solid #ead1d8;color:#a4485b;background:#fff5f7;padding:13px 16px;border-radius:8px;margin-bottom:16px;line-height:1.7}.team-loading{padding:24px}
@media(max-width:1050px){.team-summary{gap:25px}.team-summary p{max-width:180px}.team-table-head,.team-member{gap:12px;padding-left:18px;padding-right:18px;grid-template-columns:minmax(155px,1.7fr) 85px 100px 90px}.team-toolbar{gap:12px}.team-toolbar .search-input input{width:170px}}
@media(max-width:650px){.team-summary{flex-wrap:wrap;gap:20px 40px;padding:20px}.team-summary p{margin-left:0;max-width:none;flex-basis:100%}.team-summary p br{display:none}.team-toolbar{flex-wrap:wrap}.team-toolbar .search-input{flex-basis:100%;min-width:0}.team-toolbar .search-input input{width:100%}.team-table-head{display:none}.team-member{grid-template-columns:minmax(0,1fr) auto;gap:17px 10px;padding:19px 16px}.team-member:first-of-type{border-top:0}.team-date>span{display:block;color:#9a9caa;font-size:10px;margin-bottom:3px}.team-member>.team-date:last-child{text-align:right}.team-identity{gap:9px}.team-identity strong{font-size:13px}.team-status{padding:4px 8px}.team-note{font-size:11px}}