/* MISTER FAST LiveMapChat WEB Theme V2.1.14
   Unified pane controls + zero-gap Map/Chat seam. WEB only. */
:root{
  --mf2114-control-blue:#064aa8;
  --mf2114-control-blue-hover:#003d8f;
  --mf2114-control-gold:#ffc400;
}

@media (min-width:901px){
  /* Sidebar toggle: use the same blue family as the sidebar, with a clear white arrow. */
  body.mf-web-unified-controls-v2114 .mf212-sidebar-toggle{
    width:36px!important;
    min-width:36px!important;
    height:82px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.3)!important;
    border-left:0!important;
    border-radius:0 16px 16px 0!important;
    background:var(--mf2114-control-blue)!important;
    color:#fff!important;
    box-shadow:0 8px 22px rgba(0,45,110,.24)!important;
    z-index:3600!important;
  }

  body.mf-web-unified-controls-v2114 .mf212-sidebar-toggle span{
    color:#fff!important;
    font-size:24px!important;
    line-height:1!important;
  }

  body.mf-web-unified-controls-v2114 .mf212-sidebar-toggle:hover,
  body.mf-web-unified-controls-v2114 .mf212-sidebar-toggle:focus-visible{
    background:var(--mf2114-control-blue-hover)!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.5)!important;
  }

  body.mf-web-unified-controls-v2114 .mf212-sidebar-toggle:active{
    background:#002f72!important;
  }

  /* Map and Chat must touch directly: the divider consumes no layout width. */
  body.mf-web-unified-controls-v2114 .mf514-grid,
  body.mf-web-unified-controls-v2114 .mf514-window.is-expanded .mf514-grid,
  body.mf-web-unified-controls-v2114 .mf514-window.is-map-fullscreen .mf514-grid,
  body.mf-web-unified-controls-v2114 .mf514-window.mf593-map-hidden .mf514-grid,
  body.mf-web-unified-controls-v2114 .mf514-window.mf59-map-open .mf514-grid{
    grid-template-columns:var(--mf212-sidebar) minmax(420px,1fr) 0 minmax(0,var(--mf212-chat))!important;
    column-gap:0!important;
    row-gap:0!important;
    gap:0!important;
  }

  body.mf-web-unified-controls-v2114.mf212-chat-collapsed .mf514-grid{
    grid-template-columns:var(--mf212-sidebar) minmax(420px,1fr) 0 0!important;
  }

  body.mf-web-unified-controls-v2114 .mf514-map-pane,
  body.mf-web-unified-controls-v2114 .mf514-chat-pane{
    margin:0!important;
    box-shadow:none!important;
  }

  body.mf-web-unified-controls-v2114 .mf514-map-pane{
    border-right:0!important;
  }

  body.mf-web-unified-controls-v2114 .mf514-chat-pane{
    border-left:0!important;
  }

  /* Keep drag/collapse functionality as an overlay on the exact seam. */
  body.mf-web-unified-controls-v2114 .mf59-edge-handle{
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
    position:relative!important;
    z-index:3500!important;
    cursor:col-resize!important;
  }

  body.mf-web-unified-controls-v2114 .mf59-edge-handle::before{
    content:none!important;
    display:none!important;
  }

  body.mf-web-unified-controls-v2114 .mf59-edge-handle span{
    position:absolute!important;
    left:0!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:30px!important;
    height:76px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #d6e1ef!important;
    border-radius:15px!important;
    background:#fff!important;
    color:var(--mf2114-control-blue)!important;
    box-shadow:0 7px 20px rgba(15,42,79,.18)!important;
    z-index:4!important;
  }

  body.mf-web-unified-controls-v2114 .mf59-edge-handle:hover span,
  body.mf-web-unified-controls-v2114 .mf59-edge-handle:focus-visible span{
    background:var(--mf2114-control-blue)!important;
    color:#fff!important;
    border-color:var(--mf2114-control-blue)!important;
  }

  body.mf-web-unified-controls-v2114 .mf59-edge-handle:active span{
    background:var(--mf2114-control-blue-hover)!important;
  }

  body.mf-web-unified-controls-v2114 .mf514-chat-head,
  body.mf-web-unified-controls-v2114 .mf514-chat-tabs,
  body.mf-web-unified-controls-v2114 .mf514-chat-body,
  body.mf-web-unified-controls-v2114 .mf514-composer{
    margin-left:0!important;
  }
}
