/* ===== Fullscreen/Full-bleed layout for netmap ===== */

/* убираем любой верхний/нижний отступ у секции */
.netmap{
  margin: 0;
}

/* топ-бар пусть остаётся в сетке контента, но без лишних паддингов */
.netmap__top{
  padding: 10px 0 12px 0;
}

/* ВАЖНО: делаем viewport “на всю ширину окна”, даже если .content ограничен */
.netmap__viewport{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

  /* по высоте — почти весь экран минус верхняя панель/шапка */
  height: 100vh;
  min-height: 640px;

  /* без рамок и карточек */
  background: transparent;
  border-radius: 0;
  border: none;
  box-shadow: none;

  overflow: hidden;
  position: relative;
}

/* если у .content есть padding, схема всё равно будет full-bleed,
   но чтобы не было “ступеньки” — можно убрать фон у полотна */
.netmap__canvas{
  width: 100%;
  height: 100%;
  touch-action: none;
}

/* SVG занимает весь контейнер */
.netmap__canvas svg{
  width: 100%;
  height: 100%;
  display: block;
  user-select: none;
  -webkit-user-drag: none;
}

/* Fullscreen режим — без изменений, но тоже без радиусов */
.netmap__viewport.is-fs{
  position: fixed;
  inset: 0;
  height: 100vh;
  width: 100vw;
  z-index: 9999;
  border-radius: 0;
  background: rgba(0,0,0,0.35);
  backdrop-filter: blur(10px);
}
/* 0) убираем дефолтные отступы браузера */
html, body {
  height: 100%;
  margin: 0;
}

/* 1) делаем .netmap колонкой на всю высоту области контента */
.netmap{
  display: flex;
  flex-direction: column;
  height: 100vh;           /* вся высота окна */
  margin: 0;
}

/* 2) если top пустой — он не занимает места */
.netmap__top{
  flex: 0 0 auto;
  padding: 0;              /* у тебя он пустой, паддинги не нужны */
  margin: 0;
}

/* 3) viewport забирает ВСЁ оставшееся */
.netmap__viewport{
  flex: 1 1 auto;          /* главное */
  height: auto;            /* убираем calc(...) */
  min-height: 0;           /* важно, чтобы flex не “упирался” */

  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;

  overflow: hidden;
  position: relative;
}
