/* r577 · Team Activity (same look as the Dashboard) */
.t3{display:flex;flex-direction:column;gap:14px;padding-bottom:20px}
.t3,.t3 *{text-transform:none!important}
.t3 h1{font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0;display:flex;align-items:center;gap:10px;color:var(--t,#0F172A)}
.t3 h2{font-size:15px;font-weight:700;margin:0;display:flex;align-items:center;gap:8px;color:var(--t,#0F172A)}
.t3 p{margin:3px 0 0;font-size:13px;color:var(--t2,#475569)}
.t3-tl{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;flex:none}
.t3-card{background:var(--s,#fff);border:1px solid var(--bd,#E5E9F0);border-radius:14px;padding:16px 18px;box-shadow:0 1px 3px rgba(15,23,42,.04);min-width:0}
.t3-ch{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.t3-ch h2{margin-right:auto}
.t3-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.t3-hr{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.t3-live{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:1.4;letter-spacing:0;vertical-align:middle;margin-left:8px;position:relative;top:-2px;font-weight:600;color:#64748B;background:#F1F5F9;border-radius:999px;padding:3px 10px}
.t3-live i{width:7px;height:7px;border-radius:50%;background:#94A3B8}
.t3-live.on{color:#15803D;background:#DCFCE7}.t3-live.on i{background:#16A34A;box-shadow:0 0 0 3px #16A34A33}
.t3-pill,.t3-btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border:1px solid var(--bd,#E5E9F0);border-radius:10px;background:var(--s,#fff);font-size:12.5px;font-weight:600;color:var(--t,#0F172A)}
.t3-btn{cursor:pointer}.t3-btn:hover{border-color:var(--p,#3E5A8C);color:var(--p,#3E5A8C)}
.t3-filt{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;background:var(--s,#fff);border:1px solid var(--bd,#E5E9F0);border-radius:14px;padding:12px 16px}
.t3-filt label{display:block;font-size:11.5px;font-weight:600;color:var(--t3,#8590A2);margin-bottom:6px}
.t3-filt select{height:36px;min-width:200px;border-radius:10px;border:1px solid var(--bd,#E5E9F0);padding:0 10px;font-size:13px;background:var(--s,#fff)}
.t3-chips{display:flex;gap:4px;background:#F1F4F8;border-radius:10px;padding:3px}
.t3-chip{border:0;background:transparent;border-radius:8px;padding:7px 14px;font-size:12.5px;font-weight:600;color:var(--t2,#475569);cursor:pointer}
.t3-chip.on{background:var(--p,#3E5A8C);color:#fff}
.t3-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
.t3-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.t3-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.t3-kpi{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;padding:14px 14px 0;overflow:hidden}
.t3-kb{flex:1;min-width:0}.t3-kv{font-size:24px;font-weight:800;letter-spacing:-.4px;line-height:1.1;color:var(--t,#0F172A)}
.t3-kl{font-size:12.5px;font-weight:600;color:var(--t2,#475569);margin-top:2px}
.t3-kd{display:flex;align-items:center;gap:6px;margin-top:6px;flex-wrap:wrap}.t3-kd span{font-size:11.5px;font-weight:700;border-radius:6px;padding:1px 6px;white-space:nowrap}.t3-kd small{white-space:nowrap}.t3-kd small{font-size:11px;color:var(--t3,#8590A2)}
.t3-spark{width:calc(100% + 28px);height:34px;margin:0 -14px;display:block}
.t3-row{display:grid;gap:14px}
.t3-r2{grid-template-columns:1.5fr 1.1fr .8fr}
.t3-r3{display:flex;flex-direction:column;gap:14px}
.t3-lg{display:flex;gap:12px;flex-wrap:wrap;font-size:11.5px;color:var(--t2,#475569)}.t3-lg i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}
.t3-mix{display:flex;align-items:center;gap:14px}
.t3-ml{flex:1;min-width:0}.t3-ml div{display:grid;grid-template-columns:10px minmax(0,1fr) auto 40px;gap:8px;white-space:nowrap;align-items:center;padding:6px 0;border-bottom:1px solid #F1F4F8;font-size:12.5px}
.t3-ml i{width:10px;height:10px;border-radius:50%}.t3-ml span{color:var(--t2,#475569);overflow:hidden;text-overflow:ellipsis}.t3-ml em{font-style:normal;color:var(--t3,#8590A2);text-align:right;font-size:12px}
.t3-goal{display:flex;flex-direction:column;align-items:center;text-align:center}.t3-goal .t3-ch{align-self:stretch}
.t3-gn b{display:block;font-size:16px;color:var(--t,#0F172A);margin-top:4px}.t3-gn small{font-size:11.5px;color:var(--t3,#8590A2)}
.t3-link{background:none;border:0;color:var(--p,#3E5A8C);font-size:12.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;margin-top:10px;padding:0}
.t3-tw{overflow-x:auto}
.t3-tb{width:100%;border-collapse:collapse;font-size:12.5px}
.t3-tb th{text-align:left;font-size:11px;font-weight:700;color:var(--t3,#8590A2);padding:8px 8px;border-bottom:1px solid var(--bd,#E5E9F0);white-space:nowrap;background:#F8FAFC}
.t3-tb td{padding:9px 8px;border-bottom:1px solid #F1F4F8;white-space:nowrap}.t3-tb .r{text-align:right}
.t3-tb tbody tr:hover td{background:#F8FAFC}
.t3-nm{display:inline-flex;align-items:center;gap:8px}.t3-nm b{display:block;font-size:13px}.t3-nm small{display:block;font-size:11px;color:var(--t3,#8590A2)}
.t3-av{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;font-weight:700;flex:none}
.t3-rk{display:inline-flex;width:22px;height:22px;border-radius:50%;align-items:center;justify-content:center;font-size:11px;font-weight:800;background:#EEF1F6;color:#475569}
.t3-rk.r1{background:#FEF3C7;color:#B45309}.t3-rk.r2{background:#E2E8F0;color:#334155}.t3-rk.r3{background:#FFEDD5;color:#C2410C}
.t3-sb{display:inline-block;width:90px;height:8px;background:#EEF1F6;border-radius:4px;vertical-align:middle;margin-right:6px;overflow:hidden}.t3-sb i{display:block;height:8px;border-radius:4px;background:linear-gradient(90deg,#2563EB,#16A34A)}
.t3-tb td small{font-size:11.5px;color:var(--t2,#475569);font-weight:600}
.t3-mut{color:var(--t3,#8590A2)}
.t3-gb{border:0;background:none;font-weight:800;cursor:pointer;font-size:12.5px}.t3-gb[disabled]{cursor:default}
.t3-fu{font-size:12px;color:var(--t2,#475569)}
.t3-st{font-size:11.5px;font-weight:600;border-radius:999px;padding:2px 9px;background:#F1F5F9;color:#64748B}.t3-st.on{background:#DCFCE7;color:#15803D}
.t3-prod{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.t3-pt{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--bd,#E5E9F0);border-radius:12px;padding:12px}
.t3-pt>div small{display:block;font-size:11.5px;color:var(--t2,#475569);font-weight:600}.t3-pt>div b{display:block;font-size:20px;color:var(--t,#0F172A);margin:2px 0}.t3-pt>div span{display:block;font-size:11.5px;color:var(--t3,#8590A2)}
.t3-pt>.t3-tl{display:inline-flex!important;align-items:center;justify-content:center;border-radius:10px}   /* r588: icon centred in its tile */
.t3-feed{position:sticky;top:12px;max-height:calc(100vh - 120px);display:flex;flex-direction:column}
.t3-ft{display:flex;gap:4px;background:#F1F4F8;border-radius:10px;padding:3px;margin-bottom:8px}
.t3-ft button{flex:1;border:0;background:transparent;border-radius:8px;padding:6px 4px;font-size:12px;font-weight:600;color:var(--t2,#475569);cursor:pointer}.t3-ft button.on{background:var(--s,#fff);color:var(--p,#3E5A8C);box-shadow:0 1px 3px rgba(15,23,42,.08)}
.t3-fl{overflow-y:auto;flex:1;margin:0 -6px;padding:0 6px}
.t3-fi{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #F1F4F8}
.t3-fb{flex:1;min-width:0}.t3-fh{display:flex;justify-content:space-between;gap:6px}.t3-fh b{font-size:12.5px}.t3-fh time{font-size:11px;color:var(--t3,#8590A2);white-space:nowrap}
.t3-fx{font-size:12px;color:var(--t2,#475569);display:flex;align-items:center;gap:5px;flex-wrap:wrap}.t3-fx a{color:var(--p,#3E5A8C);font-weight:600;cursor:pointer}
.t3-fn{font-size:11.5px;color:var(--t3,#8590A2);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t3-empty{text-align:center;color:var(--t3,#8590A2);font-size:12.5px;padding:18px!important}
@media(max-width:1400px){.t3-layout{grid-template-columns:1fr}.t3-feed{position:static;max-height:520px}.t3-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.t3-r2{grid-template-columns:1fr 1fr}.t3-r2>section:first-child{grid-column:1/-1}}
@media(max-width:1000px){.t3-r2{grid-template-columns:1fr}.t3-prod{grid-template-columns:1fr 1fr}.t3-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* r596: interactive charts */
.t3-r2>section{display:flex;flex-direction:column}
svg.t3-ov{flex:1;min-height:0;display:block}
svg.t3-ov .t3-hit{cursor:crosshair}
.t3-mix svg .t3-seg{transition:stroke-width .18s,opacity .18s;cursor:pointer}
.t3-mix svg.hov .t3-seg{opacity:.35}.t3-mix svg.hov .t3-seg.on{opacity:1;stroke-width:7.5}
.t3-ml>div[data-n]{cursor:pointer;border-radius:6px;transition:background .15s}
.t3-ml>div.on{background:#F1F5F9}.t3-ml>div.on span,.t3-ml>div.on b{color:var(--t,#0F172A);font-weight:700}