/* Волна 41 (13.10.2026): «Связанные документы» схемой — замер DOM МойСклада. Старая карточка (отгрузка 19508, ПКО 15542,
   заказ поставщику 01508): ячейка 155×145, узел — рамка #adadad, фон #fbfbfb, тень 0 1px 3px #c8c8c8; шапка 5/10, галочка
   «Проведено» 15×11 и вид 12/14 жирным #000; номер, дата (#999) и сумма (жирная) — строки по 18; статус — полоса цвета
   статуса с отступом 1, 11 жирным белым по центру. Открытый документ — #363636, рамка #1b1b1b, вид, номер и сумма белые.
   Новая карточка (заказ покупателя 02597): ячейка 156, строки 14 через 2. Линии — 1 px #bbb поверх узлов, точки 5×5
   с радиусом 2. Координаты узлов, линий и точек считает DocGraph. */
.ms-relgraph { position: relative; margin: 10px 0 0; color: #222; font: 13px/15px "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-align: left; }
.ms-relgraph-cell { position: absolute; display: flex; align-items: center; width: 155px; height: 145px; overflow: hidden; color: inherit; text-decoration: none; }
.ms-relgraph-modern .ms-relgraph-cell { height: 156px; }
/* Узел — ссылка, но без вида ссылки: у вкладки карточки своё правило .ms-card-linked a (синий, подчёркнутый). */
.ms-relgraph a.ms-relgraph-cell, .ms-relgraph a.ms-relgraph-cell:visited, .ms-relgraph a.ms-relgraph-cell:hover,
.ms-relgraph a.ms-relgraph-cell:focus, .ms-relgraph a.ms-relgraph-cell:active { color: #222; text-decoration: none; }
.ms-relgraph-cell:focus-visible { outline: 0; }
.ms-relgraph-cell:focus-visible .ms-relgraph-node { outline: 1px solid #186999; outline-offset: 1px; }
.ms-relgraph-node { box-sizing: border-box; display: block; width: 155px; border: 1px solid #adadad; background: #fbfbfb; box-shadow: 0 1px 3px #c8c8c8; cursor: pointer; }
.ms-relgraph-cell.is-current .ms-relgraph-node { border-color: #1b1b1b; background: #363636; cursor: default; }
.ms-relgraph-head { display: flex; align-items: flex-start; padding: 5px 10px; }
.ms-relgraph-check { display: block; flex: none; width: 15px; height: 11px; margin: 3px 3px 0 0; }
.ms-relgraph-type { min-width: 0; color: #000; font-size: 12px; font-weight: 700; line-height: 14px; }
.ms-relgraph-number, .ms-relgraph-moment, .ms-relgraph-sum { display: block; overflow: hidden; padding: 0 10px; color: #222; font-size: 12px; line-height: 18px; white-space: nowrap; text-overflow: ellipsis; }
.ms-relgraph-modern .ms-relgraph-number, .ms-relgraph-modern .ms-relgraph-moment, .ms-relgraph-modern .ms-relgraph-sum { margin-top: 2px; line-height: 14px; }
.ms-relgraph-moment { color: #999; }
.ms-relgraph-sum { font-weight: 700; }
.ms-relgraph-cell.is-current .ms-relgraph-type, .ms-relgraph-cell.is-current .ms-relgraph-number, .ms-relgraph-cell.is-current .ms-relgraph-sum { color: #fff; }
.ms-relgraph-state { display: block; margin: 1px; padding: 2px 10px; overflow: hidden; color: #fff; font-size: 11px; font-weight: 700; line-height: 13px; text-align: center; white-space: nowrap; text-overflow: ellipsis; }
.ms-relgraph-modern .ms-relgraph-state { margin-top: 2px; }
.ms-relgraph-line { position: absolute; z-index: 1; background: #bbb; }
.ms-relgraph-dot { position: absolute; z-index: 2; width: 5px; height: 5px; border-radius: 2px; background: #bbb; }
.ms-relgraph-note { margin: 8px 0 0; color: #888; font-size: 12px; }