.spbc-timeline-widget{font-family:Arial,sans-serif;width:95%;max-width:1300px;margin:15px;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:20px}.spbc-timeline-controls{display:flex;align-items:center;gap:15px;margin-bottom:20px;flex-direction:row;justify-content:flex-start}.spbc-timeline-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:250px;background:#f9f9f9}.spbc-timeline-container{position:relative;height:150px;overflow-x:auto;margin-top:20px;border:1px solid #eee;border-radius:6px;background:#fafbfc}.spbc-timeline-svg{display:block;width:100%;height:100%;min-width:800px}.spbc-timeline-axis{stroke:#6a737d;stroke-width:1}.spbc-timeline-axis-text{font-size:11px;fill:#666;text-anchor:middle}.spbc-timeline-user-line{stroke-width:1;stroke:#a0a6ad;opacity:.3}.spbc-timeline-event-marker{stroke-width:1.5;cursor:pointer;transition:all .2s ease;fill:#fff}.spbc-timeline-event-marker:hover{stroke-width:2.5;r:6.5;fill:#000}.spbc-timeline-tooltip{background:#fff;display:flex;flex-direction:column;color:#000;padding:8px 12px;border-radius:4px;font-size:12px;pointer-events:none;opacity:0;transition:opacity .2s;z-index:100;box-shadow:0 2px 4px rgba(0,0,0,.2);max-width:250px;margin-left:12px}.spbc-timeline-event-info-group{display:flex;flex-direction:row;align-items:center}.spbc-timeline-no-data{text-align:center;padding:40px;color:#666;font-style:italic}.spbc-timeline-legend-text{font-size:12px;fill:#333;dominant-baseline:middle}.spbc-timeline-legend-circle{dominant-baseline:middle}