/* Динамика, вклад категорий и сверка переходящего остатка. */
#example-excel {
  --pi-price: #165dd8;
  --pi-integrations: #087e72;
  --pi-implementation: #a74c2a;
}
#example-excel .ei-scene { grid-template-columns: minmax(0, .78fr) 72px minmax(0, 1.4fr); padding: 32px; gap: 0; background: #f2f5f8; }
#example-excel .ei-source { align-items: flex-start; padding-top: 0; padding-bottom: 4px; }
#example-excel .ei-source strong { font-size: 13px; overflow-wrap: anywhere; }
#example-excel .ei-source span { font-size: 11px; }
#example-excel .ei-source>img { width: 34px; height: 38px; }
#example-excel .fd-sheet { margin-top: 12px; border: 0; border-radius: 9px; }
#example-excel .fd-sheet-tabs { padding: 10px 12px; font-size: 11px; }
#example-excel .fd-table { font-size: 12px; }
#example-excel .fd-table caption { padding: 13px 12px 6px; font-size: 11px; }
#example-excel .fd-table th, #example-excel .fd-table td { padding: 9px 12px; }
#example-excel .fd-table thead th { font-size: 11px; }
#example-excel .fd-cash-source { padding: 13px 12px; }
#example-excel .fd-cash-source .fd-label, #example-excel .fd-cash-source>small { font-size: 11px; }
#example-excel .fd-cash-source>div:not(.fd-label) { padding: 6px 0; font-size: 12px; }
#example-excel .ei-request { display: flex; align-items: flex-start; gap: 11px; padding: 15px; margin-top: 16px; border-radius: 12px; font-size: 12px; line-height: 1.7; }
#example-excel .pi-slide { min-height: 580px; }
#example-excel .ei-unit { color: #526477; font-size: 11px; line-height: 1.5; }
#example-excel .ei-growth { display: flex; align-items: center; gap: 10px; margin-top: 20px; color: var(--pi-integrations); }
#example-excel .ei-growth>svg { flex: none; width: 25px; height: 25px; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#example-excel .ei-growth strong { font-size: 43px; font-weight: 800; line-height: 1.15; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
#example-excel .ei-growth span { color: #526477; font-size: 11px; line-height: 1.6; }
#example-excel .ei-comparison { margin: 24px 0 20px; }
#example-excel .ei-bar-row { display: grid; grid-template-columns: 23px minmax(0, 1fr) 42px; align-items: center; gap: 10px; margin-top: 15px; font-size: 12px; font-variant-numeric: tabular-nums; }
#example-excel .ei-bar-row>span { color: #526477; }
#example-excel .ei-bar-row>strong { text-align: right; font-weight: 750; }
#example-excel .ei-bar-track { height: 26px; background: #edf1f6; border-radius: 4px; overflow: hidden; }
#example-excel .ei-bar-fill { display: block; height: 100%; background: var(--pi-price); transform-origin: left center; }
#example-excel .ei-bar-fill--q1 { width: calc(100% * 66 / 75.5); background: #91acd4; }
#example-excel .ei-bar-fill--q2 { width: 100%; }
#example-excel .ei-comparison figcaption { margin-top: 15px; font-size: 11px; color: #526477; }
#example-excel .ei-equation { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin-bottom: 22px; font-size: 12px; color: #526477; font-variant-numeric: tabular-nums; }
#example-excel .ei-equation strong { color: var(--pi-integrations); font-weight: 750; }
#example-excel .ei-contribution { margin: 26px 0 23px; }
#example-excel .ei-stack { display: flex; width: 100%; height: 37px; overflow: hidden; border-radius: 5px; }
#example-excel .ei-stack>span { display: block; height: 100%; transform-origin: left center; }
#example-excel .ei-stack-drinks { width: calc(100% * 6 / 9.5); background: var(--pi-price); }
#example-excel .ei-stack-food { width: calc(100% * 2 / 9.5); background: var(--pi-integrations); }
#example-excel .ei-stack-delivery { width: calc(100% * 1.5 / 9.5); background: var(--pi-implementation); }
#example-excel .ei-contribution figcaption { margin-top: 10px; color: #526477; font-size: 11px; }
#example-excel .ei-category-list { margin: 0 0 22px; }
#example-excel .ei-category-row { display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; gap: 10px; align-items: center; min-height: 49px; border-bottom: 1px solid #e4eaf1; font-size: 12px; font-variant-numeric: tabular-nums; }
#example-excel .ei-category-row:last-child { border-bottom: 0; }
#example-excel .ei-category-dot { width: 7px; height: 7px; background: currentColor; border-radius: 2px; }
#example-excel .ei-category-row span:nth-child(2) { color: var(--ink); }
#example-excel .ei-category-row strong { color: var(--ink); font-weight: 750; }
#example-excel .ei-contribution-note { margin-bottom: 21px; color: #526477; font-size: 12px; line-height: 1.7; }
#example-excel .ei-contribution-note strong { color: var(--pi-price); }
#example-excel .ei-reconcile { display: grid; grid-template-columns: minmax(0, 1fr) 52px minmax(0, 1fr); align-items: center; margin: 30px 0 24px; }
#example-excel .ei-balance { min-width: 0; }
#example-excel .ei-balance>span { display: block; font-size: 11px; line-height: 1.5; color: #526477; }
#example-excel .ei-balance strong { display: block; margin-top: 8px; font-size: clamp(32px, 3vw, 43px); line-height: 1.15; font-weight: 800; letter-spacing: -.03em; font-variant-numeric: tabular-nums; color: var(--pi-price); }
#example-excel .ei-balance:last-child { text-align: right; }
#example-excel .ei-balance:last-child strong { color: var(--pi-integrations); }
#example-excel .ei-connection { width: 100%; height: 28px; stroke: #91a4bb; stroke-width: 1.5; }
#example-excel .ei-balance-track { height: 9px; margin-top: 17px; background: #edf1f6; border-radius: 2px; overflow: hidden; }
#example-excel .ei-balance-track>span { display: block; width: 100%; height: 100%; background: var(--pi-price); transform-origin: left center; }
#example-excel .ei-balance:last-child .ei-balance-track>span { width: calc(100% * 20 / 27.2); background: var(--pi-integrations); }
#example-excel .ei-discrepancy { display: flex; align-items: flex-start; gap: 12px; padding-top: 20px; border-top: 1px solid #e4eaf1; color: var(--pi-implementation); }
#example-excel .ei-discrepancy>svg { flex: none; width: 24px; height: 24px; margin-top: 2px; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
#example-excel .ei-discrepancy strong { display: block; font-size: 20px; font-weight: 800; line-height: 1.4; font-variant-numeric: tabular-nums; }
#example-excel .ei-discrepancy p { margin-top: 5px; color: #526477; font-size: 12px; line-height: 1.75; }
#example-excel .ei-detail { margin: 19px 0 20px; align-self: flex-start; }
#example-excel .pi-slide-foot .fd-source-link { min-height: 44px; }
@media (min-width: 851px) and (max-width: 1099px) {
  #example-excel .ei-scene { grid-template-columns: minmax(0, .72fr) 40px minmax(0, 1.3fr); padding: 24px; }
  #example-excel .ei-source { gap: 8px; }
  #example-excel .ei-source>img { width: 28px; height: 32px; }
  #example-excel .ei-source strong { font-size: 11px; }
  #example-excel .fd-table th, #example-excel .fd-table td { padding-inline: 8px; }
  #example-excel .ei-request { padding: 13px; }
  #example-excel .ei-request>svg { display: none; }
  #example-excel .ei-growth strong { font-size: 39px; }
  #example-excel .ei-bar-row { gap: 8px; }
}
@media (max-width: 850px) {
  #example-excel .ei-scene { grid-template-columns: minmax(0, 1fr); padding: 24px; gap: 24px; }
  #example-excel .ei-input { grid-row: 2; }
  #example-excel .pi-deck { grid-row: 1; }
  #example-excel .ei-source strong { font-size: 13px; }
  #example-excel .ei-input .fd-sheet { max-width: 100%; }
  #example-excel .ei-growth strong { font-size: 43px; }
}
@media (max-width: 640px) {
  #example-excel .ei-scene { padding: 14px; gap: 23px; }
  #example-excel .ei-input { padding: 0 4px 4px; }
  #example-excel .ei-source strong { font-size: 12px; }
  #example-excel .ei-request { padding: 13px; margin-top: 12px; }
  #example-excel .ei-growth { margin-top: 24px; gap: 8px; }
  #example-excel .ei-growth strong { font-size: 40px; }
  #example-excel .ei-growth>svg { width: 22px; height: 22px; }
  #example-excel .ei-growth span { max-width: 75px; }
  #example-excel .ei-bar-row { grid-template-columns: 21px minmax(0, 1fr) 38px; gap: 8px; }
  #example-excel .ei-contribution { margin-top: 25px; }
  #example-excel .ei-stack { height: 32px; }
  #example-excel .ei-reconcile { grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr); margin-top: 29px; }
  #example-excel .ei-balance strong { font-size: 35px; }
  #example-excel .ei-discrepancy strong { font-size: 19px; }
}
@media (max-width: 370px) {
  #example-excel .pi-slide { min-height: 620px; }
  #example-excel .ei-growth { flex-wrap: wrap; }
  #example-excel .ei-growth span { max-width: none; }
  #example-excel .ei-balance strong { font-size: 31px; }
  #example-excel .ei-discrepancy { gap: 9px; }
}