/* MISTER FAST LiveMapChat WEB V2.1.7
   Long Center Flow: Sidebar/Header/Chat remain visible while the center column
   grows naturally. Driver results use page scrolling, not a locked middle zone. */
:root{
  --mf217-map-height:520px;
  --mf217-splitter-height:16px;
  --mf217-titlebar-height:72px;
}

@media (min-width:901px){
  html:has(body.mf-web-long-center-v217),
  body.mf-web-long-center-v217{
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
  }

  body.mf-web-long-center-v217 .mf514-window{
    width:100%!important;
    height:auto!important;
    min-height:100dvh!important;
    max-height:none!important;
    display:block!important;
    overflow:visible!important;
  }

  body.mf-web-long-center-v217 .mf514-titlebar{
    position:sticky!important;
    top:0!important;
    z-index:2600!important;
    width:100%!important;
  }

  body.mf-web-long-center-v217 .mf514-grid{
    height:auto!important;
    min-height:calc(100dvh - var(--mf217-titlebar-height))!important;
    max-height:none!important;
    overflow:visible!important;
    align-items:start!important;
  }

  body.mf-web-long-center-v217 .mf514-sidebar,
  body.mf-web-long-center-v217 .mf514-chat-pane{
    position:sticky!important;
    top:var(--mf217-titlebar-height)!important;
    height:calc(100dvh - var(--mf217-titlebar-height))!important;
    max-height:calc(100dvh - var(--mf217-titlebar-height))!important;
    min-height:0!important;
    overflow:hidden!important;
    align-self:start!important;
  }

  body.mf-web-long-center-v217 .mf514-sidebar{
    display:flex!important;
    flex-direction:column!important;
  }
  body.mf-web-long-center-v217 .mf514-sidebar .mf514-menu{
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }

  body.mf-web-long-center-v217 .mf514-chat-pane{
    display:flex!important;
    flex-direction:column!important;
  }
  body.mf-web-long-center-v217 .mf514-chat-body,
  body.mf-web-long-center-v217 [data-mf514-chat-list],
  body.mf-web-long-center-v217 .mf61-chat-scroll,
  body.mf-web-long-center-v217 .mf61-message-list{
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }

  body.mf-web-long-center-v217 .mf514-map-pane{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    display:grid!important;
    grid-template-rows:auto var(--mf217-map-height) var(--mf217-splitter-height) auto!important;
    align-content:start!important;
  }

  body.mf-web-long-center-v217 .mf514-map-toolbar{
    grid-row:1!important;
    position:sticky!important;
    top:var(--mf217-titlebar-height)!important;
    z-index:1800!important;
  }

  body.mf-web-long-center-v217 .mf514-map-wrap{
    grid-row:2!important;
    position:relative!important;
    height:var(--mf217-map-height)!important;
    min-height:280px!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  body.mf-web-long-center-v217 #mf514Map{
    width:100%!important;
    height:100%!important;
    min-height:280px!important;
  }

  body.mf-web-long-center-v217 .mf215-map-driver-splitter{
    grid-row:3!important;
    display:grid!important;
    place-items:center!important;
    position:relative!important;
    z-index:1900!important;
    width:100%!important;
    height:var(--mf217-splitter-height)!important;
    min-height:var(--mf217-splitter-height)!important;
    border:0!important;
    border-top:1px solid #d7e1ee!important;
    border-bottom:1px solid #d7e1ee!important;
    background:#f4f7fb!important;
    cursor:row-resize!important;
    touch-action:none!important;
    user-select:none!important;
  }
  body.mf-web-long-center-v217 .mf215-map-driver-splitter span{
    width:72px!important;
    height:5px!important;
    border-radius:999px!important;
    background:#8297b1!important;
    transition:.15s ease!important;
  }
  body.mf-web-long-center-v217 .mf215-map-driver-splitter:hover span,
  body.mf-web-long-center-v217 .mf215-map-driver-splitter:focus-visible span,
  body.mf-web-long-center-v217.mf217-row-resizing .mf215-map-driver-splitter span{
    width:104px!important;
    background:#003DA5!important;
  }

  body.mf-web-long-center-v217 .mf6192-driver-section{
    grid-row:4!important;
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:220px!important;
    max-height:none!important;
    margin:0!important;
    overflow:visible!important;
    display:block!important;
    background:#fff!important;
  }
  body.mf-web-long-center-v217 .mf6192-driver-head{
    position:sticky!important;
    top:calc(var(--mf217-titlebar-height) + 58px)!important;
    z-index:1700!important;
    background:#fff!important;
  }
  body.mf-web-long-center-v217 .mf6192-driver-list{
    display:grid!important;
    grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important;
    gap:12px!important;
    width:100%!important;
    height:auto!important;
    min-height:150px!important;
    max-height:none!important;
    padding:12px 14px 28px!important;
    overflow:visible!important;
  }
  body.mf-web-long-center-v217 .mf6192-driver-list>*{
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
  }

  body.mf-web-long-center-v217 .mf52-ticker{
    position:relative!important;
  }

  body.mf-web-long-center-v217.mf217-row-resizing,
  body.mf-web-long-center-v217.mf217-row-resizing *{
    cursor:row-resize!important;
    user-select:none!important;
  }

  body.mf-web-long-center-v217.mf214-map-window{
    overflow:hidden!important;
  }
  body.mf-web-long-center-v217.mf214-map-window .mf514-map-toolbar{
    position:absolute!important;
    top:0!important;
  }
  body.mf-web-long-center-v217.mf214-map-window .mf215-map-driver-splitter,
  body.mf-web-long-center-v217.mf214-map-window .mf6192-driver-section{
    display:none!important;
  }
}

@media (max-width:900px){
  .mf215-map-driver-splitter{display:none!important}
}