/* WMS 2 — warehouse document TITLE + HEADER BUTTONS (chat alty-8769, 22.10.2026). CSS only, no app code.
   Colours/fonts/radii only from the calm CVI (8744 work/cvi/cvi.css: ink #111827, grey #6b7280, line #d0d5dd, orange #f7943a, cream #fff4ea), spacing from 8744 work/margins (buttons 32 desktop / 36 phone, 6-8 px gaps).
   Rules: edit-form standard §2/§3/§3b + CVI §7 buttons + proof-app phone header (chat alty-8744):
   one line title "<list> › <number> [status] 🔒"; every secondary action = the same quiet square icon button
   (6 px corners, 6 px apart, label shows as a dark tooltip under the icon on hover); exactly ONE orange
   primary (Lock / Finalize), last on the right; on the phone the primary is an icon-only orange square.
   Also (Anton 12:25): field-group icons not bold; selected sidebar sub-item not bold.
   Undo: remove the header.css <link> from the demo2 nginx sub_filter and reload nginx. */

/* ---------- scope: the nine warehouse document types ---------- */
/* 300 receipt · 401 pick sheet · 305 dispatch/issue · 302 move · 304 count · 520 write-off · 303 return · 101 PO · 106 SO */

:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) :is(.form-title-pill,.form-title-status) {
  display: inline-flex !important; align-items: center !important; height: 22px !important;
  padding: 0 8px !important; border-radius: 6px !important; font-size: 12.5px !important; font-weight: 500 !important;
  line-height: 1 !important; margin: 0 !important;
}
/* the pen (proof-app "title + ID + pen"): small and quiet on a pill you can still change; gone once the document is locked */
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) :is(.form-title-pill,.form-title-status) i { font-size: 9px !important; margin-left: 5px !important; opacity: .6 !important; }
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-title-pill:not(.form-title-pill-editable) i { display: none !important; }
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"])[data-can-edit="false"] .form-title-status i { display: none !important; }
/* the "locked" padlock: a small grey state mark on the title line, not a black block on its own line */
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header .form-title > i.fa-lock,
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header :is(.form-header-right,.form-header-left) > i.fa-lock {
  color: #9ca3af !important; font-size: 13px !important; margin: 0 0 0 2px !important; align-self: center !important;
}

/* ================= DESKTOP + PHONE: header buttons ================= */
/* THE quiet square: every secondary control in the header row */
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header :is(
  .header-actions-menu:not(.show) > .btn,
  .header-actions-toggle,
  .form-header-left .d-md-block > a.btn-link,
  .qr-scan-button,
  .open-ai-chat-btn,
  .unified-print-button .upb-primary,
  .header-actions-dropdown > .dropdown-toggle.actions
) {
  position: relative !important; text-align: center !important; vertical-align: middle !important;
  width: 32px !important; min-width: 32px !important; height: 32px !important; padding: 0 !important; margin: 0 !important;
  border: 1px solid #d0d5dd !important; border-radius: 6px !important; background: #fff !important;
  color: #374151 !important; box-shadow: none !important; font-size: 15px !important; line-height: 30px !important;
  text-decoration: none !important; opacity: 1;
}
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header :is(
  .header-actions-menu:not(.show) > .btn, .header-actions-toggle, .form-header-left .d-md-block > a.btn-link, .qr-scan-button,
  .open-ai-chat-btn, .unified-print-button .upb-primary, .header-actions-dropdown > .dropdown-toggle.actions, .unified-print-button .upb-caret
):hover { background: #f3f4f6 !important; border-color: #d0d5dd !important; color: #111827 !important; }
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header :is(
  .header-actions-menu:not(.show) > .btn, .form-header-left .d-md-block > a.btn-link, .qr-scan-button, .open-ai-chat-btn, .unified-print-button .upb-primary
) i { font-size: 15px !important; margin: 0 !important; color: inherit !important; }
/* the label becomes the hover text: a dark tooltip under the icon */
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header :is(
  .header-actions-menu:not(.show) > .btn, .form-header-left .d-md-block > a.btn-link, .open-ai-chat-btn
) > span {
  display: none !important; position: absolute !important; top: calc(100% + 6px) !important; left: 50% !important;
  transform: translateX(-50%) !important; z-index: 1080 !important; white-space: nowrap !important;
  background: #023b6b !important; color: #fff !important; font-size: 12px !important; font-weight: 500 !important;
  padding: 4px 8px !important; border-radius: 6px !important; pointer-events: none !important;
}
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header :is(
  .header-actions-menu:not(.show) > .btn, .form-header-left .d-md-block > a.btn-link, .open-ai-chat-btn
):hover > span { display: block !important; }
/* the document's own actions in one row, 6 px apart; a blocked one is faded, never hidden */
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header .header-actions-menu:not(.show) {
  gap: 6px !important; align-items: center !important;
}
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header .header-actions-menu:not(.show) > .btn:is([aria-disabled="true"],.custom-action-button-documents--locked) {
  opacity: .45 !important;
}
/* the folded "Actions" menu = a bolt icon (the proof app's automations button) */
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header .header-actions-toggle { font-size: 0 !important; }
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header .header-actions-toggle::before {
  content: "\f0e7"; font-family: "Font Awesome 5 Pro","Font Awesome 5 Free"; font-weight: 400; font-size: 15px;
}
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header .header-actions-toggle::after { display: none !important; }
/* print: one icon square + a slim caret, joined */
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header .unified-print-button .upb-primary {
  border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;
}
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header .unified-print-button .upb-caret {
  width: 18px !important; min-width: 18px !important; height: 32px !important; padding: 0 !important;
  border: 1px solid #d0d5dd !important; border-left: 0 !important; border-radius: 0 6px 6px 0 !important;
  background: #fff !important; color: #6b7280 !important; box-shadow: none !important;
}
/* ⋯ = the long tail; no caret glyph next to the dots */
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header .header-actions-dropdown > .dropdown-toggle.actions::after { display: none !important; }

/* THE ONE primary — orange, labelled on desktop, always last on the right */
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header :is(.header-primary-action .lock-button, .design-finalize-btn) {
  height: 32px !important; line-height: 30px !important; padding: 0 14px !important; margin: 0 !important; border-radius: 6px !important;
  background: #f7943a !important; border: 1px solid #f7943a !important; color: #fff !important;
  font-size: 14px !important; font-weight: 600 !important; box-shadow: none !important;
}
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header .header-primary-action .lock-button::before {
  content: "\f023"; font-family: "Font Awesome 5 Pro","Font Awesome 5 Free"; font-weight: 900; font-size: 13px; margin-right: 6px;
}
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header :is(.header-primary-action .lock-button, .design-finalize-btn):hover {
  background: #e8852a !important; border-color: #e8852a !important;
}


/* ================= DESKTOP layout (≥768 px) ================= */
@media (min-width: 768px) {
/* ================= DESKTOP: title on ONE line ================= */
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header .form-title {
  display: flex !important; align-items: center !important; flex-wrap: nowrap !important;
  gap: 8px !important; white-space: nowrap !important; min-width: 0 !important;
}
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header .form-title-breadcrumb {
  display: flex !important; align-items: center !important; gap: 6px !important; margin: 0 !important;
}
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-title-crumb-parent {
  color: #6b7280 !important; font-weight: 500 !important; font-size: 14px !important;
}
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-title-crumb-sep {
  color: #c4c9d0 !important; font-size: 10px !important;
}
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-title-crumb-current {
  color: #111827 !important; font-weight: 600 !important; font-size: 18px !important;
}
/* status pill sits ON the title line, right after the number */
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-title-pills {
  display: inline-flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important;
}
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header .form-title-pills { display: inline-flex !important; align-items: center !important; margin: 0 !important; }
/* actions cluster sits top-right, together */
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header .form-header-center {
  margin-left: auto !important; margin-right: 6px !important; justify-content: flex-end !important; flex: 1 1 auto !important;
}
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header .form-header-right {
  align-items: center !important; gap: 6px !important; flex-wrap: nowrap !important;
}
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header .form-header-right > * { margin: 0 !important; }
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header .form-header-right > :is(.header-actions-dropdown) { order: 5 !important; }
:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header .form-header-right > :is(.header-primary-action,.design-finalize-btn) { order: 10 !important; }

}

/* ================= PHONE (worker) ================= */
@media (max-width: 767.98px) {
    /* menu = a plain icon, no grey box */
  :is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header .sidebar-open-button {
    width: 36px !important; min-width: 36px !important; height: 36px !important; padding: 0 !important;
    border: 0 !important; background: transparent !important; box-shadow: none !important; color: #374151 !important;
    font-size: 18px !important; line-height: 36px !important; text-align: center !important;
  }
  /* title block: number (small, grey) over type + status, centred on the buttons */
    :is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-title-kicker { font-size: 12px !important; font-weight: 500 !important; color: #6b7280 !important; line-height: 1.2 !important; }
  :is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-title-phone-line { gap: 8px !important; }
  :is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-title-phone-name { font-size: 17px !important; font-weight: 600 !important; color: #111827 !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  :is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-title-status { height: 20px !important; flex: 0 0 auto !important; }
  /* right cluster: 36 px squares (touch), 6 px apart */
  :is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header :is(.header-actions-dropdown > .dropdown-toggle.actions, .unified-print-button .upb-primary, .open-ai-chat-btn) {
    width: 36px !important; min-width: 36px !important; height: 36px !important;
  }
  /* the worker does not chat with the AI from the header */
  :is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header .open-ai-chat-btn { display: none !important; }
  /* the ONE primary = an orange icon square (lock / check), label off — icons so the title fits */
  :is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header :is(.header-primary-action .lock-button, .design-finalize-btn) {
    width: 36px !important; min-width: 36px !important; height: 36px !important; padding: 0 !important; line-height: 34px !important; text-align: center !important;
    font-size: 0 !important;
  }
  :is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header .header-primary-action .lock-button::before { font-size: 16px !important; margin: 0 !important; }
  :is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header .design-finalize-btn i { font-size: 16px !important; }
  :is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header .form-header-right > i.fa-lock,
  :is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"]) .form-header i.fa-lock:not(.btn i) { font-size: 14px !important; color: #9ca3af !important; }
}

/* ================= Anton 12:25 — two look corrections (whole app on WMS 2) ================= */
/* 1. field-group headings: the NAME stays bold, its ICON is not heavy (regular weight / regular icon style) */
.design-head .design-heading i, .design-head > i:not(.fa-grip-horizontal), .design-heading > i, .design-heading svg,
.design-group-title i, .design-section-title i {
  font-weight: 400 !important;
}
.design-head .design-heading { font-weight: 700; }
/* 2. sidebar: a selected sub-item keeps normal weight — marked by the cream fill + orange bar, not by bold */
.sidebar-item.active, .sidebar-item.active > a, .sidebar-item.active .sidebar-item-link,
.sidebar-item.active .sidebar-item-link *:not(i):not(svg), .sidebar-item.active span {
  font-weight: 400 !important;
}
.sidebar-item.active { background: transparent !important; box-shadow: none !important; }
.sidebar-item.active .sidebar-item-content {
  background: #fff4ea !important; box-shadow: inset 3px 0 0 #f7943a !important; border-radius: 0 !important;
}
.sidebar-item.active > a, .sidebar-item.active .sidebar-item-link { background: transparent !important; }

/* ================= Files tab is hidden on warehouse documents → its floating phone "Files" button goes too ================= */
body:has(:is(form[data-type-id="300"],form[data-type-id="401"],form[data-type-id="305"],form[data-type-id="302"],form[data-type-id="304"],form[data-type-id="520"],form[data-type-id="303"],form[data-type-id="101"],form[data-type-id="106"])) .mobile-files-fab {
  display: none !important;
}