/* MISTER FAST LiveMapChat WEB — Theme V1.6 Navigation Header
   Scope: Header + primary workflow navigation only. */

.mf-navigation-header-v16 .mf514-map-pane{
  display:grid !important;
  grid-template-rows:58px 64px minmax(420px,1fr) !important;
  min-width:0 !important;
  overflow:hidden !important;
  background:#fff !important;
}

.mf-navigation-header-v16 .mf16-workspace-header{
  position:relative;
  z-index:520;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  height:58px;
  padding:0 16px 0 18px;
  border-bottom:1px solid #dce6f5;
  background:#fff;
  box-sizing:border-box;
  box-shadow:0 2px 8px rgba(0,61,165,.06);
}

.mf-navigation-header-v16 .mf16-brand{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  color:#003DA5;
}

.mf-navigation-header-v16 .mf16-brand-mark{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:0 0 38px;
  border-radius:11px;
  background:#003DA5;
  color:#FFC400;
  font-size:15px;
  font-weight:1000;
  letter-spacing:-.6px;
  box-shadow:0 5px 14px rgba(0,61,165,.18);
}

.mf-navigation-header-v16 .mf16-brand b{
  overflow:hidden;
  font-size:18px;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.mf-navigation-header-v16 .mf16-header-tools{
  display:flex;
  align-items:center;
  gap:7px;
}

.mf-navigation-header-v16 .mf16-header-tools button{
  position:relative;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #dbe5f4;
  border-radius:12px;
  background:#fff;
  color:#003DA5;
  font:inherit;
  font-size:19px;
  line-height:1;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}

.mf-navigation-header-v16 .mf16-header-tools button:hover,
.mf-navigation-header-v16 .mf16-header-tools button:focus-visible{
  border-color:#FFC400;
  background:#fff8d6;
  box-shadow:0 5px 14px rgba(0,61,165,.12);
  transform:translateY(-1px);
  outline:none;
}

.mf-navigation-header-v16 .mf16-header-tools i{
  position:absolute;
  top:-4px;
  right:-4px;
  min-width:17px;
  height:17px;
  display:grid;
  place-items:center;
  padding:0 4px;
  border:2px solid #fff;
  border-radius:99px;
  background:#e53935;
  color:#fff;
  font-size:9px;
  font-style:normal;
  font-weight:900;
  box-sizing:border-box;
}

.mf-navigation-header-v16 .mf16-primary-nav{
  position:relative;
  z-index:510;
  min-width:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  align-items:center;
  height:64px;
  padding:9px 14px;
  border-bottom:1px solid #dce6f5;
  background:#f7faff;
  box-sizing:border-box;
}

.mf-navigation-header-v16 .mf16-primary-nav button{
  min-width:0;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 14px;
  border:1px solid #d7e3f3;
  border-radius:13px;
  background:#fff;
  color:#17345f;
  font:inherit;
  cursor:pointer;
  box-shadow:0 3px 10px rgba(0,61,165,.06);
  transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease;
}

.mf-navigation-header-v16 .mf16-primary-nav button span{
  flex:0 0 auto;
  font-size:20px;
  line-height:1;
}

.mf-navigation-header-v16 .mf16-primary-nav button b{
  overflow:hidden;
  font-size:14px;
  font-weight:900;
  line-height:1.2;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.mf-navigation-header-v16 .mf16-primary-nav button:hover,
.mf-navigation-header-v16 .mf16-primary-nav button:focus-visible{
  border-color:#FFC400;
  background:#fff9df;
  color:#003DA5;
  box-shadow:0 6px 16px rgba(0,61,165,.11);
  transform:translateY(-1px);
  outline:none;
}

.mf-navigation-header-v16 .mf16-primary-nav button.is-active{
  border-color:#003DA5;
  background:#003DA5;
  color:#fff;
  box-shadow:0 7px 18px rgba(0,61,165,.20),inset 0 -3px 0 #FFC400;
}

/* Remove the old dashboard toolbar/KPI/status layer from the map workspace. */
.mf-navigation-header-v16 .mf514-map-toolbar,
.mf-navigation-header-v16 .mf534-map-toolbar,
.mf-navigation-header-v16 .mf514-kpis,
.mf-navigation-header-v16 .mf534-map-title,
.mf-navigation-header-v16 .mf514-routebar,
.mf-navigation-header-v16 .mf534-routebar,
.mf-navigation-header-v16 .mf311-map-toolbar,
.mf-navigation-header-v16 [data-mf-status],
.mf-navigation-header-v16 .mf-status-bar,
.mf-navigation-header-v16 .mf-system-ready,
.mf-navigation-header-v16 .mf-workspace-status{
  display:none !important;
}

.mf-navigation-header-v16 .mf514-map-wrap{
  min-height:0 !important;
  height:100% !important;
  border-radius:0 !important;
}

@media (max-width:900px){
  .mf-navigation-header-v16 .mf514-map-pane{
    grid-template-rows:54px 58px minmax(360px,1fr) !important;
  }
  .mf-navigation-header-v16 .mf16-workspace-header{height:54px;padding-inline:12px}
  .mf-navigation-header-v16 .mf16-brand-mark{width:34px;height:34px;flex-basis:34px;border-radius:10px;font-size:14px}
  .mf-navigation-header-v16 .mf16-brand b{font-size:16px}
  .mf-navigation-header-v16 .mf16-header-tools button{width:36px;height:36px;border-radius:10px;font-size:17px}
  .mf-navigation-header-v16 .mf16-primary-nav{height:58px;gap:7px;padding:7px 9px}
  .mf-navigation-header-v16 .mf16-primary-nav button{height:44px;gap:6px;padding:0 8px;border-radius:11px}
  .mf-navigation-header-v16 .mf16-primary-nav button span{font-size:17px}
  .mf-navigation-header-v16 .mf16-primary-nav button b{font-size:12px}
}

@media (max-width:520px){
  .mf-navigation-header-v16 .mf16-brand b{font-size:14px}
  .mf-navigation-header-v16 .mf16-header-tools{gap:4px}
  .mf-navigation-header-v16 .mf16-header-tools button{width:34px;height:34px;font-size:16px;border-radius:9px}
  .mf-navigation-header-v16 .mf16-primary-nav{gap:5px;padding-inline:6px}
  .mf-navigation-header-v16 .mf16-primary-nav button{gap:4px;padding-inline:5px}
  .mf-navigation-header-v16 .mf16-primary-nav button span{font-size:16px}
  .mf-navigation-header-v16 .mf16-primary-nav button b{font-size:11px}
}

@media (prefers-reduced-motion:reduce){
  .mf-navigation-header-v16 .mf16-header-tools button,
  .mf-navigation-header-v16 .mf16-primary-nav button{transition:none !important}
}
