/* Car Import56 · release 79 — road route and focused manager workbench. */

@media (min-width:900px) {
  body.ci-v9 .desktop-market-subbar {
    left:0!important;
    right:0!important;
    width:100vw!important;
    max-width:none!important;
    margin:0!important;
  }
  .ci-v9 .desktop-market-subbar__inner {
    width:100%!important;
    max-width:none!important;
    padding-inline:clamp(18px,2.4vw,40px)!important;
    justify-content:space-between!important;
  }
  .ci-v9 .desktop-market-subbar button {
    min-height:46px!important;
    font-size:clamp(10px,.84vw,12px)!important;
  }
  .ci-v9 .manager-deal-page { width:100%!important;max-width:none!important; }
  .ci-v9 .manager-deal-quick-nav {
    width:100%!important;
    grid-template-columns:repeat(4,minmax(170px,1fr))!important;
  }
}

.ci-v9 .manager-deal-detail { display:flex;flex-direction:column; }
.ci-v9 .manager-case-hero { order:1; }
.ci-v9 .manager-case-summary { order:2; }
.ci-v9 .manager-workflow-board { order:3; }
.ci-v9 .manager-report-uploader { order:4; }
.ci-v9 .manager-case-form { order:5; }
.ci-v9 .manager-case-history { order:6; }
.ci-v9 .manager-tracking-console { order:7; }
.ci-v9 .manager-map-card { order:8;margin-top:16px!important; }

/* The vehicle photo is no longer covered by a full-card black gradient. */
.ci-v9 .manager-case-hero {
  min-height:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:minmax(330px,38vw) auto auto!important;
  border:1px solid #dce4ea!important;
  color:#15212a!important;
  background:#fff!important;
  box-shadow:0 22px 65px rgba(15,28,38,.1)!important;
}
.ci-v9 .manager-case-hero>img {
  position:relative!important;
  inset:auto!important;
  grid-column:1/-1!important;
  grid-row:1!important;
  width:100%!important;
  height:100%!important;
  min-height:330px!important;
  object-fit:cover!important;
  object-position:center!important;
}
.ci-v9 .manager-case-shade { display:none!important; }
.ci-v9 .manager-case-hero>header {
  position:absolute!important;
  z-index:3!important;
  inset:20px 20px auto!important;
  align-items:flex-start!important;
  pointer-events:none;
}
.ci-v9 .manager-case-hero>header>span,
.ci-v9 .manager-case-hero>header>b {
  padding:9px 12px!important;
  border:1px solid rgba(255,255,255,.68)!important;
  border-radius:999px!important;
  color:#fff!important;
  background:rgba(8,15,21,.72)!important;
  box-shadow:0 8px 25px rgba(0,0,0,.2)!important;
  backdrop-filter:blur(12px)!important;
}
.ci-v9 .manager-case-hero>div:not(.manager-case-shade) {
  grid-column:1!important;
  grid-row:2!important;
  padding:24px 26px 8px!important;
}
.ci-v9 .manager-case-hero>div:not(.manager-case-shade) small { color:#6f7d87!important;font-size:12px!important; }
.ci-v9 .manager-case-hero h2 { margin:8px 0!important;color:#121c24!important;font-size:clamp(34px,4.2vw,56px)!important; }
.ci-v9 .manager-case-hero>div:not(.manager-case-shade) p { color:#78858f!important;font-size:13px!important; }
.ci-v9 .manager-case-hero>footer {
  grid-column:1/-1!important;
  grid-row:3!important;
  padding:14px 26px 24px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}
.ci-v9 .manager-case-hero>footer strong { margin-right:8px;color:#121c24!important;font-size:28px!important; }
.ci-v9 .manager-case-hero>footer span { color:#74818b!important; }
.ci-v9 .manager-case-hero>footer button {
  margin-left:0!important;
  border-color:#d9e1e6!important;
  color:#1d2932!important;
  background:#f6f8f9!important;
}
.ci-v9 .manager-case-hero>footer button:first-of-type { margin-left:auto!important; }

/* Manager status editor: one manual decision, no redundant date form. */
.ci-v9 .manager-stage-status-options button {
  position:relative;
  min-height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:10px!important;
}
.ci-v9 .manager-stage-status-options button>i {
  width:8px;height:8px;flex:0 0 8px;border:2px solid currentColor;border-radius:50%;opacity:.7;
}
.ci-v9 .manager-stage-status-options button.selected>i { background:currentColor;box-shadow:0 0 0 4px rgba(255,255,255,.2); }
.ci-v9 .manager-stage-guidance {
  min-height:74px;
  display:flex;
  align-items:center;
  gap:13px;
  padding:14px 16px;
  border:1px solid #dbe3e8;
  border-left:4px solid #ef2943;
  border-radius:13px;
  background:#f8fafb;
}
.ci-v9 .manager-stage-guidance>.ci-icon { width:25px;height:25px;flex:0 0 25px;color:#ef2943; }
.ci-v9 .manager-stage-guidance>span { min-width:0;display:grid;gap:4px; }
.ci-v9 .manager-stage-guidance strong { color:#18242d;font-size:12px; }
.ci-v9 .manager-stage-guidance small { color:#75838d;font-size:10px;line-height:1.5; }
.ci-v9 .manager-stage-status-field>[data-stage-form-state] { min-height:18px;display:block;margin-top:8px;color:#657580;font-size:10px; }
.ci-v9 .manager-stage-selector small { font-size:9px!important;line-height:1.35!important; }
.ci-v9 .manager-stage-selector strong { margin:4px 0!important;font-size:12px!important;line-height:1.25!important; }
.ci-v9 .manager-stage-selector time { font-size:10px!important;line-height:1.35!important; }
.ci-v9 .manager-stage-selector em { margin-top:4px!important;font-size:9px!important;line-height:1.3!important; }
.ci-v9 .manager-case-fields .internal textarea,
.ci-v9 .stage-editor-grid .internal textarea {
  color:#16222b!important;
  border-color:#d8e0e6!important;
  background:#f7f9fa!important;
}
.ci-v9 .stage-visual {
  padding:14px!important;
  background:var(--stage-image) center/cover no-repeat!important;
}
.ci-v9 .stage-visual>span {
  max-width:520px;
  padding:11px 13px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:11px;
  color:#18242d!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 10px 28px rgba(7,14,20,.16);
  backdrop-filter:blur(12px);
  font-size:11px!important;
}

/* Map: the planned road corridor and live GPS trace remain distinguishable. */
.ci-v9 .deal-map-shell { grid-template-rows:auto minmax(500px,62vh) auto!important; }
.ci-v9 .deal-leaflet-map { min-height:500px!important; }
.ci-v9 .deal-map-stops {
  grid-template-columns:none!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(145px,1fr)!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory;
  scrollbar-width:thin;
}
.ci-v9 .deal-map-stops button { scroll-snap-align:start; }
.ci-v9 .deal-map-stops button>i { font-size:16px!important; }
.ci-v9 .deal-map-toolbar>button,
.ci-v9 .deal-map-zoom button { min-height:48px!important;font-size:11px!important; }
.ci-v9 .deal-leaflet-map { overscroll-behavior:contain; }

/* Price and specification contrast. */
.ci-v9 .economics-lines .economics-total,
.ci-v9 .detail-breakdown .total {
  color:#fff!important;
  background:#df1736!important;
  background-image:none!important;
  text-shadow:none!important;
}
.ci-v9 .economics-lines .economics-total :is(span,strong),
.ci-v9 .detail-breakdown .total :is(span,strong) { color:#fff!important;opacity:1!important;text-shadow:none!important; }
.ci-v9 .full-specs-panel>summary>b {
  min-height:34px!important;
  display:flex!important;
  align-items:center!important;
  padding:8px 11px!important;
  color:#34424c!important;
  background:#fff!important;
  font-size:10px!important;
}

html[data-theme="dark"] body.ci-v9 .manager-case-hero {
  border-color:#2c3943!important;
  color:#edf2f5!important;
  background:#111a22!important;
}
html[data-theme="dark"] body.ci-v9 .manager-case-hero h2,
html[data-theme="dark"] body.ci-v9 .manager-case-hero>footer strong { color:#f5f8fa!important; }
html[data-theme="dark"] body.ci-v9 .manager-case-hero>div:not(.manager-case-shade) small,
html[data-theme="dark"] body.ci-v9 .manager-case-hero>div:not(.manager-case-shade) p,
html[data-theme="dark"] body.ci-v9 .manager-case-hero>footer span { color:#9aa7b0!important; }
html[data-theme="dark"] body.ci-v9 .manager-case-hero>footer button {
  border-color:#33414b!important;color:#e9eef1!important;background:#17222b!important;
}
html[data-theme="dark"] body.ci-v9 .manager-stage-guidance {
  border-color:#33414b!important;border-left-color:#ef2943!important;background:#141e26!important;
}
html[data-theme="dark"] body.ci-v9 .manager-stage-guidance strong { color:#f1f5f7!important; }
html[data-theme="dark"] body.ci-v9 .manager-stage-guidance small,
html[data-theme="dark"] body.ci-v9 .manager-stage-status-field>[data-stage-form-state] { color:#9ba8b1!important; }
html[data-theme="dark"] body.ci-v9 .manager-case-fields .internal textarea,
html[data-theme="dark"] body.ci-v9 .stage-editor-grid .internal textarea {
  color:#eef3f6!important;border-color:#35434d!important;background:#111a22!important;
}
html[data-theme="dark"] body.ci-v9 .stage-visual>span {
  border-color:#35434d;color:#f2f6f8!important;background:rgba(13,21,28,.9)!important;
}
html[data-theme="dark"] body.ci-v9 .full-specs-panel>summary>b {
  border-color:#3a4852!important;color:#e3e9ed!important;background:#17222b!important;
}

@media (max-width:899px) {
  .ci-v9 .manager-case-hero { grid-template-columns:1fr!important;grid-template-rows:minmax(270px,68vw) auto auto!important; }
  .ci-v9 .manager-case-hero>img { min-height:270px!important; }
  .ci-v9 .manager-case-hero>header { inset:12px 12px auto!important; }
  .ci-v9 .manager-case-hero>header>span { max-width:62%;font-size:8px!important; }
  .ci-v9 .manager-case-hero>div:not(.manager-case-shade) { padding:20px 18px 7px!important; }
  .ci-v9 .manager-case-hero>footer { padding:12px 18px 20px!important; }
  .ci-v9 .manager-case-hero>footer button:first-of-type { margin-left:0!important; }
  .ci-v9 .manager-stage-status-options { grid-template-columns:1fr 1fr!important; }
  .ci-v9 .manager-stage-guidance { align-items:flex-start; }
  .ci-v9 .deal-map-shell { grid-template-rows:auto minmax(430px,58dvh) auto!important; }
  .ci-v9 .deal-leaflet-map { min-height:430px!important; }
  .ci-v9 .deal-map-stops { grid-auto-columns:minmax(155px,44vw)!important; }
}

@media (max-width:520px) {
  .ci-v9 .full-specs-panel>summary { grid-template-columns:minmax(0,1fr) auto 18px!important; }
  .ci-v9 .full-specs-panel>summary>b { display:flex!important;font-size:9px!important; }
}