/*
 * MISTER FAST LiveMapChat WEB V4.5.2
 * Existing-structure UI polish: search controls + driver speech balloons only.
 * No layout, API, Map Engine, Chat Engine, URL or database changes.
 */

/* ---------- Fleet Dashboard: retain the current structure, remove stacked borders ---------- */
.mf-fleet-dashboard-v45{
  margin:8px 10px 6px;
  padding:11px 13px 12px;
  border:1px solid #e1e7ef;
  border-top:3px solid #FFC400;
  border-radius:12px;
  background:#fff;
  box-shadow:0 3px 12px rgba(20,42,76,.07);
}
.mf-fleet-dashboard-v45__head{margin-bottom:10px}
.mf-fleet-dashboard-v45__head small{color:#778397;letter-spacing:.07em}
.mf-fleet-dashboard-v45__head b{font-size:16px;color:#12315c}

/* Search: standard size, clean white field, clear brand focus */
.mf-fleet-dashboard-v45__search-row{
  grid-template-columns:minmax(300px,1fr) 150px 150px;
  gap:9px;
}
.mf-fleet-dashboard-v45__search{
  height:44px;
  grid-template-columns:28px minmax(0,1fr) 28px;
  padding:0 10px;
  border:1px solid #cbd5e1;
  border-radius:9px;
  background:#fff;
  box-shadow:none;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.mf-fleet-dashboard-v45__search:hover{border-color:#9fb0c6}
.mf-fleet-dashboard-v45__search:focus-within{
  border-color:#003DA5;
  box-shadow:0 0 0 3px rgba(0,61,165,.10);
}
.mf-fleet-dashboard-v45__search>span{
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  color:#003DA5;
}
.mf-fleet-dashboard-v45__search>span svg{width:19px;height:19px;display:block}
.mf-fleet-dashboard-v45__search input{
  color:#172b49;
  font-size:13px;
  font-weight:500;
}
.mf-fleet-dashboard-v45__search input::placeholder{color:#7c8798;font-weight:400}
.mf-fleet-dashboard-v45__search button{
  width:25px;
  height:25px;
  border-radius:50%;
  color:#8290a3;
  font-size:17px;
}
.mf-fleet-dashboard-v45__search button:hover{background:#edf3fb;color:#003DA5}

.mf-fleet-dashboard-v45__submit,
.mf-fleet-dashboard-v45__advanced{
  height:44px;
  border-radius:9px;
  font-size:12px;
}
.mf-fleet-dashboard-v45__submit{
  border-color:#003DA5;
  background:#003DA5;
  box-shadow:0 3px 8px rgba(0,61,165,.18);
}
.mf-fleet-dashboard-v45__submit:hover{background:#002f82;border-color:#002f82}
.mf-fleet-dashboard-v45__advanced{background:#fff;border-color:#aabbd2;color:#003DA5}
.mf-fleet-dashboard-v45__advanced:hover,
.mf-fleet-dashboard-v45__advanced[aria-expanded="true"]{background:#f1f5fb;border-color:#003DA5}

/* Quick filters: single border, no nested-panel look */
.mf-fleet-dashboard-v45__filters{gap:7px;margin-top:9px}
.mf-fleet-dashboard-v45__filters button{
  min-height:31px;
  padding:6px 10px;
  border-color:#d3dce8;
  border-radius:8px;
  color:#274361;
  background:#fff;
}
.mf-fleet-dashboard-v45__filters button b{background:#f1f4f8;color:#53677f}
.mf-fleet-dashboard-v45__filters button.is-active{background:#003DA5;border-color:#003DA5;color:#fff}
.mf-fleet-dashboard-v45__filters button.is-active b{background:#FFC400;color:#17243a}

/* Advanced filters remain where they are, but become one quiet surface */
.mf-fleet-dashboard-v45__advanced-panel{
  margin-top:10px;
  padding:10px;
  border:0;
  border-top:1px solid #e5eaf0;
  border-radius:0;
  background:#fafbfd;
}
.mf-fleet-dashboard-v45__advanced-panel input,
.mf-fleet-dashboard-v45__advanced-panel select{border-color:#cbd5e1;background:#fff}

/* Fleet Explorer: preserve position and behavior, remove yellow side frame and heavy card effect */
.mf-fleet-explorer-v45{
  border:1px solid #e1e7ef;
  border-left:1px solid #e1e7ef;
  border-radius:11px;
  box-shadow:0 2px 10px rgba(20,42,76,.055);
}
.mf-fleet-explorer-v45>header b{color:#123f85}

/* ---------- Driver marker speech balloon ---------- */
.leaflet-marker-icon.mf4413-hover-ready::after{
  content:attr(data-mf4413-name) "\A" attr(data-mf4413-status) "\A" attr(data-mf4413-meta);
  min-width:154px;
  max-width:215px;
  padding:8px 10px 9px;
  border:1px solid rgba(58,69,84,.40);
  border-radius:9px;
  background:#fff;
  color:#172b49;
  font:600 11px/1.55 Kanit,Prompt,Arial,sans-serif;
  box-shadow:0 4px 12px rgba(20,35,56,.18);
  bottom:calc(100% + 21px);
  transform:translate(-50%,4px) scale(.98);
}
/* Classic single speech-tail shape; no long connector line. */
.leaflet-marker-icon.mf4413-hover-ready::before{
  left:50%;
  bottom:calc(100% + 13px);
  width:14px;
  height:14px;
  border-right:1px solid rgba(58,69,84,.40);
  border-bottom:1px solid rgba(58,69,84,.40);
  border-radius:0 0 3px 0;
  background:#fff;
  box-shadow:none;
  transform:translateX(-50%) rotate(45deg);
  transform-origin:center;
  z-index:9999;
}
.leaflet-marker-icon.mf4413-hover-ready:hover::after,
.leaflet-marker-icon.mf4413-hover-ready:focus-visible::after,
.leaflet-marker-icon.mf4413-hover-ready.mf4413-touch-active::after,
.leaflet-marker-icon.mf4413-hover-ready.mf433-selected::after,
.leaflet-marker-icon.mf4413-hover-ready.mf434-selected::after,
.leaflet-marker-icon.mf4413-hover-ready.mf439-demo-selected::after,
.leaflet-marker-icon.mf4413-hover-ready.mf442-selected::after{
  transform:translate(-50%,0) scale(1);
}

/* Vehicle icon remains the focus: crisp, flat, no extra ring added here. */
.leaflet-marker-icon.mf442-unified-vehicle.mf4411-svg-rendered .mf442-vehicle-icon,
.leaflet-marker-icon.mf442-unified-vehicle.mf4412-svg-rendered .mf442-vehicle-icon{
  width:29px!important;
  height:29px!important;
}

@media(max-width:1100px){
  .mf-fleet-dashboard-v45__search-row{grid-template-columns:minmax(240px,1fr) 118px 118px}
}
@media(max-width:760px){
  .mf-fleet-dashboard-v45__search-row{grid-template-columns:minmax(0,1fr) 96px}
  .mf-fleet-dashboard-v45__advanced{grid-column:1/-1}
  .leaflet-marker-icon.mf4413-hover-ready::after{min-width:146px;max-width:190px;font-size:10.5px;bottom:calc(100% + 20px)}
  .leaflet-marker-icon.mf4413-hover-ready::before{bottom:calc(100% + 12px)}
}