.chart-card {border-radius:15px;padding:25px 18px 25px 28px;box-shadow:0 5px 14px;}
.chart-wrapper {position:relative;}
.chart-container {position:relative;min-height:320px;}
.event-icon {position:absolute;font-size:29px;transform:translate(-50%,-50%);cursor:pointer;transition:all .25s;z-index:9;text-shadow:2px 2px 4px rgba(0,0,0,.3);}
.event-icon:hover{transform:translate(-50%,-50%) scale(1.2);}
.event-tooltip{position:absolute;background:rgba(0,0,0,0.92);color:#fff;padding:8px 12px;border-radius:6px;font-size:13px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .28s;z-index:99;transform:translateX(-50%);}
.event-icon:hover + .event-tooltip, .event-logo:hover + .event-tooltip{opacity:1;}
.event-logo{position:absolute;width:50px;height:50px;transform:translate(-50%,-50%);cursor:pointer;border-radius:6px;border:0px;object-fit:contain;z-index:10;}
.event-logo:hover{transform:translate(-50%,-50%) scale(1.18);}
.unavailability-zone{position:absolute;background:rgba(255,68,68,0.14);border-left:2px solid #FF4444;border-right:2px solid #FF4444;pointer-events:none;z-index:5;}
.legend-custom{margin-top:22px;padding:15px 12px;background:#f8f9fa;border-radius:8px;border-left:4px solid #ED8618;}
.legend-title{font-weight:bold;color:#ED8618;margin-bottom:8px;font-size:1.05em;}
.legend-item{display:inline-flex;align-items:center;margin-right:22px;margin-bottom:9px;font-size:.96em;}
.legend-icon{font-size:20px;margin-right:8px;}