/* Закройный стол: сукно, портновский мел, стежки. Тёмный, но не чёрный: глаза отдыхают */
@font-face { font-family: Golos; src: url(fonts/golos-text-cyrillic-wght-normal.woff2) format('woff2'); font-weight: 400 900; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: Golos; src: url(fonts/golos-text-latin-wght-normal.woff2) format('woff2'); font-weight: 400 900; font-display: swap; unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+20BD, U+2190-2193; }
@font-face { font-family: JBMono; src: url(fonts/jetbrains-mono-cyrillic-wght-normal.woff2) format('woff2'); font-weight: 100 800; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+2116; }
@font-face { font-family: JBMono; src: url(fonts/jetbrains-mono-latin-wght-normal.woff2) format('woff2'); font-weight: 100 800; font-display: swap; unicode-range: U+0000-00FF, U+2000-206F; }

:root {
  color-scheme: dark;
  --cloth: #17221f; --cloth-deep: #121b18; --panel: #1e2c28; --panel-up: #263630; --hover: #2a3b35;
  --line: #31433c; --line-strong: #4c6157;
  --chalk: #ebe6d8; --soft: #a9b5ab; --dim: #8a978e;
  --mark: #e8dcb8; --mark-hover: #f4ebcd; --mark-ink: #1b2622;
  --ok: #9fd3a8; --ok-bg: #223d2e; --bad: #f0a896; --bad-bg: #472a25; --warn: #eec97d; --warn-bg: #43361c;
  --radius: 8px; --ease: cubic-bezier(.23, 1, .32, 1);
  --tag-w-bg: #e8e2d2; --tag-w-ink: #26332e; --date-filter: invert(.85);
  --stitch: repeating-linear-gradient(90deg, var(--line-strong) 0 7px, transparent 7px 12px);
}
/* Светлая тема: бумага выкройки, тот же характер */
[data-theme="light"] {
  color-scheme: light;
  --cloth: #f3f0e7; --cloth-deep: #e9e5d9; --panel: #fdfcf8; --panel-up: #e8ebe3; --hover: #eef0e8;
  --line: #dcdace; --line-strong: #b4b6a8;
  --chalk: #1e2623; --soft: #4d5a54; --dim: #5e6a64;
  --mark: #14594c; --mark-hover: #0e4539; --mark-ink: #ffffff;
  --ok: #17603a; --ok-bg: #dcefe1; --bad: #9a2318; --bad-bg: #f9e2dd; --warn: #6f4b00; --warn-bg: #f9ebc6;
  --tag-w-bg: #1e3a33; --tag-w-ink: #f3f0e7; --date-filter: none;
}
* { box-sizing: border-box; }
html { scrollbar-color: var(--line-strong) transparent; scrollbar-width: thin; caret-color: var(--mark); }
::selection { background: var(--mark); color: var(--mark-ink); }
body { margin: 0; display: flex; min-height: 100vh; background: var(--cloth); color: var(--chalk);
  font: 15px/1.5 Golos, "Segoe UI", system-ui, sans-serif; font-feature-settings: "tnum"; -webkit-font-smoothing: antialiased; }
a { color: var(--mark); text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, var(--mark) 35%, transparent); }
@media (hover: hover) { a:hover { text-decoration-color: currentColor; } }
:focus-visible { outline: 2px solid var(--mark); outline-offset: 2px; border-radius: 4px; }
main:focus { outline: none; }
b { font-weight: 600; }

#bar { position: fixed; inset: 0 auto auto 0; height: 2px; width: 0; background: var(--mark); z-index: 20; opacity: 0; }
#bar.on { width: 70%; opacity: 1; transition: width 2s var(--ease); }

.ico { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

/* Боковая панель */
nav[aria-label="Разделы"] { position: sticky; top: 0; height: 100vh; width: 232px; flex: none; padding: 16px 12px; background: var(--cloth-deep);
  display: flex; flex-direction: column; gap: 1px; overflow-y: auto; }
nav > a { display: flex; align-items: center; gap: 10px; color: var(--soft); text-decoration: none; padding: 7px 10px; border-radius: 6px; transition: background-color .15s, color .15s; }
@media (hover: hover) { nav > a:hover { background: var(--panel); color: var(--chalk); } }
nav > a[aria-current] { background: var(--panel-up); color: var(--chalk); font-weight: 600; }
nav > a[aria-current] .ico { color: var(--mark); }
nav > a span { white-space: nowrap; }
nav > a b { font-size: 12px; color: var(--warn); background: var(--warn-bg); padding: 0 6px; border-radius: 9px; margin-left: 2px; }
nav .brand { color: var(--chalk); font-size: 18px; font-weight: 700; letter-spacing: -.01em; padding: 2px 10px 12px; }
nav .brand:hover { background: none; }
nav .group { margin: 16px 10px 4px; font-size: 12px; color: var(--dim); }
.themebtn { margin-top: auto; margin-bottom: 6px; display: flex; gap: 10px; background: none; border: 0; color: var(--soft); font-weight: 400; padding: 7px 10px; }
@media (hover: hover) { .themebtn:hover { background: var(--panel); border: 0; color: var(--chalk); } }
.themebtn .to-dark, .themebtn .ico:nth-of-type(2) { display: none; }
[data-theme="light"] .themebtn .to-dark, [data-theme="light"] .themebtn .ico:nth-of-type(2) { display: inline; }
[data-theme="light"] .themebtn .to-light, [data-theme="light"] .themebtn .ico:nth-of-type(1) { display: none; }
nav .cta { background: var(--mark); color: var(--mark-ink); justify-content: center; font-weight: 600; padding: 9px 10px; }
@media (hover: hover) { nav .cta:hover { background: var(--mark-hover); color: var(--mark-ink); } }
.find { position: relative; display: flex; align-items: center; color: var(--dim); }
.find .ico { position: absolute; left: 9px; width: 16px; height: 16px; }
.find input { width: 100%; min-width: 0; padding: 6px 28px 6px 31px; background: var(--panel); border-color: var(--line); }
.find kbd { position: absolute; right: 8px; font: 12px Golos, sans-serif; color: var(--dim); border: 1px solid var(--line-strong); border-radius: 4px; padding: 0 5px; }
.find input:focus ~ kbd { display: none; }

main { flex: 1; min-width: 0; padding: 22px 32px 72px; max-width: 1400px; }
.head { margin-bottom: 14px; }
.back { font-size: 13px; }
.headrow { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.actions form { margin: 0; }
h1 { font-size: 26px; line-height: 1.2; letter-spacing: -.02em; font-weight: 700; margin: 2px 0; text-wrap: balance; }
h2 { font-size: 16px; font-weight: 600; margin: 32px 0 10px; }
.muted { color: var(--soft); font-weight: 400; }
main > p.muted, [data-results] > p.muted { margin: 8px 0; }
.numbers { margin: 0 0 16px; color: var(--soft); }
.numbers b { color: var(--chalk); }

.toast { background: var(--ok-bg); color: var(--ok); padding: 8px 12px; border-radius: 6px; margin: 0 0 12px; font-weight: 500; }
.error { background: var(--bad-bg); color: var(--bad); padding: 8px 12px; border-radius: 6px; font-weight: 500; margin: 0 0 12px; }
.warnbox { background: var(--warn-bg); color: var(--warn); padding: 8px 12px; border-radius: 6px; margin: 0 0 8px; }
.empty { color: var(--soft); background: none; border: 1px dashed var(--line-strong); border-radius: var(--radius); padding: 14px 16px; margin: 0; }

/* Доска работы: три колонки по цепочке */
.board { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.lane { background: var(--panel); border-radius: 12px; padding: 12px 6px 8px; min-width: 0; }
.lane h2 { margin: 0 0 8px; padding: 0 10px 10px; position: relative; font-size: 15px; display: flex; align-items: center; justify-content: space-between; }
.lane h2::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: 0; height: 1px; background: var(--stitch); }
.lane .count { font-size: 13px; font-weight: 600; color: var(--mark); }
.lane ul { list-style: none; margin: 0; padding: 0; }
.lane li a { display: block; padding: 6px 10px; border-radius: 6px; text-decoration: none; color: var(--chalk); transition: background-color .12s; }
@media (hover: hover) { .lane li a:hover { background: var(--hover); } }
.lane li b { display: block; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lane li span { display: block; font-size: 13px; color: var(--soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lane .muted { padding: 0 10px; margin: 4px 0; font-size: 14px; }
.lane i.code { font-style: normal; color: var(--mark); margin-right: 4px; }

/* Цепочка отгрузки */
.chain { list-style: none; display: flex; flex-wrap: wrap; gap: 0; margin: 0 0 14px; padding: 0; }
.chain li { display: flex; align-items: center; gap: 8px; color: var(--soft); font-size: 14px; }
.chain li::before { content: ""; width: 10px; height: 10px; border-radius: 50%; border: 2px solid var(--line-strong); }
.chain li.done { color: var(--chalk); }
.chain li.done::before { background: var(--mark); border-color: var(--mark); }
.chain li + li { margin-left: 8px; }
.chain li + li::after { order: -1; content: ""; width: 44px; height: 1px; background: var(--stitch); }

.scroll { overflow-x: auto; background: var(--panel); border-radius: var(--radius); }
table { border-collapse: collapse; width: 100%; }
th, td { padding: 8px 12px; text-align: left; border-bottom: 1px solid var(--line); vertical-align: top; }
th { color: var(--soft); font-weight: 500; font-size: 13px; white-space: nowrap; }
tbody tr:last-child td { border-bottom: 0; }
@media (hover: hover) { tbody tr:hover { background: var(--hover); } }
tfoot td { border-top: 1px dashed var(--line-strong); border-bottom: 0; font-weight: 600; vertical-align: middle; }
tfoot .muted { font-size: 13px; }
.n { text-align: right; white-space: nowrap; }
.nowrap { white-space: nowrap; }
.end { text-align: right; width: 1%; white-space: nowrap; }
.end form { margin: 0; }

.code { font-family: JBMono, Consolas, monospace; font-size: 13px; letter-spacing: 0; }
button.copy { all: unset; font-family: JBMono, Consolas, monospace; font-size: 13px; cursor: copy; border-radius: 4px; padding: 0 3px; margin: 0 -3px; color: var(--chalk); transition: background-color .15s, color .15s; }
@media (hover: hover) { button.copy:hover { background: var(--panel-up); color: var(--mark); } }
button.copy:focus-visible { outline: 2px solid var(--mark); }
button.copy.copied { background: var(--ok-bg); color: var(--ok); }

.tag { display: inline-block; padding: 0 8px; border-radius: 10px; font-size: 13px; white-space: nowrap; }
.tag.ok { background: var(--ok-bg); color: var(--ok); }
.tag.bad { background: var(--bad-bg); color: var(--bad); }
.tag.warn { background: var(--warn-bg); color: var(--warn); }
.tag.gray { background: var(--panel-up); color: var(--chalk); }
.tag.white { background: var(--tag-w-bg); color: var(--tag-w-ink); }

.facts { display: grid; grid-template-columns: 170px 1fr; gap: 5px 16px; margin: 0; background: var(--panel); border-radius: var(--radius); padding: 12px 16px; }
.facts dt { color: var(--soft); }
.facts dd { margin: 0; overflow-wrap: anywhere; }
.flags { margin: 0; padding-left: 20px; }

label, .field { display: flex; flex-direction: column; gap: 3px; font-size: 13px; color: var(--soft); }
.field small { color: var(--dim); }
input, select, textarea { font: 15px/1.35 Golos, "Segoe UI", sans-serif; color: var(--chalk); padding: 7px 9px; border: 1px solid var(--line-strong); border-radius: 6px; background: var(--cloth-deep); min-width: 150px; width: 100%; transition: border-color .15s; }
select option { background: var(--panel); }
textarea { resize: vertical; }
textarea[readonly] { font-family: JBMono, Consolas, monospace; font-size: 12px; color: var(--soft); }
input:focus-visible, select:focus-visible, textarea:focus-visible { border-color: var(--mark); outline: 1px solid var(--mark); outline-offset: 0; }
input::placeholder { color: var(--dim); }
input[type=date]::-webkit-calendar-picker-indicator { filter: var(--date-filter); }

.form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; max-width: 780px; }
.form .wide, .form .formend { grid-column: 1 / -1; }
#shipform { max-width: none; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.filters { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end; margin: 0 0 12px; }
.filters .field { flex: 0 1 230px; }
.inline { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.inline input { width: auto; }
.filters.pay { margin-top: 12px; }
.steps { margin: 8px 0 14px; padding-left: 22px; max-width: 75ch; }
.steps li { margin-bottom: 3px; }

button, .btn { display: inline-flex; align-items: center; font: inherit; font-weight: 600; line-height: 1.35; padding: 7px 14px; border: 1px solid var(--mark); border-radius: 6px; background: var(--mark); color: var(--mark-ink); cursor: pointer; text-decoration: none; white-space: nowrap; transition: background-color .15s, border-color .15s, transform .12s var(--ease); }
button:active, .btn:active { transform: scale(.97); }
button:disabled { opacity: .6; cursor: default; }
button.ghost, .btn.ghost { background: transparent; color: var(--chalk); border-color: var(--line-strong); font-weight: 500; }
button.link { background: none; border: 0; color: var(--bad); padding: 0; font-weight: 400; text-decoration: underline; text-underline-offset: 3px; }
@media (hover: hover) {
  button:hover, .btn:hover { background: var(--mark-hover); border-color: var(--mark-hover); }
  button.ghost:hover, .btn.ghost:hover { background: var(--panel-up); border-color: var(--line-strong); }
  button.link:hover { background: none; }
}
.docs { margin-bottom: 4px; }
.gate { align-items: center; justify-content: center; }
.gate main { flex: 0 1 340px; padding: 24px; }
.gateform { display: flex; flex-direction: column; gap: 12px; margin-top: 12px; }
.gateform button { justify-content: center; }
/* Статистика */
.charts { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 14px; margin-bottom: 8px; }
.months { margin: 0; background: var(--panel); border-radius: var(--radius); padding: 12px 14px 8px; min-width: 0; }
.months figcaption { font-size: 13px; color: var(--soft); margin-bottom: 18px; }
.mbars { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 4px; height: 132px; }
.mbar { position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; min-width: 0; text-decoration: none; color: var(--soft); font-size: 12px; border-radius: 4px; }
.mbar i { display: block; width: 100%; max-width: 26px; background: var(--line-strong); border-radius: 4px 4px 0 0; transition: background-color .12s; }
.mbar > span:last-child { margin-top: 4px; line-height: 16px; }
.mbar.on i { background: var(--mark); }
.mbar.on { color: var(--chalk); font-weight: 600; }
.mbar .peak { position: absolute; top: -16px; left: 50%; transform: translateX(-50%); white-space: nowrap; font-size: 11px; color: var(--soft); font-weight: 400; }
@media (hover: hover) { .mbar:hover i { background: var(--mark); } .mbar:hover { color: var(--chalk); } }
.rank th a.sort { color: var(--soft); text-decoration: none; }
.rank th a.sort.on { color: var(--chalk); }
@media (hover: hover) { .rank th a.sort:hover { color: var(--mark); } }
.rank .wide { width: 26%; min-width: 120px; }
.hbar { display: block; height: 8px; margin-top: 7px; border-radius: 4px; background: var(--line); }
.hbar i { display: block; height: 100%; min-width: 2px; background: var(--mark); border-radius: 4px; }
.pager { display: flex; align-items: center; gap: 12px; margin-top: 10px; color: var(--soft); }

.lines td { vertical-align: top; }
.lines input { min-width: 0; }
.lines .name { min-width: 300px; }
.lines .qty, .lines .price { width: 104px; text-align: right; }
.lines .sum { padding-top: 14px; }
.lines .del { margin-top: 7px; }
.src, .spec { display: block; color: var(--soft); }
.spec { font-family: JBMono, Consolas, monospace; font-size: 12px; margin-top: 3px; }

@media (max-width: 1080px) {
  .board { grid-template-columns: minmax(0, 1fr); }
  #shipform { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  body { flex-direction: column; }
  nav[aria-label="Разделы"] { position: sticky; z-index: 5; height: auto; width: auto; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 4px; padding: 8px; overflow-x: auto; scrollbar-width: none; }
  nav .brand, nav .group, nav .find, nav .cta { display: none; }
  nav > a { flex: none; padding: 7px 10px; }
  nav > a .ico { display: none; }
  .themebtn { order: 20; flex: none; margin: 0; padding: 7px 10px; }
  .themebtn span { display: none !important; }
  nav > a span { font-size: 14px; }
  .board { gap: 10px; }
  h1 { font-size: 22px; }
  th, td { padding: 8px 10px; }
  button, .btn { padding: 9px 14px; }
  input, select, textarea { font-size: 16px; }
  .find kbd { display: none; }
  main { padding: 14px 12px 40px; }
  .facts { grid-template-columns: 1fr; gap: 0; }
  .facts dd { margin-bottom: 7px; }
  .form, #shipform { grid-template-columns: minmax(0, 1fr); }
  .filters .field { flex: 1 1 100%; }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }

/* Галочки маршруток в отгрузке */
.orderpick { border: 1px solid var(--line); border-radius: 8px; padding: 8px 12px 10px; margin: 0; min-width: 0; }
.orderpick legend { padding: 0 6px; }
.orderpick .check { display: flex; gap: 8px; align-items: baseline; padding: 4px 0; cursor: pointer; }
.orderpick .check input { width: auto; flex: none; }

/* ───────── Плавность и стекло, 09.11.2026 ─────────
   Три скорости на всю программу: 0,18 с отклик, 0,34 с переход, 0,55 с появление.
   Две кривые: power3.out (резкий старт, мягкое торможение) и power3.inOut. */
:root {
  --t1: .18s; --t2: .34s; --t3: .55s;
  --e-out: cubic-bezier(.215, .61, .355, 1); --e-inout: cubic-bezier(.645, .045, .355, 1);
  --glass: color-mix(in srgb, var(--panel) 78%, transparent);
  --glass-line: color-mix(in srgb, var(--line-strong) 45%, transparent);
  --glow: color-mix(in srgb, var(--mark) 7%, transparent);
  --shadow: 0 1px 0 color-mix(in srgb, #fff 3%, transparent) inset, 0 10px 30px -18px rgb(0 0 0 / .55);
}
[data-theme="light"] {
  --glass: color-mix(in srgb, var(--panel) 82%, transparent);
  --glass-line: color-mix(in srgb, var(--line-strong) 55%, transparent);
  --glow: color-mix(in srgb, var(--mark) 6%, transparent);
  --shadow: 0 1px 0 #fff inset, 0 10px 28px -20px rgb(30 40 35 / .35);
}
/* Мягкий свет в углах вместо плоского фона: глубина без яркости */
body { background:
  radial-gradient(900px 520px at 12% -10%, var(--glow), transparent 70%),
  radial-gradient(700px 480px at 100% 110%, color-mix(in srgb, var(--ok) 5%, transparent), transparent 70%),
  var(--cloth); background-attachment: fixed; }

/* Меню: полупрозрачная панель и плашка-капля */
nav[aria-label="Разделы"] { background: color-mix(in srgb, var(--cloth-deep) 72%, transparent); border-right: 1px solid var(--glass-line);
  backdrop-filter: blur(14px) saturate(1.1); -webkit-backdrop-filter: blur(14px) saturate(1.1); }
nav > .pill { position: absolute; left: 0; top: 0; z-index: 0; pointer-events: none; display: block;
  background: linear-gradient(180deg, color-mix(in srgb, var(--panel-up) 92%, var(--mark) 8%), var(--panel-up));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mark) 22%, transparent), inset 0 0 18px color-mix(in srgb, var(--mark) 10%, transparent);
  clip-path: inset(50% 50% 50% 50%); transition: opacity var(--t2) var(--e-out); }
nav > .pill.off { opacity: 0; }
nav > a, nav > form, nav > p, nav > button { position: relative; z-index: 1; }
nav.has-pill > a[aria-current]:not(.cta) { background: transparent; }
nav > a { transition: background-color var(--t1) var(--e-out), color var(--t1) var(--e-out); }
nav > a .ico { transition: color var(--t2) var(--e-out), transform var(--t1) var(--e-out); }
@media (hover: hover) { nav > a:not([aria-current]):hover .ico { transform: translateX(1px); } }
nav .cta { box-shadow: 0 6px 18px -10px var(--mark); transition: background-color var(--t1) var(--e-out), transform var(--t1) var(--e-out); }
@media (hover: hover) { nav .cta:hover { transform: translateY(-1px); } }

/* Стеклянные карточки: полупрозрачный фон, рамка 1 px, мягкая тень */
.scroll, .facts, .lane, .months, .orderpick { background: var(--glass); border: 1px solid var(--glass-line); box-shadow: var(--shadow);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.scroll, .facts, .months { border-radius: 12px; }
.lane { border-radius: 14px; }
@media (hover: hover) {
  .lane { transition: border-color var(--t1) var(--e-out), transform var(--t1) var(--e-out); }
  .lane:hover { border-color: color-mix(in srgb, var(--mark) 25%, var(--glass-line)); }
  .lane li a { transition: background-color var(--t1) var(--e-out), transform var(--t1) var(--e-out); }
  .lane li a:hover { transform: translateX(2px); }
  tbody tr { transition: background-color var(--t1) var(--e-out); }
}
button, .btn { transition: background-color var(--t1) var(--e-out), border-color var(--t1) var(--e-out), box-shadow var(--t1) var(--e-out), transform var(--t1) var(--e-out); }
@media (hover: hover) { button:not(.link):not(.copy):hover, .btn:hover { box-shadow: 0 6px 16px -12px var(--mark); } }
input, select, textarea { transition: border-color var(--t1) var(--e-out), box-shadow var(--t1) var(--e-out); }
input:focus-visible, select:focus-visible, textarea:focus-visible { box-shadow: 0 0 0 4px color-mix(in srgb, var(--mark) 14%, transparent); }
.toast, .error, .warnbox { border: 1px solid color-mix(in srgb, currentColor 18%, transparent); border-radius: 10px; }
.toast { animation: rise var(--t2) var(--e-out) both; }

/* Появление страницы: блоки снизу вверх каскадом через 50 мс */
@keyframes rise { from { opacity: 0; transform: translateY(8px); } }
main.enter > * { animation: rise var(--t3) var(--e-out) both; animation-delay: calc(var(--i, 0) * 50ms); }
main.enter .lane { animation: rise var(--t3) var(--e-out) both; }
main.enter .lane:nth-child(2) { animation-delay: 60ms; }
main.enter .lane:nth-child(3) { animation-delay: 120ms; }

/* Графики прорисовываются */
@keyframes growY { from { transform: scaleY(0); } }
@keyframes growX { from { transform: scaleX(0); } }
main.enter .mbar i { transform-origin: bottom; animation: growY var(--t3) var(--e-out) both; animation-delay: calc(var(--i, 0) * 50ms + 120ms); }
main.enter .hbar i { transform-origin: left; animation: growX var(--t3) var(--e-out) both; animation-delay: 160ms; }

@media (max-width: 760px) {
  nav[aria-label="Разделы"] { border-right: 0; border-bottom: 1px solid var(--glass-line); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}
.orderpick .check { flex-direction: row; align-items: center; gap: 10px; font-size: 14px; color: var(--chalk); padding: 5px 6px; margin: 0 -6px; border-radius: 6px; transition: background-color var(--t1) var(--e-out); }
.orderpick .check input { min-width: 0; width: 16px; height: 16px; margin: 0; accent-color: var(--mark); }
@media (hover: hover) { .orderpick .check:hover { background: var(--hover); } }

/* Замечания маршруток прямо в списке заказов */
.flagline { display: block; margin-top: 2px; font-size: 13px; color: var(--warn); }
a.tag { text-decoration: none; }
p.muted > form { display: inline; margin: 0 2px; }
button.link.inline-link { color: var(--mark); font-size: inherit; }
.end .inline { flex-wrap: nowrap; justify-content: flex-end; }