.agent-heatmap{border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#0a0a0b;padding:14px 14px 10px;margin-bottom:14px;width:100%;box-sizing:border-box}.agent-heatmap__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.agent-heatmap__title{font-size:13px;font-weight:600;color:#d6d6d8;letter-spacing:.01em}.agent-heatmap__toggle{display:inline-flex;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;overflow:hidden}.agent-heatmap__toggle-btn{border:none;background:transparent;color:#9a9a9c;font-size:12px;font-weight:500;padding:5px 12px;cursor:pointer;transition:background .15s ease,color .15s ease}.agent-heatmap__toggle-btn:hover{color:#e5e7eb;background:#ffffff0d}.agent-heatmap__toggle-btn--active{color:#fff;background:#22c55e29}.agent-heatmap__legend{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px;padding-right:4px;font-size:11px;color:#8a8a8c}.agent-heatmap__legend-cell{width:11px;height:11px;border-radius:2px;display:inline-block}.agent-heatmap__skeleton{width:100%;height:160px;border-radius:10px;background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f 37%,#ffffff08 63%);background-size:400% 100%;animation:agent-heatmap-shimmer 1.4s ease infinite}@keyframes agent-heatmap-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}