/*
 * MISTER FAST LiveMapChat WEB — Theme V1.4 Workspace Dashboard Enterprise
 * Visual layer only. No API, role, chat, driver feed, map sync, login,
 * floating-window or navigation behaviour is changed by this file.
 */
body.mf-workspace-theme-v1.mf-workspace-dashboard-v14{
  --mf14-panel:#ffffff;
  --mf14-panel-soft:#f7f9fd;
  --mf14-line:#dce6f2;
  --mf14-blue:#003da5;
  --mf14-blue-deep:#002b75;
  --mf14-yellow:#ffc400;
  --mf14-ink:#17345c;
  --mf14-muted:#6e8098;
  --mf14-success:#159957;
  --mf14-shadow:0 10px 28px rgba(0,43,117,.09);
  --mf14-shadow-soft:0 5px 16px rgba(0,43,117,.07);
}

/* Main workspace canvas */
body.mf-workspace-dashboard-v14 .mf514-map-pane{
  background:#f4f7fb!important;
}
body.mf-workspace-dashboard-v14 .mf514-map-toolbar,
body.mf-workspace-dashboard-v14 .mf534-map-toolbar{
  position:relative!important;
  z-index:25!important;
  display:grid!important;
  grid-template-columns:minmax(210px,.8fr) minmax(430px,1.7fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  min-height:104px!important;
  padding:14px 18px!important;
  border:0!important;
  border-bottom:1px solid var(--mf14-line)!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 8px 24px rgba(0,43,117,.07)!important;
}
body.mf-workspace-dashboard-v14 .mf534-map-title{
  min-width:0!important;
  padding:2px 4px!important;
}
body.mf-workspace-dashboard-v14 .mf534-map-title b{
  display:block!important;
  color:var(--mf14-blue)!important;
  font-size:24px!important;
  font-weight:900!important;
  line-height:1.15!important;
}
body.mf-workspace-dashboard-v14 .mf534-map-title small{
  display:block!important;
  margin-top:5px!important;
  color:var(--mf14-muted)!important;
  font-size:12px!important;
  line-height:1.45!important;
}

/* Main action cards */
body.mf-workspace-dashboard-v14 .mf514-routebar,
body.mf-workspace-dashboard-v14 .mf534-routebar{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  min-width:0!important;
}
body.mf-workspace-dashboard-v14 .mf534-routebar button{
  min-width:0!important;
  min-height:68px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  padding:10px 12px!important;
  border:1px solid var(--mf14-line)!important;
  border-radius:17px!important;
  background:var(--mf14-panel)!important;
  color:var(--mf14-ink)!important;
  box-shadow:var(--mf14-shadow-soft)!important;
  text-align:left!important;
  transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
body.mf-workspace-dashboard-v14 .mf534-routebar button:hover{
  transform:translateY(-1px)!important;
  border-color:#b7cbe5!important;
  box-shadow:var(--mf14-shadow)!important;
}
body.mf-workspace-dashboard-v14 .mf534-routebar button>span{
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:#edf4ff!important;
  font-size:19px!important;
}
body.mf-workspace-dashboard-v14 .mf534-routebar button b{
  display:block!important;
  overflow:hidden!important;
  color:var(--mf14-blue-deep)!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
body.mf-workspace-dashboard-v14 .mf534-routebar button small{
  display:block!important;
  overflow:hidden!important;
  margin-top:3px!important;
  color:var(--mf14-muted)!important;
  font-size:10px!important;
  line-height:1.3!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
body.mf-workspace-dashboard-v14 .mf534-routebar button.is-active{
  border-color:var(--mf14-blue)!important;
  background:var(--mf14-blue)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(0,61,165,.20)!important;
}
body.mf-workspace-dashboard-v14 .mf534-routebar button.is-active>span{
  background:var(--mf14-yellow)!important;
  color:var(--mf14-blue-deep)!important;
}
body.mf-workspace-dashboard-v14 .mf534-routebar button.is-active b,
body.mf-workspace-dashboard-v14 .mf534-routebar button.is-active small{
  color:#fff!important;
}

/* KPI chips */
body.mf-workspace-dashboard-v14 .mf514-kpis{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(72px,1fr))!important;
  gap:7px!important;
}
body.mf-workspace-dashboard-v14 .mf514-kpis>span{
  min-width:78px!important;
  min-height:60px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  padding:8px 10px!important;
  border:1px solid var(--mf14-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:var(--mf14-shadow-soft)!important;
}
body.mf-workspace-dashboard-v14 .mf514-kpis b{
  color:var(--mf14-blue)!important;
  font-size:20px!important;
  font-weight:900!important;
  line-height:1!important;
}
body.mf-workspace-dashboard-v14 .mf514-kpis small{
  color:var(--mf14-muted)!important;
  font-size:9px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

/* Map surface */
body.mf-workspace-dashboard-v14 .mf514-map-wrap{
  border-bottom:1px solid var(--mf14-line)!important;
  background:#eaf0f7!important;
}
body.mf-workspace-dashboard-v14 #mf514Map{
  filter:saturate(.92) contrast(.98)!important;
}

/* Radius dashboard */
body.mf-workspace-dashboard-v14 .mf532-radius-panel{
  width:min(360px,calc(100% - 34px))!important;
  padding:15px!important;
  border:1px solid rgba(217,228,240,.95)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 14px 34px rgba(0,43,117,.14)!important;
  backdrop-filter:blur(12px)!important;
}
body.mf-workspace-dashboard-v14 .mf532-radius-head b{
  color:var(--mf14-blue-deep)!important;
  font-size:14px!important;
  font-weight:900!important;
}
body.mf-workspace-dashboard-v14 .mf532-radius-head small{
  color:var(--mf14-muted)!important;
  font-size:10px!important;
}
body.mf-workspace-dashboard-v14 .mf532-radius-head strong{
  padding:7px 10px!important;
  border-radius:11px!important;
  background:var(--mf14-yellow)!important;
  color:var(--mf14-blue-deep)!important;
  font-size:12px!important;
}
body.mf-workspace-dashboard-v14 .mf532-radius-presets{
  gap:5px!important;
}
body.mf-workspace-dashboard-v14 .mf532-radius-presets button{
  min-width:34px!important;
  height:32px!important;
  border:1px solid var(--mf14-line)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--mf14-ink)!important;
  font-weight:800!important;
}
body.mf-workspace-dashboard-v14 .mf532-radius-presets button.is-active{
  border-color:var(--mf14-blue)!important;
  background:var(--mf14-blue)!important;
  color:#fff!important;
}
body.mf-workspace-dashboard-v14 .mf532-radius-summary{
  gap:6px!important;
}
body.mf-workspace-dashboard-v14 .mf532-radius-summary>span{
  min-height:52px!important;
  border:1px solid var(--mf14-line)!important;
  border-radius:13px!important;
  background:var(--mf14-panel-soft)!important;
}
body.mf-workspace-dashboard-v14 .mf532-radius-summary b{
  color:var(--mf14-blue)!important;
  font-size:16px!important;
}
body.mf-workspace-dashboard-v14 .mf532-radius-summary small{
  color:var(--mf14-muted)!important;
  font-size:9px!important;
}

/* Estimate card */
body.mf-workspace-dashboard-v14 .mf514-estimate{
  min-width:360px!important;
  padding:8px!important;
  border:1px solid rgba(217,228,240,.95)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 12px 30px rgba(0,43,117,.13)!important;
  backdrop-filter:blur(10px)!important;
}
body.mf-workspace-dashboard-v14 .mf514-estimate>span{
  padding:5px 10px!important;
  border-right:1px solid var(--mf14-line)!important;
}
body.mf-workspace-dashboard-v14 .mf514-estimate>span:last-of-type{
  border-right:0!important;
}
body.mf-workspace-dashboard-v14 .mf514-estimate small{
  color:var(--mf14-muted)!important;
  font-size:9px!important;
}
body.mf-workspace-dashboard-v14 .mf514-estimate b{
  color:var(--mf14-blue-deep)!important;
  font-size:14px!important;
  font-weight:900!important;
}
body.mf-workspace-dashboard-v14 .mf514-estimate button{
  min-height:42px!important;
  padding:0 16px!important;
  border:0!important;
  border-radius:13px!important;
  background:var(--mf14-yellow)!important;
  color:var(--mf14-blue-deep)!important;
  font-weight:900!important;
  box-shadow:0 6px 14px rgba(255,196,0,.24)!important;
}

/* Map buttons */
body.mf-workspace-dashboard-v14 .mf311-map-toolbar{
  gap:7px!important;
  padding:7px!important;
  border:1px solid var(--mf14-line)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.95)!important;
  box-shadow:var(--mf14-shadow)!important;
}
body.mf-workspace-dashboard-v14 .mf311-tool-btn,
body.mf-workspace-dashboard-v14 .mf521-map-quick button,
body.mf-workspace-dashboard-v14 .mf514-locate{
  width:43px!important;
  height:43px!important;
  border:1px solid var(--mf14-line)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:var(--mf14-blue)!important;
  box-shadow:var(--mf14-shadow-soft)!important;
}
body.mf-workspace-dashboard-v14 .mf311-tool-btn:hover,
body.mf-workspace-dashboard-v14 .mf521-map-quick button:hover,
body.mf-workspace-dashboard-v14 .mf514-locate:hover{
  border-color:var(--mf14-yellow)!important;
  background:var(--mf14-yellow)!important;
  color:var(--mf14-blue-deep)!important;
}
body.mf-workspace-dashboard-v14 .mf521-map-quick{
  gap:7px!important;
}

/* Splitter styled as a clear dashboard section divider */
body.mf-workspace-dashboard-v14 .mf215-map-driver-splitter{
  min-height:20px!important;
  border-top:1px solid var(--mf14-line)!important;
  border-bottom:1px solid var(--mf14-line)!important;
  background:#f4f7fb!important;
}
body.mf-workspace-dashboard-v14 .mf215-map-driver-splitter>span{
  width:80px!important;
  height:5px!important;
  border-radius:99px!important;
  background:#8ca7c7!important;
  box-shadow:none!important;
}
body.mf-workspace-dashboard-v14 .mf215-map-driver-splitter:hover>span{
  background:var(--mf14-blue)!important;
}

/* Role accents without changing role logic */
body.mf-workspace-dashboard-v14[data-mf-role="admin"] .mf534-map-title b::after,
body.mf-workspace-dashboard-v14[data-mf-role="developer"] .mf534-map-title b::after,
body.mf-workspace-dashboard-v14[data-mf-role="driver"] .mf534-map-title b::after,
body.mf-workspace-dashboard-v14[data-mf-role="drop_point"] .mf534-map-title b::after,
body.mf-workspace-dashboard-v14[data-mf-role="customer"] .mf534-map-title b::after{
  display:inline-flex!important;
  align-items:center!important;
  margin-left:8px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  background:#eef4ff!important;
  color:var(--mf14-blue)!important;
  font-size:9px!important;
  font-weight:900!important;
  vertical-align:middle!important;
}
body.mf-workspace-dashboard-v14[data-mf-role="admin"] .mf534-map-title b::after{content:"ADMIN"}
body.mf-workspace-dashboard-v14[data-mf-role="developer"] .mf534-map-title b::after{content:"DEVELOPER"}
body.mf-workspace-dashboard-v14[data-mf-role="driver"] .mf534-map-title b::after{content:"DRIVER"}
body.mf-workspace-dashboard-v14[data-mf-role="drop_point"] .mf534-map-title b::after{content:"DROP POINT"}
body.mf-workspace-dashboard-v14[data-mf-role="customer"] .mf534-map-title b::after{content:"CUSTOMER"}

/* Responsive workspace only */
@media (max-width:1180px){
  body.mf-workspace-dashboard-v14 .mf514-map-toolbar,
  body.mf-workspace-dashboard-v14 .mf534-map-toolbar{
    grid-template-columns:minmax(170px,.7fr) minmax(400px,1.5fr)!important;
  }
  body.mf-workspace-dashboard-v14 .mf514-kpis{
    grid-column:1/-1!important;
    grid-template-columns:repeat(3,1fr)!important;
  }
}
@media (max-width:900px){
  body.mf-workspace-dashboard-v14 .mf514-map-toolbar,
  body.mf-workspace-dashboard-v14 .mf534-map-toolbar{
    grid-template-columns:1fr!important;
    min-height:auto!important;
  }
  body.mf-workspace-dashboard-v14 .mf514-routebar,
  body.mf-workspace-dashboard-v14 .mf534-routebar{
    grid-template-columns:repeat(3,minmax(150px,1fr))!important;
    overflow-x:auto!important;
    padding-bottom:3px!important;
  }
  body.mf-workspace-dashboard-v14 .mf514-estimate{
    min-width:0!important;
    width:calc(100% - 24px)!important;
  }
}
@media (prefers-reduced-motion:reduce){
  body.mf-workspace-dashboard-v14 .mf534-routebar button{
    transition:none!important;
  }
}