.evt-wrap { font-family: inherit; padding: 1.5rem 0; }
.evt-axis { position: relative; height: 28px; margin-bottom: 2px; }
.evt-axis-lbl { position: absolute; font-size: 11px; color: #888; transform: translateX(-50%); bottom: 4px; white-space: nowrap; }
.evt-lanes { border-radius: 8px; overflow: hidden; background: #f5f5f3; }
.evt-lane { position: relative; height: 52px; border-bottom: 1px solid #e8e8e5; }
.evt-lane:last-child { border-bottom: none; }
.evt-block { position: absolute; top: 6px; height: 40px; border-radius: 6px; padding: 0 10px; display: flex; flex-direction: column; justify-content: center; cursor: default; box-sizing: border-box; overflow: hidden; transition: filter .15s; }
.evt-block:hover { filter: brightness(.91); }
.evt-block-title { font-size: 12px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.evt-block-time { font-size: 10px; opacity: .72; white-space: nowrap; }
.evt-legend { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 1rem; }
.evt-legend-item { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #555; }
.evt-legend-dot { width: 10px; height: 10px; border-radius: 3px; flex-shrink: 0; }
.evt-tooltip { position: fixed; background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 9px 13px; font-size: 12px; color: #222; pointer-events: none; z-index: 9999; display: none; max-width: 210px; box-shadow: 0 2px 8px rgba(0,0,0,.08); }
.evt-tooltip strong { font-weight: 500; display: block; margin-bottom: 3px; }