/* =========================================================
   MISTER FAST LiveMapChat WEB V2.7.3
   Compact Header + Fixed Five Navigation Tabs
   Scope: WEB chat only
   ========================================================= */

/* Header: exactly one blue bar. */
body.mf-desktop-shell-body .mf514-chat-pane .mf514-chat-head.mf-chat-v264-head{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:44px!important;
  height:44px!important;
  padding:4px 6px!important;
  gap:4px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  background:#003DA5!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
body.mf-desktop-shell-body .mf514-chat-pane .mf-chat-v264-account{
  order:1!important;
  flex:0 0 34px!important;
  width:34px!important;
}
body.mf-desktop-shell-body .mf514-chat-pane .mf-chat-v264-avatar{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  border-width:2px!important;
}
body.mf-desktop-shell-body .mf514-chat-pane .mf3305-chat-dragzone.mf-chat-v1-dragzone{
  order:2!important;
  flex:1 1 auto!important;
  min-width:4px!important;
  height:100%!important;
  margin:0!important;
}
body.mf-desktop-shell-body .mf514-chat-pane .mf514-chat-head-actions.mf-chat-v1-actions{
  order:3!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  margin:0 0 0 auto!important;
  gap:2px!important;
}
body.mf-desktop-shell-body .mf514-chat-pane .mf3305-chat-controls.mf-chat-v1-controls{
  order:4!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  margin:0!important;
  gap:1px!important;
}
body.mf-desktop-shell-body .mf514-chat-pane .mf3305-chat-controls.mf-chat-v1-controls button,
body.mf-desktop-shell-body .mf514-chat-pane .mf-chat-v1-actions button{
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0!important;
  border:0!important;
  border-radius:6px!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1!important;
  box-shadow:none!important;
}

/* Remove every obsolete account/user strip between header and tabs. */
body.mf-desktop-shell-body .mf514-chat-pane > .mf514-chat-account,
body.mf-desktop-shell-body .mf514-chat-pane > .mf-chat-account-strip,
body.mf-desktop-shell-body .mf514-chat-pane > .mf514-chat-userbar,
body.mf-desktop-shell-body .mf514-chat-pane > [data-mf-chat-account-strip],
body.mf-desktop-shell-body .mf514-chat-pane > .mf601-context{
  display:none!important;
}

/* Fixed navigation: five equal tabs, one row, no horizontal scrolling. */
body.mf-desktop-shell-body .mf514-chat-pane .mf602-modes{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  padding:0!important;
  margin:0!important;
  gap:0!important;
  overflow:hidden!important;
  scrollbar-width:none!important;
  background:#fff!important;
  border-top:0!important;
  border-bottom:1px solid #DCE5F0!important;
  box-sizing:border-box!important;
}
body.mf-desktop-shell-body .mf514-chat-pane .mf602-modes::-webkit-scrollbar{display:none!important}
body.mf-desktop-shell-body .mf514-chat-pane .mf602-mode{
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  height:40px!important;
  padding:4px 1px 3px!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  overflow:hidden!important;
  border:0!important;
  border-right:1px solid #EDF1F6!important;
  border-radius:0!important;
  background:#fff!important;
  color:#425775!important;
  box-shadow:none!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
body.mf-desktop-shell-body .mf514-chat-pane .mf602-mode:last-child{border-right:0!important}
body.mf-desktop-shell-body .mf514-chat-pane .mf602-mode>span{
  display:block!important;
  flex:0 0 auto!important;
  font-size:13px!important;
  line-height:13px!important;
}
body.mf-desktop-shell-body .mf514-chat-pane .mf602-mode>b{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:11px!important;
  text-align:center!important;
}
body.mf-desktop-shell-body .mf514-chat-pane .mf602-mode.is-active{
  background:#F4F8FF!important;
  color:#003DA5!important;
  box-shadow:inset 0 -3px 0 #FFC400!important;
}
body.mf-desktop-shell-body .mf514-chat-pane .mf602-mode:hover{
  background:#EEF5FF!important;
  color:#003DA5!important;
}

/* Keep compact layout stable even when chat is narrow. */
@media (max-width:420px){
  body.mf-desktop-shell-body .mf514-chat-pane .mf602-mode>b{font-size:9.5px!important}
  body.mf-desktop-shell-body .mf514-chat-pane .mf3305-chat-controls.mf-chat-v1-controls button,
  body.mf-desktop-shell-body .mf514-chat-pane .mf-chat-v1-actions button{
    width:27px!important;min-width:27px!important;height:27px!important;min-height:27px!important;
  }
}