.congestion-tooltip {
    position: fixed;
    pointer-events: none;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.92);
    color: #ffffff;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 11px;
    line-height: 1.45;
    white-space: pre;
    max-width: 260px;
    opacity: 0;
    transition: opacity 80ms ease-out;
}

.congestion-tooltip[data-visible="true"] {
    opacity: 1;
}

/* Region-peak overlay bands stay clear of the 96px provider-name column on the left
 * and the 64px status badge column on the right, and stop above the bottom-labels row. */
#region-overlays {
    clip-path: inset(0 64px 18px 120px);
    -webkit-clip-path: inset(0 64px 18px 120px);
}