* {
  box-sizing: border-box;
}
html, body {
  min-height: 100%;
}
body {
  margin: 0; font-family: "Inter", sans-serif; padding-bottom: 70px; font-size: 15px; line-height: 1.5; color: #172033; background: #f1f3f6;
}
a {
  color: inherit; text-decoration: none;
}

button {
  border: none !important;
}

/* FARBY DOPRAVY - upravuj na tomto mieste */
.data-table_shipping.shipping4, .invoice-summary_shipping.shipping4 {
  border-left-color: #e5a800 !important;
}
.data-table td.data-table_shipping.shipping4, .invoice-summary_shipping.shipping4 {
  background: #fff6d8;
}
.data-table tbody tr:hover td.data-table_shipping.shipping4 {
  background: #ffefb8;
}
.data-table_shipping.shipping4 .table-main-text, .invoice-summary_shipping.shipping4 strong {
  color: #6d4e00;
}
.data-table_shipping.shipping62, .invoice-summary_shipping.shipping62 {
  border-left-color: #7c3aed !important;
}
.data-table td.data-table_shipping.shipping62, .invoice-summary_shipping.shipping62 {
  background: #f3e8ff;
}
.data-table tbody tr:hover td.data-table_shipping.shipping62 {
  background: #e9d5ff;
}
.data-table_shipping.shipping62 .table-main-text, .invoice-summary_shipping.shipping62 strong {
  color: #6b21a8;
}
.data-table_shipping.shipping65, .invoice-summary_shipping.shipping65, .data-table_shipping.shipping68, .invoice-summary_shipping.shipping68 {
  border-left-color: #d9252a !important;
}
.data-table td.data-table_shipping.shipping65, .invoice-summary_shipping.shipping65, .data-table td.data-table_shipping.shipping68, .invoice-summary_shipping.shipping68 {
  background: #ffeded;
}
.data-table tbody tr:hover td.data-table_shipping.shipping65, .data-table tbody tr:hover td.data-table_shipping.shipping68 {
  background: #ffdddd;
}
.data-table_shipping.shipping65 .table-main-text, .invoice-summary_shipping.shipping65 strong, .data-table_shipping.shipping68 .table-main-text, .invoice-summary_shipping.shipping68 strong {
  color: #a3181c;
}
.data-table_shipping.shipping-unknown, .invoice-summary_shipping.shipping-unknown {
  border-left-color: #7a8494 !important;
}

.topbar {
  position: sticky; z-index: 100; top: 0; display: flex; width: 100%; height: 72px; color: #fff; background: #172033;
}
.topbar_inner {
  display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 0 24px;
}
.topbar_left {
  display: flex; align-items: center; height: 100%;
}
.topbar_logo {
  display: flex; align-items: center; height: 100%; padding: 0 28px 0 0; font-size: 20px; font-weight: 700; letter-spacing: -.4px; color: #fff;
}
.topbar_page {
  display: flex; align-items: center; gap: 22px; height: 100%; padding: 0 0 0 28px; border-left: 1px solid #394154;
}
.topbar_page h1 {
  margin: 0; font-size: 18px; line-height: 1.2; font-weight: 600; color: #fff;
}
.topbar_count {
  display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 15px; font-size: 13px; color: #c8cfda; background: #273146;
}
.topbar_count strong {
  font-size: 16px; color: #fff;
}
.topbar_menu {
  display: flex; align-items: center; gap: 24px; height: 100%; font-size: 13px; color: #b8c0ce;
}
.topbar_menu strong {
  font-weight: 600; color: #fff;
}
.topbar_menu strong.black {
  color: #000;
}
.topbar_logout {
  display: inline-flex; align-items: center; justify-content: center; height: 46px; padding: 0 20px; font-size: 13px; font-weight: 600; color: #fff; background: #354057;
}
.topbar_logout:hover {
  color: #fff; background: #46536c;
}
.topbar-dropdown {
  position: relative; display: flex; align-items: center;
}
.topbar-hamburger {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; width: 52px; height: 46px; padding: 0; background: #354057; border: 0; cursor: pointer;
}
.topbar-hamburger:hover {
  background: #46536c;
}
.topbar-hamburger span {
  display: block; width: 22px; height: 2px; margin: 0; background: #fff;
}
.topbar-dropdown_menu {
  position: absolute; z-index: 300; top: 54px; right: 0; width: 260px; color: #172033; background: #fff; border: 1px solid #dce1e8; box-shadow: 0 10px 30px rgba(23, 32, 51, .2);
}
.topbar-dropdown_menu[hidden] {
  display: none;
}
.topbar-dropdown_menu a, .topbar-dropdown_mode {
  display: block; padding: 15px 18px; font-size: 13px; color: #273044; border-bottom: 1px solid #e4e8ee;
}
.topbar-dropdown_menu a:last-child {
  border-bottom: 0;
}
.topbar-dropdown_menu a:hover {
  color: #fff; background: #246bfe;
}
.topbar-dropdown_mode {
  color: #657084; background: #f3f5f8;
}
.topbar-update-actions {
  display: grid; grid-template-columns: minmax(0, 1fr) 54px; width: 100%; border-bottom: 1px solid #e4e8ee;
}
.topbar-update-actions form {
  display: block; margin: 0;
}
.topbar-update-actions button, .topbar-update-actions a {
  display: flex; align-items: center; justify-content: flex-start; width: 100%; height: 100%; min-height: 50px; padding: 15px 18px; font-family: inherit; font-size: 13px; font-weight: 600; color: #273044; background: #fff; border: 0; cursor: pointer;
}
.topbar-update-actions a {
  justify-content: center; padding: 0; font-size: 17px; letter-spacing: 2px; border-left: 1px solid #e4e8ee; border-bottom: 0;
}
.topbar-update-actions button:hover, .topbar-update-actions a:hover {
  color: #fff; background: #246bfe;
}
.content-main {
  width: 100%; padding: 24px;
}
.order-updates {
  width: 100%; max-width: 1500px; margin: 0 auto;
}
.order-update-actions {
  margin: 0 0 20px; padding: 24px; background: #fff; border: 1px solid #dce1e8;
}
.order-update-actions h2 {
  margin: 0; font-size: 20px; color: #172033;
}
.order-update-actions > p {
  margin: 5px 0 20px; color: #657084;
}
.order-update-presets {
  display: flex; flex-wrap: wrap; gap: 10px;
}
.order-update-presets form {
  display: block; margin: 0;
}
.order-update-presets .button {
  flex-direction: column; align-items: flex-start; height: 62px; font-family: inherit; border: 0; cursor: pointer;
}
.order-update-presets .button small {
  margin: 2px 0 0; font-size: 11px; font-weight: 500; color: #657084;
}
.order-update-custom-form {
  display: flex; align-items: flex-end; gap: 10px; margin: 22px 0 0; padding: 20px 0 0; border-top: 1px solid #e4e8ee;
}
.order-update-custom-form label {
  align-self: center; font-size: 13px; font-weight: 700; color: #273044;
}
.order-update-custom-form input[type="date"] {
  width: 180px; height: 50px; padding: 0 13px; font-family: inherit; font-size: 14px; color: #172033; background: #f8fafc; border: 1px solid #cfd6e0; outline: 0;
}
.order-update-custom-form button {
  font-family: inherit; border: 0; cursor: pointer;
}
.order-update-log-box {
  overflow-x: auto;
}
.order-update-log-table {
  min-width: 1050px;
}
.order-update-log-table td {
  height: auto; min-height: 70px;
}
.status-running {
  color: #174f96; background: #deebff;
}
.status-success {
  color: #14673d; background: #dff3e8;
}
.status-error {
  color: #b42318; background: #fff0ee;
}
.order-update-message {
  max-width: 360px; margin: 6px 0 0; font-size: 11px; line-height: 1.35; color: #657084;
}
.stock-positions-editor {
  width: 100%; max-width: 1100px; margin: 0 auto;
}
.stock-positions-form {
  display: flex; flex-direction: column; align-items: flex-end; gap: 16px; width: 100%;
}
.stock-positions-textarea {
  width: 100%; min-height: calc(100vh - 190px); padding: 20px; resize: vertical; font-family: Consolas, "Courier New", monospace; font-size: 15px; line-height: 1.55; color: #172033; background: #fff; border: 1px solid #cfd6e0; border-radius: 0; outline: 0;
}
.stock-positions-textarea:focus {
  border-color: #246bfe; box-shadow: 0 0 0 3px rgba(36, 107, 254, .12);
}
.stock-positions-save {
  border: 0; cursor: pointer;
}
.stock-positions-message {
  width: 100%; margin: 0 0 16px; padding: 14px 16px; font-size: 14px; font-weight: 700; border-left: 4px solid;
}
.stock-positions-message_success {
  color: #14673d; background: #dff3e8; border-left-color: #22a96b;
}
.stock-positions-message_error {
  color: #b42318; background: #fff0ee; border-left-color: #dc2626;
}
.table-box {
  width: 100%; border: 1px solid #dce1e8; background: #fff;
}
.data-table {
  width: 100%; border-spacing: 0; border-collapse: collapse;
}
.data-table thead {
  position: relative; z-index: 50;
}
.data-table th {
  height: 52px; padding: 0 22px; text-align: left; font-size: 12px; line-height: 1.3; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: #657084; background: #e9edf2; border-bottom: 1px solid #d5dbe4;
}
.data-table td {
  height: 78px; padding: 14px 22px; vertical-align: middle; font-size: 15px; color: #414a5b; background: #fff; border-bottom: 1px solid #e2e6ec;
}
.data-table tbody tr:last-child td {
  border-bottom: 0;
}
.data-table tbody tr:hover td {
  background: #f5f8fc;
}
.data-table td strong {
  font-weight: 700; color: #172033;
}
.data-table_action {
  width: 170px; text-align: right;
}
.data-table_shipping {
  width: 30%; min-width: 260px; max-width: 420px; border-left: 6px solid #a9b2c0 !important;
}
.data-table td.data-table_shipping {
  background: #f3f5f8;
}
.data-table tbody tr:hover td.data-table_shipping {
  background: #edf0f4;
}
.data-table_shipping .table-main-text {
  font-size: 15px; color: #172033;
}
.data-table_empty {
  height: 120px !important; text-align: center; font-size: 15px; color: #7a8494;
}
.data-table_price {
  text-align: right; font-size: 15px; font-weight: 600; color: #172033;
}
.payment-info {
  display: block; margin: 5px 0 0; font-size: 11px; line-height: 1.3; font-weight: 700; color: #657084;
}
.payment-info_cod {
  color: #b42318 !important;
}
.payment-info_warning {
  padding: 5px 7px; color: #8a3b00 !important; background: #fff0bd;
}
.data-table_source {
  min-width: 130px; white-space: nowrap;
}
.data-table tbody tr.row-changed td {
  background: #fff6d8;
}
.data-table tbody tr.row-changed:hover td {
  background: #ffefb8;
}
.data-table tbody tr.row-completed {
  opacity: .5;
}
.order-number {
  display: flex; align-items: center; gap: 10px;
}
.table-main-text {
  font-size: 14px; line-height: 1.4; font-weight: 600; color: #273044;
}
.table-sub-text {
  margin: 4px 0 0; font-size: 12px; line-height: 1.3; color: #8791a1;
}
.shipping-warning {
  display: block; margin: 10px 0 0; padding: 9px 11px; font-size: 12px; line-height: 1.35; font-weight: 600; color: #8a3b00; background: #ffd9bd; border-left: 4px solid #e87821;
}
.table-empty {
  color: #9da5b2;
}
.status {
  display: inline-flex; align-items: center; min-height: 38px; padding: 8px 13px; font-family: inherit; font-size: 13px; line-height: 1.2; font-weight: 600; border: 0;
}
.order-logs-open {
  cursor: pointer; transition: filter .15s, box-shadow .15s;
}
.order-logs-open:hover, .order-logs-open:focus-visible {
  filter: brightness(.94); box-shadow: 0 0 0 3px rgba(36, 107, 254, .18); outline: 0;
}
.status-waiting {
  color: #805d00; background: #fff0bd;
}
.status-active {
  color: #174f96; background: #deebff;
}
.status-done {
  color: #14673d; background: #dff3e8;
}
.status-changed {
  color: #8a3b00; background: #ffd9bd;
}
.working-user {
  display: flex; flex-wrap: wrap; min-height: 38px; padding: 8px 13px; font-size: 13px; font-weight: 600; color: #174f96; background: #deebff;
}
.working-user strong {
}
.working-user_done {
  color: #14673d; background: #dff3e8;
}
.work-conflict-modal {
  position: fixed; z-index: 2200; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; padding: 24px;
}
.work-conflict-modal[hidden] {
  display: none;
}
.work-conflict-modal_backdrop {
  position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(23, 32, 51, .72);
}
.work-conflict-modal_dialog {
  position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 620px; padding: 42px; text-align: center; color: #172033; background: #fff; border-top: 6px solid #e87821; box-shadow: 0 20px 60px rgba(0, 0, 0, .28);
}
.work-conflict-modal_warning {
  margin: 0 0 12px; font-size: 13px; line-height: 1.2; font-weight: 800; text-transform: uppercase; letter-spacing: .8px; color: #a44700;
}
.work-conflict-modal_dialog > strong {
  font-size: 26px; line-height: 1.25;
}
.work-conflict-modal_dialog p {
  margin: 18px 0 28px; font-size: 16px; line-height: 1.55; color: #657084;
}
.work-conflict-modal_close {
  position: absolute; top: 10px; right: 12px; width: 42px; height: 42px; padding: 0; font-size: 30px; line-height: 1; color: #657084; background: transparent; border: 0; cursor: pointer;
}
body.work-conflict-modal-open {
  overflow: hidden;
}
.button {
  display: inline-flex; align-items: center; justify-content: center; min-width: 128px; height: 50px; padding: 0 20px; font-size: 14px; font-weight: 700; color: #fff; background: #246bfe; transition: background .2s;
}
.button:hover {
  color: #fff; background: #1558da;
}
.button-light {
  color: #243044; background: #e4e8ee;
}
.button-light:hover {
  color: #172033; background: #d3d9e2;
}
.invoice-row {
  cursor: pointer; user-select: none;
}
.invoice-summary {
  position: sticky; z-index: 60; top: 72px; display: grid; grid-template-columns: minmax(105px, .7fr) minmax(180px, 1.1fr) minmax(145px, .9fr) minmax(75px, .5fr) minmax(125px, .8fr) minmax(105px, .7fr) minmax(105px, .7fr) minmax(220px, 1.3fr) 58px; width: 100%; margin: 0 0 12px; border: 1px solid #dce1e8; background: #fff; box-shadow: 0 5px 14px rgba(23, 32, 51, .08);
}
.invoice-summary_item {
  display: flex; flex-direction: column; justify-content: center; min-width: 0; min-height: 88px; padding: 14px 18px; border-right: 1px solid #e2e6ec;
}
.invoice-summary_item:last-child {
  border-right: 0;
}
.invoice-summary_item span {
  margin: 0 0 6px; font-size: 10px; line-height: 1.2; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: #8791a1;
}
.invoice-summary_item strong {
  overflow: hidden; font-size: 15px; line-height: 1.3; font-weight: 700; text-overflow: ellipsis; color: #172033;
}
.invoice-summary_item small {
  overflow: hidden; margin: 3px 0 0; font-size: 11px; line-height: 1.3; text-overflow: ellipsis; color: #8791a1;
}
.invoice-summary_item .status {
  margin: 0; color: inherit;
}
.invoice-summary_customer {
  min-width: 210px;
}
.invoice-summary_shipping {
  padding-left: 22px; color: #172033; background: #f3f5f8; border-left: 6px solid #a9b2c0;
}
.invoice-summary_shipping span {
  color: #657084;
}
.invoice-summary_shipping strong {
  white-space: normal; color: #172033;
}
.invoice-summary_shipping small {
  color: #657084;
}
.invoice-summary_actions {
  position: relative; align-items: center; padding: 0;
}
.invoice-actions_toggle {
  display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-family: inherit; font-size: 34px; line-height: 1; font-weight: 700; color: #273044; background: #fff; border: 0; cursor: pointer;
}
.invoice-actions_toggle:hover {
  color: #fff; background: #354057;
}
.invoice-actions_menu {
  position: absolute; z-index: 200; top: calc(100% + 8px); right: 0; width: 240px; background: #fff; border: 1px solid #dce1e8; box-shadow: 0 10px 30px rgba(23, 32, 51, .2);
}
.invoice-actions_menu[hidden] {
  display: none;
}
.invoice-actions_menu a, .invoice-actions_menu button {
  display: block; width: 100%; padding: 15px 18px; text-align: left; font-family: inherit; font-size: 13px; font-weight: 600; color: #273044; background: #fff; border: 0; border-bottom: 1px solid #e4e8ee; cursor: pointer;
}
.invoice-actions_menu a:hover, .invoice-actions_menu button:hover {
  color: #fff; background: #246bfe;
}
.invoice-actions_menu .invoice-action_delete {
  color: #b42318; border-bottom: 0;
}
.invoice-actions_menu .invoice-action_delete:hover {
  color: #fff; background: #b42318;
}
.invoice-items-table .invoice-item_name {
  width: 45%;
}
.invoice-item_amount {
  min-width: 60px; font-size: 18px !important; font-weight: 700; color: #172033; text-align: center;
}
.invoice-item_amount_control {
  font-size: 28px !important; padding: 8px 25px !important; font-weight: 700 !important; text-align: center; color: #172033 !important; background-color: #eef2f7 !important;
}

.shipping-location {
  min-width: 190px; background: #c8ead7; border-left: 1px solid #acd9c0;
}
.shipping-location strong {
  font-size: 24px;
}
.invoice-items-table .invoice-item_name {
  width: 36%;
}
.invoice-item_amount {
  min-width: 120px; font-size: 16px; font-weight: 700; color: #172033;
}
.invoice-item_image {
  width: 110px; padding: 8px 14px !important; text-align: center;
}
.invoice-item_image img {
  display: block; width: 80px; height: 80px; margin: 0 auto; object-fit: contain;
}
.invoice-item_image span {
  font-size: 11px; color: #9da5b2;
}
.invoice-items-table .invoice-item_name {
  width: 45%;
}
.invoice-item_location {
  display: block; width: fit-content; margin: 8px 0 0; padding: 5px 9px; font-size: 13px; line-height: 1.3; font-weight: 600; color: #174f96; background: #deebff;
}
.data-table .invoice-item_location strong {
  color: inherit;
}
.invoice-item_code {
  padding: 8px 14px !important; text-align: center; color: #172033 !important; background-color: #eef2f7 !important; cursor: pointer; user-select: none; transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
}
.invoice-item_code strong {
  color: inherit !important;
}
.invoice-item_code:hover {
  color: #ffffff !important; background-color: #246bfe !important;
}
.invoice-item_code.is-counted, .invoice-item_amount_control.is-counted {
  color: #ffffff !important; background-color: #22a96b !important;
}
.footbar_input.is-error {
  color: #b42318; background-color: #fff0ee; box-shadow: inset 0 0 0 2px #e74c3c;
}
.product-not-found {
  position: fixed; z-index: 2000; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; visibility: hidden; width: 100%; height: 100%; padding: 40px; color: #fff; background: rgba(180, 35, 24, .96); opacity: 0; cursor: pointer; pointer-events: none; transition: opacity .15s, visibility .15s;
}
.product-not-found.is-active {
  visibility: visible; opacity: 1; pointer-events: auto;
}
.product-not-found_content {
  display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; text-align: center;
}
.product-not-found_content > span {
  font-size: clamp(28px, 4vw, 64px); line-height: 1.15; font-weight: 800;
}
.product-not-found_codes {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; width: 100%; margin: 28px 0;
}
.product-not-found_codes strong {
  display: block; padding: 12px 20px; font-size: clamp(24px, 3vw, 46px); line-height: 1; color: #b42318; background: #fff;
}
.product-not-found_content small {
  font-size: 18px; color: rgba(255, 255, 255, .8);
}
/* .invoice-control-success {
  width: 100%; min-height: calc(100vh - 200px); padding: 30px; text-align: center; color: #146c43; background: #e4f7ed; border: 2px solid #22a96b;
} */
.invoice-control-success {
  width: 100%; min-height: calc(100vh - 200px); padding: 30px; text-align: center; color: #146c43;
}
.invoice-control-success[hidden] {
  display: none;
}
.invoice-control-success strong {
  display: block; margin: 0 0 10px; font-size: 32px; line-height: 1.2; font-weight: 800;
}
.invoice-control-success span {
  display: block; font-size: 16px; color: #38785b;
}
.box-assignment {
  display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 420px;
}
.box-assignment[hidden], #box-assignment-completed[hidden] {
  display: none;
}
.box-assignment_form {
  display: flex; width: 100%; max-width: 720px; margin: 30px auto 0;
}
.box-assignment_inputs {
  display: flex; flex-direction: column; width: 100%;
}
.box-assignment_inputs > span {
  padding: 9px 15px; text-align: center; font-size: 12px; font-weight: 700; color: #657084; background: #e9edf2;
}
.box-assignment_input {
  width: 100%; height: 66px; padding: 0 20px; font-family: inherit; font-size: 22px; color: #172033; background: #fff; border: 2px solid #246bfe; outline: 0;
}
.box-assignment_select {
  width: 100%; height: 58px; padding: 0 15px; font-family: inherit; font-size: 16px; color: #172033; background: #fff; border: 2px solid #aeb8c7; border-top: 0; border-radius: 0; outline: 0;
}
.box-assignment_form .button {
  height: 66px; border: 0; cursor: pointer;
}
.box-assignment_message {
  min-height: 28px; margin: 18px 0 0; font-weight: 700;
}
.box-assignment_message.is-error {
  color: #b42318;
}
.box-assignment_message.is-success {
  color: #14673d;
}
.expedicne-boxy-table strong {
  font-size: 18px; color: #172033;
}
.shipment-form {
  display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 1400px; margin: 0 auto; padding: 0; text-align: left; color: #172033; background: transparent !important; border: 0 !important;
}
.shipment-form[hidden] {
  display: none !important;
}
.shipment-layout {
  display: grid; grid-template-columns: minmax(620px, 1fr) 500px; align-items: start; gap: 50px; width: 100%;
}
.shipment-panel {
  min-width: 0; background: #fff; box-shadow: 0 5px 14px rgba(23, 32, 51, .1);
}
.shipment-panel_weights {
  padding: 38px;
}
.shipment-cod {
  width: 100%; margin: 0 0 24px; padding: 20px; background: #fff0ee; border-left: 6px solid #d92d20;
}
.shipment-cod label {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 10px; font-size: 16px; font-weight: 800; color: #8f1712;
}
.shipment-cod label strong {
  padding: 5px 8px; font-size: 11px; text-transform: uppercase; color: #fff; background: #d92d20;
}
.shipment-cod_value {
  display: grid; grid-template-columns: minmax(0, 1fr) 60px; align-items: center; gap: 10px; width: 100%;
}
.shipment-cod_value input {
  width: 100%; height: 76px; padding: 0 18px; text-align: right; font-family: "Inter", sans-serif; font-size: 32px; line-height: 1; font-weight: 800; color: #8f1712; background: #fff; border: 2px solid #d92d20; border-radius: 0; outline: 0;
}
.shipment-cod_value span {
  font-size: 18px; font-weight: 800; color: #8f1712;
}
.shipment-panel_keypad {
  position: sticky; top: 90px; padding: 30px;
}
.shipment-form_header {
  width: 100%; margin: 0 0 20px;
}
.shipment-form_header strong {
  display: block; margin: 0 0 4px; font-size: 20px; line-height: 1.2; color: #172033;
}
.shipment-form_header span {
  font-size: 14px; color: #657084;
}
.shipment-parcels {
  display: flex; flex-direction: column; gap: 10px; width: 100%;
}
.shipment-parcel {
  display: grid; grid-template-columns: 100px minmax(0, 1fr) 42px 54px; align-items: center; gap: 8px; width: 100%;
}
.shipment-parcel_label {
  font-size: 15px; font-weight: 700; color: #273044;
}
.shipment-weight {
  width: 100%; height: 76px; padding: 0 18px; text-align: right; font-family: "Inter", sans-serif; font-size: 32px; line-height: 1; font-weight: 700; color: #172033; background: #f3f6fa; border: 2px solid #d7dfe9; border-radius: 0; outline: 0;
}
.shipment-weight.is-active {
  background: #fff; border-color: #246bfe; box-shadow: 0 0 0 3px rgba(36, 107, 254, .15);
}
.shipment-parcel_unit {
  font-size: 18px; font-weight: 700; color: #657084;
}
.shipment-parcel_remove {
  display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 76px; font-size: 32px; line-height: 1; color: #b42318; background: #fff0ee; border: 0; border-radius: 0; cursor: pointer;
}
.shipment-add-parcel {
  display: inline-flex; align-self: flex-start; align-items: center; justify-content: center; min-height: 48px; margin: 16px 0 0; padding: 0 16px; font-family: "Inter", sans-serif; font-size: 14px; font-weight: 700; color: #174f96; background: #deebff; border: 0; border-radius: 0; cursor: pointer;
}
.shipment-keypad {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; width: 100%; margin: 0;
}
.shipment-keypad button {
  height: 112px; font-family: "Inter", sans-serif; font-size: 38px; font-weight: 800; color: #172033; background: #e9edf2; border: 0; border-radius: 0; cursor: pointer;
}
.shipment-keypad button:active {
  color: #fff; background: #246bfe;
}
.shipment-keypad .shipment-keypad_delete {
  color: #b42318; background: #fff0ee;
}
.shipment-submit {
  display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 68px; margin: 16px 0 0; padding: 0 24px; font-family: "Inter", sans-serif; font-size: 17px; font-weight: 800; color: #fff; background: #246bfe; border: 0; border-radius: 0; cursor: pointer;
}
.shipment-submit_actions {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 12px; width: 100%; margin: 18px 0 0;
}
.shipment-submit_actions .shipment-submit {
  min-height: 76px; margin: 0; padding: 0 18px;
}
.shipment-submit_without-print {
  color: #174f96; background: #deebff;
}
.shipment-submit_with-print {
  color: #fff; background: #246bfe;
}
.shipment-submit:disabled {
  color: #8d98a8; background: #dce1e8; cursor: not-allowed;
}
.shipment-message {
  width: 100%; margin: 14px 0 0; font-size: 14px; font-weight: 600; text-align: center;
}
.shipment-message.is-error {
  color: #b42318;
}
.shipment-message.is-success {
  color: #146c43;
}
.shipment-error-json {
  overflow: auto; width: 100%; max-height: 320px; margin: 14px 0 0; padding: 18px; white-space: pre-wrap; overflow-wrap: anywhere; text-align: left; font-family: Consolas, monospace; font-size: 13px; line-height: 1.5; color: #7f1d1d; background: #fff; border: 2px solid #dc2626;
}
.shipment-error-json[hidden] {
  display: none;
}
.shipment-completed {
  width: 100%; max-width: 980px; margin: 0 auto; padding: 48px; text-align: center; color: #146c43; background: #fff; border: 1px solid #b9e2ca; box-shadow: 0 5px 14px rgba(23, 32, 51, .1);
}
.shipment-completed[hidden] {
  display: none;
}
.shipment-completed > strong {
  display: block; margin: 0 0 24px; font-size: 28px; line-height: 1.2; font-weight: 800; color: #146c43;
}
.shipment-completed_warning {
  margin: 0 0 20px; padding: 14px 18px; text-align: left; font-size: 14px; font-weight: 700; color: #8a3b00; background: #fff2cf; border-left: 5px solid #e5a800;
}
.shipment-completed_warning[hidden] {
  display: none;
}
.shipment-completed_labels {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; width: 100%; margin: 0 0 22px;
}
.shipment-completed_labels a {
  display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 20px; font-size: 14px; font-weight: 700; color: #174f96; background: #deebff;
}
.shipment-back-button {
  display: flex; align-items: center; justify-content: center; width: 100%; min-height: 86px; padding: 0 28px; font-size: 20px; font-weight: 800; color: #fff; background: #246bfe;
}
.shipment-back-button:hover {
  color: #fff; background: #1558da;
}
.shipment-not-available {
  margin: 28px 0 0; font-size: 15px; font-weight: 600; color: #8a3b00;
}
.order-logs-modal-open {
  overflow: hidden;
}
.order-logs-modal {
  position: fixed; z-index: 3000; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 32px;
}
.order-logs-modal[hidden] {
  display: none;
}
.order-logs-modal_backdrop {
  position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; background: rgba(23, 32, 51, .78);
}
.order-logs-modal_dialog {
  position: relative; z-index: 1; display: flex; flex-direction: column; width: min(1100px, 100%); max-height: calc(100vh - 64px); background: #f1f3f6; box-shadow: 0 18px 55px rgba(0, 0, 0, .3);
}
.order-logs-modal_header {
  display: flex; align-items: center; justify-content: space-between; min-height: 88px; padding: 16px 22px 16px 26px; color: #fff; background: #172033;
}
.order-logs-modal_header > div {
  display: flex; flex-direction: column;
}
.order-logs-modal_header span {
  margin: 0 0 3px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .6px; color: #aeb7c6;
}
.order-logs-modal_header strong {
  font-size: 21px; color: #fff;
}
.order-logs-modal_close {
  display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 54px; font-size: 34px; line-height: 1; color: #fff; background: #354057; border: 0; cursor: pointer;
}
.order-logs-modal_body {
  overflow-y: auto; display: flex; flex-direction: column; gap: 14px; width: 100%; padding: 22px;
}
.order-logs-loading, .order-logs-empty, .order-logs-error {
  padding: 42px 24px; text-align: center; font-size: 15px; font-weight: 700; color: #657084; background: #fff; border: 1px solid #dce1e8;
}
.order-logs-error {
  color: #b42318; background: #fff0ee; border-color: #efc1bc;
}
.order-log {
  width: 100%; padding: 20px; background: #fff; border: 1px solid #dce1e8; border-left: 6px solid #8791a1;
}
.order-log_success {
  border-left-color: #22a96b;
}
.order-log_error {
  border-left-color: #dc2626;
}
.order-log_header {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; width: 100%;
}
.order-log_title {
  display: flex; flex-direction: column;
}
.order-log_title strong {
  font-size: 16px; line-height: 1.3; color: #172033;
}
.order-log_title time {
  margin: 4px 0 0; font-size: 12px; color: #8791a1;
}
.order-log_status {
  display: inline-flex; align-items: center; min-height: 34px; padding: 6px 10px; font-size: 12px; font-weight: 700; color: #657084; background: #e9edf2;
}
.order-log_status_success {
  color: #14673d; background: #dff3e8;
}
.order-log_status_error {
  color: #b42318; background: #fff0ee;
}
.order-log_meta {
  display: flex; flex-wrap: wrap; gap: 8px 18px; width: 100%; margin: 14px 0 0; padding: 12px 14px; font-size: 12px; color: #657084; background: #f3f5f8;
}
.order-log_meta strong {
  color: #273044;
}
.order-log_message {
  margin: 14px 0 0; padding: 13px 15px; font-size: 14px; line-height: 1.5; font-weight: 600; color: #273044; background: #f8fafc; border-left: 4px solid #a9b2c0;
}
.order-log_error .order-log_message {
  color: #7f1d1d; background: #fff0ee; border-left-color: #dc2626;
}
.order-log_labels {
  display: flex; flex-wrap: wrap; gap: 8px; width: 100%; margin: 14px 0 0;
}
.order-log_labels a {
  display: inline-flex; align-items: center; min-height: 42px; padding: 0 15px; font-size: 13px; font-weight: 700; color: #174f96; background: #deebff;
}
.order-log_labels_primary {
  margin: 0 0 14px; padding: 14px; background: #eef4ff; border: 1px solid #b9ceff;
}
.order-log_json {
  width: 100%; margin: 14px 0 0; background: #172033;
}
.order-log_json summary {
  padding: 14px 16px; font-size: 13px; font-weight: 700; color: #fff; cursor: pointer;
}
.order-log_json pre {
  overflow: auto; width: 100%; max-height: 420px; margin: 0; padding: 16px; white-space: pre-wrap; overflow-wrap: anywhere; font-family: Consolas, monospace; font-size: 12px; line-height: 1.5; color: #dbe7ff; background: #0f1728; border-top: 1px solid #354057;
}
.footbar {
  position: fixed; z-index: 100; right: 0; bottom: 0; left: 0; display: flex; width: 100%; color: #fff; background: #172033; 
}
.footbar[hidden] {
  display: none !important;
}
.footbar_inner {
  display: flex; align-items: center; justify-content: space-between; gap: 30px; width: 100%; height: 100%; padding: 14px 24px;
}
.footbar_title {
  display: flex; flex-direction: column; min-width: 250px;
}
.footbar_title strong {
  font-size: 16px; line-height: 1.3; font-weight: 700; color: #fff;
}
.footbar_title span {
  margin: 3px 0 0; font-size: 12px; color: #aeb7c6;
}
.footbar_search {
  display: flex; align-items: stretch; width: 100%; max-width: 720px; height: 56px;
}
.footbar_input {
  width: 100%; height: 56px; padding: 0 20px; font-family: "Inter", sans-serif; font-size: 17px; font-weight: 600; color: #172033; background: #fff; border-right: 0; border-radius: 0; outline: 0; border: none;
}
.footbar_input:focus {
  background: #f4f8ff; border-color: #5f91ff;
}
.footbar_input::placeholder {
  font-size: 14px; font-weight: 400; color: #8a94a5;
}
.footbar_button {
  display: inline-flex; align-items: center; justify-content: center; min-width: 130px; height: 56px; padding: 0 24px; font-family: "Inter", sans-serif; font-size: 14px; font-weight: 700; color: #fff; background: #246bfe; border: 0; border-radius: 0; cursor: pointer;
}
.footbar_button:hover {
  background: #1558da;
}


body.preloader-active {
  overflow: hidden;
}
.preloader {
  position: fixed; z-index: 1000; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; visibility: hidden; width: 100%; height: 100%; background: rgba(23, 32, 51, .78); opacity: 0; pointer-events: none; transition: opacity .2s, visibility .2s;
}
.preloader.is-active {
  visibility: visible; opacity: 1; pointer-events: auto;
}
.preloader_spinner {
  display: block; width: 58px; height: 58px; border: 5px solid rgba(255, 255, 255, .25); border-top-color: #246bfe; border-radius: 50%; animation: preloader-spin .7s linear infinite;
}
@keyframes preloader-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.login-page {
  display: flex; min-height: 100vh; margin: 0; padding: 0; background: #e9edf2;
}
.login-main {
  display: flex; align-items: center; justify-content: center; width: 100%; min-height: 100vh; padding: 30px 20px;
}
.login-box {
  width: 100%; max-width: 460px; padding: 42px; background: #fff; border-top: 6px solid #246bfe; box-shadow: 0 18px 50px rgba(23, 32, 51, .14);
}
.login-header span {
  display: block; margin: 0 0 20px; font-size: 15px; line-height: 1; font-weight: 700; text-transform: uppercase; letter-spacing: 1.3px; color: #246bfe;
}
.login-header h1 {
  margin: 0; font-size: 30px; line-height: 1.2; font-weight: 700; color: #172033;
}
.login-header p {
  margin: 9px 0 0; font-size: 14px; color: #657084;
}
.login-error {
  margin: 24px 0 0; padding: 14px 16px; font-size: 14px; font-weight: 600; color: #9f1d17; background: #fff0ee; border-left: 4px solid #dc2626;
}
.login-form {
  display: flex; flex-direction: column; width: 100%; margin: 30px 0 0;
}
.login-form label {
  margin: 0 0 8px; font-size: 13px; font-weight: 700; color: #273044;
}
.login-form input, .login-form select {
  width: 100%; height: 56px; margin: 0 0 20px; padding: 0 16px; font-family: "Inter", sans-serif; font-size: 16px; color: #172033; background: #f8fafc; border: 1px solid #cfd6e0; border-radius: 0; outline: 0;
}
.login-form select {
  cursor: pointer;
}
.login-form input:focus, .login-form select:focus {
  background: #fff; border-color: #246bfe; box-shadow: 0 0 0 3px rgba(36, 107, 254, .12);
}
.login-form input::placeholder {
  color: #9aa3b2;
}
.login-form button {
  display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 58px; margin: 4px 0 0; padding: 0 24px; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 700; color: #fff; background: #246bfe; border: 0; border-radius: 0; cursor: pointer;
}
.login-form button:hover {
  background: #1558da;
}
.login-divider {
  position: relative; display: flex; align-items: center; justify-content: center; margin: 30px 0; color: #8791a1;
}
.login-divider::before {
  position: absolute; top: 50%; left: 0; width: 100%; height: 1px; content: ""; background: #dce1e8;
}
.login-divider span {
  position: relative; z-index: 1; padding: 0 14px; font-size: 12px; text-transform: uppercase; background: #fff;
}
.login-form-password {
  margin-top: 0;
}
.login-form-title {
  display: flex; align-items: center; justify-content: space-between; margin: 0 0 20px; font-size: 16px; font-weight: 700; color: #172033;
}
.login-form-title span {
  padding: 6px 9px; font-size: 11px; font-weight: 700; color: #805d00; background: #fff0bd;
}
.login-form.is-disabled {
  opacity: .55;
}
.login-form button:disabled, .login-form input:disabled, .login-form select:disabled {
  cursor: not-allowed;
}
.login-form button:disabled {
  background: #8791a1;
}
.login-form button:disabled:hover {
  background: #8791a1;
}