.overlay-gradient-lr {
    background-image: linear-gradient(to right, #1d355700 20%, rgba(0, 0, 0, 0));
}

/* =====================================
   SLOTS CONTAINER - RESPONSIVE GRID
===================================== */
#PriorityLaneSlots{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(210px, 1fr));
    gap:10px;
    width:100%;
}

/* =====================================
   SLOT BOX
===================================== */
#PriorityLaneSlots .slot{
    display:flex;
    align-items:stretch;
    width:100%;                 /* fill grid cell */
    min-height:72px;
    overflow:hidden;
}

/* =====================================
   LEFT SIDE - TIME
===================================== */
#PriorityLaneSlots .slot .slot_time{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:0 8px;
  white-space: nowrap;
}

/* =====================================
   RIGHT SIDE - COUNT + TEXT
===================================== */
#PriorityLaneSlots .slot > div{
    width:110px;
    border-left:1px solid #DD0000;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;

    padding:0 8px;
    flex-shrink:0;
}

/* =====================================
   COUNT
===================================== */
#PriorityLaneSlots .slot > div .fs-4{
    line-height:1;
    margin-bottom:2px;
}

/* =====================================
   SINGLE LINE TEXT
===================================== */
#PriorityLaneSlots .slot > div .fs-6{
    white-space:nowrap;
  
    
    line-height:1.2;
}