/* Shtat · цвета продукта (графит и мятный из знака) и оформление результата: дорожки отделов + очередь «На подпись». */
:root {
  --brand: #18181b; --brand-2: #0f7a66; --brand-ink: #27272a; --brand-soft: #f0f0f2; --brand-line: #dcdce1;
  --accent: #2ec4a6; --accent-soft: #dcf6ef; --accent-ink: #0b6152;
  --sh-teal: #14a386; --sh-line: #d4d4d8;
}
/* бренд графитовый, поэтому главный результат в заголовке выделен тёмно-мятным */
.w-hero h1 em { color: var(--brand-2); }
/* выбранная сфера заметна и в Zoom */
.w-pill.on { background: var(--accent-soft); border-color: var(--accent); color: var(--accent-ink); }
.sh { display: flex; flex-direction: column; gap: 10px; }
.sh-head { display: flex; flex-direction: column; gap: 7px; }
.sh-no { font-size: 13px; color: var(--muted); font-weight: 500; }
.sh-chips { display: flex; flex-wrap: wrap; gap: 6px; min-height: 31px; }
.sh-chip { display: inline-flex; align-items: center; padding: 5px 11px; border-radius: 8px; background: var(--brand-soft); color: var(--brand-ink);
  font-size: 14px; font-weight: 600; border: 1px solid var(--brand-line); white-space: nowrap; }
.sh-chip.c2 { background: var(--accent-soft); color: var(--accent-ink); border-color: color-mix(in srgb, var(--accent) 45%, transparent); }

/* доска отделов: дорожки слева направо */
.sh-board { position: relative; border: 1px solid var(--brand-line); border-radius: 14px; padding: 10px 8px; }
.sh-lanes { position: relative; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); --lp: 6px; }
.sh-lane { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 0 var(--lp) 2px; border-radius: 10px; --fa: 0; --fb: 0; }
.sh-lane.on { --fb: 1; }
.sh-lane.ok { --fa: 1; --fb: 1; }
.sh-lane + .sh-lane::before { content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; border-left: 1px dashed var(--brand-line); }
.sh-lane.on { background: color-mix(in srgb, var(--accent) 11%, transparent); }
.sh-st { display: flex; align-items: center; gap: 8px; height: 42px; min-width: 0; }
.sh-ic { position: relative; flex: none; width: 34px; height: 34px; border-radius: 50%; background: #fff; border: 1.5px solid var(--sh-line);
  display: grid; place-items: center; color: var(--brand-ink); }
.sh-ic > svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sh-lane.on .sh-ic { border-color: var(--accent); }
.sh-lane.on .sh-ic::after { content: ""; position: absolute; inset: -5px; border-radius: 50%; border: 2px solid var(--accent);
  border-right-color: transparent; border-bottom-color: transparent; animation: w-spin .9s linear infinite; }
.sh-lane.ok .sh-ic { background: var(--brand); border-color: var(--brand); color: #fff; }
.sh-okb { position: absolute; right: -5px; bottom: -4px; width: 17px; height: 17px; border-radius: 50%; background: var(--accent); border: 2px solid #fff;
  display: grid; place-items: center; opacity: 0; }
.sh-okb svg { width: 9px; height: 9px; fill: none; stroke: #063b31; stroke-width: 3.6; stroke-linecap: round; stroke-linejoin: round; }
.sh-lane.ok .sh-okb { opacity: 1; }
.sh-nm { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; }
.sh-nm b { font-size: 14.5px; letter-spacing: -.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sh-nm small { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; color: var(--accent-ink); font-weight: 600; white-space: nowrap; }
.sh-nm small svg { width: 10px; height: 10px; fill: var(--sh-teal); flex: none; }

/* линия маршрута: у каждого отдела две половины отрезка; заливка (--fb входящая, --fa исходящая) идёт следом за карточкой */
.sh-trk { position: relative; height: 28px; }
.sh-trk::before, .sh-trk::after { content: ""; position: absolute; top: 50%; height: 3px; margin-top: -1.5px;
  background: linear-gradient(var(--sh-teal), var(--sh-teal)) left center / 0% 100% no-repeat, var(--sh-line); }
.sh-trk::before { left: calc(-1px - var(--lp)); right: 50%; background-size: calc(var(--fb) * 100%) 100%; }
.sh-trk::after { left: 50%; right: calc(-1px - var(--lp)); background-size: calc(var(--fa) * 100%) 100%; }
.sh-l0 .sh-trk::before, .sh-l5 .sh-trk::after { display: none; }
.sh-node { position: absolute; z-index: 1; left: 50%; top: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; border-radius: 50%; background: #fff;
  border: 2px solid var(--sh-line); display: grid; place-items: center; }
.sh-node svg { width: 9px; height: 9px; fill: none; stroke: #fff; stroke-width: 3.6; stroke-linecap: round; stroke-linejoin: round; opacity: 0; }
.sh-lane.ok .sh-node { background: var(--sh-teal); border-color: var(--sh-teal); }
.sh-lane.ok .sh-node svg { opacity: 1; }
.sh-tm { position: absolute; z-index: 1; left: calc(50% + 13px); top: 50%; transform: translateY(-50%); padding: 0 5px; border-radius: 5px; background: #fbfdfe;
  font-size: 13px; font-weight: 650; color: var(--ink-2); font-variant-numeric: tabular-nums; opacity: 0; }
.sh-lane.ok .sh-tm { opacity: 1; }

/* карточка заказа едет по линии маршрута (координаты и прозрачность ставит app.js) */
.sh-car { position: absolute; z-index: 3; top: 56px; left: 50%; transform: translate(-50%, -50%); display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 11px 5px 9px; border-radius: 9px; background: var(--brand); color: #fff; white-space: nowrap; pointer-events: none;
  box-shadow: 0 0 0 2px #fff, 0 8px 18px -6px rgba(0, 0, 0, .5); opacity: 0; }
.sh-car svg { flex: none; width: 12px; height: 15px; fill: none; stroke: #fff; stroke-width: 1.8; stroke-linejoin: round; }
.sh-car svg path + path { stroke: var(--accent); stroke-linecap: round; }
.sh-car b { font-size: 13px; }

/* что оставил отдел: один главный факт */
.sh-res { flex: 1; display: flex; flex-direction: column; gap: 5px; min-width: 0; padding: 9px 9px 10px; border-radius: 10px; background: #fff;
  border: 1px solid var(--line); box-shadow: 0 1px 2px rgba(17, 24, 22, .05); font-size: 13px; line-height: 1.3; color: var(--ink-2); }
.sh-rt { font-size: 13px; font-weight: 700; color: var(--ink); }
.sh-bd { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 5px; min-width: 0; }
.sh-sub { color: var(--muted); }

.sh-to { display: flex; flex-wrap: wrap; gap: 6px; max-width: 102px; }
.sh-to span { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--accent-soft); color: var(--accent-ink);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent); }
.sh-to svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.sh-sk { display: block; width: 100%; max-width: 132px; height: auto; aspect-ratio: 120 / 76; overflow: visible; }
/* под эскизом ещё строка «кто проверил»: эскиз чуть меньше, чтобы доска не росла */
.sh-bd:has(.sh-who) .sh-sk { max-width: 100px; }
.sh-sk .sh-m { fill: none; stroke: var(--brand-ink); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sh-sk .sh-t { fill: none; stroke: var(--sh-teal); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.sh-sk .sh-g { fill: none; stroke: #a1a1aa; stroke-width: 1.2; stroke-linecap: round; }
.sh-sk .sh-wall { stroke-width: 3.2; stroke-linecap: square; }
.sh-sk .sh-win, .sh-sk .sh-cnt { stroke-width: 3.2; }
.sh-ln { color: var(--ink-2); }
.sh-ln b { font-size: 17px; color: var(--ink); font-weight: 800; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
.sh-who { display: flex; align-items: flex-start; gap: 4px; color: var(--accent-ink); font-weight: 650; }
.sh-who svg { flex: none; width: 12px; height: 12px; margin-top: 2px; fill: none; stroke: currentColor; stroke-width: 3.4; stroke-linecap: round; stroke-linejoin: round; }

/* закупки: ждём ответы, потом три цены, потом остаётся лучшая */
.sh-wait { display: none; align-items: flex-start; gap: 7px; color: var(--muted); }
.sh-wait i { flex: none; width: 13px; height: 13px; margin-top: 2px; border-radius: 50%; border: 2px solid var(--sh-line); border-top-color: var(--sh-teal);
  animation: w-spin .8s linear infinite; }
.sh-res.wait .sh-wait { display: flex; }
.sh-res.wait .sh-best, .sh-res.wait .sh-bsub, .sh-res.wait .sh-ord,
.sh-res.cmp .sh-best, .sh-res.cmp .sh-bsub, .sh-res.cmp .sh-ord { display: none; }
.sh-bids { display: flex; flex-direction: column; gap: 3px; align-self: stretch; }
.sh-bid { display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 2px 8px; border-radius: 7px; background: var(--line-2);
  font-variant-numeric: tabular-nums; transition: background-color .25s, box-shadow .25s; }
.sh-bid b { font-size: 15px; font-weight: 650; color: var(--ink-2); }
.sh-bid svg { width: 14px; height: 14px; fill: none; stroke: var(--sh-teal); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; opacity: 0; }
.sh-bid.best { background: var(--accent-soft); box-shadow: inset 0 0 0 1.5px var(--accent); }
.sh-bid.best b { color: var(--accent-ink); }
.sh-bid.best svg { opacity: 1; }
.sh-best { display: flex; align-items: center; gap: 5px; }
.sh-best b { font-size: 22px; font-weight: 800; letter-spacing: -.02em; color: var(--ink); line-height: 1.1; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sh-best svg { flex: none; width: 17px; height: 17px; fill: none; stroke: var(--sh-teal); stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round; }
.sh-ord { display: inline-flex; align-items: center; gap: 4px; margin-top: 2px; padding: 3px 8px; border-radius: 7px; font-weight: 700; white-space: nowrap; }
.sh-ord svg { width: 11px; height: 11px; fill: none; stroke: currentColor; stroke-width: 3.4; stroke-linecap: round; stroke-linejoin: round; }
.sh-ord.x { background: var(--warn-soft); color: var(--warn-ink); box-shadow: inset 3px 0 0 var(--warn); }
.sh-ord.self { background: var(--good-soft); color: var(--good-ink); }
@keyframes sh-ping { 0% { outline: 3px solid color-mix(in srgb, var(--warn) 85%, transparent); outline-offset: 0; }
  100% { outline: 3px solid transparent; outline-offset: 9px; } }
.sh-ping { animation: sh-ping .9s var(--ease) 2; }

/* склад: строка остатка залита на столько, сколько есть от нужного */
.sh-bd-s { align-items: stretch; gap: 4px; }
.sh-stk { display: flex; justify-content: space-between; align-items: center; gap: 4px; padding: 2px 6px; border-radius: 6px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 32%, #fff) var(--f, 100%), var(--line-2) var(--f, 100%)); }
.sh-stk.low { background: linear-gradient(90deg, color-mix(in srgb, var(--warn) 45%, #fff) var(--f, 100%), var(--line-2) var(--f, 100%)); }
.sh-stk span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--ink); }
.sh-stk b { font-weight: 700; color: var(--good-ink); white-space: nowrap; font-variant-numeric: tabular-nums; }
.sh-stk b svg { display: block; width: 14px; height: 14px; fill: none; stroke: var(--accent-ink); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.sh-stk.low b { color: var(--warn-ink); }
.sh-need { margin-top: 2px; padding: 3px 8px; border-radius: 7px; background: var(--warn-soft); color: var(--warn-ink); font-weight: 650; box-shadow: inset 3px 0 0 var(--warn); }

/* цех: листок календаря */
.sh-cal { display: flex; align-items: center; gap: 5px; }
.sh-pg { display: flex; flex-direction: column; align-items: stretch; min-width: 46px; border-radius: 8px; overflow: hidden; background: #fff;
  border: 1.5px solid var(--sh-teal); box-shadow: 0 2px 0 var(--line); text-align: center; }
.sh-pg i { font-style: normal; font-size: 13px; font-weight: 700; line-height: 1.35; text-transform: uppercase; letter-spacing: .06em; color: #fff; background: var(--sh-teal); }
.sh-pg b { padding: 3px 8px 4px; font-size: 22px; font-weight: 800; letter-spacing: -.02em; line-height: 1.1; color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.sh-pgd { font-weight: 700; color: var(--muted); }

/* финансы */
.sh-big { display: flex; align-items: baseline; gap: 4px; }
.sh-big b { font-weight: 800; letter-spacing: -.02em; color: var(--ink); line-height: 1.05; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sh-big span { font-size: 14px; font-weight: 650; color: var(--ink-2); }
.sh-sum b { font-size: clamp(17px, 2.3cqi, 22px); }
.sh-sum.l b { font-size: clamp(15px, 1.85cqi, 19px); }
.sh-mg { display: inline-flex; align-items: center; padding: 3px 9px; border-radius: 999px; background: var(--good-soft); color: var(--good-ink);
  font-weight: 700; font-size: 13.5px; white-space: nowrap; }

.sh-dico { display: flex; gap: 7px; }
.sh-dc svg { display: block; width: 26px; height: 33px; fill: #fff; stroke: var(--brand-ink); stroke-width: 1.4; stroke-linejoin: round; }
.sh-dc svg path + path { fill: none; stroke: var(--sh-teal); stroke-linecap: round; }

/* очередь «На подпись» у директора: листы документов и один штамп поперёк них */
.sh-tray { position: relative; display: grid; grid-template-columns: 176px minmax(0, 1fr); gap: 12px; padding: 11px 12px; border-radius: 14px;
  background: var(--brand); color: #fff; }
.sh-tray.on { box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 40%, transparent), 0 14px 30px -16px rgba(0, 0, 0, .55); }
.sh-boss { display: grid; grid-template-columns: 32px minmax(0, 1fr); align-content: start; column-gap: 9px; row-gap: 2px; padding-top: 3px; min-width: 0; }
.sh-av { grid-row: span 2; width: 32px; height: 32px; border-radius: 50%; background: var(--accent); color: #062b24; display: grid; place-items: center;
  font-weight: 800; font-size: 13px; }
.sh-boss b { font-size: 16.5px; letter-spacing: -.01em; line-height: 1.2; white-space: nowrap; }
.sh-boss small { font-size: 13px; line-height: 1.3; color: #a1a1aa; }
.sh-pack { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.sh-slot { border-radius: 6px; border: 1.5px dashed rgba(255, 255, 255, .22); min-height: 100px; }
.sh-doc { position: relative; height: 100%; display: flex; flex-direction: column; padding: 13px 12px 10px; border-radius: 5px 0 5px 5px;
  background: #fff; color: var(--ink); box-shadow: 0 8px 18px -10px rgba(0, 0, 0, .8); }
/* загнутый угол листа */
.sh-doc::after { content: ""; position: absolute; top: 0; right: 0; width: 14px; height: 14px; border-bottom-left-radius: 4px;
  background: linear-gradient(225deg, var(--brand) 50%, #d4d4d8 50%); }
.sh-dt { font-size: 14px; font-weight: 750; letter-spacing: -.005em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 10px; }
.sh-ds { align-self: flex-end; margin-top: 1px; font-size: 14px; line-height: 1.2; color: var(--ink-2); white-space: nowrap; }
.sh-ds b { font-size: 21px; font-weight: 800; letter-spacing: -.02em; color: var(--ink); font-variant-numeric: tabular-nums; }
.sh-dl { margin-top: auto; display: flex; flex-direction: column; gap: 5px; padding-top: 8px; }
.sh-dl i { display: block; height: 4px; border-radius: 2px; background: #e4e4e7; }
.sh-dl i:nth-child(1) { width: 90%; }
.sh-dl i:nth-child(2) { width: 68%; }
/* место подписи директора */
.sh-dl i:nth-child(3) { width: 36%; height: 0; margin: 5px 0 0 auto; border-radius: 0; background: none; border-bottom: 1.5px solid #a1a1aa; }
.sh-doc.x { box-shadow: inset 4px 0 0 var(--warn), 0 8px 18px -10px rgba(0, 0, 0, .8); }
.sh-doc.self { background: #2a2a2e; color: #fff; }
.sh-doc.self .sh-ds b { color: #fff; }
.sh-doc.self .sh-ds { color: #a1a1aa; }
.sh-doc.self .sh-dl i { background: #3f3f46; }
.sh-doc.self .sh-dl i:nth-child(3) { background: none; border-color: #52525b; }
.sh-doc.self::after { background: linear-gradient(225deg, var(--brand) 50%, #52525b 50%); }
.sh-tag { position: absolute; top: -10px; right: 16px; max-width: calc(100% - 24px); display: inline-flex; align-items: center; gap: 4px; padding: 2px 9px;
  border-radius: 999px; font-size: 13px; font-weight: 700; white-space: nowrap; line-height: 1.35; overflow: hidden; }
.sh-tag svg { flex: none; width: 11px; height: 11px; fill: none; stroke: currentColor; stroke-width: 3.4; stroke-linecap: round; stroke-linejoin: round; }
.sh-tag.x { background: var(--warn); color: #3d2a00; }
.sh-tag.ok { background: var(--accent); color: #062b24; }
.sh-stamp { position: absolute; z-index: 2; left: 0; right: 0; bottom: -1px; width: max-content; max-width: 100%; margin: 0 auto; --rot: -3deg;
  padding: 4px 16px 5px; border: 2.5px solid var(--brand-2); border-radius: 8px; color: var(--brand-2); background: rgba(255, 255, 255, .93);
  text-transform: uppercase; line-height: 1.2; pointer-events: none;
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--brand-2) 16%, transparent), 0 6px 14px -8px rgba(0, 0, 0, .55); }
.sh-stamp b { display: block; font-size: 16px; letter-spacing: .08em; font-weight: 850; white-space: nowrap; }
/* два документа ждут подписи, третий заказан сам: штамп только поперёк первых двух */
.sh-pack.n2 .sh-stamp { right: calc((100% - 24px) / 3 + 12px); }
/* штамп прилетает мягче, чем по умолчанию: не выходит за край результата */
.sh-stamp.w-stamp:not(.in) { transform: rotate(var(--rot, -3deg)) scale(1.3); }

/* режим проверки (?qa=1): без переходов и анимаций, кадр в любой момент показа чёткий */
.sh-qa .sh *, .sh-qa .sh *::before, .sh-qa .sh *::after, .sh-qa .w-msg, .sh-qa .w-note, .sh-qa .w-result, .sh-qa .w-st, .sh-qa .w-st i,
.sh-qa .w-pill, .sh-qa .w-card {
  transition: none !important; animation: none !important; }
/* превью 1200×630: зелёная плашка уходит целиком за нижний край, не торчит пустой полосой */
.w-og .sh { margin-bottom: 22px; }
/* итог (?final=1): сразу конечный вид, без переходов */
.w-final .sh-lane, .w-final .sh-lane *, .w-final .sh-lane *::before, .w-final .sh-lane *::after, .w-final .sh-lane::after,
.w-final .sh-car, .w-final .sh-tray { transition: none !important; }

/* ноутбук 1366 и миниатюры: те же 6 дорожек плотнее */
@container (max-width: 900px) {
  .sh-board { padding: 10px 6px; }
  .sh-lanes { --lp: 4px; }
  .sh-st { gap: 6px; }
  .sh-ic { width: 30px; height: 30px; }
  .sh-ic > svg { width: 16px; height: 16px; }
  .sh-nm b { font-size: 13.5px; }
  .sh-res { padding: 8px 8px 9px; }
  .sh-tm { left: calc(50% + 11px); padding: 0 3px; }
  .sh-tray { grid-template-columns: 150px minmax(0, 1fr); }
  .sh-pack { gap: 10px; }
  .sh-pack.n2 .sh-stamp { right: calc((100% - 20px) / 3 + 10px); }
  .sh-doc { padding-left: 10px; padding-right: 10px; }
}
/* средняя ширина: отделы в две строки по три, директор над листами */
@container (max-width: 800px) {
  .sh-lanes { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 12px; --lp: 6px; }
  .sh-lane:nth-child(4)::before { display: none; }
  .sh-l2 .sh-trk::after, .sh-l3 .sh-trk::before { display: none; }
  .sh-ic { width: 34px; height: 34px; }
  .sh-nm b { font-size: 14.5px; }
  .sh-tray { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .sh-boss { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; padding-top: 0; }
}
/* узко: документы на подпись строками, сумма справа, штамп под ними */
@container (max-width: 640px) {
  .sh-pack { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .sh-slot { min-height: 0; }
  .sh-doc { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 6px 10px; padding: 10px 12px; border-radius: 5px; }
  .sh-doc::after { display: none; }
  .sh-dt { grid-column: 1; grid-row: 1; padding-right: 0; }
  .sh-ds { grid-column: 2; grid-row: 1; margin: 0; }
  .sh-ds b { font-size: 18px; }
  .sh-dl { display: none; }
  .sh-tag { position: static; grid-column: 1 / -1; grid-row: 2; justify-self: start; max-width: 100%; }
  .sh-stamp, .sh-pack.n2 .sh-stamp { position: static; justify-self: center; margin: 6px auto 2px; }
}
/* телефон: дорожки сверху вниз */
@container (max-width: 460px) {
  .sh-lanes { grid-template-columns: minmax(0, 1fr); row-gap: 0; }
  .sh-lane { display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 10px; padding: 8px 6px 10px 4px; }
  .sh-lane + .sh-lane::before, .sh-lane:nth-child(4)::before { display: block; left: 50px; right: 4px; top: 0; bottom: auto; border-left: 0; border-top: 1px dashed var(--brand-line); }
  .sh-lane::after { content: ""; position: absolute; left: 21px; top: 26px; bottom: -26px; width: 3px; margin-left: -1.5px;
    background: linear-gradient(var(--sh-teal), var(--sh-teal)) center top / 100% 0% no-repeat, var(--sh-line); background-size: 100% calc(var(--fa) * 100%); }
  .sh-l5::after { display: none; }
  .sh-st { position: relative; z-index: 1; grid-column: 1 / -1; height: 36px; }
  .sh-trk { position: absolute; right: 8px; top: 15px; height: auto; }
  .sh-trk::before, .sh-trk::after, .sh-node { display: none; }
  .sh-tm { position: static; display: block; transform: none; }
  .sh-res { grid-column: 2; margin-top: 4px; }
  .sh-car { display: none; }
  .sh-to { max-width: none; }
  .sh-sk { max-width: 190px; }
  .sh-sum b { font-size: 22px; }
  .sh-sum.l b { font-size: 20px; }
  .sh-stamp, .sh-pack.n2 .sh-stamp { max-width: calc(100% - 16px); padding: 4px 12px 5px; text-align: center; }
  .sh-stamp b { font-size: 14px; letter-spacing: .05em; white-space: normal; }
}