/* Car Import56 · release 80 — complete client journey. */

.ci-v9 .journey-dossier { --journey-surface:#fff;--journey-soft:#f3f6f8;--journey-ink:#15212a;--journey-muted:#657682;--journey-line:#d8e1e7; }
.ci-v9 .manager-client-preview-scroll { overflow-x:hidden!important; }
.ci-v9 .manager-client-preview-scroll .premium-deal-view { width:100%!important;max-width:1240px!important;margin-inline:auto!important;padding:24px!important;box-sizing:border-box!important; }
.ci-v9 .manager-client-preview-scroll .journey-dossier { width:100%!important;max-width:100%!important; }
.ci-v9 .lightbox { z-index:1800!important; }

/* Vehicle cover: untouched photo above a readable information deck. */
.ci-v9 .journey-vehicle-cover {
  min-height:0!important;display:grid!important;grid-template-rows:clamp(390px,51vw,680px) auto!important;
  overflow:hidden!important;border:1px solid var(--journey-line)!important;border-radius:30px!important;
  color:var(--journey-ink)!important;background:var(--journey-surface)!important;box-shadow:0 26px 70px rgba(16,31,42,.12)!important;
}
.ci-v9 .journey-vehicle-cover>img { position:relative!important;inset:auto!important;grid-row:1!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:none!important;opacity:1!important; }
.ci-v9 .journey-vehicle-cover .deal-cover-shade { display:none!important; }
.ci-v9 .journey-vehicle-cover .deal-cover-head { z-index:4!important;top:18px!important;right:18px!important;left:18px!important; }
.ci-v9 .journey-vehicle-cover .deal-cover-head>span,
.ci-v9 .journey-vehicle-cover .deal-cover-head>strong { padding:9px 12px!important;border:1px solid rgba(255,255,255,.8)!important;border-radius:999px!important;color:#fff!important;background:rgba(9,17,24,.76)!important;box-shadow:0 8px 22px rgba(0,0,0,.17)!important;backdrop-filter:blur(10px)!important;font-size:11px!important; }
.ci-v9 .journey-vehicle-cover .deal-cover-copy { position:relative!important;z-index:2!important;inset:auto!important;grid-row:2!important;width:100%!important;max-width:none!important;min-height:170px;padding:27px 210px 28px 30px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;column-gap:28px!important;background:var(--journey-surface)!important; }
.ci-v9 .journey-vehicle-cover .deal-cover-copy>p { grid-column:1!important;margin:0 0 8px!important;color:var(--journey-muted)!important;font-size:13px!important;line-height:1.45!important;letter-spacing:.04em!important; }
.ci-v9 .journey-vehicle-cover .deal-cover-copy h2 { grid-column:1!important;margin:0!important;max-width:none!important;color:var(--journey-ink)!important;font-size:clamp(38px,5vw,68px)!important;line-height:.98!important; }
.ci-v9 .journey-vehicle-cover .deal-cover-copy>div { grid-column:2!important;grid-row:1/3!important;min-width:230px;padding:18px 20px;border:1px solid #ffd1d8;border-radius:18px;background:#fff3f5!important; }
.ci-v9 .journey-vehicle-cover .deal-cover-copy>div span { color:#bb3047!important;font-size:11px!important;font-weight:850!important;letter-spacing:.08em!important; }
.ci-v9 .journey-vehicle-cover .deal-cover-copy>div strong { margin-top:6px;color:#df1736!important;font-size:clamp(27px,3vw,39px)!important; }
.ci-v9 .journey-vehicle-cover .deal-cover-monogram { z-index:1!important;right:18px!important;bottom:3px!important;color:rgba(239,35,63,.055)!important;font-size:170px!important;opacity:1!important;pointer-events:none; }

/* Readable summary and gallery. */
.ci-v9 .journey-command-strip span { font-size:12px!important;line-height:1.35!important; }
.ci-v9 .journey-command-strip strong { font-size:17px!important; }
.ci-v9 .deal-cancelled-premium { min-height:48px!important;padding:14px 17px!important;font-size:13px!important;line-height:1.45!important; }
.ci-v9 .deal-vehicle-gallery { margin:20px 0 28px;padding:24px;border:1px solid var(--journey-line);border-radius:24px;background:var(--journey-surface); }
.ci-v9 .deal-vehicle-gallery>header { display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:17px; }
.ci-v9 .deal-vehicle-gallery>header span { color:#ef233f;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase; }
.ci-v9 .deal-vehicle-gallery>header h3 { margin:5px 0 0;color:var(--journey-ink);font-size:29px;letter-spacing:-.045em; }
.ci-v9 .deal-vehicle-gallery>header b { color:var(--journey-ink);font-size:42px;letter-spacing:-.06em; }
.ci-v9 .deal-vehicle-gallery-rail { display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,30%);gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin; }
.ci-v9 .deal-vehicle-gallery-rail button { position:relative;aspect-ratio:4/3;padding:0;overflow:hidden;border:0;border-radius:17px;background:#e8edf0;cursor:zoom-in;scroll-snap-align:start; }
.ci-v9 .deal-vehicle-gallery-rail img { width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease; }
.ci-v9 .deal-vehicle-gallery-rail button:hover img { transform:scale(1.035); }
.ci-v9 .deal-vehicle-gallery-rail span { position:absolute;right:10px;bottom:10px;padding:7px 9px;border-radius:8px;color:#fff;background:rgba(10,18,25,.76);font-size:11px;font-weight:850;backdrop-filter:blur(8px); }
.ci-v9 .deal-vehicle-gallery>p { margin:13px 0 0;color:var(--journey-muted);font-size:13px;line-height:1.5; }

/* Flat raster pictograms generated for this interface. */
.ci-v9 .journey-raster-icon { width:100%;height:100%;display:block;background-image:url('/assets/cabinet/journey-icons-flat-v1.png');background-repeat:no-repeat;background-size:400% 300%;background-position:var(--journey-icon-position); }
.ci-v9 .journey-now-copy>i { width:72px!important;height:72px!important;padding:7px!important;border-color:#ffbac5!important;background:#fff1f3!important; }

/* Current stage keeps the vehicle image untouched. */
.ci-v9 .journey-now { background:#101922!important; }
.ci-v9 .journey-now-visual { background-image:var(--journey-image)!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important; }
.ci-v9 .journey-now-visual::after { display:none!important; }
.ci-v9 .journey-now-copy>span { font-size:13px!important; }
.ci-v9 .journey-now-copy p { font-size:16px!important; }
.ci-v9 .journey-now-copy>div small { font-size:12px!important; }

/* One continuous vertical route instead of a tile grid. */
.ci-v9 .client-journey-timeline { overflow:hidden; }
.ci-v9 .client-journey-timeline>header p { font-size:14px!important; }
.ci-v9 .client-journey-grid { position:relative!important;grid-template-columns:1fr!important;gap:15px!important;padding-left:9px!important; }
.ci-v9 .client-journey-grid::before { position:absolute;top:25px;bottom:25px;left:53px;width:2px;border-radius:2px;background:linear-gradient(#1ab873 0 18%,#ef233f 18% 35%,#dbe3e8 35%);content:""; }
.ci-v9 .client-journey-step { overflow:visible!important;margin-left:0;border-radius:22px!important;background:var(--journey-soft)!important;transform-origin:center left; }
.ci-v9 .client-journey-step.journey-motion-ready { opacity:0;transform:translate3d(0,28px,0) scale(.985); }
.ci-v9 .client-journey-step.journey-motion-ready.is-visible { opacity:1;transform:none;transition:opacity .55s ease var(--journey-delay,0ms),transform .65s cubic-bezier(.2,.8,.2,1) var(--journey-delay,0ms),border-color .25s,box-shadow .25s; }
.ci-v9 .client-journey-step.active { border-color:#f21f4380!important;box-shadow:0 17px 45px rgba(242,31,67,.13)!important; }
.ci-v9 .client-journey-step summary { min-height:132px!important;padding:20px 24px!important;grid-template-columns:74px minmax(0,1fr)!important;gap:22px!important;align-items:center!important; }
.ci-v9 .client-stage-index { position:relative;z-index:1;align-items:center!important;gap:8px!important; }
.ci-v9 .client-stage-index>span { min-width:40px;padding:6px 7px;border:1px solid var(--journey-line);border-radius:999px;color:#74838e!important;text-align:center;background:var(--journey-surface);font-size:12px!important; }
.ci-v9 .client-stage-index>i { position:relative;width:66px!important;height:66px!important;padding:7px!important;border:1px solid #ffcbd3;border-radius:19px!important;background:#fff5f6!important;box-shadow:0 10px 30px rgba(18,32,45,.09)!important; }
.ci-v9 .client-stage-index>i>b { position:absolute;right:-5px;bottom:-5px;width:24px;height:24px;display:grid;place-items:center;border:3px solid var(--journey-surface);border-radius:50%;color:#fff;background:#18b978; }
.ci-v9 .client-stage-index>i>b svg { width:13px!important;height:13px!important; }
.ci-v9 .client-stage-heading small { font-size:12px!important;line-height:1.4!important; }
.ci-v9 .client-stage-heading h4 { margin:7px 0 13px!important;font-size:21px!important;line-height:1.2!important; }
.ci-v9 .client-stage-heading b { padding:8px 11px!important;font-size:10px!important; }
.ci-v9 .client-stage-heading time { font-size:12px!important; }
.ci-v9 .client-stage-content { padding:0 24px 24px 120px!important; }
.ci-v9 .client-stage-content>p { font-size:14px!important;line-height:1.7!important; }
.ci-v9 .client-stage-media-empty { margin-top:16px;padding:13px 15px;border:1px dashed #cbd6de;border-radius:12px;color:var(--journey-muted);font-size:12px;line-height:1.5;background:var(--journey-soft); }
.ci-v9 .client-stage-media-strip { margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px; }
.ci-v9 .client-stage-media-strip :is(img,video) { width:100%;aspect-ratio:16/10;display:block;object-fit:cover;border-radius:12px;background:#0b1218; }
.ci-v9 .client-stage-content footer :is(span,b) { font-size:11px!important; }

/* Reports are explicitly tied to workflow stages. */
.ci-v9 .journey-report-card>div>span b { overflow:hidden;color:#ef233f;font-size:11px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap; }
.ci-v9 .journey-report-card>div>span small { font-size:11px!important; }
.ci-v9 .journey-report-card h4 { font-size:18px!important; }
.ci-v9 .journey-report-card p { font-size:13px!important;line-height:1.6!important; }
.ci-v9 .report-vault-empty p { font-size:14px!important; }

/* Complete document register. */
.ci-v9 .deal-documents-premium { margin-top:28px!important;padding:28px!important; }
.ci-v9 .deal-section-title span { font-size:12px!important; }
.ci-v9 .deal-section-title small { font-size:13px!important;line-height:1.5!important; }
.ci-v9 .document-grid-premium { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
.ci-v9 .document-register-item { min-height:132px;padding:18px;display:grid;grid-template-columns:42px minmax(0,1fr) 22px;gap:14px;align-items:start;border:1px solid var(--journey-line);border-radius:17px;background:var(--journey-soft); }
.ci-v9 .document-register-item>svg { width:27px;height:27px;color:#ef233f; }
.ci-v9 .document-register-item>span { min-width:0;display:grid;gap:6px; }
.ci-v9 .document-register-item strong { color:var(--journey-ink);font-size:15px; }
.ci-v9 .document-register-item small { color:var(--journey-muted);font-size:12px;line-height:1.45; }
.ci-v9 .document-register-item em { width:max-content;max-width:100%;padding:6px 8px;border-radius:7px;color:#697985;background:#e7ecef;font-size:10px;font-style:normal;font-weight:850;text-transform:uppercase; }
.ci-v9 .document-register-item.active em { color:#fff;background:#ef233f; }
.ci-v9 .document-register-item.done em { color:#08784a;background:#dff7ec; }
.ci-v9 .document-register-item>i svg { width:18px;height:18px;color:#8a98a2; }
.ci-v9 .deal-security-note span { font-size:13px!important;line-height:1.55!important; }

/* Map labels and descriptions must remain readable. */
.ci-v9 .deal-tracking-map-card>header p { font-size:13px!important;line-height:1.65!important; }
.ci-v9 .deal-map-current small,.ci-v9 .deal-map-stops small,.ci-v9 .deal-tracking-map-card>footer small { font-size:10px!important; }
.ci-v9 .deal-map-current strong,.ci-v9 .deal-map-stops strong,.ci-v9 .deal-tracking-map-card>footer strong { font-size:13px!important; }

html[data-theme="dark"] body.ci-v9 .journey-dossier { --journey-surface:#111a22;--journey-soft:#17222b;--journey-ink:#f4f7f9;--journey-muted:#a5b2bb;--journey-line:#33414c; }
html[data-theme="dark"] body.ci-v9 .journey-vehicle-cover .deal-cover-copy { background:#111a22!important; }
html[data-theme="dark"] body.ci-v9 .journey-vehicle-cover .deal-cover-copy>div { border-color:#5b2b35;background:#25171d!important; }
html[data-theme="dark"] body.ci-v9 .journey-vehicle-cover .deal-cover-copy>div strong { color:#ff4862!important; }
html[data-theme="dark"] body.ci-v9 .client-journey-step { color:var(--journey-ink)!important;background:var(--journey-soft)!important; }
html[data-theme="dark"] body.ci-v9 .client-stage-index>i { border-color:#51303a;background:#24171d!important; }
html[data-theme="dark"] body.ci-v9 .client-stage-media-empty { border-color:#3a4853;background:#111a22; }
html[data-theme="dark"] body.ci-v9 .document-register-item { background:#17222b; }
html[data-theme="dark"] body.ci-v9 .document-register-item em { color:#b6c1c9;background:#25323c; }

@media (max-width:899px) {
  .ci-v9 .journey-vehicle-cover { grid-template-rows:minmax(310px,72vw) auto!important; }
  .ci-v9 .journey-vehicle-cover .deal-cover-copy { padding:22px 24px!important;grid-template-columns:1fr!important;gap:18px!important; }
  .ci-v9 .journey-vehicle-cover .deal-cover-copy>div { grid-column:1!important;grid-row:auto!important;min-width:0!important; }
  .ci-v9 .journey-vehicle-cover .deal-cover-monogram { display:none!important; }
  .ci-v9 .deal-vehicle-gallery { padding:18px; }
  .ci-v9 .deal-vehicle-gallery-rail { grid-auto-columns:minmax(220px,70%); }
  .ci-v9 .document-grid-premium { grid-template-columns:1fr!important; }
}

@media (max-width:560px) {
  .ci-v9 .journey-vehicle-cover { border-radius:22px!important;grid-template-rows:minmax(260px,72vw) auto!important; }
  .ci-v9 .journey-vehicle-cover .deal-cover-head { top:11px!important;right:11px!important;left:11px!important;gap:6px!important; }
  .ci-v9 .journey-vehicle-cover .deal-cover-head>span,.ci-v9 .journey-vehicle-cover .deal-cover-head>strong { padding:7px 8px!important;font-size:8px!important; }
  .ci-v9 .journey-vehicle-cover .deal-cover-copy h2 { font-size:34px!important; }
  .ci-v9 .journey-vehicle-cover .deal-cover-copy>p { font-size:12px!important; }
  .ci-v9 .journey-command-strip>div { min-height:102px!important;padding:16px!important; }
  .ci-v9 .journey-command-strip span { font-size:10px!important; }
  .ci-v9 .journey-command-strip strong { font-size:13px!important; }
  .ci-v9 .deal-vehicle-gallery-rail { grid-auto-columns:82%; }
  .ci-v9 .client-journey-timeline { padding:24px 14px!important; }
  .ci-v9 .client-journey-grid { padding-left:0!important; }
  .ci-v9 .client-journey-grid::before { left:37px; }
  .ci-v9 .client-journey-step summary { min-height:126px!important;padding:16px 13px!important;grid-template-columns:56px minmax(0,1fr)!important;gap:12px!important; }
  .ci-v9 .client-stage-index>i { width:54px!important;height:54px!important;border-radius:16px!important; }
  .ci-v9 .client-stage-index>span { font-size:10px!important; }
  .ci-v9 .client-stage-heading small { font-size:10px!important; }
  .ci-v9 .client-stage-heading h4 { font-size:17px!important; }
  .ci-v9 .client-stage-heading>div { grid-template-columns:auto minmax(0,1fr) 17px!important;gap:7px!important; }
  .ci-v9 .client-stage-heading time { font-size:10px!important; }
  .ci-v9 .client-stage-content { padding:0 14px 18px 81px!important; }
  .ci-v9 .client-stage-content>p { font-size:13px!important; }
  .ci-v9 .client-stage-media-strip { grid-template-columns:1fr; }
  .ci-v9 .deal-documents-premium { padding:20px 14px!important; }
  .ci-v9 .document-register-item { grid-template-columns:34px minmax(0,1fr) 18px; }
}

@media (prefers-reduced-motion:reduce) {
  .ci-v9 .client-journey-step { transition:none!important;animation:none!important; }
}
