/* MISTER FAST V67.2.3 — Vehicle Showcase under driver name */
:root{
  --mf6723-blue:#003DA5;
  --mf6723-yellow:#FFC400;
  --mf6723-green:#149A55;
  --mf6723-line:#D9E5F3;
  --mf6723-text:#17345C;
}

/* Keep the original card architecture; only enrich the identity column. */
.mf3306-card-top{align-items:flex-start!important}
.mf3306-name{overflow:visible!important}
.mf6723-vehicle-showcase{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:5px!important;
  width:min(220px,100%)!important;
  margin-top:8px!important;
}
.mf6723-vehicle-showcase__media{
  width:100%!important;
  height:92px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#fff,#f6f9fe)!important;
}
.mf6723-vehicle-showcase__media img{
  display:block!important;
  width:190px!important;
  max-width:100%!important;
  height:88px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:drop-shadow(0 7px 6px rgba(0,49,108,.18))!important;
}
.mf6723-vehicle-showcase__caption{
  display:inline-flex!important;
  align-items:center!important;
  max-width:100%!important;
  min-height:28px!important;
  overflow:hidden!important;
  border:1px solid var(--mf6723-line)!important;
  border-radius:9px!important;
  background:#fff!important;
  color:var(--mf6723-text)!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1!important;
}
.mf6723-vehicle-showcase__badge{
  align-self:stretch!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  padding:0 9px!important;
  background:#FFE47A!important;
  color:#17345C!important;
  white-space:nowrap!important;
}
.mf6723-vehicle-showcase__type{
  display:block!important;
  min-width:0!important;
  padding:0 9px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Remove the older sample block if a browser cached the old runtime. */
.mf6722-vehicle-sample{display:none!important}

/* Standard MISTER FAST action buttons */
.mf6723-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-height:36px!important;
  border-radius:10px!important;
  font-weight:850!important;
  transition:transform .15s ease,box-shadow .15s ease!important;
}
.mf6723-action:hover{transform:translateY(-1px)!important;box-shadow:0 5px 13px rgba(0,61,165,.12)!important}
.mf6723-action-icon{width:17px!important;height:17px!important;display:block!important;flex:0 0 17px!important;object-fit:contain!important;margin:0!important}
.mf6723-action--map,.mf6723-action--chat{border:1px solid #cbdcf5!important;background:#edf4ff!important;color:#003DA5!important}
.mf6723-action--track,.mf6723-action--call{border:1px solid #cce8d7!important;background:#eaf8f0!important;color:#08763c!important}
.mf6723-action--select{border:1px solid #FFC400!important;background:#FFC400!important;color:#00305f!important}
.mf6723-action--status{border:1px solid #d8e1ec!important;background:#f7f9fc!important;color:#365471!important}

/* Give the identity column enough room for the sample vehicle under the name. */
.mf3306-card{min-height:210px!important}
.mf3306-card-top{min-width:250px!important}

@media(max-width:1180px){
  .mf6723-vehicle-showcase{width:190px!important}
  .mf6723-vehicle-showcase__media{height:80px!important}
  .mf6723-vehicle-showcase__media img{width:170px!important;height:76px!important}
}
@media(max-width:900px){
  .mf3306-card-top{min-width:0!important}
  .mf6723-vehicle-showcase{width:min(230px,100%)!important}
}
@media(max-width:560px){
  .mf6723-action-label{display:none!important}
  .mf6723-action{min-width:38px!important}
  .mf6723-vehicle-showcase__media{height:84px!important}
}