/*
 * MISTER FAST LiveMapChat WEB — Workspace Theme V1
 * Visual layer only. No layout engine, chat engine, driver data, API, login,
 * map sync or floating-window behaviour is changed by this file.
 */
body.mf-workspace-theme-v1{
  --mf-blue:#003DA5;
  --mf-blue-deep:#002B75;
  --mf-blue-soft:#EAF2FF;
  --mf-yellow:#FFC400;
  --mf-yellow-soft:#FFF6D1;
  --mf-page:#F4F7FB;
  --mf-card:#FFFFFF;
  --mf-ink:#17345C;
  --mf-muted:#6D7E94;
  --mf-line:#D9E4F0;
  --mf-success:#159957;
  --mf-danger:#D84444;
  --mf-radius-sm:12px;
  --mf-radius-md:18px;
  --mf-radius-lg:24px;
  --mf-shadow-sm:0 4px 14px rgba(0,43,117,.07);
  --mf-shadow-md:0 12px 30px rgba(0,43,117,.11);
  background:var(--mf-page)!important;
  color:var(--mf-ink)!important;
}

/* Shell */
body.mf-workspace-theme-v1 .mf514-window{
  background:var(--mf-page)!important;
}
body.mf-workspace-theme-v1 .mf514-grid{
  background:var(--mf-page)!important;
}

/* Sidebar — simple, readable, village-shop friendly */
body.mf-workspace-theme-v1 .mf514-sidebar{
  background:linear-gradient(180deg,var(--mf-blue) 0%,var(--mf-blue-deep) 100%)!important;
  border-right:1px solid rgba(255,255,255,.12)!important;
  box-shadow:8px 0 26px rgba(0,43,117,.12)!important;
}
body.mf-workspace-theme-v1 .mf514-brand{
  min-height:78px!important;
  margin:14px 12px 10px!important;
  padding:13px 14px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.08)!important;
  text-decoration:none!important;
}
body.mf-workspace-theme-v1 .mf514-brand>span{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  background:var(--mf-yellow)!important;
  color:var(--mf-blue-deep)!important;
  font-size:23px!important;
}
body.mf-workspace-theme-v1 .mf514-brand>b{
  color:#fff!important;
  font-size:17px!important;
  letter-spacing:.1px!important;
}
body.mf-workspace-theme-v1 .mf514-brand>small{
  color:rgba(255,255,255,.76)!important;
  font-size:10px!important;
}
body.mf-workspace-theme-v1 .mf514-menu{
  gap:7px!important;
  padding:2px 10px 16px!important;
}
body.mf-workspace-theme-v1 .mf514-menu>button,
body.mf-workspace-theme-v1 .mf514-menu>a,
body.mf-workspace-theme-v1 .mf3243-sidebar-auth{
  min-height:54px!important;
  margin:0!important;
  padding:10px 12px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  box-shadow:none!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
body.mf-workspace-theme-v1 .mf514-menu>button:hover,
body.mf-workspace-theme-v1 .mf514-menu>a:hover,
body.mf-workspace-theme-v1 .mf3243-sidebar-auth:hover{
  background:rgba(255,255,255,.15)!important;
  border-color:rgba(255,255,255,.28)!important;
  transform:translateX(2px)!important;
}
body.mf-workspace-theme-v1 .mf514-menu>button.is-active{
  background:var(--mf-yellow)!important;
  border-color:var(--mf-yellow)!important;
  color:var(--mf-blue-deep)!important;
  box-shadow:0 7px 18px rgba(255,196,0,.22)!important;
}
body.mf-workspace-theme-v1 .mf514-menu>button>span,
body.mf-workspace-theme-v1 .mf514-menu>a>span,
body.mf-workspace-theme-v1 .mf3243-sidebar-auth>span{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.12)!important;
  font-size:18px!important;
}
body.mf-workspace-theme-v1 .mf514-menu>button.is-active>span{
  background:rgba(255,255,255,.55)!important;
}
body.mf-workspace-theme-v1 .mf514-menu b{
  font-size:14px!important;
  font-weight:800!important;
}
body.mf-workspace-theme-v1 .mf3243-menu-user{
  border-radius:17px!important;
  background:rgba(255,255,255,.10)!important;
}
body.mf-workspace-theme-v1 .mf212-sidebar-toggle{
  border:2px solid #fff!important;
  background:var(--mf-blue)!important;
  color:#fff!important;
  box-shadow:var(--mf-shadow-md)!important;
}
body.mf-workspace-theme-v1 .mf351-customer-request-link{
  margin:10px!important;
  border-radius:17px!important;
  background:var(--mf-yellow)!important;
  color:var(--mf-blue-deep)!important;
  box-shadow:0 8px 20px rgba(255,196,0,.20)!important;
}

/* Workspace and map controls */
body.mf-workspace-theme-v1 .mf514-map-pane{
  background:var(--mf-page)!important;
}
body.mf-workspace-theme-v1 .mf514-map-toolbar,
body.mf-workspace-theme-v1 .mf534-map-toolbar{
  border-bottom:1px solid var(--mf-line)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 6px 20px rgba(0,43,117,.06)!important;
}
body.mf-workspace-theme-v1 .mf534-map-title b{
  color:var(--mf-blue)!important;
  font-size:21px!important;
}
body.mf-workspace-theme-v1 .mf534-map-title small{
  color:var(--mf-muted)!important;
}
body.mf-workspace-theme-v1 .mf534-routebar button,
body.mf-workspace-theme-v1 .mf514-kpis>span,
body.mf-workspace-theme-v1 .mf311-tool-btn,
body.mf-workspace-theme-v1 .mf521-map-quick>*{
  border-color:var(--mf-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--mf-ink)!important;
  box-shadow:var(--mf-shadow-sm)!important;
}
body.mf-workspace-theme-v1 .mf534-routebar button.is-active{
  border-color:var(--mf-blue)!important;
  background:var(--mf-blue)!important;
  color:#fff!important;
}
body.mf-workspace-theme-v1 .mf514-map-wrap{
  background:#EAF0F7!important;
}
body.mf-workspace-theme-v1 .mf532-radius-panel,
body.mf-workspace-theme-v1 .mf514-estimate,
body.mf-workspace-theme-v1 .mf514-locate{
  border-color:var(--mf-line)!important;
  border-radius:16px!important;
  box-shadow:var(--mf-shadow-sm)!important;
}

/* Driver Feed */
body.mf-workspace-theme-v1 .mf3306-feed{
  background:var(--mf-page)!important;
  border-top:1px solid var(--mf-line)!important;
  padding:22px 20px 42px!important;
}
body.mf-workspace-theme-v1 .mf3306-feed-title b{
  color:var(--mf-blue)!important;
  font-size:27px!important;
  letter-spacing:-.2px!important;
}
body.mf-workspace-theme-v1 .mf3306-feed-title small{
  color:var(--mf-muted)!important;
  font-size:12px!important;
}
body.mf-workspace-theme-v1 .mf3306-search{
  min-height:48px!important;
  border:1px solid var(--mf-line)!important;
  border-radius:16px!important;
  box-shadow:var(--mf-shadow-sm)!important;
}
body.mf-workspace-theme-v1 .mf3306-search:focus-within{
  border-color:var(--mf-blue)!important;
  box-shadow:0 0 0 4px rgba(0,61,165,.10)!important;
}
body.mf-workspace-theme-v1 .mf3306-stat{
  min-height:72px!important;
  border-color:var(--mf-line)!important;
  border-radius:17px!important;
  box-shadow:var(--mf-shadow-sm)!important;
}
body.mf-workspace-theme-v1 .mf3306-stat>span{
  background:var(--mf-blue-soft)!important;
}
body.mf-workspace-theme-v1 .mf3306-stat b{
  color:var(--mf-blue)!important;
}
body.mf-workspace-theme-v1 .mf3306-toolbar{
  background:rgba(244,247,251,.95)!important;
}
body.mf-workspace-theme-v1 .mf3306-filters button,
body.mf-workspace-theme-v1 .mf3306-sort{
  min-height:38px!important;
  padding:8px 13px!important;
  border-color:var(--mf-line)!important;
  color:#365677!important;
  font-size:11px!important;
}
body.mf-workspace-theme-v1 .mf3306-filters button.is-active,
body.mf-workspace-theme-v1 .mf3306-filters button:hover,
body.mf-workspace-theme-v1 .mf3306-sort:hover{
  border-color:var(--mf-blue)!important;
  background:var(--mf-blue)!important;
  color:#fff!important;
}
body.mf-workspace-theme-v1 .mf3306-list{
  gap:14px!important;
}
body.mf-workspace-theme-v1 .mf3306-card{
  min-height:196px!important;
  padding:15px!important;
  border-color:var(--mf-line)!important;
  border-radius:20px!important;
  box-shadow:var(--mf-shadow-sm)!important;
}
body.mf-workspace-theme-v1 .mf3306-card:hover{
  transform:translateY(-2px)!important;
  border-color:#A9C4E7!important;
  box-shadow:var(--mf-shadow-md)!important;
}
body.mf-workspace-theme-v1 .mf3306-card.is-selected{
  border-color:var(--mf-yellow)!important;
  box-shadow:0 0 0 3px rgba(255,196,0,.25),var(--mf-shadow-md)!important;
}
body.mf-workspace-theme-v1 .mf3306-avatar{
  width:62px!important;
  height:62px!important;
  border:3px solid var(--mf-yellow)!important;
  background:var(--mf-blue-soft)!important;
}
body.mf-workspace-theme-v1 .mf3306-name b{
  color:var(--mf-blue-deep)!important;
  font-size:16px!important;
}
body.mf-workspace-theme-v1 .mf3306-distance{
  background:var(--mf-yellow-soft)!important;
  color:#735600!important;
}
body.mf-workspace-theme-v1 .mf3306-meta div{
  border:1px solid #EDF2F7!important;
  border-radius:12px!important;
  background:#F7F9FC!important;
}
body.mf-workspace-theme-v1 .mf3306-actions button,
body.mf-workspace-theme-v1 .mf3306-actions a{
  min-height:36px!important;
  border-color:#C9D8E8!important;
  border-radius:11px!important;
  color:#174A80!important;
  font-size:11px!important;
}
body.mf-workspace-theme-v1 .mf3306-actions .primary{
  border-color:var(--mf-yellow)!important;
  background:var(--mf-yellow)!important;
  color:var(--mf-blue-deep)!important;
  box-shadow:0 5px 12px rgba(255,196,0,.18)!important;
}

/* Floating Chat — preserve all behaviour, change visual layer only */
@media(min-width:901px){
  body.mf-workspace-theme-v1 .mf514-chat-pane{
    border:1px solid rgba(0,61,165,.20)!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 18px 45px rgba(0,43,117,.20)!important;
    overflow:hidden!important;
  }
  body.mf-workspace-theme-v1 .mf3305-chat-dragbar{
    min-height:46px!important;
    border-bottom:3px solid var(--mf-yellow)!important;
    background:linear-gradient(90deg,var(--mf-blue) 0%,#0757C7 100%)!important;
  }
  body.mf-workspace-theme-v1 .mf3305-chat-controls button{
    width:34px!important;
    height:34px!important;
    border:1px solid rgba(255,255,255,.45)!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.10)!important;
  }
  body.mf-workspace-theme-v1 .mf3305-chat-controls button:hover{
    background:var(--mf-yellow)!important;
    border-color:var(--mf-yellow)!important;
    color:var(--mf-blue-deep)!important;
  }
  body.mf-workspace-theme-v1 .mf3305-chat-launcher{
    border:2px solid #fff!important;
    background:var(--mf-blue)!important;
    box-shadow:var(--mf-shadow-md)!important;
  }
}
body.mf-workspace-theme-v1 .mf514-chat-head{
  background:#fff!important;
  border-bottom:1px solid var(--mf-line)!important;
}
body.mf-workspace-theme-v1 .mf602-modes{
  background:#fff!important;
  border-bottom:1px solid var(--mf-line)!important;
}
body.mf-workspace-theme-v1 .mf602-mode{
  border-radius:13px!important;
}
body.mf-workspace-theme-v1 .mf602-mode.is-active{
  background:var(--mf-blue-soft)!important;
  color:var(--mf-blue)!important;
}
body.mf-workspace-theme-v1 .mf514-messages{
  background:#F7F9FC!important;
}
body.mf-workspace-theme-v1 .mf514-composer{
  border-top:1px solid var(--mf-line)!important;
  background:#fff!important;
}
body.mf-workspace-theme-v1 .mf514-composer input,
body.mf-workspace-theme-v1 .mf514-composer textarea{
  border-color:var(--mf-line)!important;
  border-radius:14px!important;
  background:#fff!important;
}
body.mf-workspace-theme-v1 .mf514-send{
  background:var(--mf-blue)!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(0,61,165,.20)!important;
}

/* Footer */
body.mf-workspace-theme-v1 .mf-web-footer,
body.mf-workspace-theme-v1 footer{
  background:var(--mf-blue)!important;
  color:#fff!important;
  border-top:3px solid var(--mf-yellow)!important;
}

/* Login Modal styling only; guard behaviour remains untouched */
body.mf-workspace-theme-v1 .mf3242-login-dialog{
  border:1px solid rgba(0,61,165,.18)!important;
  border-radius:22px!important;
  box-shadow:0 24px 60px rgba(0,43,117,.25)!important;
}
body.mf-workspace-theme-v1 .mf3242-login-submit{
  border-radius:13px!important;
  background:var(--mf-yellow)!important;
  color:var(--mf-blue-deep)!important;
}

/* Accessibility and responsive */
body.mf-workspace-theme-v1 button:focus-visible,
body.mf-workspace-theme-v1 a:focus-visible,
body.mf-workspace-theme-v1 input:focus-visible,
body.mf-workspace-theme-v1 textarea:focus-visible{
  outline:3px solid rgba(255,196,0,.70)!important;
  outline-offset:2px!important;
}
@media(max-width:900px){
  body.mf-workspace-theme-v1 .mf3306-feed{padding:16px 12px 34px!important}
  body.mf-workspace-theme-v1 .mf3306-card{border-radius:17px!important}
}
@media(prefers-reduced-motion:reduce){
  body.mf-workspace-theme-v1 *,
  body.mf-workspace-theme-v1 *::before,
  body.mf-workspace-theme-v1 *::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}