/* Car Import56 v81 — road routing, complete icon atlas and clearer client dossier. */

.ci-v9 .deal-route-badges { display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:flex-start; }
.ci-v9 .deal-route-quality { min-height:31px;padding:8px 11px;display:inline-flex;gap:7px;align-items:center;border:1px solid #dce4e8;border-radius:999px;color:#62727d;background:#f6f8f9;font-size:10px;font-weight:850;letter-spacing:.035em;text-transform:uppercase; }
.ci-v9 .deal-route-quality i { width:7px;height:7px;border-radius:50%;background:#a7b3bb;box-shadow:0 0 0 4px rgba(167,179,187,.13); }
.ci-v9 .deal-route-quality.is-loading i { animation:route-pulse 1.15s ease-in-out infinite; }
.ci-v9 .deal-route-quality.is-road { border-color:#bce9d5;color:#087749;background:#eafaf3; }
.ci-v9 .deal-route-quality.is-road i { background:#15ad70;box-shadow:0 0 0 4px rgba(21,173,112,.14); }
.ci-v9 .deal-route-quality.is-fallback { border-color:#f4d697;color:#79550b;background:#fff8e8; }
.ci-v9 .deal-route-quality.is-fallback i { background:#e5a723;box-shadow:0 0 0 4px rgba(229,167,35,.14); }
@keyframes route-pulse { 50% { opacity:.35;transform:scale(.72); } }

.ci-v9 .deal-map-shell { position:relative; }
.ci-v9 .deal-leaflet-map.is-route-loading::after { content:'Прокладываем персональный маршрут по дорогам';position:absolute;z-index:650;left:50%;top:50%;min-width:min(310px,calc(100% - 42px));padding:13px 18px;border:1px solid rgba(255,255,255,.8);border-radius:999px;color:#15222b;text-align:center;background:rgba(255,255,255,.9);box-shadow:0 16px 45px rgba(20,32,45,.18);backdrop-filter:blur(16px);font-size:11px;font-weight:850;transform:translate(-50%,-50%); }
.ci-v9 .deal-map-route-meta { position:relative;z-index:3;margin:-1px 16px 14px;padding:13px 15px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;border:1px solid #dfe6ea;border-radius:16px;background:#fff;box-shadow:0 12px 34px rgba(18,30,42,.08); }
.ci-v9 .deal-map-route-meta>div { min-width:0;display:flex;gap:10px;align-items:center; }
.ci-v9 .deal-map-route-meta>div:first-child>.journey-raster-icon { width:54px;height:48px;flex:0 0 54px; }
.ci-v9 .deal-map-route-meta span { min-width:0;display:grid;gap:3px; }
.ci-v9 .deal-map-route-meta>div:not(:first-child) { padding-left:17px;display:grid;gap:3px;border-left:1px solid #e5eaed; }
.ci-v9 .deal-map-route-meta small { color:#84919a;font-size:9px;font-weight:850;letter-spacing:.05em;text-transform:uppercase; }
.ci-v9 .deal-map-route-meta strong { overflow:hidden;color:#15222b;font-size:12px;text-overflow:ellipsis;white-space:nowrap; }

/* The generated atlas is 4 × 3. Its cells are 9:8, so the containers keep that ratio instead of cropping icons into squares. */
.ci-v9 .journey-raster-icon { aspect-ratio:9/8;background-size:400% 300%!important;background-position:var(--journey-icon-position)!important;background-repeat:no-repeat!important; }
.ci-v9 .journey-now-copy>i { width:104px!important;height:92px!important;padding:8px!important;border-radius:22px!important; }
.ci-v9 .client-journey-step summary { grid-template-columns:102px minmax(0,1fr)!important;gap:24px!important; }
.ci-v9 .client-stage-index>i { width:92px!important;height:82px!important;padding:8px!important;border-radius:21px!important; }
.ci-v9 .client-stage-index>i>.journey-raster-icon { width:100%!important;height:100%!important; }
.ci-v9 .client-stage-index>i>b { right:-4px!important;bottom:-4px!important;width:27px!important;height:27px!important; }

.ci-v9 .manager-stage-selector>button { min-height:94px!important;grid-template-columns:24px 66px minmax(0,1fr) 15px!important;gap:10px!important; }
.ci-v9 .manager-stage-raster { position:relative!important;width:66px!important;height:59px!important;padding:5px!important;display:block!important;overflow:visible!important;border:1px solid #ffcbd3!important;border-radius:16px!important;color:inherit!important;background:#fff4f6!important; }
.ci-v9 .manager-stage-raster>.journey-raster-icon { width:100%!important;height:100%!important; }
.ci-v9 .manager-stage-raster>b { position:absolute;right:-5px;bottom:-5px;width:22px;height:22px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;color:#fff;background:#15ad70; }
.ci-v9 .manager-stage-raster>b svg { width:11px!important;height:11px!important; }
.ci-v9 .manager-stage-card summary { grid-template-columns:36px 78px minmax(0,1fr) auto 18px!important; }
.ci-v9 .manager-stage-card summary>.manager-stage-raster { width:74px!important;height:66px!important; }

.ci-v9 .manager-vehicle-gallery { padding:23px;border:1px solid #dce4e9;border-radius:23px;background:#fff;box-shadow:0 18px 50px rgba(18,30,42,.07); }
.ci-v9 .manager-vehicle-gallery>header { margin-bottom:17px;display:flex;gap:20px;justify-content:space-between;align-items:end; }
.ci-v9 .manager-vehicle-gallery>header span { color:#ef233f;font-size:10px;font-weight:900;letter-spacing:.11em; }
.ci-v9 .manager-vehicle-gallery>header h3 { margin:6px 0 4px;color:#13202a;font-size:24px; }
.ci-v9 .manager-vehicle-gallery>header p { margin:0;max-width:720px;color:#70808b;font-size:12px;line-height:1.55; }
.ci-v9 .manager-vehicle-gallery>header>b { min-width:54px;height:54px;display:grid;place-items:center;border-radius:17px;color:#fff;background:#13202a;font-size:18px; }
.ci-v9 .manager-vehicle-gallery>div { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px; }
.ci-v9 .manager-vehicle-gallery button { position:relative;aspect-ratio:4/3;padding:0;overflow:hidden;border:0;border-radius:13px;background:#e9eef1;cursor:zoom-in; }
.ci-v9 .manager-vehicle-gallery img { width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s ease; }
.ci-v9 .manager-vehicle-gallery button:hover img { transform:scale(1.045); }
.ci-v9 .manager-vehicle-gallery button span { position:absolute;right:7px;bottom:7px;padding:4px 6px;border-radius:6px;color:#fff;background:rgba(10,18,25,.72);font-size:9px;font-weight:850;backdrop-filter:blur(8px); }

.ci-v9 .china-export-explainer { margin:24px 0;padding:27px;border:1px solid #dce4e9;border-radius:24px;background:linear-gradient(145deg,#fff,#f6f8fa);box-shadow:0 20px 60px rgba(18,30,42,.075); }
.ci-v9 .china-export-explainer>header { display:flex;gap:24px;justify-content:space-between;align-items:start; }
.ci-v9 .china-export-explainer>header span { color:#ef233f;font-size:10px;font-weight:900;letter-spacing:.12em; }
.ci-v9 .china-export-explainer>header h3 { margin:7px 0 5px;color:#13202a;font-size:clamp(24px,3vw,36px);line-height:1.08; }
.ci-v9 .china-export-explainer>header p { margin:0;max-width:760px;color:#6c7c87;font-size:13px;line-height:1.65; }
.ci-v9 .china-export-explainer>header>b { min-width:max-content;padding:9px 12px;display:flex;gap:8px;align-items:center;border:1px solid #dce4e9;border-radius:999px;color:#65757f;background:#fff;font-size:10px;text-transform:uppercase; }
.ci-v9 .china-export-explainer>header>b i { width:7px;height:7px;border-radius:50%;background:#a4b0b8; }
.ci-v9 .china-export-explainer>header>b.active { border-color:#ffc1cb;color:#d51835;background:#fff0f3; }
.ci-v9 .china-export-explainer>header>b.active i { background:#ef233f;box-shadow:0 0 0 4px rgba(239,35,63,.12); }
.ci-v9 .china-export-flow { position:relative;margin-top:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px; }
.ci-v9 .china-export-flow::before { content:'';position:absolute;z-index:0;left:7%;right:7%;top:30px;height:2px;background:#dde5e9; }
.ci-v9 .china-export-flow article { position:relative;z-index:1;min-height:194px;padding:16px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-content:start;border:1px solid #dfe6ea;border-radius:17px;background:#fff; }
.ci-v9 .china-export-flow article>i { width:38px;height:38px;display:grid;place-items:center;border:4px solid #fff;border-radius:50%;color:#6f7e88;background:#e8edf0;box-shadow:0 0 0 1px #dfe6ea;font-size:10px;font-style:normal;font-weight:900; }
.ci-v9 .china-export-flow article.done>i { color:#fff;background:#15ad70;box-shadow:0 0 0 1px #15ad70; }
.ci-v9 .china-export-flow article.active { border-color:#ffb9c5;background:#fff7f8;box-shadow:0 12px 28px rgba(239,35,63,.09); }
.ci-v9 .china-export-flow article.active>i { color:#fff;background:#ef233f;box-shadow:0 0 0 1px #ef233f; }
.ci-v9 .china-export-flow article.not-required { opacity:.7; }
.ci-v9 .china-export-flow article span { display:grid;gap:6px; }
.ci-v9 .china-export-flow small { color:#8a97a0;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase; }
.ci-v9 .china-export-flow strong { color:#18252e;font-size:13px;line-height:1.35; }
.ci-v9 .china-export-flow p { margin:0;color:#71808a;font-size:11px;line-height:1.55; }
.ci-v9 .china-export-explainer>footer { margin-top:15px;padding:15px 17px;display:grid;grid-template-columns:30px minmax(0,1fr) minmax(240px,.65fr);gap:13px;align-items:center;border:1px solid #dce5e9;border-radius:16px;background:#eef3f5; }
.ci-v9 .china-export-explainer>footer>svg { width:24px;height:24px;color:#ef233f; }
.ci-v9 .china-export-explainer>footer span { display:grid;gap:3px; }
.ci-v9 .china-export-explainer>footer small { color:#7d8b94;font-size:8px;font-weight:900;text-transform:uppercase; }
.ci-v9 .china-export-explainer>footer strong { color:#18252e;font-size:12px;line-height:1.45; }
.ci-v9 .china-export-explainer>footer em { color:#71808a;font-size:10px;font-style:normal;line-height:1.5; }

.ci-v9 .deal-documents-premium { padding:28px!important;border-radius:24px!important; }
.ci-v9 .deal-documents-premium .deal-section-title { margin-bottom:18px;display:grid;gap:5px; }
.ci-v9 .deal-documents-premium .deal-section-title>span { color:#17242d;font-size:25px;font-weight:850; }
.ci-v9 .deal-documents-premium .deal-section-title>small { max-width:780px;color:#71808a;font-size:12px;line-height:1.55; }
.ci-v9 .document-grid-premium { grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important; }
.ci-v9 .document-register-item { min-height:190px!important;padding:17px!important;grid-template-columns:74px minmax(0,1fr) 26px!important;gap:14px!important;border-radius:18px!important;background:#f7f9fa!important; }
.ci-v9 .document-register-icon { width:74px;height:66px;padding:6px;border:1px solid #ffd0d7;border-radius:17px;background:#fff3f5; }
.ci-v9 .document-register-icon .journey-raster-icon { width:100%;height:100%; }
.ci-v9 .document-register-item>span { align-content:start!important;gap:5px!important; }
.ci-v9 .document-register-item .document-owner { color:#ef233f!important;font-size:8px!important;font-weight:900;letter-spacing:.05em;text-transform:uppercase; }
.ci-v9 .document-register-item strong { font-size:15px!important;line-height:1.35; }
.ci-v9 .document-register-item p { margin:0;color:#71808a;font-size:11px;line-height:1.5; }
.ci-v9 .document-register-item .document-result { color:#52636e!important;font-size:10px!important;font-weight:750;line-height:1.45!important; }
.ci-v9 .document-register-item em { margin-top:3px; }
.ci-v9 .document-register-item>i { width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:#84919a;background:#e5eaed; }
.ci-v9 .document-register-item>i svg { width:14px!important;height:14px!important; }
.ci-v9 .document-register-item.done { border-color:#bfe9d5!important;background:#f2fbf7!important; }
.ci-v9 .document-register-item.done>i { color:#fff;background:#15ad70; }
.ci-v9 .document-register-item.active { border-color:#ffb9c5!important;background:#fff6f7!important;box-shadow:0 12px 32px rgba(239,35,63,.08); }
.ci-v9 .document-register-item.active>i { color:#fff;background:#ef233f; }
.ci-v9 .document-register-item.issue { border-color:#f2d38d!important;background:#fff9ea!important; }

html[data-theme="dark"] body.ci-v9 .deal-route-quality { border-color:#35434d;color:#b8c2c9;background:#17222b; }
html[data-theme="dark"] body.ci-v9 .deal-route-quality.is-road { border-color:#255b46;color:#8fe0bb;background:#102a22; }
html[data-theme="dark"] body.ci-v9 .deal-map-route-meta,
html[data-theme="dark"] body.ci-v9 .manager-vehicle-gallery,
html[data-theme="dark"] body.ci-v9 .china-export-explainer { border-color:#35434d;background:#111a22;color:#edf2f5; }
html[data-theme="dark"] body.ci-v9 :is(.deal-map-route-meta,.manager-vehicle-gallery,.china-export-explainer,.deal-documents-premium) :is(h3,strong) { color:#edf2f5; }
html[data-theme="dark"] body.ci-v9 .china-export-flow article { border-color:#35434d;background:#17222b; }
html[data-theme="dark"] body.ci-v9 .china-export-flow article.active { border-color:#713142;background:#24171d; }
html[data-theme="dark"] body.ci-v9 .china-export-explainer>footer { border-color:#35434d;background:#17222b; }
html[data-theme="dark"] body.ci-v9 .manager-stage-raster,
html[data-theme="dark"] body.ci-v9 .document-register-icon { border-color:#51303a!important;background:#24171d!important; }
html[data-theme="dark"] body.ci-v9 .document-register-item { border-color:#35434d!important;background:#17222b!important; }

@media (max-width:899px) {
  .ci-v9 .deal-tracking-map-card>header { display:grid!important; }
  .ci-v9 .deal-route-badges { justify-content:flex-start; }
  .ci-v9 .deal-map-route-meta { grid-template-columns:1fr 1fr;margin-inline:10px;gap:10px; }
  .ci-v9 .deal-map-route-meta>div:first-child { grid-column:1/-1; }
  .ci-v9 .deal-map-route-meta>div:not(:first-child) { padding:9px 0 0;border-left:0;border-top:1px solid #e5eaed; }
  .ci-v9 .manager-vehicle-gallery>div { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .ci-v9 .china-export-flow { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ci-v9 .china-export-flow::before { display:none; }
  .ci-v9 .china-export-explainer>footer { grid-template-columns:28px minmax(0,1fr); }
  .ci-v9 .china-export-explainer>footer>em { grid-column:2; }
  .ci-v9 .manager-stage-selector>button { width:284px!important;min-width:284px!important; }
}

@media (max-width:620px) {
  .ci-v9 .journey-now-copy>i { width:88px!important;height:78px!important; }
  .ci-v9 .client-journey-step summary { grid-template-columns:74px minmax(0,1fr)!important;gap:13px!important; }
  .ci-v9 .client-stage-index>i { width:70px!important;height:62px!important;padding:6px!important; }
  .ci-v9 .manager-vehicle-gallery { padding:17px 12px; }
  .ci-v9 .manager-vehicle-gallery>div { display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity; }
  .ci-v9 .manager-vehicle-gallery button { width:72vw;min-width:72vw;scroll-snap-align:start; }
  .ci-v9 .china-export-explainer { padding:21px 13px; }
  .ci-v9 .china-export-explainer>header { display:grid; }
  .ci-v9 .china-export-flow { grid-template-columns:1fr; }
  .ci-v9 .china-export-flow article { min-height:0; }
  .ci-v9 .document-grid-premium { grid-template-columns:1fr!important; }
  .ci-v9 .document-register-item { grid-template-columns:64px minmax(0,1fr) 23px!important; }
  .ci-v9 .document-register-icon { width:64px;height:57px; }
  .ci-v9 .manager-stage-card summary { grid-template-columns:24px 62px minmax(0,1fr) 16px!important; }
  .ci-v9 .manager-stage-card summary>.manager-stage-raster { width:58px!important;height:52px!important; }
  .ci-v9 .manager-stage-card summary>b { display:none!important; }
}

@media (prefers-reduced-motion:reduce) {
  .ci-v9 .deal-route-quality.is-loading i { animation:none; }
}