/*
 * MISTER FAST LiveMapChat WEB — Theme V1.2 Driver Feed Enterprise
 * Scope: Driver Feed visual layer only.
 * No driver source, API, filter logic, Map sync, Chat, Login or JavaScript behavior changes.
 */

body.mf-workspace-theme-v1{
  --mf-v12-feed-blue:#003DA5;
  --mf-v12-feed-blue-deep:#002B70;
  --mf-v12-feed-yellow:#FFC400;
  --mf-v12-feed-page:#F3F7FC;
  --mf-v12-feed-card:#FFFFFF;
  --mf-v12-feed-line:#D6E2EF;
  --mf-v12-feed-muted:#6C7F96;
  --mf-v12-feed-success:#128A4B;
  --mf-v12-feed-danger:#C84545;
  --mf-v12-feed-shadow:0 8px 24px rgba(0,50,120,.08);
  --mf-v12-feed-shadow-hover:0 16px 36px rgba(0,50,120,.14);
}

/* Feed shell */
body.mf-workspace-theme-v1 .mf3306-feed{
  padding:24px 22px 46px!important;
  border-top:1px solid var(--mf-v12-feed-line)!important;
  background:
    linear-gradient(180deg,rgba(234,242,255,.62) 0,rgba(243,247,252,0) 150px),
    var(--mf-v12-feed-page)!important;
}
body.mf-workspace-theme-v1 .mf3306-feed-head{
  align-items:center!important;
  gap:18px!important;
  margin-bottom:16px!important;
}
body.mf-workspace-theme-v1 .mf3306-feed-title{
  min-width:0!important;
}
body.mf-workspace-theme-v1 .mf3306-feed-title b{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  color:var(--mf-v12-feed-blue)!important;
  font-size:29px!important;
  font-weight:900!important;
  line-height:1.2!important;
  letter-spacing:-.35px!important;
}
body.mf-workspace-theme-v1 .mf3306-feed-title small{
  max-width:700px!important;
  margin-top:5px!important;
  color:var(--mf-v12-feed-muted)!important;
  font-size:12px!important;
  line-height:1.55!important;
}

/* Search */
body.mf-workspace-theme-v1 .mf3306-search{
  min-height:52px!important;
  padding:10px 15px!important;
  border:1px solid var(--mf-v12-feed-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:var(--mf-v12-feed-shadow)!important;
}
body.mf-workspace-theme-v1 .mf3306-search>span{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:#EDF4FF!important;
  color:var(--mf-v12-feed-blue)!important;
  font-size:15px!important;
}
body.mf-workspace-theme-v1 .mf3306-search input{
  color:#173F72!important;
  font-size:13px!important;
}
body.mf-workspace-theme-v1 .mf3306-search input::placeholder{
  color:#8393A6!important;
}
body.mf-workspace-theme-v1 .mf3306-search:focus-within{
  border-color:var(--mf-v12-feed-blue)!important;
  box-shadow:0 0 0 4px rgba(0,61,165,.10),var(--mf-v12-feed-shadow)!important;
}

/* Summary cards */
body.mf-workspace-theme-v1 .mf3306-summary{
  gap:12px!important;
  margin:14px 0 16px!important;
}
body.mf-workspace-theme-v1 .mf3306-stat{
  min-height:78px!important;
  padding:12px 14px!important;
  border:1px solid var(--mf-v12-feed-line)!important;
  border-radius:19px!important;
  background:var(--mf-v12-feed-card)!important;
  box-shadow:var(--mf-v12-feed-shadow)!important;
}
body.mf-workspace-theme-v1 .mf3306-stat>span{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  border:1px solid #E1EBF6!important;
  border-radius:14px!important;
  background:#EEF5FF!important;
  font-size:21px!important;
}
body.mf-workspace-theme-v1 .mf3306-stat b{
  color:var(--mf-v12-feed-blue)!important;
  font-size:24px!important;
  font-weight:900!important;
  line-height:1!important;
}
body.mf-workspace-theme-v1 .mf3306-stat small{
  margin-top:5px!important;
  color:var(--mf-v12-feed-muted)!important;
  font-size:10px!important;
  font-weight:700!important;
}

/* Sticky filter bar */
body.mf-workspace-theme-v1 .mf3306-toolbar{
  top:0!important;
  z-index:28!important;
  margin:0 -5px 16px!important;
  padding:10px 5px!important;
  border-bottom:1px solid rgba(214,226,239,.72)!important;
  background:rgba(243,247,252,.92)!important;
  backdrop-filter:blur(12px)!important;
}
body.mf-workspace-theme-v1 .mf3306-filters{
  gap:8px!important;
}
body.mf-workspace-theme-v1 .mf3306-filters button,
body.mf-workspace-theme-v1 .mf3306-sort{
  min-height:40px!important;
  padding:8px 13px!important;
  border:1px solid var(--mf-v12-feed-line)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#365A80!important;
  box-shadow:0 3px 10px rgba(0,43,117,.04)!important;
  font-size:11px!important;
  font-weight:850!important;
}
body.mf-workspace-theme-v1 .mf3306-filters button b{
  min-width:21px!important;
  height:21px!important;
  margin-left:5px!important;
  background:#EEF3F8!important;
  color:var(--mf-v12-feed-blue)!important;
}
body.mf-workspace-theme-v1 .mf3306-filters button:hover,
body.mf-workspace-theme-v1 .mf3306-filters button.is-active,
body.mf-workspace-theme-v1 .mf3306-sort:hover,
body.mf-workspace-theme-v1 .mf3306-sort.is-active{
  border-color:var(--mf-v12-feed-blue)!important;
  background:var(--mf-v12-feed-blue)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
}
body.mf-workspace-theme-v1 .mf3306-filters button.is-active b{
  background:var(--mf-v12-feed-yellow)!important;
  color:var(--mf-v12-feed-blue-deep)!important;
}
body.mf-workspace-theme-v1 .mf3306-visible{
  color:var(--mf-v12-feed-muted)!important;
  font-size:11px!important;
  font-weight:700!important;
}
body.mf-workspace-theme-v1 .mf3306-visible strong{
  color:var(--mf-v12-feed-blue)!important;
  font-size:17px!important;
  font-weight:900!important;
}

/* Driver cards: compact, trustworthy, easy to scan */
body.mf-workspace-theme-v1 .mf3306-list{
  grid-template-columns:repeat(auto-fill,minmax(340px,1fr))!important;
  gap:14px!important;
}
body.mf-workspace-theme-v1 .mf3306-card{
  min-height:206px!important;
  padding:16px!important;
  overflow:hidden!important;
  border:1px solid var(--mf-v12-feed-line)!important;
  border-radius:22px!important;
  background:var(--mf-v12-feed-card)!important;
  box-shadow:var(--mf-v12-feed-shadow)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
body.mf-workspace-theme-v1 .mf3306-card::before{
  content:''!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  width:5px!important;
  height:100%!important;
  background:transparent!important;
  transition:background-color .16s ease!important;
}
body.mf-workspace-theme-v1 .mf3306-card:hover{
  transform:translateY(-3px)!important;
  border-color:#AFC7E4!important;
  box-shadow:var(--mf-v12-feed-shadow-hover)!important;
}
body.mf-workspace-theme-v1 .mf3306-card:hover::before{
  background:#8FB2DE!important;
}
body.mf-workspace-theme-v1 .mf3306-card.is-selected{
  border-color:var(--mf-v12-feed-yellow)!important;
  box-shadow:0 0 0 3px rgba(255,196,0,.24),var(--mf-v12-feed-shadow-hover)!important;
}
body.mf-workspace-theme-v1 .mf3306-card.is-selected::before{
  background:var(--mf-v12-feed-yellow)!important;
}
body.mf-workspace-theme-v1 .mf3306-card-top{
  grid-template-columns:64px minmax(0,1fr) auto!important;
  gap:12px!important;
}
body.mf-workspace-theme-v1 .mf3306-avatar{
  width:64px!important;
  height:64px!important;
  border:3px solid var(--mf-v12-feed-yellow)!important;
  background:linear-gradient(145deg,#F4F8FF,#E9F2FF)!important;
  box-shadow:0 5px 14px rgba(0,61,165,.10)!important;
  color:var(--mf-v12-feed-blue)!important;
  font-size:27px!important;
}
body.mf-workspace-theme-v1 .mf3306-name b{
  color:var(--mf-v12-feed-blue-deep)!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1.25!important;
}
body.mf-workspace-theme-v1 .mf3306-name small{
  margin-top:4px!important;
  color:#74869B!important;
  font-size:10px!important;
  font-weight:700!important;
}
body.mf-workspace-theme-v1 .mf3306-distance{
  padding:7px 10px!important;
  border:1px solid #F2DF8A!important;
  background:#FFF8D9!important;
  color:#705600!important;
  box-shadow:0 3px 8px rgba(255,196,0,.09)!important;
  font-size:10px!important;
}

/* Status chips */
body.mf-workspace-theme-v1 .mf3306-badges{
  gap:6px!important;
  margin:12px 0 10px!important;
}
body.mf-workspace-theme-v1 .mf3306-badge{
  min-height:24px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:4px 8px!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  font-size:9px!important;
  font-weight:850!important;
}
body.mf-workspace-theme-v1 .mf3306-badge.active{
  border-color:#C9DAF1!important;
  background:#EAF2FF!important;
  color:var(--mf-v12-feed-blue)!important;
}
body.mf-workspace-theme-v1 .mf3306-badge.online{
  border-color:#BFE7CF!important;
  background:#E9F8EF!important;
  color:var(--mf-v12-feed-success)!important;
}
body.mf-workspace-theme-v1 .mf3306-badge.offline{
  border-color:#DFE4EA!important;
  background:#F2F4F7!important;
  color:#697687!important;
}
body.mf-workspace-theme-v1 .mf3306-badge.gps{
  border-color:#C6E3F2!important;
  background:#EAF7FE!important;
  color:#0D6F9A!important;
}
body.mf-workspace-theme-v1 .mf3306-badge.no-gps{
  border-color:#F0CCCC!important;
  background:#FFF1F1!important;
  color:var(--mf-v12-feed-danger)!important;
}
body.mf-workspace-theme-v1 .mf3306-badge.radius{
  border-color:#F0DE9E!important;
  background:#FFF8DC!important;
  color:#785E00!important;
}

/* Vehicle and service area */
body.mf-workspace-theme-v1 .mf3306-meta{
  gap:8px!important;
  margin-bottom:13px!important;
}
body.mf-workspace-theme-v1 .mf3306-meta div{
  min-height:51px!important;
  padding:8px 10px!important;
  border:1px solid #E8EEF5!important;
  border-radius:13px!important;
  background:#F7F9FC!important;
}
body.mf-workspace-theme-v1 .mf3306-meta small{
  color:#7A8A9E!important;
  font-size:9px!important;
  font-weight:700!important;
}
body.mf-workspace-theme-v1 .mf3306-meta b{
  margin-top:3px!important;
  color:#214B79!important;
  font-size:10px!important;
  font-weight:850!important;
}

/* Actions: clear language, strong primary action */
body.mf-workspace-theme-v1 .mf3306-actions{
  gap:7px!important;
}
body.mf-workspace-theme-v1 .mf3306-actions button,
body.mf-workspace-theme-v1 .mf3306-actions a{
  min-height:38px!important;
  padding:7px 11px!important;
  border:1px solid #C7D7E8!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#174D84!important;
  box-shadow:0 2px 7px rgba(0,43,117,.04)!important;
  font-size:10px!important;
  font-weight:850!important;
}
body.mf-workspace-theme-v1 .mf3306-actions button:hover,
body.mf-workspace-theme-v1 .mf3306-actions a:hover{
  border-color:#8FB2DA!important;
  background:#EEF5FD!important;
  color:var(--mf-v12-feed-blue)!important;
  transform:translateY(-1px)!important;
}
body.mf-workspace-theme-v1 .mf3306-actions .primary{
  border-color:var(--mf-v12-feed-yellow)!important;
  background:var(--mf-v12-feed-yellow)!important;
  color:var(--mf-v12-feed-blue-deep)!important;
  box-shadow:0 6px 14px rgba(255,196,0,.22)!important;
}
body.mf-workspace-theme-v1 .mf3306-actions .primary:hover{
  border-color:#FFD43B!important;
  background:#FFD036!important;
  color:var(--mf-v12-feed-blue-deep)!important;
}
body.mf-workspace-theme-v1 .mf3306-actions button:disabled,
body.mf-workspace-theme-v1 .mf3306-actions a.is-disabled{
  opacity:.38!important;
  box-shadow:none!important;
}

/* Empty and load-more states */
body.mf-workspace-theme-v1 .mf3306-empty{
  min-height:180px!important;
  border:1px dashed #AFC3DA!important;
  border-radius:20px!important;
  background:#fff!important;
  color:#687C94!important;
}
body.mf-workspace-theme-v1 .mf3306-empty b{
  color:var(--mf-v12-feed-blue-deep)!important;
  font-size:16px!important;
}
body.mf-workspace-theme-v1 .mf3306-loadmore{
  padding-top:20px!important;
}
body.mf-workspace-theme-v1 .mf3306-loadmore button{
  min-width:240px!important;
  min-height:44px!important;
  border:1px solid var(--mf-v12-feed-blue)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--mf-v12-feed-blue)!important;
  box-shadow:var(--mf-v12-feed-shadow)!important;
  font-weight:900!important;
}
body.mf-workspace-theme-v1 .mf3306-loadmore button:hover{
  background:var(--mf-v12-feed-blue)!important;
  color:#fff!important;
}

/* Responsive: preserve long feed and readable actions */
@media(max-width:1100px){
  body.mf-workspace-theme-v1 .mf3306-list{
    grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;
  }
}
@media(max-width:900px){
  body.mf-workspace-theme-v1 .mf3306-feed{
    padding:18px 13px 36px!important;
  }
  body.mf-workspace-theme-v1 .mf3306-feed-head{
    grid-template-columns:1fr!important;
  }
  body.mf-workspace-theme-v1 .mf3306-list{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:520px){
  body.mf-workspace-theme-v1 .mf3306-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.mf-workspace-theme-v1 .mf3306-stat{
    min-height:68px!important;
    padding:9px!important;
  }
  body.mf-workspace-theme-v1 .mf3306-stat>span{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
  }
  body.mf-workspace-theme-v1 .mf3306-card{
    min-height:0!important;
    padding:13px!important;
    border-radius:18px!important;
  }
  body.mf-workspace-theme-v1 .mf3306-card-top{
    grid-template-columns:56px minmax(0,1fr) auto!important;
    gap:9px!important;
  }
  body.mf-workspace-theme-v1 .mf3306-avatar{
    width:56px!important;
    height:56px!important;
  }
  body.mf-workspace-theme-v1 .mf3306-meta{
    grid-template-columns:1fr!important;
  }
  body.mf-workspace-theme-v1 .mf3306-actions button,
  body.mf-workspace-theme-v1 .mf3306-actions a{
    flex:1 1 calc(50% - 7px)!important;
  }
}