/* Car Import56 v78 — self-contained, usable route map. */
.ci-v9 .deal-tracking-map-card {
  overflow:hidden;
  border-radius:26px;
}
.ci-v9 .deal-tracking-map-card:has(.deal-map-shell.is-expanded) { overflow:visible!important; }
.ci-v9 .deal-tracking-map-card>header {
  align-items:center;
  padding:24px 26px 20px;
}
.ci-v9 .deal-tracking-map-card>header h3 { font-size:clamp(25px,2.25vw,36px); }
.ci-v9 .deal-map-shell {
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-rows:auto minmax(420px,540px) auto;
  overflow:hidden;
  border-block:1px solid #dbe2e7;
  background:#e8edf0;
}
.ci-v9 .deal-map-toolbar {
  position:relative;
  z-index:900;
  min-height:66px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-bottom:1px solid #dbe2e7;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(18px);
}
.ci-v9 .deal-map-toolbar>button,
.ci-v9 .deal-map-zoom button {
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 14px;
  border:1px solid #d7dfe4;
  border-radius:13px;
  color:#27343d;
  background:#f7f9fa;
  font:inherit;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
  transition:border-color .18s ease,color .18s ease,background .18s ease,transform .18s ease;
}
.ci-v9 .deal-map-toolbar>button:hover,
.ci-v9 .deal-map-zoom button:hover { border-color:#ef2b45;color:#d91f39;background:#fff;transform:translateY(-1px); }
.ci-v9 .deal-map-toolbar .ci-icon { width:18px;height:18px;color:#ef2b45; }
.ci-v9 .deal-map-zoom { display:grid;grid-template-columns:44px 44px;gap:5px;margin-left:auto; }
.ci-v9 .deal-map-zoom button { padding:0;font-size:21px;font-weight:650; }
.ci-v9 .deal-map-expand b { font-size:19px;line-height:1;font-weight:500; }
.ci-v9 .deal-leaflet-map {
  position:relative;
  z-index:1;
  width:100%;
  height:100%!important;
  min-height:420px;
  background:#dfe6ea;
  font-family:Inter,Arial,sans-serif;
  cursor:grab;
}
.ci-v9 .deal-leaflet-map:active { cursor:grabbing; }
.ci-v9 .deal-leaflet-map .leaflet-control-container { position:relative;z-index:800; }
.ci-v9 .deal-leaflet-map .leaflet-control-attribution {
  width:auto!important;
  height:auto!important;
  padding:3px 7px!important;
  color:#66747d!important;
  background:rgba(255,255,255,.82)!important;
  font-size:8px!important;
  backdrop-filter:blur(8px);
}
.ci-v9 .deal-leaflet-map .leaflet-control-attribution a { color:#d51f38!important; }
.ci-v9 .deal-leaflet-map .leaflet-popup-content-wrapper,
.ci-v9 .deal-leaflet-map .leaflet-tooltip {
  border:1px solid rgba(255,255,255,.7);
  border-radius:12px;
  color:#202c34;
  background:rgba(255,255,255,.94);
  box-shadow:0 12px 35px rgba(12,25,34,.2);
  backdrop-filter:blur(12px);
  font-size:10px;
  font-weight:750;
}
.ci-v9 .deal-leaflet-map .leaflet-popup-tip { background:#fff; }
.ci-v9 .ci-truck-tooltip {
  border-color:#ef2b45!important;
  color:#fff!important;
  background:#e8213d!important;
  font-size:9px!important;
  font-weight:900!important;
}
.ci-v9 .ci-truck-tooltip::before { border-top-color:#e8213d!important; }
.ci-v9 .deal-map-current {
  position:absolute;
  z-index:850;
  top:84px;
  left:16px;
  max-width:min(310px,calc(100% - 32px));
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 14px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:15px;
  color:#fff;
  background:rgba(10,17,22,.84);
  box-shadow:0 14px 35px rgba(7,13,18,.25);
  backdrop-filter:blur(14px);
  pointer-events:none;
}
.ci-v9 .deal-map-current>i { width:9px;height:9px;flex:0 0 9px;border:2px solid #fff;border-radius:50%;background:#21cb82;box-shadow:0 0 0 5px rgba(33,203,130,.18); }
.ci-v9 .deal-map-current span { min-width:0;display:grid;gap:2px; }
.ci-v9 .deal-map-current small { color:#aab6bd;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em; }
.ci-v9 .deal-map-current strong { overflow:hidden;color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap; }
.ci-v9 .deal-map-stops {
  position:relative;
  z-index:4;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  border-top:1px solid #dbe2e7;
  background:#fff;
}
.ci-v9 .deal-map-stops button {
  position:relative;
  min-width:0;
  min-height:76px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  border:0;
  border-right:1px solid #e1e6e9;
  color:#293640;
  background:transparent;
  text-align:left;
  font:inherit;
  cursor:pointer;
}
.ci-v9 .deal-map-stops button:last-child { border-right:0; }
.ci-v9 .deal-map-stops button::before { content:"";position:absolute;top:0;right:0;left:0;height:3px;background:#dce3e7; }
.ci-v9 .deal-map-stops button.passed::before { background:#27bd7d; }
.ci-v9 .deal-map-stops button.current::before { background:#ef2943;box-shadow:0 3px 14px rgba(239,41,67,.32); }
.ci-v9 .deal-map-stops button:hover { background:#f7f9fa; }
.ci-v9 .deal-map-stops button>i { width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:11px;background:#f0f3f5;font-size:18px;font-style:normal; }
.ci-v9 .deal-map-stops button.current>i { background:#fff0f2;box-shadow:0 0 0 1px #ffcbd2; }
.ci-v9 .deal-map-stops button span { min-width:0;display:grid;gap:3px; }
.ci-v9 .deal-map-stops button small { color:#89959e;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em; }
.ci-v9 .deal-map-stops button strong { overflow:hidden;color:inherit;font-size:10px;text-overflow:ellipsis;white-space:nowrap; }
.ci-v9 .ci-country-marker span { width:38px!important;height:38px!important; }
.ci-v9 .ci-truck-marker>span { width:72px!important;height:54px!important; }
.ci-v9 .ci-truck-marker img { width:72px!important;height:54px!important; }

body.deal-map-expanded { overflow:hidden!important; }
.ci-v9 .deal-map-shell.is-expanded {
  position:fixed;
  z-index:4000;
  inset:12px;
  grid-template-rows:auto minmax(0,1fr) auto;
  border:1px solid #293640;
  border-radius:22px;
  box-shadow:0 0 0 9999px rgba(2,6,9,.78),0 35px 120px rgba(0,0,0,.55);
}
.ci-v9 .deal-map-shell.is-expanded .deal-leaflet-map { min-height:0; }
.ci-v9 .deal-map-shell.is-expanded .deal-map-expand { color:#fff;background:#e9223e;border-color:#e9223e; }

html[data-theme="dark"] body.ci-v9 .deal-map-shell { border-color:#2a3740;background:#101820; }
html[data-theme="dark"] body.ci-v9 .deal-map-toolbar { border-color:#2b3842;background:rgba(14,22,29,.96); }
html[data-theme="dark"] body.ci-v9 .deal-map-toolbar>button,
html[data-theme="dark"] body.ci-v9 .deal-map-zoom button { border-color:#33414b;color:#e8edf0;background:#17222b; }
html[data-theme="dark"] body.ci-v9 .deal-map-toolbar>button:hover,
html[data-theme="dark"] body.ci-v9 .deal-map-zoom button:hover { border-color:#ef2b45;color:#fff;background:#202d36; }
html[data-theme="dark"] body.ci-v9 .deal-leaflet-map .leaflet-tile-pane { filter:invert(.92) hue-rotate(180deg) brightness(.78) saturate(.7) contrast(.96)!important; }
html[data-theme="dark"] body.ci-v9 .deal-leaflet-map .leaflet-control-attribution { color:#aeb8bf!important;background:rgba(12,19,25,.82)!important; }
html[data-theme="dark"] body.ci-v9 .deal-leaflet-map .leaflet-popup-content-wrapper,
html[data-theme="dark"] body.ci-v9 .deal-leaflet-map .leaflet-tooltip { border-color:#35434d;color:#edf2f5;background:rgba(15,23,30,.95); }
html[data-theme="dark"] body.ci-v9 .deal-leaflet-map .leaflet-popup-tip { background:#0f171e; }
html[data-theme="dark"] body.ci-v9 .ci-truck-tooltip { border-color:#ef2b45!important;color:#fff!important;background:#e8213d!important; }
html[data-theme="dark"] body.ci-v9 .deal-map-stops { border-color:#2a3740;background:#111a22; }
html[data-theme="dark"] body.ci-v9 .deal-map-stops button { border-color:#293640;color:#e7edf1; }
html[data-theme="dark"] body.ci-v9 .deal-map-stops button:hover { background:#17222b; }
html[data-theme="dark"] body.ci-v9 .deal-map-stops button>i { background:#1c2730; }
html[data-theme="dark"] body.ci-v9 .deal-map-stops button.current>i { background:#321923;box-shadow:0 0 0 1px #5b2632; }

@media (max-width:899px) {
  .ci-v9 .deal-tracking-map-card { border-radius:20px; }
  .ci-v9 .deal-tracking-map-card>header { align-items:start;padding:18px; }
  .ci-v9 .deal-tracking-map-card>header h3 { font-size:25px; }
  .ci-v9 .deal-tracking-map-card>header p { font-size:11px; }
  .ci-v9 .deal-map-shell { grid-template-rows:auto minmax(380px,52dvh) auto; }
  .ci-v9 .deal-map-toolbar { min-height:112px;display:grid;grid-template-columns:1fr 1fr 94px;padding:9px; }
  .ci-v9 .deal-map-toolbar>button { min-height:44px;padding:0 10px; }
  .ci-v9 .deal-map-toolbar>button:nth-child(1),.ci-v9 .deal-map-toolbar>button:nth-child(2) { grid-row:1; }
  .ci-v9 .deal-map-zoom { grid-row:2;grid-column:1/3;width:100%;grid-template-columns:1fr 1fr;margin:0; }
  .ci-v9 .deal-map-expand { grid-row:1/3;grid-column:3;flex-direction:column;gap:4px; }
  .ci-v9 .deal-map-expand span { font-size:8px;text-align:center; }
  .ci-v9 .deal-map-current { top:128px;left:10px;max-width:calc(100% - 20px);padding:9px 12px; }
  .ci-v9 .deal-map-stops { grid-auto-flow:column;grid-auto-columns:minmax(150px,45vw);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none; }
  .ci-v9 .deal-map-stops::-webkit-scrollbar { display:none; }
  .ci-v9 .deal-map-stops button { min-height:72px;padding:10px 12px;scroll-snap-align:start; }
  .ci-v9 .deal-map-stops button>i { width:31px;height:31px;flex-basis:31px; }
  .ci-v9 .deal-map-shell.is-expanded { inset:0;border:0;border-radius:0; }
  .ci-v9 .deal-map-shell.is-expanded .deal-map-toolbar { padding-top:max(9px,env(safe-area-inset-top)); }
  .ci-v9 .deal-map-shell.is-expanded .deal-map-current { top:calc(128px + env(safe-area-inset-top)); }
  .ci-v9 .deal-tracking-map-card>footer { padding:14px 16px; }
}

@media (prefers-reduced-motion:reduce) {
  .ci-v9 .deal-map-toolbar button { transition:none; }
}