/* MISTER FAST LiveMapChat WEB V2.5.5
   Enterprise Tab Navigation (ERP/CRM style)
   Keeps the 3 workflow controls as one compact tab bar directly above Workspace. */

/* Locked visual order: Header -> Map -> Tabs -> Workspace -> Splitter -> Driver Feed */
body.mf-navigation-workspace-v21 .mf514-map-pane{
  grid-template-rows:58px minmax(330px,1fr) 52px auto auto auto !important;
}
body.mf-navigation-workspace-v21 .mf16-workspace-header{grid-row:1 !important}
body.mf-navigation-workspace-v21 .mf514-map-wrap{grid-row:2 !important}
body.mf-navigation-workspace-v21 .mf16-primary-nav{grid-row:3 !important}
body.mf-navigation-workspace-v21 .mf20-workspace-panel{grid-row:4 !important}
body.mf-navigation-workspace-v21 .mf215-map-driver-splitter{grid-row:5 !important}
body.mf-navigation-workspace-v21 .mf3306-feed{grid-row:6 !important}

/* One ERP/CRM tab strip, not three cards. */
body.mf-navigation-workspace-v21 .mf16-primary-nav{
  position:relative !important;
  inset:auto !important;
  z-index:40 !important;
  min-width:0 !important;
  height:52px !important;
  display:flex !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:0 !important;
  margin:0 !important;
  padding:0 14px !important;
  border-top:1px solid #dce6f5 !important;
  border-bottom:1px solid #dce6f5 !important;
  background:#fff !important;
  box-shadow:0 3px 12px rgba(0,61,165,.06) !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:thin;
  box-sizing:border-box !important;
}

body.mf-navigation-workspace-v21 .mf16-primary-nav button{
  position:relative !important;
  flex:0 0 auto !important;
  min-width:175px !important;
  height:51px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 22px !important;
  border:0 !important;
  border-right:1px solid #e4ebf5 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#546b88 !important;
  box-shadow:none !important;
  transform:none !important;
  font:inherit !important;
  cursor:pointer !important;
  transition:background .16s ease,color .16s ease !important;
}
body.mf-navigation-workspace-v21 .mf16-primary-nav button:first-child{
  border-left:1px solid #e4ebf5 !important;
}
body.mf-navigation-workspace-v21 .mf16-primary-nav button::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:0;
  height:3px;
  border-radius:3px 3px 0 0;
  background:transparent;
}
body.mf-navigation-workspace-v21 .mf16-primary-nav button span{
  flex:0 0 auto !important;
  font-size:18px !important;
  line-height:1 !important;
}
body.mf-navigation-workspace-v21 .mf16-primary-nav button b{
  overflow:visible !important;
  font-size:14px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
  text-overflow:clip !important;
}
body.mf-navigation-workspace-v21 .mf16-primary-nav button:hover,
body.mf-navigation-workspace-v21 .mf16-primary-nav button:focus-visible{
  border-color:#e4ebf5 !important;
  background:#f4f8ff !important;
  color:#003DA5 !important;
  box-shadow:none !important;
  transform:none !important;
  outline:none !important;
}
body.mf-navigation-workspace-v21 .mf16-primary-nav button.is-active{
  border-color:#e4ebf5 !important;
  background:#eef4ff !important;
  color:#003DA5 !important;
  box-shadow:none !important;
}
body.mf-navigation-workspace-v21 .mf16-primary-nav button.is-active::after{
  background:#FFC400 !important;
}

/* Workspace visually continues from the selected tab. */
body.mf-navigation-workspace-v21 .mf20-workspace-panel{
  border-top:0 !important;
  box-shadow:0 6px 16px rgba(18,54,101,.07) !important;
}
body.mf-navigation-workspace-v21 .mf20-workspace-panel-head{
  background:#fbfdff !important;
}

@media(max-width:900px){
  body.mf-navigation-workspace-v21 .mf514-map-pane{
    grid-template-rows:54px minmax(300px,1fr) 50px auto auto auto !important;
  }
  body.mf-navigation-workspace-v21 .mf16-primary-nav{
    height:50px !important;
    padding-inline:8px !important;
  }
  body.mf-navigation-workspace-v21 .mf16-primary-nav button{
    min-width:150px !important;
    height:49px !important;
    padding-inline:16px !important;
  }
}

@media(max-width:560px){
  body.mf-navigation-workspace-v21 .mf16-primary-nav button{
    min-width:138px !important;
    gap:6px !important;
    padding-inline:12px !important;
  }
  body.mf-navigation-workspace-v21 .mf16-primary-nav button span{font-size:16px !important}
  body.mf-navigation-workspace-v21 .mf16-primary-nav button b{font-size:12px !important}
}

@media(prefers-reduced-motion:reduce){
  body.mf-navigation-workspace-v21 .mf16-primary-nav button{transition:none !important}
}