.team-presence-trigger{position:relative;display:inline-flex;align-items:center;gap:5px;justify-content:center;min-width:42px}
.team-presence-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--success,#16a34a);color:#fff;font-size:10px;font-weight:800;line-height:1}
.team-presence-panel{position:fixed;z-index:1200;top:68px;right:82px;width:min(390px,calc(100vw - 24px));max-height:min(690px,calc(100vh - 84px));overflow:hidden;background:var(--white,#fff);color:var(--text,#0f172a);border:1px solid var(--border,#e2e8f0);border-radius:16px;box-shadow:0 22px 58px rgba(15,23,42,.2);display:flex;flex-direction:column}
.team-presence-panel:focus{outline:2px solid color-mix(in srgb,var(--primary,#e8400c) 65%,transparent);outline-offset:2px}
.team-presence-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 16px 12px;border-bottom:1px solid var(--border,#e2e8f0)}
.team-presence-head h2{font:800 16px/1.2 inherit;margin:0}.team-presence-head p{margin:4px 0 0;color:var(--text2,#64748b);font-size:11px}
.team-presence-close{border:0;background:transparent;color:inherit;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:23px;line-height:1}.team-presence-close:hover,.team-presence-close:focus-visible{background:rgba(148,163,184,.16);outline:2px solid var(--primary,#e8400c)}
.team-presence-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px 16px 8px}.team-presence-kpi{min-width:0;padding:8px;border-radius:10px;background:rgba(148,163,184,.1);text-align:center}.team-presence-kpi strong{display:block;font-size:17px}.team-presence-kpi span{display:block;color:var(--text2,#64748b);font-size:9px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.team-presence-filters{display:grid;gap:9px;padding:7px 16px 11px;border-bottom:1px solid var(--border,#e2e8f0)}.team-presence-role-filters{display:flex;gap:5px;overflow-x:auto;padding-bottom:2px}.team-presence-filter{flex:0 0 auto;border:1px solid var(--border,#e2e8f0);background:transparent;color:inherit;border-radius:999px;padding:5px 8px;font:700 10px/1 inherit;cursor:pointer}.team-presence-filter[aria-pressed="true"]{border-color:var(--primary,#e8400c);background:rgba(232,64,12,.1);color:var(--primary,#e8400c)}
.team-presence-brand-label{display:flex;align-items:center;gap:8px;color:var(--text2,#64748b);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.team-presence-brand-label select{flex:1;min-width:0;border:1px solid var(--border,#e2e8f0);border-radius:8px;background:var(--white,#fff);color:var(--text,#0f172a);padding:7px 9px;font:600 11px inherit}
.team-presence-feedback{padding:12px 16px;color:var(--text2,#64748b);font-size:11px}.team-presence-feedback:empty{display:none}.team-presence-list{list-style:none;margin:0;padding:5px 8px 12px;overflow:auto}.team-presence-agent{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 8px;border-radius:11px}.team-presence-agent:hover{background:rgba(148,163,184,.08)}.team-presence-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(33,85,224,.1);color:var(--blue,#2155e0);font-weight:900}.team-presence-agent-main{min-width:0}.team-presence-name{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-presence-meta,.team-presence-brands{margin-top:2px;color:var(--text2,#64748b);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-presence-status{display:inline-flex;align-items:center;gap:5px;max-width:116px;padding:5px 7px;border-radius:999px;background:rgba(148,163,184,.12);font-size:9px;font-weight:800;white-space:nowrap}.team-presence-dot{width:7px;height:7px;border-radius:50%;background:#94a3b8}.is-available .team-presence-dot{background:#16a34a}.is-busy .team-presence-dot{background:#2563eb}.is-saturated .team-presence-dot{background:#dc2626}.is-break .team-presence-dot{background:#d97706}.is-outside-working-hours .team-presence-dot{background:#7c3aed}.is-unavailable .team-presence-dot{background:#475569}
@media(max-width:760px){.team-presence-panel{top:64px;right:12px;max-height:calc(100vh - 78px)}.team-presence-count{position:absolute;top:-5px;right:-5px}.team-presence-kpis{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.team-presence-panel *{scroll-behavior:auto!important;transition:none!important}}