:root[data-design="new"] :is(.btn, .tab) { font-weight: var(--fw-reg); }

:root[data-design="new"] .app.shine-bar::before { display: none; }
:root[data-design="new"] .app.shine-bar::after {
  top: calc(var(--topbar-h) - var(--bw));
  height: var(--bw);
  background: var(--line);
  filter: none;
  animation: none;
}

:root[data-design="new"] .rail-scroll {
  gap: 0;
  padding: 0 var(--sp-150);
}
:root[data-design="new"] .rail-scroll > :first-child { margin-top: 0; }
:root[data-design="new"] .rail-group {
  margin-top: var(--sp-100);
  padding: var(--sp-150) var(--sp-150) var(--sp-075);
  letter-spacing: .07em;
}
:root[data-design="new"] .rail-group::before { left: 0; right: 0; }
:root[data-design="new"] .rail-group:first-child { margin-top: 0; padding-top: var(--sp-150); }
:root[data-design="new"] .rail-item {
  padding: var(--sp-100) var(--sp-150);
  border-radius: var(--r-s);
  color: var(--ink);
}
:root[data-design="new"] .rail-item:hover { background: var(--a-200); color: var(--ink); }
:root[data-design="new"] .rail-item.active { background: var(--acc-weak-2); color: var(--acc-ink); }

:root[data-design="new"] .nd-col {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  display: flex; flex-direction: column; gap: var(--sp-300);
}
:root[data-design="new"] .nd-col:has(.rg-storage-page) { max-width: 1200px; }
:root[data-design="new"] #screen:not(.screen-switching) .nd-col {
  transition: max-width var(--dur-zoom) var(--ease-out);
}
:root[data-design="new"][data-motion="calm"] #screen .nd-col { transition: none; }
@media (prefers-reduced-motion: reduce) { :root[data-design="new"] #screen .nd-col { transition: none; } }

:root[data-design="new"] .nd-col > [data-part="tabs"] { margin-bottom: 0; }
:root[data-design="new"] :is(.nd-col, #screen, .nd-tabs-host) > [data-part="tabs"] > .segment {
  width: 100%;
  gap: var(--sp-250);
  padding: 0;
  border-radius: 0;
  background: linear-gradient(var(--line), var(--line)) left bottom / 100% var(--bw) no-repeat;
  box-shadow: none;
  overflow-x: auto;
  scrollbar-width: none;
}
:root[data-design="new"] :is(.nd-col, #screen, .nd-tabs-host) > [data-part="tabs"] > .segment > .seg-thumb { display: none; }
:root[data-design="new"] :is(.nd-col, #screen, .nd-tabs-host) > [data-part="tabs"] > .segment > button {
  flex: none;
  height: var(--h-field);
  padding: 0;
  border-radius: 0;
  background: none;
  color: var(--ink2);
  font-weight: var(--fw-med);
}
:root[data-design="new"] :is(.nd-col, #screen, .nd-tabs-host) > [data-part="tabs"] > .segment > button:hover { background: none; color: var(--ink); }
:root[data-design="new"] :is(.nd-col, #screen, .nd-tabs-host) > [data-part="tabs"] > .segment > button.active { background: none; color: var(--ink); }
:root[data-design="new"] :is(.nd-col, #screen, .nd-tabs-host) > [data-part="tabs"] > .segment > button.active::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: 0;
  height: var(--bw-sel);
  border-radius: var(--r-full);
  background: var(--acc);
}
:root[data-design="new"] #screen:has(> .nd-col) > .pane-tabs,
:root[data-design="new"] #screen > .pane-tabs {
  width: 100%;
  max-width: 800px;
  margin-inline: auto;
}
/* A screen wider than the column (a list page, `.nd-wide` — «Оформление документов», 15.647): its tabs as wide */
:root[data-design="new"] #screen:has(> :is(.nd-page, .nd-wide)) > .pane-tabs { max-width: none; }

:root[data-design="new"] .nd-toolbar { display: flex; align-items: center; gap: var(--sp-100); flex-wrap: wrap; }
:root[data-design="new"] .nd-toolbar[hidden] { display: none; }
:root[data-design="new"] .nd-toolbar > * { margin-block: 0; }
:root[data-design="new"] .nd-toolbar > .field-search { flex: 1 1 160px; max-width: 360px; }

:root[data-design="new"] .panel-scrim.at-side {
  inset: var(--topbar-h) 0 0 auto;
  width: var(--nd-panel-w);
  padding: 0;
  background: none;
  backdrop-filter: none;
  place-items: stretch;
}
:root[data-design="new"] {
  --nd-panel-w: 420px;
}
:root[data-design="new"] .panel.at-side {
  width: 100% !important;
  height: 100%;
  max-width: none;
  max-height: none;
  border: 0;
  border-left: var(--bw) solid var(--line);
  border-radius: 0;
  box-shadow: none;
  transform: translateX(100%);
}
:root[data-design="new"] .scrim.shown .panel.at-side { transform: none; }
:root[data-design="new"] .panel-scrim.at-side { opacity: 1; transition: none; }
:root[data-design="new"] .panel.at-side { transition: transform var(--dur-fold) var(--ease-out); }
:root[data-design="new"] .panel-scrim.at-side.nd-leave .panel.at-side { transition: none; transform: none; }
/* The page gives the panel its room while the panel is shown, and takes it back the moment it starts leaving — together
   with the panel, not after its flight (15.774, 23.10: «При закрытии меню бокового интерфес чуть чуть додвигается
   дополнительно… должно быть бесшовное закрытие»); a panel giving way to the next keeps the room (`nd-leave`) */
/* the mark `data-side-room` is put by the panels and shelves themselves (15.798: a rule keyed on the body's children
   restyled the whole page at every change) */
:root[data-design="new"] #screen[data-side-room]:not([data-shelf]):not([data-mounted="dashboard"]) {
  padding-right: calc(var(--nd-panel-w) + var(--sp-300));
}
:root[data-design="new"] #screen:not([data-shelf]):not(.shelf-moving) {
  transition: padding-right var(--dur-fold) var(--ease-out);
}
:root[data-design="new"] #screen.screen-switching:not([data-shelf]):not(.shelf-moving) { transition: none; }
:root[data-design="new"] .side-shelf {
  top: var(--shell-top); right: 0; bottom: 0;
  width: var(--nd-panel-w);
  gap: 0; padding: 0;
  border-radius: 0; box-shadow: none;
  border-left: var(--bw) solid var(--line);
  z-index: calc(var(--z-overlay) - 1);
  animation: nd-side-in var(--dur-fold) var(--ease-out);
}
:root[data-design="new"] .side-shelf.out { animation: nd-side-out var(--dur-fold) var(--ease-out) forwards; }
@keyframes nd-side-in {
  from { transform: translateX(var(--sp-400)); opacity: 0; }
  to { transform: none; opacity: 1; } }
@keyframes nd-side-out {
  from { transform: none; opacity: 1; }
  to { transform: translateX(var(--sp-400)); opacity: 0; } }
:root[data-design="new"] .side-shelf > .list-head {
  margin: 0; padding: var(--sp-200); gap: var(--sp-150);
  align-items: center; min-height: calc(var(--h-btn) + 2 * var(--sp-200)); box-sizing: border-box;
}
:root[data-design="new"] .side-shelf > .list-head .card-title { font-size: var(--fs-l); font-weight: var(--fw-semi); }
:root[data-design="new"] .side-shelf-body { margin-inline: 0; padding: var(--sp-025) var(--sp-200) var(--sp-400); }
:root[data-design="new"] .dash-lib > .dash-lib-list { padding: var(--sp-025) var(--sp-200) var(--sp-400); }
:root[data-design="new"] { --dash-lib-w: var(--nd-panel-w); }
:root[data-design="new"][data-motion="calm"] :is(.side-shelf, .side-shelf.out) { animation: none; }
:root[data-design="new"][data-motion="calm"] :is(#screen, .panel-scrim.at-side, .panel.at-side) { transition: none; }
@media (prefers-reduced-motion: reduce) {
  :root[data-design="new"] :is(.side-shelf, .side-shelf.out) { animation: none; }
  :root[data-design="new"] :is(#screen, .panel-scrim.at-side, .panel.at-side) { transition: none; }
}
:root[data-design="new"] .panel.at-side .panel-head { border-bottom: 0; padding: var(--sp-200); }
:root[data-design="new"] .panel.at-side .panel-head .card-title { font-size: var(--fs-l); font-weight: var(--fw-semi); }
:root[data-design="new"] :is(.panel.at-side, .stage-editor-side) .panel-body {
  --pad-side: var(--sp-200);
  --pad-under: var(--sp-400);
  padding: var(--sp-025) var(--pad-side) var(--pad-under);
}
:root[data-design="new"] :is(.panel.at-side, .stage-editor-side) .panel-body > * + * { margin-top: var(--sp-250); }
:root[data-design="new"] :is(.panel, .stage-editor-side) .rg-group { background: var(--bg); }
:root[data-design="new"] :is(.panel, .stage-editor-side) :is(.rg-caption, .rg-foot) { padding-inline: var(--sp-150); }
:root[data-design="new"] :is(.panel, .stage-editor-side) .rg-row { padding-inline: var(--sp-150); }
:root[data-design="new"] :is(.panel, .stage-editor-side) .rg-row + .rg-row::before { left: var(--sp-150); }
:root[data-design="new"] .panel:not(.at-side) .panel-body > .rg-section + .dialog-actions { margin-top: var(--sp-300); }
:root[data-design="new"] .panel-sub { font-size: var(--fs-s); color: var(--ink3); }
:root[data-design="new"] .panel-title-box { gap: 0; }
:root[data-design="new"][data-mob] .panel.at-side:not(.fs-self):not(:fullscreen) { height: 100%; }
@media (max-width: 700px) {
  :root[data-design="new"] .panel-scrim.at-side { width: 100%; inset: 0; }
  /* 15.766 («В мобильной версии при открытии боковых панелей контент главной страницы… переносится на строки и рвётся…
     Пусть на мобиле это просто уезжает»): the panel covers the whole page — the page keeps its width (no panel's room on
     its right, which squeezed its lines) and slides away under the panel as it comes */
  :root[data-design="new"] #screen[data-side-room]:not([data-shelf]) {
    padding-right: var(--pad-side); transform: translateX(-24%); }
  :root[data-design="new"]:not([data-motion="calm"]) #screen:not([data-shelf]):not(.shelf-moving) {
    transition: transform var(--dur-fold) var(--ease-out); }
  :root[data-design="new"] .side-shelf { left: 0; width: auto; }
}

:root[data-design="new"] .grid-table {
  border: 0;
  box-shadow: 0 0 0 var(--bw) var(--nd-ring, transparent);
}
:root[data-design="new"][data-theme="light"],
:root[data-design="new"]:not([data-theme]) { --nd-ring: var(--a-100); }
:root[data-design="new"] .grid-head {
  background: var(--card);
  border-bottom: var(--bw) solid var(--line);
  color: var(--ink3);
}
:root[data-design="new"] .grid-row { min-height: var(--h-field); }
:root[data-design="new"] :is(.stage-aside, .trash-panel, .legend-pop) .grid-row { min-height: 0; }
:root[data-design="new"] .dash-card .grid-table { box-shadow: none; }
:root[data-design="new"] .stage-aside .grid-table { box-shadow: none; }
:root[data-design="new"] .stage-aside .grid-head { border-bottom: 0; }
:root[data-design="new"] .bulk-bar.nd-bulk {
  display: flex; flex-wrap: nowrap; align-items: center; gap: var(--sp-100);
  margin: 0 0 var(--sp-150); padding: 0; min-width: 0;
  background: none; border: 0; border-radius: 0;
}
:root[data-design="new"] .nd-bulk-count {
  flex: none; padding-right: var(--sp-100);
  font-size: var(--fs-s); line-height: var(--lh-s); color: var(--ink); white-space: nowrap;
}
:root[data-design="new"] .nd-bulk-acts {
  display: flex; align-items: center; gap: var(--sp-050);
  flex: 1 1 auto; min-width: 0; overflow: hidden;
}
:root[data-design="new"] .nd-bulk .btn.small {
  background: none; border-color: transparent; box-shadow: none; color: var(--ink);
  font-size: var(--fs-s); line-height: var(--lh-s); padding-inline: var(--sp-100);
}
:root[data-design="new"] .nd-bulk :is(.btn.small, .nd-bulk-more)[hidden] { display: none; }
:root[data-design="new"] .nd-bulk .btn.small:hover { background: var(--a-200); }
:root[data-design="new"] .nd-bulk .btn.small.danger { color: var(--danger-ink); }
:root[data-design="new"] .nd-bulk-clear { flex: none; margin-left: auto; }
:root[data-design="new"] .grid-head:has(> .nd-bulk-over):not(.nd-page .grid-head) { position: relative; }
:root[data-design="new"] .nd-bulk-over {
  position: absolute; z-index: 1; grid-column: 2 / -1; grid-row: auto; inset: 0;
  display: flex; align-items: center;
  background: var(--card);
}
:root[data-design="new"] .nd-bulk-over > .nd-bulk { flex: 1 1 auto; margin: 0; }
:root[data-design="new"] :is(.grid-head, .grid-row) > * { overflow-wrap: break-word; }
:root[data-design="new"] .grid-rows { min-height: var(--h-field); }
@media (hover: hover) { :root[data-design="new"] .grid-row:hover { background: var(--a-100); } }

:root[data-design="new"] .field-search > input.input.search:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]) {
  height: var(--h-btn);
  border: 0;
  border-radius: var(--r-s);
  background-color: var(--a-100);
  box-shadow: none;
}
:root[data-design="new"] .field-search > input.input.search:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):focus {
  background-color: var(--a-200);
}

:root[data-design="new"] .nd-page { display: flex; flex-direction: column; gap: var(--sp-200); min-width: 0; }
:root[data-design="new"] .nd-page .grid-table { overflow: clip; }
:root[data-design="new"] .nd-page .grid-rows { max-height: none; overflow: visible; }
:root[data-design="new"] .nd-page .grid-head {
  position: sticky; top: calc(-1 * var(--sp-300)); z-index: 3;
  background: var(--card);
}
:root[data-design="new"] .nd-toolbar > .combo { width: auto; min-width: 200px; flex: none; }
:root[data-design="new"] .nd-toolbar > .combo > button.input.combo-button {
  height: var(--h-btn);
  border: 0;
  border-radius: var(--r-s);
  background: var(--a-100);
  box-shadow: none;
}
:root[data-design="new"] .nd-toolbar > .combo > button.input.combo-button:hover,
:root[data-design="new"] .nd-toolbar > .combo.open > button.input.combo-button { background: var(--a-200); }

:root[data-design="new"] .nd-order { display: flex; flex-direction: column; gap: var(--sp-250); min-width: 0; }
:root[data-design="new"] .nd-head { display: flex; align-items: flex-start; gap: var(--sp-200); flex-wrap: wrap; }
:root[data-design="new"] .nd-head-title { flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; gap: var(--sp-025); }
:root[data-design="new"] .nd-head-title .title-field-text,
:root[data-design="new"] .nd-head-name { font-size: var(--fs-h); line-height: var(--lh-l); font-weight: var(--fw-semi); margin: 0; }
:root[data-design="new"] .nd-head-sub { color: var(--ink3); font-size: var(--fs-s); }
:root[data-design="new"] .nd-head-acts { display: flex; align-items: center; gap: var(--sp-100); flex-wrap: wrap; }
:root[data-design="new"] .nd-head-acts > .btn { height: var(--h-btn); }
:root[data-design="new"] .nd-variants[hidden] { display: none; }
:root[data-design="new"] .nd-nums.snums {
  background: var(--card);
  border-radius: var(--r);
  box-shadow: 0 0 0 var(--bw) var(--nd-ring, transparent);
}
:root[data-design="new"] .nd-nums.snums > * { padding: var(--sp-200); border-color: var(--line); }
:root[data-design="new"] .nd-nums .snum-v { font-size: var(--fs-num); line-height: 30px; }
:root[data-design="new"] .nd-nums .quote-who .snum-v {
  font-family: inherit; font-size: var(--fs-l); line-height: var(--lh-l);
  font-weight: var(--fw-semi); letter-spacing: 0; margin-top: var(--sp-100);
}
:root[data-design="new"] .nd-order > [hidden] { display: none; }
:root[data-design="new"] .nd-tabs-host > [data-part="tabs"] { margin-bottom: 0; }
:root[data-design="new"] .nd-cols {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: var(--sp-300);
  align-items: start;
}
:root[data-design="new"] .nd-spec { display: flex; flex-direction: column; gap: var(--sp-300); }
:root[data-design="new"] .nd-totals { width: 100%; max-width: 520px; margin-left: auto; }
:root[data-design="new"] .nd-card-page { display: flex; flex-direction: column; gap: var(--sp-300); }
:root[data-design="new"] .nd-card {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--sp-300);
  padding: var(--sp-300); background: var(--card); border-radius: var(--r-l);
  box-shadow: 0 0 0 var(--bw) var(--nd-ring, transparent);
}
@media (max-width: 900px) { :root[data-design="new"] .nd-card { grid-template-columns: minmax(0, 1fr); } }
:root[data-design="new"] .nd-card-left { display: flex; flex-direction: column; gap: var(--sp-100); min-width: 0; }
:root[data-design="new"] .nd-card-pic {
  aspect-ratio: 4 / 3; width: 100%; max-width: 100%; border-radius: var(--r);
  background: var(--field2); overflow: hidden; padding: 0; border: 0; display: block;
}
:root[data-design="new"] button.nd-card-pic { cursor: var(--cur-zoom); }
:root[data-design="new"] .nd-card-pic > img { width: 100%; height: 100%; object-fit: contain; display: block; }
:root[data-design="new"] .nd-card-nopic { display: flex; align-items: center; justify-content: center; color: var(--ink3); }
:root[data-design="new"] .nd-card-thumbs { display: flex; flex-wrap: wrap; gap: var(--sp-100); }
:root[data-design="new"] .nd-card-thumb {
  width: calc(var(--h-field) * 1.5); aspect-ratio: 4 / 3; padding: 0; border: var(--bw) solid transparent;
  border-radius: var(--r-s); overflow: hidden; background: var(--field2); cursor: pointer;
}
:root[data-design="new"] .nd-card-thumb.on { border-color: var(--acc); }
:root[data-design="new"] .nd-card-thumb > img { width: 100%; height: 100%; object-fit: cover; display: block; }
:root[data-design="new"] .nd-card-right { display: flex; flex-direction: column; gap: var(--sp-200); min-width: 0; }
:root[data-design="new"] .nd-card-k { color: var(--ink3); font-size: var(--fs-s); }
:root[data-design="new"] .nd-card-big { font-size: var(--fs-board); line-height: 40px; font-weight: var(--fw-bold); }
:root[data-design="new"] .nd-card-variants { display: flex; flex-wrap: wrap; gap: var(--sp-050) var(--sp-200);
  font-size: var(--fs-s); color: var(--ink2); }
:root[data-design="new"] .nd-card-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: var(--sp-200); }
:root[data-design="new"] .nd-card-v { font-weight: var(--fw-semi); }
:root[data-design="new"] .nd-card-sec { display: flex; flex-direction: column; }
:root[data-design="new"] .nd-card-sec-head {
  display: flex; justify-content: space-between; gap: var(--sp-150); font-weight: var(--fw-semi);
  padding: var(--sp-100) 0; border-bottom: var(--bw) solid var(--line);
}
:root[data-design="new"] .nd-card-line {
  display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.6fr) calc(var(--h-field) * 2.5) calc(var(--h-field) * 3);
  gap: var(--sp-150); align-items: baseline; padding: var(--sp-100) 0; border-bottom: var(--bw) solid var(--line);
}
:root[data-design="new"] .nd-card-line:last-child { border-bottom: 0; }
:root[data-design="new"] .nd-card-item { color: var(--ink2); min-width: 0; }
:root[data-design="new"] .nd-card-qty { color: var(--ink3); text-align: right; }
:root[data-design="new"] .nd-card-sum { text-align: right; }
:root[data-design="new"] .nd-card-shared { color: var(--ink3); font-size: var(--fs-s); }
:root[data-design="new"] .nd-card-sketch > canvas { display: block; width: 100%; height: 100%; }
:root[data-design="new"] .rg-row.rg-strong .rg-title,
:root[data-design="new"] .rg-row.rg-strong .rg-val { font-weight: var(--fw-semi); color: var(--ink); }
:root[data-design="new"] .nd-list-foot { display: flex; align-items: center; gap: var(--sp-200); flex-wrap: wrap; }
:root[data-design="new"] .nd-list-foot[hidden] { display: none; }
:root[data-design="new"] .nd-cell2 { min-width: 0; display: flex; flex-direction: column; gap: var(--sp-025); }
:root[data-design="new"] .nd-cell2-sub { display: flex; align-items: center; gap: var(--sp-100); min-width: 0; }

:root[data-design="new"] .nd-split {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: var(--sp-300);
  align-items: start;
}
:root[data-design="new"] .nd-side {
  position: sticky; top: 0;
  display: flex; flex-direction: column; gap: var(--sp-200);
  max-height: calc(var(--screen-room) - var(--sp-600));
  overflow: auto;
  min-width: 0;
}
:root[data-design="new"] .nd-side > .field-search,
:root[data-design="new"] .nd-side-search > .field-search { width: 100%; }
:root[data-design="new"] .nd-side-search {
  position: sticky; top: 0; z-index: 1; flex: none;
  padding-bottom: var(--sp-200); margin-bottom: calc(-1 * var(--sp-200));
  background: var(--bg);
}
:root[data-design="new"] .nd-side-list { display: flex; flex-direction: column; gap: var(--sp-150); }
:root[data-design="new"] .nd-side-group { display: flex; flex-direction: column; gap: var(--sp-025); }
:root[data-design="new"] .nd-side-caption {
  padding: 0 var(--sp-150) var(--sp-050);
  font-size: var(--fs-xs); font-weight: var(--fw-semi); letter-spacing: .07em; text-transform: uppercase;
  color: var(--ink3);
}
:root[data-design="new"] .nd-side-item {
  display: flex; align-items: center; gap: var(--sp-100);
  min-height: var(--h-btn);
  padding: 0 var(--sp-150);
  border: 0; border-radius: var(--r-s);
  background: none; color: var(--ink);
  text-align: left; cursor: pointer;
}
:root[data-design="new"] .nd-side-item > .ellipsis { flex: 1 1 auto; }
:root[data-design="new"] .nd-head-pic {
  flex: none; display: grid; place-items: center; overflow: hidden;
  background: var(--a-100); color: var(--ink3);
}
:root[data-design="new"] .nd-head-pic { width: 88px; height: 66px; border-radius: var(--r-s); }
:root[data-design="new"] button.nd-head-pic { padding: 0; border: 0; cursor: var(--cur-zoom); }
:root[data-design="new"] .nd-head-pic[hidden] { display: none; }
:root[data-design="new"] .nd-head:has(> .nd-head-pic:not([hidden])) > .nd-head-title { flex-basis: 200px; }
:root[data-design="new"] .nd-head-pic > img { width: 100%; height: 100%; object-fit: cover; display: block; }
:root[data-design="new"] .nd-side-item:hover { background: var(--a-200); }
:root[data-design="new"] .nd-side-item.dim > .ellipsis { opacity: .45; }
:root[data-design="new"] .nd-side-item.active { background: var(--acc-weak-2); color: var(--acc-ink); }
:root[data-design="new"] .nd-side-n { flex: none; font-size: var(--fs-s); color: var(--ink3); }
:root[data-design="new"] .nd-side-item.active .nd-side-n { color: inherit; }
:root[data-design="new"] .nd-side-foot {
  display: flex; flex-direction: column; align-items: flex-start; gap: var(--sp-100);
  padding: var(--sp-150) var(--sp-150) 0;
  border-top: var(--bw) solid var(--line);
}
:root[data-design="new"] .nd-main { min-width: 0; display: flex; flex-direction: column; gap: var(--sp-200); }
@media (max-width: 900px) {
  :root[data-design="new"] .nd-split { grid-template-columns: minmax(0, 1fr); }
  :root[data-design="new"] .nd-side { position: static; max-height: none; }
}
:root[data-design="new"] .nd-settings { max-width: 640px; }

:root[data-design="new"] :is(.grid-row, .nd-eco-row) > input.input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]),
:root[data-design="new"] :is(.grid-row, .nd-eco-row) .numfield input.input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]) {
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
}
:root[data-design="new"] :is(.grid-row, .nd-eco-row) > input.input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):focus,
:root[data-design="new"] :is(.grid-row, .nd-eco-row) .numfield input.input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):focus {
  background-color: var(--card);
  border-color: var(--acc);
}
:root[data-design="new"] :is(.grid-row, .nd-eco-row) > input.input.invalid:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]),
:root[data-design="new"] :is(.grid-row, .nd-eco-row) .numfield input.input.invalid:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]) {
  background-color: transparent;
  border-color: var(--danger);
}
:root[data-design="new"] :is(.grid-row, .nd-eco-row) .numfield > input.input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]) { text-align: right; }
:root[data-design="new"] :is(.grid-row, .nd-eco-row) .numfield.has-unit:not(.with-steps) > input.input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]) {
  padding-right: var(--sp-400);
}

:root[data-design="new"] .demo-bar:not(:empty) {
  border: 0;
  border-radius: var(--r);
  background: var(--card);
  box-shadow: 0 0 0 var(--bw) var(--nd-ring, transparent);
}
:root[data-design="new"] .demo-bar b { font-weight: var(--fw-med); }
:root[data-design="new"] .grid-row .combo > button.input.combo-button {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
:root[data-design="new"] .grid-row .combo > button.input.combo-button:hover { background: var(--a-100); }
:root[data-design="new"] .grid-row .combo.open > button.input.combo-button { background: var(--card); border-color: var(--acc); }

:root[data-design="new"] .sheetwork-panel .rg-group { container-type: normal; }
:root[data-design="new"] .sheetwork-panel > .si-groups { gap: var(--sp-250); }
:root[data-design="new"] .rg-sign > input { flex: 1 1 120px; min-width: 0; text-align: left; }

:root[data-design="new"] .nd-page > .sblock {
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  min-height: 0;
  height: auto;
  overflow: visible;
}
:root[data-design="new"] .nd-page > .sblock > :is(.sflow, .col) { overflow: visible; min-height: 0; }

:root[data-design="new"] .kb-row { gap: var(--sp-150); padding-bottom: var(--sp-100); }
:root[data-design="new"] .kb-col {
  flex-basis: 264px;
  padding: var(--sp-150) var(--sp-100) var(--sp-100);
  border: 0;
  border-radius: var(--r-l);
  background: var(--a-100);
}
:root[data-design="new"] .kb-col > .list-head { padding: 0 var(--sp-050); }
:root[data-design="new"] .kb-col > .kb-sum { padding: 0 var(--sp-050); }
:root[data-design="new"] .kb-col.kb-over { background: var(--acc-weak); box-shadow: inset 0 0 0 var(--bw) var(--acc-solid); }
:root[data-design="new"] .kb-title { font-weight: var(--fw-semi); }
:root[data-design="new"] .kb-cards { overflow: visible; }
:root[data-design="new"] .kb-card {
  gap: var(--sp-050);
  padding: var(--sp-150);
  border: 0;
  border-radius: var(--r);
  background: var(--card);
  box-shadow: 0 0 0 var(--bw) var(--a-200);
}
:root[data-design="new"] .kb-card:hover { box-shadow: 0 0 0 var(--bw) var(--a-300); }
:root[data-design="new"] .kb-card.kb-late { border-left: 0; box-shadow: 0 0 0 var(--bw) var(--a-200); }
:root[data-design="new"] .kb-no { font-weight: var(--fw-reg, 400); color: var(--ink3); font-size: var(--fs-s); }
:root[data-design="new"] .kb-amount { color: var(--ink); font-weight: var(--fw-med); }
:root[data-design="new"] .kb-card-title { font-size: var(--fs); line-height: var(--lh); font-weight: var(--fw-med); }
:root[data-design="new"] .kb-card-who { font-size: var(--fs-s); color: var(--ink2); }
:root[data-design="new"] .kb-empty { padding: var(--sp-300) 0; }

:root[data-design="new"] .nd-deal-flow { margin-bottom: var(--sp-250); }
:root[data-design="new"] .nd-deal-flow .segment { max-width: 100%; }
:root[data-design="new"] .nd-deal {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: var(--sp-300);
  align-items: start;
}
:root[data-design="new"] .nd-deal-side, :root[data-design="new"] .nd-deal-main { min-width: 0; }
@media (max-width: 900px) {
  :root[data-design="new"] .nd-deal { grid-template-columns: minmax(0, 1fr); }
  :root[data-design="new"] .nd-deal-side { order: -1; }
}
:root[data-design="new"] .rg-row.rg-late .rg-sub { color: var(--danger-ink); }
:root[data-design="new"] .rg-row .rg-end > .combo { width: auto; min-width: 180px; max-width: 100%; }
:root[data-design="new"] .rg-row .rg-end > .combo > button.input.combo-button {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
:root[data-design="new"] .rg-row .rg-end > .combo > button.input.combo-button:hover { background: var(--a-100); }
:root[data-design="new"] .rg-row .numfield.has-unit:not(.with-steps) > input.input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]) {
  padding-right: var(--sp-400);
}
:root[data-design="new"] .rg-row .numfield.has-unit:not(.with-steps) > .numfield-unit {
  right: auto; left: calc(100% - var(--sp-250));
}
:root[data-design="new"] .rg-row.rg-late-end .rg-end > .rg-val { color: var(--danger-ink); }
:root[data-design="new"] .rg-row .rg-end > .segment { margin: 0; }

:root[data-design="new"] .nd-page .list-head .card-title { font-size: var(--fs-s); font-weight: var(--fw-semi); color: var(--ink2); }
:root[data-design="new"] .nd-page .list-head .list-count { color: var(--ink3); }
:root[data-design="new"] .nd-page .note-box:not(.warn):not(.danger):not(.good) {
  padding: 0 var(--sp-200);
  background: none;
  color: var(--ink3);
  font-size: var(--fs-s);
}

:root[data-design="new"] .sys-view { max-width: 800px; margin: 0 auto; width: 100%; gap: var(--sp-100); }
:root[data-design="new"] .sys-view > .rg-caption { margin-top: 0; }
:root[data-design="new"] .syscards {
  display: flex; flex-direction: column; gap: 0;
  background: var(--card);
  border-radius: var(--r);
  box-shadow: 0 0 0 var(--bw) var(--nd-ring, transparent);
  overflow: clip;
}
:root[data-design="new"] .syscards > .syscard {
  aspect-ratio: auto;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas: "icon title lock" "icon note lock" ". drop drop";
  column-gap: var(--sp-150);
  row-gap: var(--sp-025);
  align-items: center;
  padding: var(--sp-150) var(--sp-200);
  border: 0;
  border-radius: 0;
  background: none;
  position: relative;
}
:root[data-design="new"] .syscards > .syscard + .syscard::before {
  content: ""; position: absolute; top: 0; left: calc(var(--sp-200) + var(--h-field) + var(--sp-150)); right: 0;
  height: var(--bw); background: var(--line);
}
:root[data-design="new"] .syscards > .syscard:hover { background: var(--a-100); }
:root[data-design="new"] .syscard > .syscard-top { display: contents; }
:root[data-design="new"] .syscard .syscard-icon { grid-area: icon; width: var(--h-field); height: var(--h-field); border-radius: var(--r-s); }
:root[data-design="new"] .syscard b { grid-area: title; font-size: var(--fs); font-weight: var(--fw-med); }
:root[data-design="new"] .syscard .syscard-note { grid-area: note; line-height: var(--lh-s); }
/* a system's own logo at the card's top right (15.965, 25.10: «Можно же было поместить не в область вставки а снаружи в
   карточку саму сверху где-нибудь»); a locked card shows its lock there instead */
:root[data-design="new"] .syscards > .syscard:has(.syscard-brand):not(:has(.syscard-lock)) {
  grid-template-areas: "icon title brand" "icon note note" ". drop drop";
}
:root[data-design="new"] .syscard .syscard-brand { grid-area: brand; display: flex; align-items: center; height: var(--lh); }
:root[data-design="new"] .syscard:has(.syscard-lock) .syscard-brand { display: none; }
/* on a phone the logo stands on a line of its own over the name */
html[data-mob]:root[data-design="new"] .syscards > .syscard:has(.syscard-brand):not(:has(.syscard-lock)) {
  grid-template-areas: "icon brand" "icon title" "icon note" ". drop";
  grid-template-columns: auto minmax(0, 1fr);
}
html[data-mob]:root[data-design="new"] .syscard .syscard-brand { margin-bottom: var(--sp-050); }
/* the lock of a section not in the licence: a plate the size of the system's icon, in the middle of the card's lines
   (15.791, 23.10: «выглядит плохо и неотцентровано») */
:root[data-design="new"] .syscard .syscard-lock { grid-area: lock; position: static; align-self: center; display: grid;
  place-items: center; width: var(--h-field); height: var(--h-field); border-radius: var(--r-s); background: var(--a-100); }
:root[data-design="new"] .sys-view > :not(.syscards):not(.rg-caption) { margin-top: var(--sp-200); }
:root[data-design="new"] .syscard > .syscard-foot { grid-area: drop; margin-top: var(--sp-150); }

:root[data-design="new"] :is(.sblock, .card) {
  border-color: transparent;
  box-shadow: 0 0 0 var(--bw) var(--nd-ring, transparent);
}
:root[data-design="new"] :is(.sblock, .card) > .card-title,
:root[data-design="new"] :is(.sblock, .card) > .list-head > .card-title {
  font-family: inherit;
  font-size: var(--fs);
  font-weight: var(--fw-semi);
}
:root[data-design="new"] :is(.sblock, .card) :is(.sblock, .card) { box-shadow: none; }

:root[data-design="new"] #draftShelf {
  padding: 0;
  gap: var(--sp-100);
  background: none;
  box-shadow: none;
  overflow: visible;
}
:root[data-design="new"] #draftShelf > .card-title {
  padding: 0 var(--sp-200);
  font-size: var(--fs-s); font-weight: var(--fw-semi); color: var(--ink2);
}
:root[data-design="new"] #draftShelf > :not(.card-title) {
  padding: var(--sp-200);
  border-radius: var(--r);
  background: var(--card);
  box-shadow: 0 0 0 var(--bw) var(--nd-ring, transparent);
}

:root[data-design="new"] .nd-eco-grid {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
  gap: var(--sp-300); align-items: start; min-width: 0;
}
:root[data-design="new"] .nd-eco-grid > .col { gap: var(--sp-250); min-width: 0; width: 100%; max-width: 880px; margin-inline: auto; }
:root[data-design="new"] .nd-eco-tools { min-height: var(--h-btn); }
:root[data-design="new"] .nd-eco-receipt {
  position: sticky; top: var(--sp-300);
  display: flex; flex-direction: column; gap: var(--sp-250);
  max-height: calc(var(--screen-room) - 2 * var(--sp-300));
  overflow-y: auto; overscroll-behavior: contain;
  padding: var(--sp-200);
  background: var(--card); border-radius: var(--r-l);
  box-shadow: 0 0 0 var(--bw) var(--nd-ring, transparent);
}
:root[data-design="new"] .nd-eco-receipt-head {
  display: flex; align-items: center; justify-content: space-between; gap: var(--sp-150);
  flex-wrap: wrap;
}
:root[data-design="new"] .nd-eco-receipt-head .card-title { margin: 0; font-size: var(--fs-l); font-weight: var(--fw-semi); }
:root[data-design="new"] .nd-eco-receipt .rg-group { background: var(--bg); }
:root[data-design="new"] .nd-eco-receipt :is(.rg-caption, .rg-foot) { padding-inline: var(--sp-150); }
:root[data-design="new"] .nd-eco-receipt .rg-row { padding-inline: var(--sp-150); }
:root[data-design="new"] .nd-eco-receipt .rg-row + .rg-row::before { left: var(--sp-150); }
:root[data-design="new"] .nd-eco-chain { display: flex; flex-direction: column; }
:root[data-design="new"] .nd-eco-chain .eco-title {
  margin: var(--sp-150) 0 var(--sp-050);
  font-size: var(--fs-s); font-weight: var(--fw-semi); color: var(--ink3);
}
:root[data-design="new"] .nd-eco-chain .eco-title:first-child { margin-top: 0; }
:root[data-design="new"] .nd-eco-chain .eco-step {
  padding: var(--sp-075) 0; border: 0; font-size: var(--fs);
}
:root[data-design="new"] .nd-eco-chain .eco-step:first-of-type { border-top: 0; }
:root[data-design="new"] .nd-eco-chain .eco-step.total {
  margin-top: var(--sp-050); padding-top: var(--sp-150);
  background: none; border-radius: 0; border-top: var(--bw) solid var(--line);
}
:root[data-design="new"] .nd-eco-chain .eco-step.total :is(.eco-step-t, .eco-step-sum) {
  color: var(--ink); font-weight: var(--fw-semi);
}
:root[data-design="new"] .nd-eco-chain .eco-step.total .eco-step-sum { font-size: var(--fs-l); }
:root[data-design="new"] .nd-eco-chain .eco-step-note { grid-column: 1; grid-row: 2; }
:root[data-design="new"] .nd-eco-chain .eco-step-delta { grid-row: 2; }
:root[data-design="new"] .nd-eco:has(> .actrow:not(.hidden)) .nd-eco-receipt {
  max-height: calc(var(--screen-room) - 2 * var(--sp-300) - var(--sp-600) - var(--sp-300));
}
:root[data-design="new"] .nd-eco-row {
  display: grid; align-items: center; column-gap: var(--sp-100);
  grid-template-columns: auto minmax(0, 1fr) 132px 104px auto;
}
:root[data-design="new"] .nd-eco-row.nd-eco-city { grid-template-columns: auto minmax(0, 1fr) 132px 136px auto; }
:root[data-design="new"] .nd-eco-row.nd-eco-entry {
  grid-template-columns: auto minmax(0, 1fr) auto 104px 104px auto;
}
:root[data-design="new"] .nd-eco-type button { padding-inline: var(--sp-100); }
:root[data-design="new"] .rg-group .rg-row.nd-eco-row > input.input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]) {
  height: var(--h-field-sm); padding: 0 var(--sp-150);
  border: var(--bw) solid transparent; border-radius: var(--r);
  background-color: transparent;
  text-align: left; min-width: 0;
}
:root[data-design="new"] .rg-group .rg-row.nd-eco-row > input.input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):focus { background-color: var(--card); border-color: var(--acc); }
:root[data-design="new"] .rg-group .rg-row.nd-eco-row > input.input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]).invalid { border-color: var(--danger); }
:root[data-design="new"] .nd-eco-row .numfield { width: 100%; }
:root[data-design="new"] .nd-eco-type { flex: none; }
:root[data-design="new"] .nd-eco-sum {
  font-size: var(--fs-s); line-height: var(--lh-s); color: var(--ink3);
  text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  font-variant-numeric: tabular-nums;
}
:root[data-design="new"] .nd-eco-row > .row-acts { display: flex; gap: var(--sp-050); }
:root[data-design="new"] .nd-eco-row.nd-eco-cur {
  grid-template-columns: auto minmax(0, 1fr) auto auto; row-gap: var(--sp-050);
  padding-block: var(--sp-100);
}
:root[data-design="new"] .nd-eco-cur-line {
  grid-column: 2 / -1;
  display: flex; align-items: center; gap: var(--sp-100); flex-wrap: wrap; min-width: 0;
}
:root[data-design="new"] .nd-eco-cur-line > .combo { width: auto; min-width: 180px; flex: 1 1 180px; }
:root[data-design="new"] .nd-eco-cur-line > .combo > button.input.combo-button { border-color: transparent; background: var(--a-100); }
:root[data-design="new"] .nd-eco-cur-line > .numfield { width: 120px; flex: none; }
:root[data-design="new"] .nd-eco-cur-line > .right { margin-left: auto; color: var(--ink2); }
:root[data-design="new"] .nd-eco-cur-line > .right > .numfield { width: 140px; }
:root[data-design="new"] .nd-eco-row.nd-eco-pos,
:root[data-design="new"] .rg-row.nd-eco-pos {
  display: grid; grid-template-columns: minmax(0, 1fr) 64px auto; column-gap: var(--sp-150);
  align-items: center; padding-block: var(--sp-100);
}
:root[data-design="new"] .nd-eco-pos > div:first-child { min-width: 0; }
:root[data-design="new"] .nd-eco-pos > div:first-child > .combo { display: flex; width: 100%; }
:root[data-design="new"] .nd-eco-pos > div:first-child > .combo > button.input.combo-button {
  width: 100%; border-color: transparent; background: var(--a-100);
}
:root[data-design="new"] .nd-eco-pos .eco-step-note {
  margin-top: var(--sp-050); font-size: var(--fs-s); line-height: var(--lh-s); color: var(--ink3);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
:root[data-design="new"] .nd-eco-pos .numfield { min-width: 0; }
:root[data-design="new"] .nd-eco-pos .numfield input.input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]) {
  width: 100%; min-width: 0; text-align: center;
}
@media (max-width: 1100px) {
  :root[data-design="new"] .nd-eco-grid { grid-template-columns: minmax(0, 1fr); }
  :root[data-design="new"] .nd-eco-receipt { position: static; max-height: none; }
}

:root[data-design="new"] .dialog {
  width: min(400px, 94vw);
  border: 0; border-radius: var(--r-xl);
  box-shadow: 0 0 0 var(--bw) var(--line), var(--sh-overlay);
}
:root[data-design="new"] .dialog:not(.asking):has(.dialog-actions > :nth-child(3)) {
  width: fit-content; max-width: 94vw;
}
:root[data-design="new"] .dialog-title { font-weight: var(--fw-semi); color: var(--ink); }
:root[data-design="new"] .dialog.danger .dialog-title { color: var(--ink); }
:root[data-design="new"] .dialog-body { color: var(--ink2); }
:root[data-design="new"] .dialog .dialog-actions > .btn { flex: 1 1 auto; height: var(--h-field); }
/* A dangerous answer of a window is red words on a light ground, never a red fill — primary or not (15.103; 15.735:
   «фу опять эта уродская красная кнопка появилась, я же просил убрать») */
:root[data-design="new"] .dialog .dialog-actions > .btn.danger {
  background: var(--a-100); border-color: transparent; color: var(--danger-ink); box-shadow: none;
}
:root[data-design="new"] .dialog .dialog-actions > .btn.danger:hover { background: var(--a-200); }
/* A question in words alone (15.968, 25.10: «хочу чтобы выглядело стильно и красиво, кнопки с пиктограммами»): centred
   under its sign; two answers in one row — each as wide as its words, the rest of the row shared equally (15.995, 25.10:
   «кнопка большая, а контента в ней мало, она кажется пустой»; «Просто блять перераспредели размеры и поставь их в один
   ряд»), the words and the title taking no width of their own, so the window is 400 or as wide as the two need; three
   and more one under another across the window («Если окно с тремя кнопками… позволительно делать кнопки больше
   контента») */
:root[data-design="new"] .dialog.asking { text-align: center; width: fit-content; min-width: min(400px, 94vw); max-width: 94vw; }
:root[data-design="new"] .dialog.asking > :is(.dialog-title, .dialog-body) { contain: inline-size; }
:root[data-design="new"] .dialog.asking > .dialog-sign { align-self: center; margin-bottom: var(--sp-200); }
:root[data-design="new"] .dialog.asking > .dialog-actions > .btn { flex: 1 1 auto; }
:root[data-design="new"] .dialog.asking > .dialog-actions.stack { flex-direction: column; }
:root[data-design="new"] .dialog.asking > .dialog-actions.stack > .btn { flex: none; }

:root[data-design="new"] .toast,
:root[data-design="new"] .toast:is(.good, .warn, .danger) {
  display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: var(--sp-150);
  align-items: start;
  min-width: 320px; max-width: 400px;
  padding: var(--sp-150) var(--sp-500) var(--sp-150) var(--sp-150);
  background: var(--card);
  border-radius: var(--r-l);
  box-shadow: 0 0 0 var(--bw) var(--line), var(--sh-overlay);
}
:root[data-design="new"] .toast > :not(.toast-ico):not(.toast-close) { grid-column: 2; }
:root[data-design="new"] .toast-ico {
  grid-row: 1 / span 3;
  display: grid; place-items: center;
  width: calc(var(--sp-300) + var(--sp-050)); height: calc(var(--sp-300) + var(--sp-050));
  border-radius: var(--r-full);
  background: var(--a-200); color: var(--ink2);
}
:root[data-design="new"] .toast.good .toast-ico { background: var(--good-weak); color: var(--good-ink); }
:root[data-design="new"] .toast.warn .toast-ico { background: var(--warn-weak); color: var(--warn-ink); }
:root[data-design="new"] .toast.danger .toast-ico { background: var(--danger-weak); color: var(--danger-ink); }
:root[data-design="new"] .toast-title,
:root[data-design="new"] .toast:is(.warn, .danger) .toast-title {
  align-self: center; min-height: calc(var(--sp-300) + var(--sp-050));
  display: flex; align-items: center;
  font-weight: var(--fw-semi); color: var(--ink);
}

:root[data-design="new"] .nd-eco-found { display: flex; flex-direction: column; gap: var(--sp-250); }
:root[data-design="new"] .nd-eco-found-title { margin: 0; font-size: var(--fs-l); font-weight: var(--fw-semi); }
:root[data-design="new"] .nd-tabs-host.nd-eco-searching { opacity: .45; }

:root[data-design="new"] .nd-vc { display: flex; flex-direction: column; gap: var(--sp-300); }
:root[data-design="new"] .nd-vc-edit { display: flex; flex-direction: column; gap: var(--sp-300); min-width: 0; }
:root[data-design="new"] .nd-vc-edit > div:empty { display: none; }
:root[data-design="new"] .nd-vc-sheet {
  position: sticky; top: 0; z-index: 2;
  padding-block: var(--sp-300) var(--sp-150);
  margin-top: calc(-1 * var(--sp-300));
  background: var(--bg);
}
:root[data-design="new"] .nd-vc-sheet > .nd-sheet { max-width: 540px; margin-inline: auto; }
:root[data-design="new"] .rg-row.sheetview-see { display: none; }
:root[data-design="new"] .nd-sheet.full { border-radius: 0; }
@media (max-width: 700px) {
  :root[data-design="new"] .rg-row.sheetview-see { display: flex; }
  :root[data-design="new"] .nd-vc-sheet { display: none; }
  :root[data-design="new"] .nd-vc-sheet:has(> .full) { display: contents; }
}
@container screen (min-width: 872px) {
  :root[data-design="new"] .nd-col:has(.nd-vc) { max-width: 1280px; }
  :root[data-design="new"] .nd-vc {
    display: grid; grid-template-columns: minmax(360px, 1fr) minmax(480px, 760px);
    align-items: start; column-gap: var(--sp-400);
  }
  :root[data-design="new"] .nd-vc-edit { grid-column: 1; grid-row: 1; }
  :root[data-design="new"] .nd-vc-sheet {
    grid-column: 2; grid-row: 1;
    top: var(--sp-300); margin-top: 0; padding: 0; background: none;
  }
  :root[data-design="new"] .nd-vc-sheet > .nd-sheet { max-width: none; }
}

:root[data-design="new"] .panel.at-side.msgr-panel { height: 100%; }
:root[data-design="new"] .panel.at-side.msgr-panel > .panel-body { padding: 0; }

:root[data-design="new"] [data-part="tabs"].nd-searching { opacity: .45; }

:root[data-design="new"] .rg-row.nd-own-markup > .rg-end { gap: var(--sp-200); }
:root[data-design="new"] .rg-row > .rg-end > .switch { align-self: center; }
:root[data-design="new"] .rg-group .rg-row.nd-own-markup .numfield:not(.with-steps) > input.input.num:not([type=checkbox]):not([type=radio]) {
  width: 6em; height: var(--h-btn);
  padding: 0 var(--sp-150);
  border-radius: var(--r);
  background: var(--a-100);
}

/* At least the screen's height (the save bar at its foot), never less than its content: an explicit min-height let the
   page shrink to the screen, its content ran over and the screen's bottom room was lost (15.720: «итог прижат к низу без
   отступа») */
:root[data-design="new"] .screen > .nd-page { min-height: 100%; flex-shrink: 0; }
:root[data-design="new"] .screen > .nd-page > .actrow { margin-top: auto; }
:root[data-design="new"] .screen > .nd-page > :has(+ .actrow:not(.hidden)) {
  margin-bottom: calc(var(--pad-side, var(--sp-300)) - var(--sp-200));
}
:root[data-design="new"] .screen:is([data-edge~="top"], [data-edge~="bottom"]) :is(.nd-col, .si-groups) > .actrow {
  margin-top: calc(var(--act-edge) - var(--sp-300));
}

:root[data-design="new"] .gsearch-field { flex: 0 1 320px; min-width: 120px; margin-left: var(--sp-300); }
:root[data-design="new"] .topbar-title { flex-shrink: 0; }
html[data-mob] .gsearch-field { display: none; }
.gsearch {
  position: fixed; right: 0; bottom: 0;
  z-index: calc(var(--z-overlay) - 10);
  overflow: auto; overscroll-behavior: contain;
  background: var(--bg);
  opacity: 0; transform: translateY(var(--sp-100));
  transition: opacity var(--dur-pop) var(--ease-out), transform var(--dur-pop) var(--ease-out);
}
.gsearch.shown { opacity: 1; transform: none; }
:root[data-design="new"] .gsearch { transition: opacity var(--dur-pop) var(--ease-out),
  transform var(--dur-pop) var(--ease-out), right var(--dur-fold) var(--ease-out); }
:root[data-design="new"] body:is([data-side], [data-shelf-on]) > .gsearch {
  right: var(--nd-panel-w);
}
.gsearch-body {
  display: flex; flex-direction: column; gap: var(--sp-300);
  max-width: 800px; margin: 0 auto; padding: var(--sp-300);
}
.gsearch-title { margin: 0; font-size: var(--fs-l); font-weight: var(--fw-semi); color: var(--ink); }
@keyframes gsearch-flash {
  0%, 100% { opacity: 0; }
  18%, 52% { opacity: 1; }
  35% { opacity: .3; }
}
.gsearch-flash:not(tr) { position: relative; }
.gsearch-flash:not(tr)::after {
  content: ""; position: absolute; inset: 0; z-index: 2;
  border-radius: inherit; pointer-events: none;
  background: var(--a-300); opacity: 0;
  animation: gsearch-flash 1.4s ease-in-out;
}
tr.gsearch-flash > td { background-color: var(--a-300); }
[data-motion="calm"] .gsearch { transition: none; }
[data-motion="calm"] .gsearch-flash::after { animation: none; opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .gsearch { transition: none; }
  .gsearch-flash::after { animation: none; opacity: 1; }
}