/* =========================================================
 * VIVILIV 0.6.4.45 — TARGETED PANEL FIXES
 * Zakres wyłącznie:
 * 1) stabilna, nieucięta lewa szyna bez nakładania na treść;
 * 2) całkowite usunięcie wyszukiwarki GeneratePress z nagłówka
 *    tylko na stronie Panel VIVILIV.
 * ========================================================= */

html body.viviliv-staff-panel-page {
  --vcp-target-rail-left: max(10px, env(safe-area-inset-left));
  --vcp-target-rail-gap: 12px;
  --vcp-target-rail-top-fallback: calc(
    var(--viviliv-admin-bar-height, 0px)
    + var(--viviliv-status-banner-height, 0px)
    + var(--viviliv-global-topbar-height, 56px)
    + 6px
  );
}

/* Cała zawartość panelu ma stałe, realne miejsce obok szyny. */
html body.viviliv-staff-panel-page .viviliv-staff-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-left: calc(
    var(--vcp-target-rail-left)
    + var(--vcp-fix-rail-width, 66px)
    + var(--vcp-target-rail-gap)
  ) !important;
  padding-right: 10px !important;
  box-sizing: border-box !important;
  overflow-x: clip !important;
}

/* Nagłówek profilu i treść nie dostają już drugiego przesunięcia. */
html body.viviliv-staff-panel-page .viviliv-portal-header {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 18px !important;
  box-sizing: border-box !important;
}

html body.viviliv-staff-panel-page .viviliv-portal-layout {
  position: static !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

/* Szyna jest stała pod faktycznym dołem nagłówka, mierzonym przez JS. */
html body.viviliv-staff-panel-page .viviliv-portal-navigation {
  position: fixed !important;
  top: var(--vcp-panel-rail-top, var(--vcp-target-rail-top-fallback)) !important;
  left: var(--vcp-target-rail-left) !important;
  right: auto !important;
  bottom: auto !important;
  width: var(--vcp-fix-rail-width, 66px) !important;
  min-width: var(--vcp-fix-rail-width, 66px) !important;
  max-width: var(--vcp-fix-rail-width, 66px) !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  z-index: 10020 !important;
  overflow: visible !important;
}

html body.viviliv-staff-panel-page .viviliv-portal-rail {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  max-height: calc(100dvh - var(--vcp-panel-rail-top, var(--vcp-target-rail-top-fallback)) - 10px) !important;
  margin: 0 !important;
  padding: 8px !important;
  box-sizing: border-box !important;
  overflow-x: visible !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-width: none !important;
  border: 1px solid rgba(216, 178, 74, .46) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(17, 55, 33, .98), rgba(5, 24, 14, .99)) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

html body.viviliv-staff-panel-page .viviliv-portal-rail::-webkit-scrollbar {
  display: none !important;
}

html body.viviliv-staff-panel-page .viviliv-portal-content {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  grid-column: auto !important;
}

/* Flyout pozostaje przy szynie, a nie przy lewej krawędzi ekranu. */
html body.viviliv-staff-panel-page .viviliv-portal-flyouts {
  top: 0 !important;
  left: calc(var(--vcp-fix-rail-width, 66px) + 10px) !important;
}

/* Wyszukiwarka GeneratePress — wyłącznie poza właściwą treścią panelu. */
html body.viviliv-staff-panel-page .gp-search-modal,
html body.viviliv-staff-panel-page .search-modal-form,
html body.viviliv-staff-panel-page .search-modal-fields,
html body.viviliv-staff-panel-page .navigation-search,
html body.viviliv-staff-panel-page form.search-form,
html body.viviliv-staff-panel-page .main-navigation .search-item,
html body.viviliv-staff-panel-page .main-navigation .menu-bar-item.search-item,
html body.viviliv-staff-panel-page .site-header .search-item,
html body.viviliv-staff-panel-page .viviliv-global-topbar .search-item,
html body.viviliv-staff-panel-page .viviliv-global-topbar .search-form,
html body.viviliv-staff-panel-page .viviliv-global-topbar [role="search"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 1180px) {
  html body.viviliv-staff-panel-page {
    --vcp-target-rail-left: max(8px, env(safe-area-inset-left));
    --vcp-target-rail-gap: 8px;
  }
}

@media (max-width: 760px) {
  html body.viviliv-staff-panel-page {
    --vcp-target-rail-left: max(4px, env(safe-area-inset-left));
    --vcp-target-rail-gap: 5px;
  }

  html body.viviliv-staff-panel-page .viviliv-staff-shell {
    padding-right: 5px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-portal-rail {
    padding: 6px !important;
    border-radius: 15px !important;
  }
}


/* ==================================================
   VIVILIV 0.6.4.46 — PRODUCTS LIST FIT TO FULL WIDTH
   Desktop only: compress columns so the quick products list fits the screen.
   ================================================== */
@media (min-width: 1240px) {
  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-owner-panel {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-product-table-wrap {
    overflow-x: visible !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-product-table-quick {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-product-table-quick th,
  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-product-table-quick td {
    padding: 6px 4px !important;
    font-size: 11px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-product-table-quick th:nth-child(1) { width: 190px !important; }
  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-product-table-quick th:nth-child(2) { width: 88px !important; }
  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-product-table-quick th:nth-child(3) { width: 108px !important; }
  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-product-table-quick th:nth-child(4) { width: 70px !important; }
  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-product-table-quick th:nth-child(5) { width: 88px !important; }
  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-product-table-quick th:nth-child(6) { width: 54px !important; }
  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-product-table-quick th:nth-child(7) { width: 102px !important; }
  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-product-table-quick th:nth-child(8) { width: 104px !important; }
  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-product-table-quick th:nth-child(9) { width: 46px !important; }
  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-product-table-quick th:nth-child(10) { width: 92px !important; }

  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-product-cell {
    gap: 7px !important;
    align-items: flex-start !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-product-cell img {
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-product-cell strong {
    font-size: 11px !important;
    line-height: 1.18 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-product-cell small,
  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-stock-hint,
  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-current-availability,
  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-quick-status {
    font-size: 9px !important;
    line-height: 1.14 !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-product-category-cell {
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-quick-price-unit {
    grid-template-columns: minmax(50px,1fr) 48px !important;
    gap: 3px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-quick-field {
    min-height: 30px !important;
    height: 30px !important;
    padding: 3px 5px !important;
    font-size: 10px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-quick-unit {
    width: 48px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-quick-minimums label {
    grid-template-columns: 34px 1fr !important;
    gap: 3px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-quick-minimums label span {
    font-size: 8px !important;
    line-height: 1.05 !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-quick-select,
  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-menu-switch {
    font-size: 10px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-allergen-indicator {
    width: 22px !important;
    height: 22px !important;
    font-size: 12px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-product-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 3px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-product-actions .button {
    min-height: 26px !important;
    padding: 0 4px !important;
    margin: 0 !important;
    font-size: 9px !important;
    line-height: 1.1 !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--products .viviliv-product-actions .button:nth-child(3) {
    grid-column: 1 / -1 !important;
  }
}


/* ==================================================
   VIVILIV 0.6.4.47 — COUNTERS ON PRODUCT FILTER BUTTONS
   Only restores visible numbers inside product status chips.
   ================================================== */
html body.viviliv-staff-panel-page
.viviliv-native-module--products
.viviliv-product-status-tabs
.viviliv-filter-chip > strong {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 25px !important;
  height: 25px !important;
  padding: 0 7px !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #f3d77a !important;
  -webkit-text-fill-color: #f3d77a !important;
  background: rgba(243, 215, 122, .10) !important;
  border: 1px solid rgba(243, 215, 122, .34) !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-shadow: none !important;
  box-sizing: border-box !important;
}

html body.viviliv-staff-panel-page
.viviliv-native-module--products
.viviliv-product-status-tabs
.viviliv-filter-chip.is-active > strong {
  color: #06150d !important;
  -webkit-text-fill-color: #06150d !important;
  background: rgba(255, 255, 255, .52) !important;
  border-color: rgba(6, 21, 13, .24) !important;
}


/* ==================================================
   VIVILIV 0.6.4.48 — LIGHT FIELDS + ACTIVE CONTROLS
   Only contrast on light panels and readable active filters/buttons.
   ================================================== */

/* Jasne / białe pola informacyjne — ciemny tekst w całym Panel VIVILIV. */
html body.viviliv-staff-panel-page :is(
  .viviliv-list-summary,
  .viviliv-owner-list-help,
  .viviliv-owner-warning,
  .viviliv-admin__notice,
  .notice,
  .updated,
  .error,
  .viviliv-empty-state,
  .viviliv-light-panel
),
html body.viviliv-staff-panel-page :is(
  .viviliv-list-summary,
  .viviliv-owner-list-help,
  .viviliv-owner-warning,
  .viviliv-admin__notice,
  .notice,
  .updated,
  .error,
  .viviliv-empty-state,
  .viviliv-light-panel
) * {
  color: #06150d !important;
  -webkit-text-fill-color: #06150d !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Pola z realnie jasnym tłem — zawsze czarny tekst i placeholder. */
html body.viviliv-staff-panel-page input[style*="background: #fff"],
html body.viviliv-staff-panel-page input[style*="background:#fff"],
html body.viviliv-staff-panel-page textarea[style*="background: #fff"],
html body.viviliv-staff-panel-page textarea[style*="background:#fff"],
html body.viviliv-staff-panel-page select[style*="background: #fff"],
html body.viviliv-staff-panel-page select[style*="background:#fff"] {
  color: #06150d !important;
  -webkit-text-fill-color: #06150d !important;
}

html body.viviliv-staff-panel-page input[style*="background: #fff"]::placeholder,
html body.viviliv-staff-panel-page input[style*="background:#fff"]::placeholder,
html body.viviliv-staff-panel-page textarea[style*="background: #fff"]::placeholder,
html body.viviliv-staff-panel-page textarea[style*="background:#fff"]::placeholder {
  color: rgba(6,21,13,.62) !important;
  -webkit-text-fill-color: rgba(6,21,13,.62) !important;
  opacity: 1 !important;
}

/* Aktywne filtry / przyciski — tekst ma się mieścić i nie być ucinany. */
html body.viviliv-staff-panel-page :is(
  .viviliv-filter-chip,
  .viviliv-category-chip,
  .viviliv-report-preset,
  .viviliv-tab,
  .viviliv-tabs a,
  .viviliv-tabs button
) {
  min-width: max-content !important;
  max-width: none !important;
  min-height: 40px !important;
  height: auto !important;
  padding: 8px 12px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  box-sizing: border-box !important;
}

html body.viviliv-staff-panel-page :is(
  .viviliv-filter-chip,
  .viviliv-category-chip,
  .viviliv-report-preset,
  .viviliv-tab,
  .viviliv-tabs a,
  .viviliv-tabs button
) > span {
  display: inline-block !important;
  min-width: 0 !important;
  max-width: none !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

html body.viviliv-staff-panel-page :is(
  .viviliv-filter-chip.is-active,
  .viviliv-category-chip.is-active,
  .viviliv-report-preset.is-active,
  .viviliv-tab.is-active,
  .viviliv-tabs .is-active
),
html body.viviliv-staff-panel-page :is(
  .viviliv-filter-chip.is-active,
  .viviliv-category-chip.is-active,
  .viviliv-report-preset.is-active,
  .viviliv-tab.is-active,
  .viviliv-tabs .is-active
) * {
  color: #06150d !important;
  -webkit-text-fill-color: #06150d !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Liczniki w aktywnych filtrach zachowują czytelny rozmiar. */
html body.viviliv-staff-panel-page .viviliv-product-status-tabs .viviliv-filter-chip > strong {
  flex: 0 0 auto !important;
  min-width: 24px !important;
  height: 24px !important;
  padding: 0 6px !important;
  font-size: 11px !important;
  line-height: 1 !important;
}

@media (max-width: 760px) {
  html body.viviliv-staff-panel-page :is(
    .viviliv-filter-chip,
    .viviliv-category-chip,
    .viviliv-report-preset,
    .viviliv-tab,
    .viviliv-tabs a,
    .viviliv-tabs button
  ) {
    min-height: 38px !important;
    padding: 7px 10px !important;
    font-size: 10px !important;
  }
}


/* ==================================================
   VIVILIV 0.6.4.49 — IDENTYCZNA POZYCJA LEWEJ SZYNY
   Wszystkie moduły używają jednego, zmierzonego topu.
   ================================================== */
html body.viviliv-staff-panel-page .viviliv-portal-navigation {
  top: var(--vcp-panel-rail-top, var(--vcp-target-rail-top-fallback)) !important;
}

html body.viviliv-staff-panel-page .viviliv-portal-rail {
  max-height: calc(100dvh - var(--vcp-panel-rail-top, var(--vcp-target-rail-top-fallback)) - 10px) !important;
}


/* ==================================================
   VIVILIV 0.6.4.50 — QUICK PRODUCT FIELDS FONT FIX
   Only numeric/select fields in the quick product table.
   ================================================== */
html body.viviliv-staff-panel-page
.viviliv-native-module--products
.viviliv-product-table-quick
input.viviliv-quick-field,
html body.viviliv-staff-panel-page
.viviliv-native-module--products
.viviliv-product-table-quick
select.viviliv-quick-field {
  min-width: 0 !important;
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 4px !important;
  box-sizing: border-box !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 32px !important;
  letter-spacing: 0 !important;
  text-indent: 0 !important;
  font-variant-numeric: tabular-nums !important;
}

html body.viviliv-staff-panel-page
.viviliv-native-module--products
.viviliv-product-table-quick
input.viviliv-quick-field[type="number"] {
  text-align: center !important;
  -moz-appearance: textfield !important;
  appearance: textfield !important;
}

html body.viviliv-staff-panel-page
.viviliv-native-module--products
.viviliv-product-table-quick
input.viviliv-quick-field[type="number"]::-webkit-inner-spin-button,
html body.viviliv-staff-panel-page
.viviliv-native-module--products
.viviliv-product-table-quick
input.viviliv-quick-field[type="number"]::-webkit-outer-spin-button {
  margin: 0 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

html body.viviliv-staff-panel-page
.viviliv-native-module--products
.viviliv-product-table-quick
select.viviliv-quick-field {
  padding-right: 20px !important;
  font-size: 10px !important;
  font-weight: 650 !important;
  line-height: 1.1 !important;
}

html body.viviliv-staff-panel-page
.viviliv-native-module--products
.viviliv-product-table-quick
.viviliv-quick-price-unit {
  grid-template-columns: minmax(58px, 1fr) 54px !important;
}

html body.viviliv-staff-panel-page
.viviliv-native-module--products
.viviliv-product-table-quick
.viviliv-quick-minimums label {
  grid-template-columns: 36px minmax(46px, 1fr) !important;
}


/* ==================================================
   VIVILIV 0.6.4.51 — GODZINY I TERMINY: PEŁNE WIERSZE
   Tylko moduł hours. Bez wpływu na Produkty i pozostałe moduły.
   ================================================== */
html body.viviliv-staff-panel-page
.viviliv-native-module--hours
.viviliv-owner-grid.two {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: start !important;
}

html body.viviliv-staff-panel-page
.viviliv-native-module--hours
.viviliv-hours-section {
  min-width: 0 !important;
  width: 100% !important;
  padding: 20px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

html body.viviliv-staff-panel-page
.viviliv-native-module--hours
.viviliv-hours-section > h2 {
  margin: 0 0 16px !important;
  font-size: clamp(22px, 1.8vw, 29px) !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  overflow: visible !important;
}

html body.viviliv-staff-panel-page
.viviliv-native-module--hours
.viviliv-hours-table {
  width: 100% !important;
  min-width: 0 !important;
  gap: 8px !important;
}

html body.viviliv-staff-panel-page
.viviliv-native-module--hours
.viviliv-hours-row {
  width: 100% !important;
  min-width: 0 !important;
  grid-template-columns:
    minmax(112px, 1.32fr)
    minmax(108px, .96fr)
    minmax(88px, .86fr)
    minmax(88px, .86fr) !important;
  gap: 8px !important;
  padding: 10px 11px !important;
  min-height: 64px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

html body.viviliv-staff-panel-page
.viviliv-native-module--hours
.viviliv-hours-row.is-head {
  min-height: 44px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

html body.viviliv-staff-panel-page
.viviliv-native-module--hours
.viviliv-hours-row > * {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

html body.viviliv-staff-panel-page
.viviliv-native-module--hours
.viviliv-hours-row > strong {
  font-size: 15px !important;
  line-height: 1.2 !important;
  white-space: normal !important;
}

html body.viviliv-staff-panel-page
.viviliv-native-module--hours
.viviliv-owner-toggle.compact {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  gap: 8px !important;
  box-sizing: border-box !important;
}

html body.viviliv-staff-panel-page
.viviliv-native-module--hours
.viviliv-owner-toggle.compact span {
  font-size: 14px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

html body.viviliv-staff-panel-page
.viviliv-native-module--hours
.viviliv-hours-row input[type="time"] {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 28px 0 12px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 42px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

html body.viviliv-staff-panel-page
.viviliv-native-module--hours
.viviliv-hours-row input[type="time"]::-webkit-calendar-picker-indicator {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  cursor: pointer !important;
}

/* Laptop / węższy desktop: jedna tabela pod drugą zamiast obcinania. */
@media (max-width: 1180px) {
  html body.viviliv-staff-panel-page
  .viviliv-native-module--hours
  .viviliv-owner-grid.two {
    grid-template-columns: 1fr !important;
  }
}

/* Tablet: nadal pełne cztery kolumny, ale kompaktowo. */
@media (max-width: 760px) {
  html body.viviliv-staff-panel-page
  .viviliv-native-module--hours
  .viviliv-hours-section {
    padding: 16px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--hours
  .viviliv-hours-row {
    grid-template-columns:
      minmax(92px, 1.2fr)
      minmax(94px, .95fr)
      minmax(82px, .9fr)
      minmax(82px, .9fr) !important;
    gap: 6px !important;
    padding: 9px 8px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--hours
  .viviliv-hours-row > strong,
  html body.viviliv-staff-panel-page
  .viviliv-native-module--hours
  .viviliv-owner-toggle.compact span,
  html body.viviliv-staff-panel-page
  .viviliv-native-module--hours
  .viviliv-hours-row input[type="time"] {
    font-size: 13px !important;
  }
}

/* Telefon: każdy dzień jako czytelna karta, bez poziomego obcinania. */
@media (max-width: 560px) {
  html body.viviliv-staff-panel-page
  .viviliv-native-module--hours
  .viviliv-hours-row.is-head {
    display: none !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--hours
  .viviliv-hours-row:not(.is-head) {
    grid-template-columns: 1fr 1fr !important;
    gap: 9px !important;
    padding: 12px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--hours
  .viviliv-hours-row > strong {
    grid-column: 1 / -1 !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--hours
  .viviliv-owner-toggle.compact {
    grid-column: 1 / -1 !important;
  }
}


/* ==================================================
   VIVILIV 0.6.4.52 — HOURS MODULE PREMIUM TWEAKS
   - dark green text on yellow role badge
   - premium dark styling for Kalendarz wyjątków rows
   ================================================== */
html body.viviliv-staff-panel-page .viviliv-native-module--hours .viviliv-owner-header > strong,
html body.viviliv-staff-panel-page .viviliv-native-module--hours .viviliv-owner-header > strong * {
  color: #06150d !important;
  font-weight: 800 !important;
}

html body.viviliv-staff-panel-page .viviliv-native-module--hours .viviliv-order-date-overrides {
  display: grid !important;
  gap: 14px !important;
  margin-top: 14px !important;
}

html body.viviliv-staff-panel-page .viviliv-native-module--hours .viviliv-order-date-override-row {
  display: grid !important;
  grid-template-columns: 160px 190px 160px minmax(260px, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px !important;
  background: linear-gradient(135deg, rgba(10,47,29,.96), rgba(3,32,19,.98)) !important;
  border: 1px solid rgba(216,178,74,.50) !important;
  border-radius: 16px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 10px 24px rgba(0,0,0,.18) !important;
}

html body.viviliv-staff-panel-page .viviliv-native-module--hours .viviliv-order-date-override-row input[type="date"],
html body.viviliv-staff-panel-page .viviliv-native-module--hours .viviliv-order-date-override-row input[type="text"],
html body.viviliv-staff-panel-page .viviliv-native-module--hours .viviliv-order-date-override-row select {
  min-height: 46px !important;
  height: 46px !important;
  padding: 0 14px !important;
  color: #ffffff !important;
  background: #052415 !important;
  border: 1px solid rgba(216,178,74,.55) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

html body.viviliv-staff-panel-page .viviliv-native-module--hours .viviliv-order-date-override-row input[type="text"]::placeholder {
  color: rgba(255,255,255,.58) !important;
}

html body.viviliv-staff-panel-page .viviliv-native-module--hours .viviliv-order-date-override-row input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: .92 !important;
  filter: invert(71%) sepia(32%) saturate(769%) hue-rotate(5deg) brightness(102%) contrast(89%) !important;
}

html body.viviliv-staff-panel-page .viviliv-native-module--hours .viviliv-order-date-override-row select option {
  color: #ffffff !important;
  background: #052415 !important;
}

@media (max-width: 1280px) {
  html body.viviliv-staff-panel-page .viviliv-native-module--hours .viviliv-order-date-override-row {
    grid-template-columns: 1fr 1fr !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--hours .viviliv-order-date-override-row input[type="text"] {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 760px) {
  html body.viviliv-staff-panel-page .viviliv-native-module--hours .viviliv-order-date-override-row {
    grid-template-columns: 1fr !important;
  }
}


/* ==================================================
   VIVILIV 0.6.4.53 — BRIGHT SAVE BUTTON IN HOURS MODULE
   Only fix: make "Zapisz godziny" bright gold and clearly visible.
   ================================================== */
html body.viviliv-staff-panel-page .viviliv-native-module--hours form > p.submit {
  display: flex !important;
  justify-content: flex-start !important;
  margin: 18px 0 12px !important;
}

html body.viviliv-staff-panel-page .viviliv-native-module--hours form > p.submit .viviliv-admin__save,
html body.viviliv-staff-panel-page .viviliv-native-module--hours form > p.submit input.viviliv-admin__save,
html body.viviliv-staff-panel-page .viviliv-native-module--hours form > p.submit input.button-primary.viviliv-admin__save {
  min-width: 240px !important;
  min-height: 54px !important;
  padding: 12px 24px !important;
  border-radius: 16px !important;
  border: 1px solid #fff4c8 !important;
  background: linear-gradient(135deg, #fff3bf 0%, #f3d77a 48%, #d8b24a 100%) !important;
  color: #06150d !important;
  -webkit-text-fill-color: #06150d !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.55) !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

html body.viviliv-staff-panel-page .viviliv-native-module--hours form > p.submit .viviliv-admin__save:hover,
html body.viviliv-staff-panel-page .viviliv-native-module--hours form > p.submit .viviliv-admin__save:focus-visible,
html body.viviliv-staff-panel-page .viviliv-native-module--hours form > p.submit input.viviliv-admin__save:hover,
html body.viviliv-staff-panel-page .viviliv-native-module--hours form > p.submit input.viviliv-admin__save:focus-visible {
  background: linear-gradient(135deg, #fff8d6 0%, #f7dd86 52%, #e1b13d 100%) !important;
  color: #06150d !important;
  -webkit-text-fill-color: #06150d !important;
  border-color: #ffffff !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.26), 0 0 0 3px rgba(243,215,122,.18) !important;
  transform: translateY(-1px) !important;
}


/* ==================================================
   VIVILIV 0.6.4.54 — JEDEN SYSTEM PRZYCISKÓW W PANELU
   Spójne, jasne i czytelne akcje na wszystkich modułach.
   ================================================== */

/* Wspólna geometria wszystkich prawdziwych przycisków. */
html body.viviliv-staff-panel-page :is(
  a.button,
  button.button,
  input.button,
  input[type="submit"].button,
  .viviliv-admin__save,
  .viviliv-staff-save,
  .viviliv-staff-button,
  .viviliv-report-print,
  .viviliv-owner-header-actions > a,
  .viviliv-owner-header-actions > button,
  .viviliv-orders-header-actions > a,
  .viviliv-orders-header-actions > button,
  .viviliv-owner-shortcuts__buttons > a,
  .viviliv-owner-shortcuts__buttons > button,
  .viviliv-portal-dashboard__intro > a,
  .viviliv-review-card__actions a,
  .viviliv-review-card__actions button,
  .viviliv-confirm-actions a,
  .viviliv-confirm-actions button,
  .viviliv-weight-correction-actions a,
  .viviliv-weight-correction-actions button
) {
  min-height: 44px !important;
  padding: 10px 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  box-sizing: border-box !important;
  border-radius: 13px !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  opacity: 1 !important;
  cursor: pointer !important;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease !important;
}

/* Zwykła akcja — ciemna, ale wyraźna. */
html body.viviliv-staff-panel-page :is(
  a.button:not(.button-primary):not(.button-link-delete):not(.viviliv-order-delete-button),
  button.button:not(.button-primary):not(.button-link-delete):not(.viviliv-order-delete-button),
  input.button:not(.button-primary),
  .viviliv-staff-button:not(.is-primary),
  .viviliv-wolt-action__tracking
) {
  color: #f3d77a !important;
  -webkit-text-fill-color: #f3d77a !important;
  background: linear-gradient(180deg, #103a25 0%, #082518 100%) !important;
  border: 1px solid rgba(216,178,74,.78) !important;
  box-shadow: 0 7px 18px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.045) !important;
}

/* Główna akcja — jasne złoto i ciemnozielony tekst. */
html body.viviliv-staff-panel-page :is(
  .button-primary,
  .button.button-primary,
  button.button-primary,
  input.button-primary,
  input[type="submit"].button-primary,
  .viviliv-admin__save,
  .viviliv-staff-save,
  .viviliv-report-print,
  .viviliv-owner-header-actions > a.button-primary,
  .viviliv-owner-header-actions > button.button-primary,
  .viviliv-orders-header-actions > a.button-primary,
  .viviliv-orders-header-actions > button.button-primary,
  .viviliv-owner-shortcuts__buttons .button-primary,
  .viviliv-portal-dashboard__intro > a,
  .viviliv-wolt-action__create
),
html body.viviliv-staff-panel-page form > p.submit :is(input[type="submit"],button[type="submit"]) {
  color: #06150d !important;
  -webkit-text-fill-color: #06150d !important;
  background: linear-gradient(135deg, #fff4c4 0%, #f3d77a 48%, #d8b24a 100%) !important;
  border: 1px solid #fff4c8 !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.58) !important;
}

/* Kolor dzieci przycisku też musi pozostać czytelny. */
html body.viviliv-staff-panel-page :is(
  .button-primary,
  .button.button-primary,
  button.button-primary,
  input.button-primary,
  .viviliv-admin__save,
  .viviliv-staff-save,
  .viviliv-report-print,
  .viviliv-portal-dashboard__intro > a,
  .viviliv-wolt-action__create,
  form > p.submit input[type="submit"],
  form > p.submit button[type="submit"]
) * {
  color: #06150d !important;
  -webkit-text-fill-color: #06150d !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Hover/focus: jedna reakcja na całym panelu. */
html body.viviliv-staff-panel-page :is(
  a.button,
  button.button,
  input.button,
  .viviliv-admin__save,
  .viviliv-staff-save,
  .viviliv-staff-button,
  .viviliv-report-print,
  .viviliv-owner-header-actions > a,
  .viviliv-owner-header-actions > button,
  .viviliv-orders-header-actions > a,
  .viviliv-orders-header-actions > button,
  .viviliv-owner-shortcuts__buttons > a,
  .viviliv-owner-shortcuts__buttons > button,
  .viviliv-portal-dashboard__intro > a
):hover,
html body.viviliv-staff-panel-page :is(
  a.button,
  button.button,
  input.button,
  .viviliv-admin__save,
  .viviliv-staff-save,
  .viviliv-staff-button,
  .viviliv-report-print,
  .viviliv-owner-header-actions > a,
  .viviliv-owner-header-actions > button,
  .viviliv-orders-header-actions > a,
  .viviliv-orders-header-actions > button,
  .viviliv-owner-shortcuts__buttons > a,
  .viviliv-owner-shortcuts__buttons > button,
  .viviliv-portal-dashboard__intro > a
):focus-visible {
  transform: translateY(-1px) !important;
  border-color: #fff7dc !important;
  box-shadow: 0 13px 28px rgba(0,0,0,.28), 0 0 0 3px rgba(243,215,122,.17) !important;
  outline: 0 !important;
}

/* Kasowanie — jednoznacznie czerwone. */
html body.viviliv-staff-panel-page :is(
  .button-link-delete,
  .button.button-link-delete,
  .viviliv-order-delete-button
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(180deg, #b83a3a 0%, #851f1f 100%) !important;
  border: 1px solid #e07171 !important;
  box-shadow: 0 8px 20px rgba(80,0,0,.24) !important;
}

/* Małe przyciski w tabelach zachowują system, ale nie rozpychają wierszy. */
html body.viviliv-staff-panel-page :is(
  .viviliv-product-actions .button,
  .viviliv-review-card__actions .button,
  .viviliv-order-card__links .button,
  .button.button-small
) {
  min-height: 30px !important;
  padding: 5px 9px !important;
  border-radius: 9px !important;
  font-size: 10px !important;
}

/* Filtry i zakładki — ten sam system: ciemne domyślnie, złote aktywne. */
html body.viviliv-staff-panel-page :is(
  .viviliv-filter-chip,
  .viviliv-category-chip,
  .viviliv-report-preset,
  .viviliv-orders-statuses a
) {
  color: #f3d77a !important;
  -webkit-text-fill-color: #f3d77a !important;
  background: #082518 !important;
  border: 1px solid rgba(216,178,74,.66) !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}

html body.viviliv-staff-panel-page :is(
  .viviliv-filter-chip.is-active,
  .viviliv-category-chip.is-active,
  .viviliv-report-preset.is-active,
  .viviliv-orders-statuses a.is-active
),
html body.viviliv-staff-panel-page :is(
  .viviliv-filter-chip.is-active,
  .viviliv-category-chip.is-active,
  .viviliv-report-preset.is-active,
  .viviliv-orders-statuses a.is-active
) * {
  color: #06150d !important;
  -webkit-text-fill-color: #06150d !important;
  background: linear-gradient(135deg, #fff4c4 0%, #f3d77a 52%, #d8b24a 100%) !important;
  border-color: #fff4c8 !important;
  opacity: 1 !important;
}

/* Nieaktywne przyciski są jasno rozpoznawalne. */
html body.viviliv-staff-panel-page :is(
  button:disabled,
  input[type="submit"]:disabled,
  .button.disabled,
  .button[aria-disabled="true"]
) {
  color: rgba(255,255,255,.56) !important;
  -webkit-text-fill-color: rgba(255,255,255,.56) !important;
  background: #4b5550 !important;
  border-color: #6d7772 !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: not-allowed !important;
  opacity: .72 !important;
}

@media (max-width: 760px) {
  html body.viviliv-staff-panel-page :is(
    a.button,
    button.button,
    input.button,
    .viviliv-admin__save,
    .viviliv-staff-save,
    .viviliv-staff-button,
    .viviliv-report-print
  ) {
    min-height: 46px !important;
    padding: 11px 16px !important;
    font-size: 13px !important;
  }
}


/* ==================================================
   VIVILIV 0.6.4.56 — LEFT RAIL FIXED WITHOUT EMPTY SPACE
   The rail is fixed to the viewport and removed from document flow.
   ================================================== */
html body.viviliv-staff-panel-page .viviliv-portal-navigation {
  position: fixed !important;
  top: var(--vcp-panel-rail-top, var(--vcp-target-rail-top-fallback)) !important;
  left: max(10px, env(safe-area-inset-left)) !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  transform: none !important;
  z-index: 10020 !important;
}

html body.viviliv-staff-panel-page .viviliv-portal-layout {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html body.viviliv-staff-panel-page .viviliv-portal-content {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}


/* ==================================================
   VIVILIV 0.6.4.58 — REPORTS: DARK TEXT ON LIGHT SURFACES
   Exact Chrome fix: override both color and -webkit-text-fill-color.
   ================================================== */

/* Jasna karta KPI „Same opłaty za dostawę”. */
html body.viviliv-staff-panel-page
.viviliv-native-module--reports
.viviliv-report-kpis > article.is-delivery,
html body.viviliv-staff-panel-page
.viviliv-native-module--reports
.viviliv-report-kpis > article.is-delivery * {
  color: #173b27 !important;
  -webkit-text-fill-color: #173b27 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

html body.viviliv-staff-panel-page
.viviliv-native-module--reports
.viviliv-report-kpis > article.is-delivery > span,
html body.viviliv-staff-panel-page
.viviliv-native-module--reports
.viviliv-report-kpis > article.is-delivery > small {
  color: #5d6b63 !important;
  -webkit-text-fill-color: #5d6b63 !important;
}

html body.viviliv-staff-panel-page
.viviliv-native-module--reports
.viviliv-report-kpis > article.is-delivery > strong,
html body.viviliv-staff-panel-page
.viviliv-native-module--reports
.viviliv-report-kpis > article.is-delivery > strong * {
  color: #173b27 !important;
  -webkit-text-fill-color: #173b27 !important;
}

/* Białe części kart „Dostawa” i „Odbiór osobisty”. */
html body.viviliv-staff-panel-page
.viviliv-native-module--reports
.viviliv-report-channel > dl,
html body.viviliv-staff-panel-page
.viviliv-native-module--reports
.viviliv-report-channel > dl > div {
  color: #173b27 !important;
  -webkit-text-fill-color: #173b27 !important;
  background: #ffffff !important;
}

html body.viviliv-staff-panel-page
.viviliv-native-module--reports
.viviliv-report-channel > dl dt {
  color: #5d6b63 !important;
  -webkit-text-fill-color: #5d6b63 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

html body.viviliv-staff-panel-page
.viviliv-native-module--reports
.viviliv-report-channel > dl dd,
html body.viviliv-staff-panel-page
.viviliv-native-module--reports
.viviliv-report-channel > dl dd * {
  color: #173b27 !important;
  -webkit-text-fill-color: #173b27 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

html body.viviliv-staff-panel-page
.viviliv-native-module--reports
.viviliv-report-channel > dl > div.is-highlight,
html body.viviliv-staff-panel-page
.viviliv-native-module--reports
.viviliv-report-channel > dl > div.is-highlight * {
  color: #173b27 !important;
  -webkit-text-fill-color: #173b27 !important;
  background: #fff7df !important;
}


/* ==================================================
   VIVILIV 0.6.4.59 — REPORT FILTER BUTTONS IN ONE LINE
   Only fix: align report buttons on a single row.
   ================================================== */
@media (min-width: 1101px) {
  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__form {
    display: grid !important;
    grid-template-columns: minmax(170px, 1.12fr) minmax(170px, 1fr) minmax(170px, 1fr) auto auto auto !important;
    align-items: end !important;
    gap: 10px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__form > .button,
  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__form > button.button,
  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__form > a.button {
    align-self: end !important;
    justify-self: stretch !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 0 18px !important;
    white-space: nowrap !important;
    line-height: 1 !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__form label {
    min-width: 0 !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__form input {
    min-width: 0 !important;
    width: 100% !important;
  }
}


/* ==================================================
   VIVILIV 0.6.4.60 — REPORT FILTER BUTTONS HEIGHT ALIGN
   Only fix: align report action buttons with date fields.
   ================================================== */
@media (min-width: 1101px) {
  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__form {
    align-items: end !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__form > button.button,
  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__form > a.button,
  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__form > .button {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 48px !important;
    vertical-align: bottom !important;
    transform: none !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__form input[type="month"],
  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__form input[type="date"] {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
  }
}


/* ==================================================
   VIVILIV 0.6.4.61 — REPORT BUTTONS VISUAL TOP ALIGN
   Only fix: raise the three report buttons by 11px so their
   top and bottom edges match the date/month inputs exactly.
   ================================================== */
@media (min-width: 1101px) {
  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__form > button.button,
  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__form > a.button,
  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__form > .button {
    position: relative !important;
    top: -11px !important;
    transform: none !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__form > button.button:hover,
  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__form > button.button:focus-visible,
  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__form > a.button:hover,
  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__form > a.button:focus-visible {
    top: -12px !important;
    transform: none !important;
  }
}


/* ==================================================
   VIVILIV 0.6.4.62 — STRUCTURAL REPORT FILTER ALIGNMENT
   Buttons use the same two-row structure as labeled fields.
   No pixel lifting, no relative positioning.
   ================================================== */
@media (min-width: 1101px) {
  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__form {
    display: grid !important;
    grid-template-columns: minmax(170px, 1.12fr) minmax(170px, 1fr) minmax(170px, 1fr) auto auto auto !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__form > label,
  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__action {
    display: grid !important;
    grid-template-rows: 12px 48px !important;
    gap: 5px !important;
    min-width: 0 !important;
    align-self: stretch !important;
    margin: 0 !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__form > label > span,
  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__action-spacer {
    display: block !important;
    min-height: 12px !important;
    height: 12px !important;
    line-height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__action-spacer {
    visibility: hidden !important;
    pointer-events: none !important;
    user-select: none !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__form input[type="month"],
  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__form input[type="date"],
  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__action > .button {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__action > .button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 18px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__action > .button:hover,
  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__action > .button:focus-visible {
    position: static !important;
    top: auto !important;
    transform: none !important;
  }
}

@media (max-width: 1100px) {
  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__action {
    display: block !important;
    min-width: 0 !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__action-spacer {
    display: none !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__action > .button {
    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    position: static !important;
    top: auto !important;
    transform: none !important;
  }
}


/* ==================================================
   VIVILIV 0.6.4.63 — NATIVE EXCEL XLSX EXPORT
   Adds a real XLSX download button and keeps structural alignment.
   ================================================== */
html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-excel {
  color: #06150d !important;
  -webkit-text-fill-color: #06150d !important;
  background: linear-gradient(135deg, #fff0ad 0%, #f3d77a 50%, #d8b24a 100%) !important;
  border-color: #f3d77a !important;
  font-weight: 850 !important;
}

html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-excel:hover,
html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-excel:focus-visible {
  color: #06150d !important;
  -webkit-text-fill-color: #06150d !important;
  background: linear-gradient(135deg, #fff7cf 0%, #f7df8b 52%, #dda930 100%) !important;
}

@media (min-width: 1280px) {
  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__form {
    grid-template-columns:
      minmax(150px, 1.10fr)
      minmax(140px, .92fr)
      minmax(140px, .92fr)
      minmax(118px, .72fr)
      minmax(142px, .88fr)
      minmax(160px, 1fr)
      minmax(135px, .84fr) !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__action > .button {
    padding-left: 11px !important;
    padding-right: 11px !important;
    font-size: 12px !important;
  }
}

@media (min-width: 1101px) and (max-width: 1279px) {
  html body.viviliv-staff-panel-page .viviliv-native-module--reports .viviliv-report-filter__form {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}


/* ==================================================
   VIVILIV 0.9.3 — KOLOR WYBRANEGO MENU W TABELI PRODUKTÓW
   Menu dnia = żółty. Na zamówienie = czerwony.
   Wyłącznie zamknięty select w kolumnie MENU; bez zmian logiki.
   ================================================== */
html body.viviliv-staff-panel-page
.viviliv-native-module--products
.viviliv-product-table-quick
select.viviliv-availability-select.is-menu_day {
  color: #06150d !important;
  -webkit-text-fill-color: #06150d !important;
  background-color: #f3d77a !important;
  background-image: linear-gradient(135deg, #fff3b5 0%, #f3d77a 52%, #d8b24a 100%) !important;
  border-color: #f3d77a !important;
  box-shadow:
    0 0 0 1px rgba(243,215,122,.34),
    0 5px 14px rgba(216,178,74,.18),
    inset 0 1px 0 rgba(255,255,255,.48) !important;
  color-scheme: light !important;
  font-weight: 800 !important;
}

html body.viviliv-staff-panel-page
.viviliv-native-module--products
.viviliv-product-table-quick
select.viviliv-availability-select.is-made_to_order {
  color: #fffaf0 !important;
  -webkit-text-fill-color: #fffaf0 !important;
  background-color: #c51f35 !important;
  background-image: linear-gradient(135deg, #e94a5e 0%, #c51f35 52%, #8f1020 100%) !important;
  border-color: #ff7181 !important;
  box-shadow:
    0 0 0 1px rgba(255,113,129,.28),
    0 5px 14px rgba(143,16,32,.24),
    inset 0 1px 0 rgba(255,255,255,.20) !important;
  color-scheme: dark !important;
  font-weight: 800 !important;
}

html body.viviliv-staff-panel-page
.viviliv-native-module--products
.viviliv-product-table-quick
select.viviliv-availability-select.is-menu_day:focus {
  border-color: #fff3b5 !important;
  box-shadow:
    0 0 0 3px rgba(243,215,122,.22),
    0 5px 14px rgba(216,178,74,.18) !important;
}

html body.viviliv-staff-panel-page
.viviliv-native-module--products
.viviliv-product-table-quick
select.viviliv-availability-select.is-made_to_order:focus {
  border-color: #ff9aa5 !important;
  box-shadow:
    0 0 0 3px rgba(233,74,94,.22),
    0 5px 14px rgba(143,16,32,.24) !important;
}

/* ==================================================
   VIVILIV 0.9.4 — RESPONSYWNY WIDOK WYBRANYCH KOLUMN
   Mniej kolumn = większe zdjęcie, tekst, pola i przyciski.
   ================================================== */
html body.viviliv-staff-panel-page
.viviliv-native-module--products
.viviliv-product-table-quick
[data-viviliv-column].viviliv-column-is-hidden {
  display: none !important;
}

@media (min-width: 1181px) {
  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick th[data-viviliv-column],
  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-5,.viviliv-visible-columns-6)
  .viviliv-product-table-quick th[data-viviliv-column] {
    width: auto !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick th[data-viviliv-column="product"] {
    width: 44% !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick th[data-viviliv-column="actions"] {
    width: 23% !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-5,.viviliv-visible-columns-6)
  .viviliv-product-table-quick th[data-viviliv-column="product"] {
    width: 34% !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-5,.viviliv-visible-columns-6)
  .viviliv-product-table-quick th[data-viviliv-column="actions"] {
    width: 18% !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick td {
    padding: 12px 13px !important;
    font-size: 14px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-cell {
    gap: 14px !important;
    align-items: center !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-cell img {
    flex: 0 0 76px !important;
    width: 76px !important;
    height: 76px !important;
    border-radius: 14px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-cell strong {
    font-size: 17px !important;
    line-height: 1.28 !important;
    -webkit-line-clamp: 3 !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-cell small {
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick input.viviliv-quick-field,
  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick select.viviliv-quick-field {
    height: 44px !important;
    min-height: 44px !important;
    padding-left: 10px !important;
    padding-right: 28px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-quick-price-unit {
    grid-template-columns: minmax(90px,1fr) 78px !important;
    gap: 8px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-actions {
    gap: 8px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-actions .button {
    min-height: 38px !important;
    padding: 7px 10px !important;
    font-size: 12px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-5,.viviliv-visible-columns-6)
  .viviliv-product-cell img {
    flex: 0 0 60px !important;
    width: 60px !important;
    height: 60px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-5,.viviliv-visible-columns-6)
  .viviliv-product-cell strong {
    font-size: 15px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-5,.viviliv-visible-columns-6)
  .viviliv-product-table-quick input.viviliv-quick-field,
  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-5,.viviliv-visible-columns-6)
  .viviliv-product-table-quick select.viviliv-quick-field {
    height: 38px !important;
    min-height: 38px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 1180px) {
  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick tr.viviliv-product-row {
    grid-template-columns: 1fr !important;
    gap: 11px !important;
    padding: 15px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick td[data-viviliv-column] {
    grid-column: 1 !important;
    grid-template-columns: 104px minmax(0,1fr) !important;
    gap: 10px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick td[data-viviliv-column="product"],
  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick td[data-viviliv-column="actions"] {
    display: block !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-cell img {
    flex: 0 0 68px !important;
    width: 68px !important;
    height: 68px !important;
    border-radius: 13px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-cell strong {
    font-size: 16px !important;
    line-height: 1.3 !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick input.viviliv-quick-field,
  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick select.viviliv-quick-field {
    height: 44px !important;
    min-height: 44px !important;
    padding-left: 10px !important;
    padding-right: 28px !important;
    font-size: 14px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-actions .button {
    min-height: 40px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 760px) {
  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-owner-header-actions {
    width: 100% !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-owner-header-actions > a,
  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-owner-header-actions > button {
    flex: 1 1 145px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4,.viviliv-visible-columns-5,.viviliv-visible-columns-6)
  .viviliv-product-cell img {
    flex: 0 0 72px !important;
    width: 72px !important;
    height: 72px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4,.viviliv-visible-columns-5,.viviliv-visible-columns-6)
  .viviliv-product-cell strong {
    font-size: 17px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4,.viviliv-visible-columns-5,.viviliv-visible-columns-6)
  .viviliv-product-table-quick input.viviliv-quick-field,
  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4,.viviliv-visible-columns-5,.viviliv-visible-columns-6)
  .viviliv-product-table-quick select.viviliv-quick-field {
    height: 46px !important;
    min-height: 46px !important;
    font-size: 15px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4,.viviliv-visible-columns-5,.viviliv-visible-columns-6)
  .viviliv-product-actions .button {
    min-height: 44px !important;
    font-size: 13px !important;
  }
}

/* ==================================================
   VIVILIV 0.9.5 — REALNE SKALOWANIE WIDOKU PRODUKTÓW
   Operacje można ukryć. Mniej kolumn = większe zdjęcia,
   tekst i pola. Jednostka 100 g nigdy nie jest obcinana.
   ================================================== */

html body.viviliv-staff-panel-page
.viviliv-native-module--products
.viviliv-product-table-wrap:is(
  .viviliv-visible-columns-1,
  .viviliv-visible-columns-2,
  .viviliv-visible-columns-3,
  .viviliv-visible-columns-4,
  .viviliv-visible-columns-5,
  .viviliv-visible-columns-6
)
.viviliv-product-table-quick {
  width: 100% !important;
  min-width: 0 !important;
}

html body.viviliv-staff-panel-page
.viviliv-native-module--products
.viviliv-product-table-wrap:is(
  .viviliv-visible-columns-1,
  .viviliv-visible-columns-2,
  .viviliv-visible-columns-3,
  .viviliv-visible-columns-4,
  .viviliv-visible-columns-5,
  .viviliv-visible-columns-6
)
.viviliv-product-table-quick
.viviliv-quick-price-unit {
  grid-template-columns: minmax(104px, 1fr) minmax(88px, .72fr) !important;
  gap: 9px !important;
}

html body.viviliv-staff-panel-page
.viviliv-native-module--products
.viviliv-product-table-wrap:is(
  .viviliv-visible-columns-1,
  .viviliv-visible-columns-2,
  .viviliv-visible-columns-3,
  .viviliv-visible-columns-4,
  .viviliv-visible-columns-5,
  .viviliv-visible-columns-6
)
.viviliv-product-table-quick
select.viviliv-quick-unit {
  width: 100% !important;
  min-width: 88px !important;
  max-width: none !important;
  padding-left: 11px !important;
  padding-right: 31px !important;
  font-size: 14px !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
}

@media (min-width: 1181px) {
  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(
    .viviliv-visible-columns-1,
    .viviliv-visible-columns-2,
    .viviliv-visible-columns-3,
    .viviliv-visible-columns-4,
    .viviliv-visible-columns-5,
    .viviliv-visible-columns-6
  )
  .viviliv-product-table-quick {
    table-layout: auto !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(
    .viviliv-visible-columns-1,
    .viviliv-visible-columns-2,
    .viviliv-visible-columns-3,
    .viviliv-visible-columns-4,
    .viviliv-visible-columns-5,
    .viviliv-visible-columns-6
  )
  .viviliv-product-table-quick th[data-viviliv-column] {
    width: auto !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap.viviliv-visible-columns-1
  .viviliv-product-table-quick th[data-viviliv-column="product"] { width: 100% !important; }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap.viviliv-visible-columns-2
  .viviliv-product-table-quick th[data-viviliv-column="product"] { width: 62% !important; }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap.viviliv-visible-columns-3
  .viviliv-product-table-quick th[data-viviliv-column="product"] { width: 48% !important; }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap.viviliv-visible-columns-4
  .viviliv-product-table-quick th[data-viviliv-column="product"] { width: 40% !important; }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap.viviliv-visible-columns-5
  .viviliv-product-table-quick th[data-viviliv-column="product"] { width: 35% !important; }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap.viviliv-visible-columns-6
  .viviliv-product-table-quick th[data-viviliv-column="product"] { width: 32% !important; }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(
    .viviliv-visible-columns-2,
    .viviliv-visible-columns-3,
    .viviliv-visible-columns-4,
    .viviliv-visible-columns-5,
    .viviliv-visible-columns-6
  )
  .viviliv-product-table-quick th[data-viviliv-column="price"] {
    min-width: 205px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(
    .viviliv-visible-columns-2,
    .viviliv-visible-columns-3,
    .viviliv-visible-columns-4,
    .viviliv-visible-columns-5,
    .viviliv-visible-columns-6
  )
  .viviliv-product-table-quick th[data-viviliv-column="availability"] {
    min-width: 190px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(
    .viviliv-visible-columns-2,
    .viviliv-visible-columns-3,
    .viviliv-visible-columns-4,
    .viviliv-visible-columns-5,
    .viviliv-visible-columns-6
  )
  .viviliv-product-table-quick th[data-viviliv-column="actions"] {
    min-width: 215px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-1,.viviliv-visible-columns-2,.viviliv-visible-columns-3)
  .viviliv-product-table-quick td {
    padding: 17px 18px !important;
    font-size: 16px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap.viviliv-visible-columns-4
  .viviliv-product-table-quick td {
    padding: 15px 15px !important;
    font-size: 15px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-5,.viviliv-visible-columns-6)
  .viviliv-product-table-quick td {
    padding: 13px 12px !important;
    font-size: 14px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--products
  .viviliv-product-table-wrap.viviliv-visible-columns-1 .viviliv-product-cell img {
    flex: 0 0 124px !important; width: 124px !important; height: 124px !important; border-radius: 18px !important;
  }
  html body.viviliv-staff-panel-page .viviliv-native-module--products
  .viviliv-product-table-wrap.viviliv-visible-columns-2 .viviliv-product-cell img {
    flex: 0 0 108px !important; width: 108px !important; height: 108px !important; border-radius: 17px !important;
  }
  html body.viviliv-staff-panel-page .viviliv-native-module--products
  .viviliv-product-table-wrap.viviliv-visible-columns-3 .viviliv-product-cell img {
    flex: 0 0 96px !important; width: 96px !important; height: 96px !important; border-radius: 16px !important;
  }
  html body.viviliv-staff-panel-page .viviliv-native-module--products
  .viviliv-product-table-wrap.viviliv-visible-columns-4 .viviliv-product-cell img {
    flex: 0 0 88px !important; width: 88px !important; height: 88px !important; border-radius: 15px !important;
  }
  html body.viviliv-staff-panel-page .viviliv-native-module--products
  .viviliv-product-table-wrap.viviliv-visible-columns-5 .viviliv-product-cell img {
    flex: 0 0 80px !important; width: 80px !important; height: 80px !important; border-radius: 14px !important;
  }
  html body.viviliv-staff-panel-page .viviliv-native-module--products
  .viviliv-product-table-wrap.viviliv-visible-columns-6 .viviliv-product-cell img {
    flex: 0 0 74px !important; width: 74px !important; height: 74px !important; border-radius: 14px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-native-module--products
  .viviliv-product-table-wrap.viviliv-visible-columns-1 .viviliv-product-cell strong { font-size: 23px !important; }
  html body.viviliv-staff-panel-page .viviliv-native-module--products
  .viviliv-product-table-wrap.viviliv-visible-columns-2 .viviliv-product-cell strong { font-size: 21px !important; }
  html body.viviliv-staff-panel-page .viviliv-native-module--products
  .viviliv-product-table-wrap.viviliv-visible-columns-3 .viviliv-product-cell strong { font-size: 20px !important; }
  html body.viviliv-staff-panel-page .viviliv-native-module--products
  .viviliv-product-table-wrap.viviliv-visible-columns-4 .viviliv-product-cell strong { font-size: 19px !important; }
  html body.viviliv-staff-panel-page .viviliv-native-module--products
  .viviliv-product-table-wrap.viviliv-visible-columns-5 .viviliv-product-cell strong { font-size: 18px !important; }
  html body.viviliv-staff-panel-page .viviliv-native-module--products
  .viviliv-product-table-wrap.viviliv-visible-columns-6 .viviliv-product-cell strong { font-size: 17px !important; }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-1,.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4,.viviliv-visible-columns-5,.viviliv-visible-columns-6)
  .viviliv-product-cell small {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-1,.viviliv-visible-columns-2,.viviliv-visible-columns-3)
  .viviliv-product-table-quick input.viviliv-quick-field,
  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-1,.viviliv-visible-columns-2,.viviliv-visible-columns-3)
  .viviliv-product-table-quick select.viviliv-quick-field {
    height: 52px !important;
    min-height: 52px !important;
    padding-left: 13px !important;
    padding-right: 34px !important;
    font-size: 16px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-4,.viviliv-visible-columns-5,.viviliv-visible-columns-6)
  .viviliv-product-table-quick input.viviliv-quick-field,
  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-4,.viviliv-visible-columns-5,.viviliv-visible-columns-6)
  .viviliv-product-table-quick select.viviliv-quick-field {
    height: 46px !important;
    min-height: 46px !important;
    padding-left: 11px !important;
    padding-right: 31px !important;
    font-size: 14px !important;
  }
}

@media (min-width: 761px) and (max-width: 1180px) {
  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-1,.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick tr.viviliv-product-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 16px !important;
    padding: 18px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-1,.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick td[data-viviliv-column] {
    grid-column: auto !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-1,.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick td[data-viviliv-column="product"],
  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-1,.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick td[data-viviliv-column="actions"] {
    grid-column: 1 / -1 !important;
    display: block !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-1,.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-cell img {
    flex: 0 0 88px !important;
    width: 88px !important;
    height: 88px !important;
    border-radius: 15px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-1,.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-cell strong {
    font-size: 19px !important;
    line-height: 1.28 !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-1,.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick input.viviliv-quick-field,
  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-1,.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick select.viviliv-quick-field {
    height: 50px !important;
    min-height: 50px !important;
    font-size: 15px !important;
  }
}

@media (max-width: 760px) {
  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-1,.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4,.viviliv-visible-columns-5,.viviliv-visible-columns-6)
  .viviliv-product-table-quick tr.viviliv-product-row {
    grid-template-columns: 1fr !important;
    padding: 14px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-1,.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4,.viviliv-visible-columns-5,.viviliv-visible-columns-6)
  .viviliv-product-table-quick td[data-viviliv-column] {
    grid-column: 1 !important;
    grid-template-columns: 78px minmax(0, 1fr) !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-1,.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4,.viviliv-visible-columns-5,.viviliv-visible-columns-6)
  .viviliv-product-cell img {
    flex: 0 0 76px !important;
    width: 76px !important;
    height: 76px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-1,.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4,.viviliv-visible-columns-5,.viviliv-visible-columns-6)
  .viviliv-product-cell strong {
    font-size: 17px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-1,.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4,.viviliv-visible-columns-5,.viviliv-visible-columns-6)
  .viviliv-product-table-quick input.viviliv-quick-field,
  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-1,.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4,.viviliv-visible-columns-5,.viviliv-visible-columns-6)
  .viviliv-product-table-quick select.viviliv-quick-field {
    height: 48px !important;
    min-height: 48px !important;
    font-size: 15px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-1,.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4,.viviliv-visible-columns-5,.viviliv-visible-columns-6)
  .viviliv-product-table-quick .viviliv-quick-price-unit {
    grid-template-columns: minmax(0, 1fr) minmax(88px, .72fr) !important;
  }
}

/* ==================================================
   VIVILIV 0.9.6 — KOMPAKTOWE POLA, WIĘKSZY PRODUKT
   Cena, jednostka i ilość zajmują tylko potrzebne miejsce.
   Pozostała szerokość trafia do zdjęcia i nazwy produktu.
   ================================================== */

@media (min-width: 1181px) {
  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(
    .viviliv-visible-columns-1,
    .viviliv-visible-columns-2,
    .viviliv-visible-columns-3,
    .viviliv-visible-columns-4
  )
  .viviliv-product-table-quick {
    table-layout: fixed !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(
    .viviliv-visible-columns-1,
    .viviliv-visible-columns-2,
    .viviliv-visible-columns-3,
    .viviliv-visible-columns-4
  )
  .viviliv-product-table-quick th[data-viviliv-column="product"] {
    width: auto !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick th[data-viviliv-column="category"] { width: 170px !important; }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick th[data-viviliv-column="price"] { width: 228px !important; min-width: 0 !important; }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick th[data-viviliv-column="stock"] { width: 142px !important; min-width: 0 !important; }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick th[data-viviliv-column="minimum"] { width: 190px !important; }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick th[data-viviliv-column="step"] { width: 132px !important; }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick th[data-viviliv-column="availability"] { width: 215px !important; min-width: 0 !important; }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick th[data-viviliv-column="serving"] { width: 205px !important; }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick th[data-viviliv-column="allergens"] { width: 92px !important; }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick th[data-viviliv-column="actions"] { width: 220px !important; min-width: 0 !important; }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick .viviliv-quick-price-unit {
    grid-template-columns: 118px 82px !important;
    justify-content: center !important;
    gap: 8px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick .viviliv-quick-price {
    width: 118px !important;
    min-width: 118px !important;
    max-width: 118px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick select.viviliv-quick-unit {
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
    padding-left: 10px !important;
    padding-right: 27px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick td[data-viviliv-column="stock"] {
    text-align: center !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick .viviliv-quick-stock {
    display: block !important;
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick td[data-viviliv-column="availability"] select {
    display: block !important;
    width: 100% !important;
    max-width: 205px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap.viviliv-visible-columns-3
  .viviliv-product-cell img {
    flex-basis: 118px !important;
    width: 118px !important;
    height: 118px !important;
    border-radius: 18px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap.viviliv-visible-columns-3
  .viviliv-product-cell strong {
    font-size: 23px !important;
    line-height: 1.22 !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap.viviliv-visible-columns-4
  .viviliv-product-cell img {
    flex-basis: 108px !important;
    width: 108px !important;
    height: 108px !important;
    border-radius: 17px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap.viviliv-visible-columns-4
  .viviliv-product-cell strong {
    font-size: 21px !important;
    line-height: 1.24 !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-cell {
    gap: 17px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-cell small {
    margin-top: 6px !important;
    font-size: 12px !important;
  }
}

@media (min-width: 761px) and (max-width: 1180px) {
  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick .viviliv-quick-price-unit {
    grid-template-columns: 120px 86px !important;
    justify-content: start !important;
    gap: 9px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick .viviliv-quick-price {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick select.viviliv-quick-unit {
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick .viviliv-quick-stock {
    width: 116px !important;
    min-width: 116px !important;
    max-width: 116px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-cell img {
    flex-basis: 100px !important;
    width: 100px !important;
    height: 100px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-cell strong {
    font-size: 21px !important;
  }
}

@media (max-width: 760px) {
  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick .viviliv-quick-price-unit {
    grid-template-columns: 116px 84px !important;
    justify-content: start !important;
    gap: 8px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick .viviliv-quick-price {
    width: 116px !important;
    min-width: 116px !important;
    max-width: 116px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick select.viviliv-quick-unit {
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick .viviliv-quick-stock {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-cell img {
    flex-basis: 86px !important;
    width: 86px !important;
    height: 86px !important;
  }

  html body.viviliv-staff-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-cell strong {
    font-size: 19px !important;
  }
}


/* ==================================================
   VIVILIV 0.9.7 — MOBILNE KARTY BEZ BIAŁEGO TŁA
   Stary responsywny CSS wymuszał białe tło kart oraz
   display:block dla 10. kolumny Operacje. Ten blok
   respektuje zapisany widok kolumn na tablecie i telefonie.
   ================================================== */
@media (max-width: 1180px) {
  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick tr.viviliv-product-row,
  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick tr.viviliv-product-row:nth-child(odd),
  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick tr.viviliv-product-row:nth-child(even) {
    color: #f7f4ea !important;
    background: linear-gradient(145deg, #0d2e1c 0%, #071b11 100%) !important;
    border-color: rgba(216,178,74,.34) !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.20) !important;
  }

  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick tr.viviliv-product-row > td {
    color: #f7f4ea !important;
    -webkit-text-fill-color: #f7f4ea !important;
    background: transparent !important;
    border-color: rgba(216,178,74,.18) !important;
  }

  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick tr.viviliv-product-row > td::before {
    color: rgba(247,244,234,.66) !important;
    -webkit-text-fill-color: rgba(247,244,234,.66) !important;
  }

  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick .viviliv-product-cell strong {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick .viviliv-product-cell small,
  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick .viviliv-stock-hint {
    color: rgba(247,244,234,.62) !important;
    -webkit-text-fill-color: rgba(247,244,234,.62) !important;
  }

  /* Owner.css wymuszał display:block na pierwszej i dziesiątej
     komórce. Ukryta kolumna ma zawsze wygrać. */
  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick [data-viviliv-column].viviliv-column-is-hidden,
  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick [data-viviliv-column][aria-hidden="true"],
  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick td[data-viviliv-column="actions"].viviliv-column-is-hidden,
  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick td[data-viviliv-column="actions"][aria-hidden="true"] {
    display: none !important;
    visibility: hidden !important;
    grid-column: auto !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
}

/* ==================================================
   VIVILIV 0.9.8 — MOBILNA CENA BEZ WYCHODZENIA POZA KARTĘ
   Na telefonie pole ceny i jednostka dzielą wyłącznie
   dostępną szerokość komórki. Jednostka 100 g pozostaje
   czytelna, a cały wiersz mieści się wewnątrz karty.
   ================================================== */
@media (max-width: 760px) {
  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick td[data-viviliv-column="price"] {
    overflow: hidden !important;
  }

  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick .viviliv-quick-price-unit {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 64px !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    justify-content: stretch !important;
    box-sizing: border-box !important;
  }

  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick .viviliv-quick-price {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    box-sizing: border-box !important;
  }

  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick select.viviliv-quick-unit {
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    padding-left: 7px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 380px) {
  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick .viviliv-quick-price-unit {
    grid-template-columns: minmax(0, 1fr) 61px !important;
    gap: 5px !important;
  }

  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick select.viviliv-quick-unit {
    width: 61px !important;
    min-width: 61px !important;
    max-width: 61px !important;
    padding-left: 6px !important;
    padding-right: 18px !important;
    font-size: 12px !important;
  }
}


/* ==================================================
   VIVILIV 0.9.9 — MOBILNA CENA W PEŁNEJ SZEROKOŚCI
   Na telefonie etykieta „Cena” stoi nad polami, dzięki
   czemu input i select 100 g korzystają z całej szerokości
   karty i nie mogą zostać obcięte przez kolumnę etykiety.
   ================================================== */
@media (max-width: 760px) {
  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick td[data-viviliv-column="price"] {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick td[data-viviliv-column="price"]::before {
    display: block !important;
    width: auto !important;
    margin: 0 0 7px !important;
    line-height: 1.2 !important;
  }

  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick td[data-viviliv-column="price"]
  .viviliv-quick-price-unit {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 76px !important;
    gap: 7px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    justify-content: stretch !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }

  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick td[data-viviliv-column="price"]
  input.viviliv-quick-price {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick td[data-viviliv-column="price"]
  select.viviliv-quick-unit {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    padding-left: 8px !important;
    padding-right: 22px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 360px) {
  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick td[data-viviliv-column="price"]
  .viviliv-quick-price-unit {
    grid-template-columns: minmax(0, 1fr) 72px !important;
    gap: 6px !important;
  }

  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick td[data-viviliv-column="price"]
  select.viviliv-quick-unit {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    padding-left: 7px !important;
    padding-right: 20px !important;
  }
}

/* ==================================================
   VIVILIV 0.9.10 — PEŁNE „100 g” NA PC + CZYSTE FILTRY
   Poprzedni układ desktopowy miał 228 px na kolumnę ceny,
   ale pola razem z odstępem zajmowały 208 px, a padding td
   zabierał kolejne 30 px. Jednostka była więc obcinana.
   Ten blok dopasowuje realne szerokości i porządkuje filtry.
   ================================================== */

@media (min-width: 1181px) {
  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(
    .viviliv-visible-columns-2,
    .viviliv-visible-columns-3,
    .viviliv-visible-columns-4
  )
  .viviliv-product-table-quick th[data-viviliv-column="price"] {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
  }

  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(
    .viviliv-visible-columns-2,
    .viviliv-visible-columns-3,
    .viviliv-visible-columns-4
  )
  .viviliv-product-table-quick td[data-viviliv-column="price"]
  .viviliv-quick-price-unit {
    grid-template-columns: 92px 78px !important;
    gap: 6px !important;
    width: 176px !important;
    max-width: 176px !important;
    margin-inline: auto !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(
    .viviliv-visible-columns-2,
    .viviliv-visible-columns-3,
    .viviliv-visible-columns-4
  )
  .viviliv-product-table-quick td[data-viviliv-column="price"]
  input.viviliv-quick-price {
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
  }

  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(
    .viviliv-visible-columns-2,
    .viviliv-visible-columns-3,
    .viviliv-visible-columns-4
  )
  .viviliv-product-table-quick td[data-viviliv-column="price"]
  select.viviliv-quick-unit {
    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;
    padding-left: 7px !important;
    padding-right: 20px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    text-indent: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
}

/* Etykieta filtra ma być zwykłym tekstem. Okrągłe tło
   pozostaje wyłącznie przy liczniku <strong>. */
html body.viviliv-staff-panel-page.viviliv-native-panel-page
.viviliv-native-module--products
.viviliv-product-status-tabs
.viviliv-filter-chip > span {
  display: inline !important;
  min-width: 0 !important;
  min-height: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

/* Stała, logiczna kolejność na każdym ekranie. */
html body.viviliv-staff-panel-page.viviliv-native-panel-page
.viviliv-native-module--products .viviliv-product-status-tabs {
  flex-direction: row !important;
}
html body.viviliv-staff-panel-page.viviliv-native-panel-page
.viviliv-native-module--products .viviliv-product-status-tabs .viviliv-filter-chip:nth-child(1) { order: 1 !important; }
html body.viviliv-staff-panel-page.viviliv-native-panel-page
.viviliv-native-module--products .viviliv-product-status-tabs .viviliv-filter-chip:nth-child(2) { order: 2 !important; }
html body.viviliv-staff-panel-page.viviliv-native-panel-page
.viviliv-native-module--products .viviliv-product-status-tabs .viviliv-filter-chip:nth-child(3) { order: 3 !important; }
html body.viviliv-staff-panel-page.viviliv-native-panel-page
.viviliv-native-module--products .viviliv-product-status-tabs .viviliv-filter-chip:nth-child(4) { order: 4 !important; }
html body.viviliv-staff-panel-page.viviliv-native-panel-page
.viviliv-native-module--products .viviliv-product-status-tabs .viviliv-filter-chip:nth-child(5) { order: 5 !important; }
html body.viviliv-staff-panel-page.viviliv-native-panel-page
.viviliv-native-module--products .viviliv-product-status-tabs .viviliv-filter-chip:nth-child(6) { order: 6 !important; }
html body.viviliv-staff-panel-page.viviliv-native-panel-page
.viviliv-native-module--products .viviliv-product-status-tabs .viviliv-filter-chip:nth-child(7) { order: 7 !important; }

/* ==================================================
   VIVILIV 0.9.14 — SPÓJNY BLOK CENA / ZA / JEDNOSTKA
   0.9.13 zapisała poprawne dane (np. 100 g), lecz zbyt
   wąskie pola wizualnie pokazywały tylko pierwszą cyfrę.
   Ten blok naprawia wyłącznie układ i czytelność.
   ================================================== */
html body.viviliv-staff-panel-page.viviliv-native-panel-page
.viviliv-native-module--products
.viviliv-product-table-quick th[data-viviliv-column="price"] {
  width: 292px !important;
  min-width: 292px !important;
  max-width: 292px !important;
}

html body.viviliv-staff-panel-page.viviliv-native-panel-page
.viviliv-native-module--products
.viviliv-product-table-quick td[data-viviliv-column="price"] {
  width: 292px !important;
  min-width: 292px !important;
  max-width: 292px !important;
  padding: 9px 10px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

html body.viviliv-staff-panel-page.viviliv-native-panel-page
.viviliv-native-module--products
.viviliv-product-table-quick td[data-viviliv-column="price"]
.viviliv-quick-price-basis {
  display: grid !important;
  grid-template-columns: minmax(90px, 1fr) 82px 82px !important;
  gap: 7px !important;
  align-items: end !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 8px !important;
  color: #f7f4ea !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid rgba(216,178,74,.20) !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

html body.viviliv-staff-panel-page.viviliv-native-panel-page
.viviliv-native-module--products
.viviliv-product-table-quick td[data-viviliv-column="price"]
.viviliv-quick-price-basis > label {
  display: grid !important;
  grid-template-rows: 14px 38px !important;
  gap: 4px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html body.viviliv-staff-panel-page.viviliv-native-panel-page
.viviliv-native-module--products
.viviliv-product-table-quick td[data-viviliv-column="price"]
.viviliv-quick-price-basis > label > span {
  display: block !important;
  min-width: 0 !important;
  color: rgba(247,244,234,.72) !important;
  -webkit-text-fill-color: rgba(247,244,234,.72) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 14px !important;
  text-align: center !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  white-space: nowrap !important;
}

html body.viviliv-staff-panel-page.viviliv-native-panel-page
.viviliv-native-module--products
.viviliv-product-table-quick td[data-viviliv-column="price"]
.viviliv-quick-price-basis .viviliv-quick-field {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 6px 9px !important;
  color: #f7f4ea !important;
  -webkit-text-fill-color: #f7f4ea !important;
  background: #061b10 !important;
  border: 1px solid rgba(216,178,74,.55) !important;
  border-radius: 9px !important;
  box-sizing: border-box !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-overflow: clip !important;
  overflow: visible !important;
}

html body.viviliv-staff-panel-page.viviliv-native-panel-page
.viviliv-native-module--products
.viviliv-product-table-quick td[data-viviliv-column="price"]
.viviliv-quick-price-basis input.viviliv-quick-price,
html body.viviliv-staff-panel-page.viviliv-native-panel-page
.viviliv-native-module--products
.viviliv-product-table-quick td[data-viviliv-column="price"]
.viviliv-quick-price-basis input.viviliv-quick-basis {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  text-align: center !important;
}

html body.viviliv-staff-panel-page.viviliv-native-panel-page
.viviliv-native-module--products
.viviliv-product-table-quick td[data-viviliv-column="price"]
.viviliv-quick-price-basis select.viviliv-quick-unit {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  padding-left: 9px !important;
  padding-right: 24px !important;
  text-align: left !important;
  white-space: nowrap !important;
}

html body.viviliv-staff-panel-page.viviliv-native-panel-page
.viviliv-native-module--products
.viviliv-product-table-quick td[data-viviliv-column="price"]
.viviliv-price-basis-preview {
  display: block !important;
  margin: 5px 8px 0 !important;
  color: rgba(247,244,234,.68) !important;
  -webkit-text-fill-color: rgba(247,244,234,.68) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

/* Przy krótkim widoku Produkt zachowuje całą pozostałą szerokość. */
@media (min-width: 1181px) {
  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick th[data-viviliv-column="price"],
  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick td[data-viviliv-column="price"] {
    width: 310px !important;
    min-width: 310px !important;
    max-width: 310px !important;
  }

  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick td[data-viviliv-column="price"]
  .viviliv-quick-price-basis {
    grid-template-columns: minmax(100px,1fr) 88px 88px !important;
  }

  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-wrap:is(.viviliv-visible-columns-2,.viviliv-visible-columns-3,.viviliv-visible-columns-4)
  .viviliv-product-table-quick th[data-viviliv-column="product"] {
    width: auto !important;
    min-width: 360px !important;
    max-width: none !important;
  }
}

/* Tablet: trzy pola nadal w jednym, czytelnym rzędzie. */
@media (min-width: 761px) and (max-width: 1180px) {
  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick th[data-viviliv-column="price"],
  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick td[data-viviliv-column="price"] {
    width: 286px !important;
    min-width: 286px !important;
    max-width: 286px !important;
  }

  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick td[data-viviliv-column="price"]
  .viviliv-quick-price-basis {
    grid-template-columns: minmax(88px,1fr) 82px 82px !important;
  }
}

/* Telefon: Cena i Za obok siebie, Jednostka w pełnej szerokości. */
@media (max-width: 760px) {
  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick td[data-viviliv-column="price"] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 10px !important;
  }

  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick td[data-viviliv-column="price"]
  .viviliv-quick-price-basis {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
    padding: 9px !important;
  }

  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick td[data-viviliv-column="price"]
  .viviliv-quick-price-basis > label:nth-child(3) {
    grid-column: 1 / -1 !important;
  }

  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick td[data-viviliv-column="price"]
  .viviliv-quick-price-basis .viviliv-quick-field {
    height: 42px !important;
    min-height: 42px !important;
    font-size: 14px !important;
  }

  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick td[data-viviliv-column="price"]
  .viviliv-price-basis-preview {
    margin: 7px 9px 0 !important;
    font-size: 10px !important;
    white-space: normal !important;
  }
}

/* ==================================================
   VIVILIV 0.9.15 — JEDNOSTKI MIARY W NATYWNYM PANELU
   ================================================== */
body.viviliv-staff-panel-page .viviliv-native-module--units .viviliv-units-page {
  display: grid;
  gap: 16px;
}

body.viviliv-staff-panel-page .viviliv-native-module--units .viviliv-units-intro {
  margin: 0 !important;
  padding: 14px 16px;
  color: rgba(245, 245, 239, .78) !important;
  background: rgba(5, 24, 14, .72);
  border: 1px solid rgba(216, 178, 74, .20);
  border-radius: 14px;
  line-height: 1.55;
}

body.viviliv-staff-panel-page .viviliv-native-module--units .viviliv-unit-kpis {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px !important;
}

body.viviliv-staff-panel-page .viviliv-native-module--units .viviliv-unit-kpis span {
  min-width: 0;
  padding: 12px 14px !important;
  border-color: rgba(216, 178, 74, .30) !important;
  background: rgba(3, 18, 10, .72) !important;
}

body.viviliv-staff-panel-page .viviliv-native-module--units .viviliv-table-scroll {
  overflow-x: auto;
  border: 1px solid rgba(216, 178, 74, .22);
  border-radius: 14px;
}

body.viviliv-staff-panel-page .viviliv-native-module--units .viviliv-units-table {
  min-width: 760px;
  margin: 0 !important;
  border: 0 !important;
}

body.viviliv-staff-panel-page .viviliv-native-module--units .viviliv-units-table td:first-child strong {
  color: #f3d77a !important;
  font-size: 14px;
  letter-spacing: .02em;
}

body.viviliv-staff-panel-page .viviliv-native-module--units .viviliv-unit-locked {
  color: rgba(245, 245, 239, .62) !important;
}

body.viviliv-staff-panel-page .viviliv-native-module--units .viviliv-unit-form {
  grid-template-columns: minmax(120px, .8fr) minmax(180px, 1.2fr) minmax(160px, 1fr) minmax(160px, 1fr) minmax(150px, .8fr) auto !important;
  align-items: start;
}

body.viviliv-staff-panel-page .viviliv-native-module--units .viviliv-unit-form > p {
  margin-top: 24px !important;
  align-self: start;
}

body.viviliv-staff-panel-page .viviliv-native-module--units .viviliv-unit-form .button-primary {
  min-height: 44px;
  white-space: nowrap;
}

@media (max-width: 1100px) {
  body.viviliv-staff-panel-page .viviliv-native-module--units .viviliv-unit-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.viviliv-staff-panel-page .viviliv-native-module--units .viviliv-unit-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body.viviliv-staff-panel-page .viviliv-native-module--units .viviliv-unit-kpis,
  body.viviliv-staff-panel-page .viviliv-native-module--units .viviliv-unit-form {
    grid-template-columns: 1fr !important;
  }

  body.viviliv-staff-panel-page .viviliv-native-module--units .viviliv-owner-header-actions,
  body.viviliv-staff-panel-page .viviliv-native-module--units .viviliv-owner-header-actions .button {
    width: 100%;
  }

  body.viviliv-staff-panel-page .viviliv-native-module--units .viviliv-unit-form > p {
    margin-top: 0 !important;
  }
}

/* ==================================================
   VIVILIV 0.9.16 — RÓWNY FORMULARZ JEDNOSTEK + CENY 0,00
   ================================================== */
body.viviliv-staff-panel-page .viviliv-native-module--units .viviliv-unit-form > label {
  align-self: start;
}

body.viviliv-staff-panel-page .viviliv-native-module--units .viviliv-unit-form > label > small {
  display: block;
  margin-top: 5px;
  line-height: 1.35;
}


/* ==================================================
   VIVILIV 0.9.21.1.14.94 — ORDERS PREMIUM RHYTHM
   Final visual normalization for order-detail editor:
   shared panel rhythm, stable rows, aligned fields,
   calmer typography and non-jumping action bars.
   ================================================== */
body.viviliv-staff-panel-page .viviliv-order-adjustment-panel,
body.viviliv-staff-panel-page .viviliv-weight-correction-panel,
body.viviliv-staff-panel-page .viviliv-order-eta-admin,
body.viviliv-staff-panel-page .viviliv-delivery-order-box,
body.viviliv-staff-panel-page .viviliv-order-note-form {
  box-sizing: border-box;
  margin-left: 20px !important;
  margin-right: 20px !important;
  border-radius: 18px !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgba(216, 178, 74, .28) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(216, 178, 74, .08), transparent 28%),
    linear-gradient(145deg, rgba(13, 48, 29, .92), rgba(4, 18, 10, .96)) !important;
  box-shadow:
    0 16px 34px rgba(0, 0, 0, .18),
    inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

body.viviliv-staff-panel-page .viviliv-order-adjustment-panel,
body.viviliv-staff-panel-page .viviliv-weight-correction-panel,
body.viviliv-staff-panel-page .viviliv-delivery-order-box,
body.viviliv-staff-panel-page .viviliv-order-note-form {
  padding: 18px !important;
}

body.viviliv-staff-panel-page .viviliv-order-adjustment-panel__heading,
body.viviliv-staff-panel-page .viviliv-weight-correction-panel__heading,
body.viviliv-staff-panel-page .viviliv-delivery-order-box__head,
body.viviliv-staff-panel-page .viviliv-order-eta-admin {
  gap: 16px !important;
}

body.viviliv-staff-panel-page .viviliv-order-adjustment-panel__heading h3,
body.viviliv-staff-panel-page .viviliv-weight-correction-panel__heading h3,
body.viviliv-staff-panel-page .viviliv-delivery-order-box__head h3 {
  margin: 2px 0 4px !important;
  color: #fff6d0 !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  letter-spacing: -.01em;
}

body.viviliv-staff-panel-page .viviliv-order-adjustment-panel__heading p:not(.viviliv-staff-eyebrow),
body.viviliv-staff-panel-page .viviliv-weight-correction-panel .viviliv-staff-notice,
body.viviliv-staff-panel-page .viviliv-delivery-order-box__hint,
body.viviliv-staff-panel-page .viviliv-order-eta-admin__copy p,
body.viviliv-staff-panel-page .viviliv-order-note-form label {
  line-height: 1.45 !important;
}

body.viviliv-staff-panel-page .viviliv-order-adjustment-state,
body.viviliv-staff-panel-page .viviliv-weight-state,
body.viviliv-staff-panel-page .viviliv-delivery-order-box__head > strong {
  min-height: 32px;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: .04em;
}

body.viviliv-staff-panel-page .viviliv-order-adjustment-current,
body.viviliv-staff-panel-page .viviliv-weight-correction-table,
body.viviliv-staff-panel-page .viviliv-weight-order-breakdown {
  overflow: hidden;
  border-radius: 14px !important;
  border-color: rgba(216, 178, 74, .22) !important;
  background: rgba(4, 18, 10, .56) !important;
}

body.viviliv-staff-panel-page .viviliv-order-adjustment-current__row {
  min-height: 60px;
  gap: 16px !important;
  padding: 12px 14px !important;
}

body.viviliv-staff-panel-page .viviliv-order-adjustment-current__row > div {
  align-items: center !important;
  flex-wrap: wrap;
  row-gap: 4px;
}

body.viviliv-staff-panel-page .viviliv-order-adjustment-current__row strong {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

body.viviliv-staff-panel-page .viviliv-order-adjustment-current__row span {
  font-size: 11.5px !important;
  line-height: 1.2 !important;
}

body.viviliv-staff-panel-page .viviliv-order-adjustment-add {
  grid-template-columns: minmax(0, 1.65fr) minmax(180px, .55fr) minmax(260px, 1fr) auto !important;
  gap: 14px !important;
  align-items: end !important;
  padding: 16px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.026) !important;
}

body.viviliv-staff-panel-page .viviliv-order-adjustment-add label,
body.viviliv-staff-panel-page .viviliv-delivery-order-form > label,
body.viviliv-staff-panel-page .viviliv-delivery-manual-grid label,
body.viviliv-staff-panel-page .viviliv-order-note-form label {
  display: grid;
  gap: 7px;
  min-width: 0;
}

body.viviliv-staff-panel-page .viviliv-order-adjustment-add label > span,
body.viviliv-staff-panel-page .viviliv-own-delivery-admin__field > span:first-child,
body.viviliv-staff-panel-page .viviliv-delivery-order-form > label,
body.viviliv-staff-panel-page .viviliv-delivery-manual-grid label,
body.viviliv-staff-panel-page .viviliv-order-note-form label {
  color: rgba(247, 244, 234, .82) !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}

body.viviliv-staff-panel-page .viviliv-order-adjustment-add label > small,
body.viviliv-staff-panel-page .viviliv-own-delivery-admin__copy > small,
body.viviliv-staff-panel-page .viviliv-order-eta-admin__copy span,
body.viviliv-staff-panel-page .viviliv-delivery-order-box__hint,
body.viviliv-staff-panel-page .viviliv-weight-correction-hint {
  color: rgba(247, 244, 234, .60) !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

body.viviliv-staff-panel-page .viviliv-order-adjustment-add select,
body.viviliv-staff-panel-page .viviliv-order-adjustment-add input,
body.viviliv-staff-panel-page .viviliv-weight-correction-table input[type="number"],
body.viviliv-staff-panel-page .viviliv-own-delivery-admin__input input,
body.viviliv-staff-panel-page .viviliv-delivery-order-box input[type="text"],
body.viviliv-staff-panel-page .viviliv-delivery-order-box input[type="url"],
body.viviliv-staff-panel-page .viviliv-delivery-order-box select,
body.viviliv-staff-panel-page .viviliv-order-note-form textarea {
  width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border-radius: 11px !important;
  border: 1px solid rgba(216, 178, 74, .40) !important;
  background: rgba(3, 18, 10, .92) !important;
  color: #fff !important;
  box-shadow: none !important;
  line-height: 1.25 !important;
}

body.viviliv-staff-panel-page .viviliv-order-adjustment-add select:focus,
body.viviliv-staff-panel-page .viviliv-order-adjustment-add input:focus,
body.viviliv-staff-panel-page .viviliv-weight-correction-table input[type="number"]:focus,
body.viviliv-staff-panel-page .viviliv-own-delivery-admin__input input:focus,
body.viviliv-staff-panel-page .viviliv-delivery-order-box input[type="text"]:focus,
body.viviliv-staff-panel-page .viviliv-delivery-order-box input[type="url"]:focus,
body.viviliv-staff-panel-page .viviliv-delivery-order-box select:focus,
body.viviliv-staff-panel-page .viviliv-order-note-form textarea:focus {
  outline: 0 !important;
  border-color: #f3d77a !important;
  box-shadow: 0 0 0 2px rgba(243, 215, 122, .12) !important;
}

body.viviliv-staff-panel-page .viviliv-order-adjustment-add > .button,
body.viviliv-staff-panel-page .viviliv-weight-correction-form > .button[type="submit"],
body.viviliv-staff-panel-page .viviliv-order-eta-admin__actions .button,
body.viviliv-staff-panel-page .viviliv-delivery-order-form > .button,
body.viviliv-staff-panel-page .viviliv-order-note-form > .button,
body.viviliv-staff-panel-page .viviliv-order-note-form .button,
body.viviliv-staff-panel-page .viviliv-weight-send-form .button,
body.viviliv-staff-panel-page .viviliv-order-adjustment-send .button,
body.viviliv-staff-panel-page .viviliv-delivery-track-button {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
  white-space: nowrap;
  font-weight: 800 !important;
}

body.viviliv-staff-panel-page .viviliv-order-adjustment-remove.button {
  min-height: 34px !important;
  border-radius: 10px !important;
}

body.viviliv-staff-panel-page .viviliv-weight-correction-table > div {
  grid-template-columns: minmax(240px, 1fr) 120px 170px 120px !important;
  gap: 16px !important;
  min-height: 60px;
  padding: 12px 14px !important;
}

body.viviliv-staff-panel-page .viviliv-weight-correction-table > .is-head {
  min-height: 0;
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

body.viviliv-staff-panel-page .viviliv-weight-correction-row > strong:first-child {
  color: #ffffff !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

body.viviliv-staff-panel-page .viviliv-weight-correction-row > span,
body.viviliv-staff-panel-page .viviliv-weight-correction-row label,
body.viviliv-staff-panel-page .viviliv-weight-order-breakdown span {
  font-size: 12px !important;
}

body.viviliv-staff-panel-page .viviliv-weight-correction-table label {
  display: inline-grid !important;
  grid-template-columns: minmax(0, 110px) auto;
  align-items: center;
  gap: 8px !important;
}

body.viviliv-staff-panel-page .viviliv-weight-correction-table input[type="number"] {
  width: 110px !important;
  text-align: center;
  font-weight: 800 !important;
}

body.viviliv-staff-panel-page .viviliv-own-delivery-admin {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 340px) !important;
  gap: 16px !important;
  align-items: end !important;
  padding: 16px !important;
  border-radius: 14px !important;
}

body.viviliv-staff-panel-page .viviliv-own-delivery-admin__copy {
  gap: 6px !important;
}

body.viviliv-staff-panel-page .viviliv-weight-order-breakdown > div {
  min-height: 42px;
  padding: 11px 14px !important;
}

body.viviliv-staff-panel-page .viviliv-weight-correction-hint {
  margin-top: 0 !important;
}

body.viviliv-staff-panel-page .viviliv-order-eta-admin {
  align-items: center !important;
  padding: 18px !important;
}

body.viviliv-staff-panel-page .viviliv-order-eta-admin__copy strong {
  color: #fff6d0 !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
}

body.viviliv-staff-panel-page .viviliv-order-eta-admin__actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

body.viviliv-staff-panel-page .viviliv-delivery-order-form {
  gap: 14px !important;
}

body.viviliv-staff-panel-page .viviliv-delivery-manual-grid {
  grid-template-columns: minmax(180px, .9fr) minmax(280px, 1.15fr) minmax(220px, .85fr) !important;
  gap: 14px !important;
  align-items: end !important;
}

body.viviliv-staff-panel-page .viviliv-delivery-wolt-live > div {
  min-height: 64px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.viviliv-staff-panel-page .viviliv-order-note-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 14px !important;
}

body.viviliv-staff-panel-page .viviliv-order-note-form textarea {
  min-height: 56px !important;
  resize: vertical;
}

body.viviliv-staff-panel-page .viviliv-order-note-form .button {
  margin: 0 !important;
}

@media (max-width: 1200px) {
  body.viviliv-staff-panel-page .viviliv-order-adjustment-add {
    grid-template-columns: minmax(0, 1fr) minmax(190px, .65fr) !important;
  }

  body.viviliv-staff-panel-page .viviliv-order-adjustment-add .is-agreement,
  body.viviliv-staff-panel-page .viviliv-order-adjustment-add > .button {
    grid-column: 1 / -1;
  }

  body.viviliv-staff-panel-page .viviliv-order-adjustment-add > .button {
    width: 100% !important;
  }

  body.viviliv-staff-panel-page .viviliv-delivery-manual-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.viviliv-staff-panel-page .viviliv-delivery-manual-grid label:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  body.viviliv-staff-panel-page .viviliv-weight-correction-table > div {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.viviliv-staff-panel-page .viviliv-weight-correction-table > .is-head {
    display: none !important;
  }

  body.viviliv-staff-panel-page .viviliv-own-delivery-admin,
  body.viviliv-staff-panel-page .viviliv-delivery-manual-grid,
  body.viviliv-staff-panel-page .viviliv-order-note-form {
    grid-template-columns: 1fr !important;
  }

  body.viviliv-staff-panel-page .viviliv-order-eta-admin,
  body.viviliv-staff-panel-page .viviliv-delivery-order-box__head,
  body.viviliv-staff-panel-page .viviliv-weight-correction-panel__heading,
  body.viviliv-staff-panel-page .viviliv-order-adjustment-panel__heading {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body.viviliv-staff-panel-page .viviliv-order-eta-admin__actions,
  body.viviliv-staff-panel-page .viviliv-order-eta-admin__actions form,
  body.viviliv-staff-panel-page .viviliv-order-eta-admin__actions .button,
  body.viviliv-staff-panel-page .viviliv-order-note-form .button,
  body.viviliv-staff-panel-page .viviliv-delivery-order-form > .button,
  body.viviliv-staff-panel-page .viviliv-weight-correction-form > .button[type="submit"] {
    width: 100% !important;
  }
}

@media (max-width: 640px) {
  body.viviliv-staff-panel-page .viviliv-order-adjustment-panel,
  body.viviliv-staff-panel-page .viviliv-weight-correction-panel,
  body.viviliv-staff-panel-page .viviliv-order-eta-admin,
  body.viviliv-staff-panel-page .viviliv-delivery-order-box,
  body.viviliv-staff-panel-page .viviliv-order-note-form {
    margin-left: 10px !important;
    margin-right: 10px !important;
    padding: 14px !important;
  }

  body.viviliv-staff-panel-page .viviliv-order-adjustment-current__row,
  body.viviliv-staff-panel-page .viviliv-weight-correction-table > div {
    grid-template-columns: 1fr !important;
  }

  body.viviliv-staff-panel-page .viviliv-weight-correction-table label {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  body.viviliv-staff-panel-page .viviliv-order-adjustment-current__row form,
  body.viviliv-staff-panel-page .viviliv-order-adjustment-current__row .button,
  body.viviliv-staff-panel-page .viviliv-delivery-track-button {
    width: 100% !important;
  }
}


/* ==================================================
   VIVILIV 0.9.21.1.14.95 — ADD-TO-ORDER LINE ALIGNMENT
   Final hotfix: force one-line control rhythm in
   "Dodaj do zamówienia" and normalize lower order blocks.
   ================================================== */
body.viviliv-staff-panel-page .viviliv-order-adjustment-add {
  grid-template-columns: minmax(0, 1.55fr) minmax(260px, .55fr) minmax(300px, 1fr) auto !important;
  grid-auto-rows: auto;
  align-items: start !important;
  column-gap: 14px !important;
  row-gap: 0 !important;
}

body.viviliv-staff-panel-page .viviliv-order-adjustment-add label {
  display: grid !important;
  grid-template-rows: auto 44px minmax(28px, auto) !important;
  align-content: start !important;
  row-gap: 7px !important;
  min-height: 86px !important;
}

body.viviliv-staff-panel-page .viviliv-order-adjustment-add .is-product::after,
body.viviliv-staff-panel-page .viviliv-order-adjustment-add .is-agreement::after {
  content: "";
  display: block;
  min-height: 28px;
}

body.viviliv-staff-panel-page .viviliv-order-adjustment-add .is-amount small {
  display: block !important;
  min-height: 28px !important;
  margin: 0 !important;
}

body.viviliv-staff-panel-page .viviliv-order-adjustment-add > .button {
  align-self: start !important;
  margin-top: 28px !important;
  min-width: 190px;
}

body.viviliv-staff-panel-page .viviliv-order-adjustment-add select,
body.viviliv-staff-panel-page .viviliv-order-adjustment-add input {
  align-self: stretch !important;
}

body.viviliv-staff-panel-page .viviliv-order-adjustment-current__row {
  grid-template-columns: minmax(0,1fr) auto !important;
}

body.viviliv-staff-panel-page .viviliv-order-adjustment-current__row form {
  align-self: center;
}

body.viviliv-staff-panel-page .viviliv-weight-correction-table > div {
  align-items: center !important;
}

body.viviliv-staff-panel-page .viviliv-weight-order-breakdown > div strong,
body.viviliv-staff-panel-page .viviliv-weight-order-breakdown > div span {
  line-height: 1.25 !important;
}

body.viviliv-staff-panel-page .viviliv-order-eta-admin__copy p,
body.viviliv-staff-panel-page .viviliv-delivery-order-box__hint,
body.viviliv-staff-panel-page .viviliv-order-note-form label,
body.viviliv-staff-panel-page .viviliv-weight-correction-hint,
body.viviliv-staff-panel-page .viviliv-order-adjustment-panel__heading p:not(.viviliv-staff-eyebrow) {
  max-width: 1100px;
}

@media (max-width: 1200px) {
  body.viviliv-staff-panel-page .viviliv-order-adjustment-add {
    grid-template-columns: minmax(0, 1fr) minmax(220px, .7fr) !important;
    row-gap: 12px !important;
  }

  body.viviliv-staff-panel-page .viviliv-order-adjustment-add .is-agreement,
  body.viviliv-staff-panel-page .viviliv-order-adjustment-add > .button {
    grid-column: 1 / -1 !important;
  }

  body.viviliv-staff-panel-page .viviliv-order-adjustment-add > .button {
    margin-top: 0 !important;
    width: fit-content !important;
    min-width: 240px;
  }
}

@media (max-width: 782px) {
  body.viviliv-staff-panel-page .viviliv-order-adjustment-add {
    grid-template-columns: 1fr !important;
    row-gap: 12px !important;
  }

  body.viviliv-staff-panel-page .viviliv-order-adjustment-add label {
    min-height: 0 !important;
    grid-template-rows: auto 44px auto !important;
  }

  body.viviliv-staff-panel-page .viviliv-order-adjustment-add .is-product::after,
  body.viviliv-staff-panel-page .viviliv-order-adjustment-add .is-agreement::after {
    display: none !important;
  }

  body.viviliv-staff-panel-page .viviliv-order-adjustment-add > .button {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* ==========================================================
   VIVILIV 0.9.21.1.14.96 — WOLT: ASAP + SCHEDULED DROPOFF
   Dwa tryby wysyłki z jednym, stabilnym formularzem premium.
   ========================================================== */
body.viviliv-staff-panel-page .viviliv-wolt-action__dispatch[data-viviliv-wolt-dispatch="1"] {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  align-items: stretch !important;
  margin-top: 16px !important;
  padding: 17px !important;
  border: 1px solid rgba(216,178,74,.34) !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg,rgba(4,22,13,.94),rgba(10,38,23,.90)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03),0 12px 30px rgba(0,0,0,.14) !important;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__modes {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  border: 0;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__modes > legend {
  grid-column: 1 / -1;
  margin: 0 0 2px;
  padding: 0;
  color: #f3d77a !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .07em;
  text-transform: uppercase;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__mode {
  min-width: 0;
  min-height: 82px;
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin: 0 !important;
  padding: 14px 15px;
  border: 1px solid rgba(216,178,74,.22);
  border-radius: 14px;
  background: rgba(255,255,255,.025);
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__mode:hover {
  border-color: rgba(243,215,122,.52);
  background: rgba(216,178,74,.055);
}

body.viviliv-staff-panel-page .viviliv-wolt-action__mode.is-selected {
  border-color: rgba(243,215,122,.78);
  background: linear-gradient(145deg,rgba(216,178,74,.12),rgba(10,38,23,.78));
  box-shadow: 0 0 0 2px rgba(216,178,74,.08), inset 0 1px 0 rgba(255,255,255,.04);
}

body.viviliv-staff-panel-page .viviliv-wolt-action__mode input[type="radio"] {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin: 2px 0 0 !important;
  accent-color: #d8b24a;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__mode > span {
  min-width: 0;
  display: grid;
  gap: 5px;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__mode strong {
  color: #fff6d0 !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__mode small {
  color: rgba(247,244,234,.68) !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__scheduled[hidden] {
  display: none !important;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__scheduled {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(216,178,74,.22);
  border-radius: 14px;
  background: rgba(255,255,255,.022);
}

body.viviliv-staff-panel-page .viviliv-wolt-action__scheduled > label {
  min-width: 0;
  display: grid;
  gap: 7px;
  margin: 0 !important;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__scheduled > label > span {
  color: rgba(247,244,234,.82) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__scheduled input[type="date"],
body.viviliv-staff-panel-page .viviliv-wolt-action__scheduled select,
body.viviliv-staff-panel-page .viviliv-wolt-action__prep select {
  width: 100% !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 10px 13px !important;
  color: #fffaf0 !important;
  -webkit-text-fill-color: #fffaf0 !important;
  background: #071b10 !important;
  border: 1px solid rgba(216,178,74,.52) !important;
  border-radius: 11px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03),0 8px 20px rgba(0,0,0,.10) !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__scheduled input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(86%) sepia(35%) saturate(806%) hue-rotate(350deg) brightness(96%);
  cursor: pointer;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__scheduled input:focus,
body.viviliv-staff-panel-page .viviliv-wolt-action__scheduled select:focus,
body.viviliv-staff-panel-page .viviliv-wolt-action__prep select:focus {
  outline: none !important;
  border-color: #f3d77a !important;
  box-shadow: 0 0 0 3px rgba(216,178,74,.14) !important;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__scheduled > p {
  grid-column: 1 / -1;
  margin: 0 !important;
  padding: 10px 12px;
  color: rgba(247,244,234,.72) !important;
  background: rgba(216,178,74,.05);
  border-left: 3px solid #d8b24a;
  border-radius: 9px;
  font-size: 11.5px !important;
  line-height: 1.5 !important;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__scheduled > p strong {
  color: #f3d77a !important;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__dispatch-footer {
  display: grid;
  grid-template-columns: minmax(280px,440px) auto;
  gap: 16px;
  align-items: end;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__dispatch-footer .viviliv-wolt-action__prep {
  min-width: 0;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__dispatch-footer .viviliv-wolt-action__create {
  min-width: 235px !important;
  margin: 0 !important;
  align-self: end;
}

@media (max-width: 900px) {
  body.viviliv-staff-panel-page .viviliv-wolt-action__modes,
  body.viviliv-staff-panel-page .viviliv-wolt-action__scheduled,
  body.viviliv-staff-panel-page .viviliv-wolt-action__dispatch-footer {
    grid-template-columns: 1fr;
  }

  body.viviliv-staff-panel-page .viviliv-wolt-action__scheduled > p {
    grid-column: auto;
  }

  body.viviliv-staff-panel-page .viviliv-wolt-action__dispatch-footer .viviliv-wolt-action__create {
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 620px) {
  body.viviliv-staff-panel-page .viviliv-wolt-action__dispatch[data-viviliv-wolt-dispatch="1"] {
    padding: 13px !important;
  }

  body.viviliv-staff-panel-page .viviliv-wolt-action__mode {
    min-height: 0;
    padding: 12px;
  }
}


/* 0.9.21.1.14.98 — one Wolt control surface in Panel VIVILIV */
body.viviliv-staff-panel-page .viviliv-order-card:has(.viviliv-wolt-action) .vwdc-box {
  display:none !important;
}

/* =========================================================
   VIVILIV 14.112 — Danie pikantne: układ i odstępy
   Pole w prawym panelu produktu ma zachować układ poziomy:
   checkbox | tytuł + opis. Bez przyklejania do selecta i bez
   dodatkowego pustego marginesu pod kartą.
   ========================================================= */
html body.viviliv-staff-panel-page.viviliv-native-panel-page
.viviliv-native-module--products
.viviliv-owner-grid.main-sidebar > aside
.viviliv-owner-panel > label.viviliv-owner-toggle.viviliv-owner-spicy-toggle {
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
  grid-template-rows: auto !important;
  column-gap: 12px !important;
  row-gap: 0 !important;
  align-items: start !important;
  width: 100% !important;
  margin: 18px 0 0 !important;
  padding: 14px 15px !important;
  box-sizing: border-box !important;
}

html body.viviliv-staff-panel-page.viviliv-native-panel-page
.viviliv-native-module--products
.viviliv-owner-grid.main-sidebar > aside
.viviliv-owner-panel > label.viviliv-owner-spicy-toggle > input[type="checkbox"] {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: start !important;
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
}

html body.viviliv-staff-panel-page.viviliv-native-panel-page
.viviliv-native-module--products
.viviliv-owner-grid.main-sidebar > aside
.viviliv-owner-panel > label.viviliv-owner-spicy-toggle > span {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.viviliv-staff-panel-page.viviliv-native-panel-page
.viviliv-native-module--products
.viviliv-owner-grid.main-sidebar > aside
.viviliv-owner-panel > label.viviliv-owner-spicy-toggle > span > strong {
  display: block !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
  line-height: 1.3 !important;
}

html body.viviliv-staff-panel-page.viviliv-native-panel-page
.viviliv-native-module--products
.viviliv-owner-grid.main-sidebar > aside
.viviliv-owner-panel > label.viviliv-owner-spicy-toggle > span > small {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.45 !important;
}

@media (max-width: 560px) {
  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-owner-grid.main-sidebar > aside
  .viviliv-owner-panel > label.viviliv-owner-toggle.viviliv-owner-spicy-toggle {
    margin-top: 16px !important;
    padding: 13px 14px !important;
    column-gap: 11px !important;
  }
}

/* ==========================================================
   VIVILIV 14.113 — PRODUCT CATEGORIES: NO INNER SCROLL
   The category card has enough vertical space. Let the list
   expand naturally and use the page scrollbar instead of a
   cramped nested scrollbar inside "Kategorie".
   ========================================================== */
html body.viviliv-staff-panel-page
.viviliv-native-module--products
.viviliv-owner-grid.main-sidebar > aside
.viviliv-category-list {
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

/* ==========================================================
   VIVILIV 14.115 — ORDERS PREMIUM COMPACT REBUILD — FINAL
   IMPORTANT: this file is loaded after premium/fullwidth/readability,
   so these rules are the actual final authority for order cards.
   Closed order = data row + action row only. Details occupy zero
   height until explicitly opened from the action bar.
   ========================================================== */
html body.viviliv-staff-panel-page .viviliv-orders-list,
html body.viviliv-staff-panel-page .viviliv-staff-orders__list {
  gap: 10px !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card {
  overflow: hidden !important;
  border-radius: 15px !important;
}

/* ---------- Top data row ---------- */
html body.viviliv-staff-panel-page .viviliv-order-card__header {
  display: grid !important;
  grid-template-columns: minmax(180px, 19%) minmax(300px, 34%) minmax(360px, 30%) minmax(180px, 17%) !important;
  gap: 10px !important;
  align-items: stretch !important;
  padding: 10px 12px !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card__header > div {
  min-width: 0 !important;
  min-height: 66px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 8px 11px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-content: initial !important;
  gap: 2px !important;
  box-sizing: border-box !important;
  border-radius: 11px !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card__header strong,
html body.viviliv-staff-panel-page .viviliv-order-card__header a,
html body.viviliv-staff-panel-page .viviliv-order-card__header small,
html body.viviliv-staff-panel-page .viviliv-order-card__header span {
  min-width: 0 !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card__number > span,
html body.viviliv-staff-panel-page .viviliv-order-card__total > span {
  display: block !important;
  margin: 0 0 1px !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card__number > strong {
  display: block !important;
  margin: 0 !important;
  font-size: 21px !important;
  line-height: 1.02 !important;
  white-space: nowrap !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card__number > small {
  display: block !important;
  margin: 2px 0 0 !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card__customer > strong {
  display: block !important;
  max-width: 100% !important;
  margin: 0 0 2px !important;
  font-size: 14px !important;
  line-height: 1.12 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card__customer > a {
  display: block !important;
  max-width: 100% !important;
  margin: 0 !important;
  font-size: 10.5px !important;
  line-height: 1.18 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card__method > span,
html body.viviliv-staff-panel-page .viviliv-order-card__method > strong,
html body.viviliv-staff-panel-page .viviliv-order-card__method > small {
  display: block !important;
  max-width: 100% !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card__method > span {
  font-size: 10.5px !important;
  line-height: 1.08 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card__method > strong {
  margin-top: 1px !important;
  font-size: 13.5px !important;
  line-height: 1.12 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card__method > small {
  margin-top: 2px !important;
  font-size: 9.5px !important;
  line-height: 1.12 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card__shipping-cost {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card__total {
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card__total > strong {
  display: block !important;
  margin: 0 !important;
  font-size: 21px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* WooCommerce amount/currency are one atomic inline value. */
html body.viviliv-staff-panel-page .viviliv-order-card__total strong .woocommerce-Price-amount,
html body.viviliv-staff-panel-page .viviliv-order-card__total strong .woocommerce-Price-currencySymbol,
html body.viviliv-staff-panel-page .viviliv-order-card__total strong bdi,
html body.viviliv-staff-panel-page .viviliv-order-card__total strong span,
html body.viviliv-staff-panel-page .viviliv-order-card__method small .woocommerce-Price-amount,
html body.viviliv-staff-panel-page .viviliv-order-card__method small .woocommerce-Price-currencySymbol,
html body.viviliv-staff-panel-page .viviliv-order-card__method small bdi,
html body.viviliv-staff-panel-page .viviliv-order-card__method small span {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

/* ---------- One compact action row ---------- */
html body.viviliv-staff-panel-page .viviliv-order-card__workflow {
  display: flex !important;
  min-height: 46px !important;
  height: auto !important;
  padding: 6px 12px !important;
  gap: 8px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  box-sizing: border-box !important;
}

html body.viviliv-staff-panel-page .viviliv-order-status,
html body.viviliv-staff-panel-page .viviliv-order-status-form select,
html body.viviliv-staff-panel-page .viviliv-order-status-form .button,
html body.viviliv-staff-panel-page .viviliv-order-card__links .button,
html body.viviliv-staff-panel-page .viviliv-order-delete-form .button {
  min-height: 32px !important;
  max-height: 32px !important;
  height: 32px !important;
  box-sizing: border-box !important;
}

html body.viviliv-staff-panel-page .viviliv-order-status {
  flex: 0 0 auto !important;
  padding: 0 10px !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-status-form {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 7px !important;
  min-width: 0 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-status-form select {
  width: 180px !important;
  min-width: 180px !important;
  margin: 0 !important;
  padding: 0 28px 0 10px !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-status-form .button,
html body.viviliv-staff-panel-page .viviliv-order-card__links .button,
html body.viviliv-staff-panel-page .viviliv-order-delete-form .button {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card__links {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 7px !important;
  margin-left: auto !important;
  min-width: 0 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-delete-form {
  margin: 0 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-details-toggle {
  min-width: 92px !important;
}

html body.viviliv-staff-panel-page .viviliv-order-details-toggle.is-open {
  color: #06150d !important;
  background: linear-gradient(135deg,#f3d77a,#d8b24a) !important;
  border-color: #f3d77a !important;
}

/* ---------- Details: zero height while closed ---------- */
html body.viviliv-staff-panel-page .viviliv-order-card__details:not([open]) {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card__details > summary {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card__details[open] {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  border-top: 1px solid rgba(216,178,74,.18) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card__details[open] .viviliv-order-card__details-grid {
  padding-top: 16px !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 1280px) {
  html body.viviliv-staff-panel-page .viviliv-order-card__header {
    grid-template-columns: minmax(150px,.72fr) minmax(230px,1.2fr) minmax(290px,1.25fr) minmax(150px,.65fr) !important;
  }
  html body.viviliv-staff-panel-page .viviliv-order-status-form select {
    width: 160px !important;
    min-width: 160px !important;
  }
}

@media (max-width: 1050px) {
  html body.viviliv-staff-panel-page .viviliv-order-card__header {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  html body.viviliv-staff-panel-page .viviliv-order-card__header > div {
    min-height: 62px !important;
  }
  html body.viviliv-staff-panel-page .viviliv-order-card__workflow {
    flex-wrap: wrap !important;
  }
  html body.viviliv-staff-panel-page .viviliv-order-card__links {
    margin-left: 0 !important;
    flex-wrap: wrap !important;
  }
}

@media (max-width: 700px) {
  html body.viviliv-staff-panel-page .viviliv-order-card__header {
    grid-template-columns: 1fr !important;
    padding: 9px !important;
  }
  html body.viviliv-staff-panel-page .viviliv-order-card__header > div {
    min-height: 0 !important;
    padding: 9px 10px !important;
  }
  html body.viviliv-staff-panel-page .viviliv-order-card__customer > strong,
  html body.viviliv-staff-panel-page .viviliv-order-card__customer > a,
  html body.viviliv-staff-panel-page .viviliv-order-card__method > span,
  html body.viviliv-staff-panel-page .viviliv-order-card__method > strong,
  html body.viviliv-staff-panel-page .viviliv-order-card__method > small {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
  }
  html body.viviliv-staff-panel-page .viviliv-order-card__workflow,
  html body.viviliv-staff-panel-page .viviliv-order-status-form,
  html body.viviliv-staff-panel-page .viviliv-order-card__links {
    width: 100% !important;
  }
  html body.viviliv-staff-panel-page .viviliv-order-card__workflow {
    align-items: stretch !important;
    padding: 9px !important;
  }
  html body.viviliv-staff-panel-page .viviliv-order-status-form,
  html body.viviliv-staff-panel-page .viviliv-order-card__links {
    flex-wrap: wrap !important;
  }
  html body.viviliv-staff-panel-page .viviliv-order-status-form select {
    flex: 1 1 170px !important;
    width: auto !important;
    min-width: 0 !important;
  }
}



/* ==========================================================
   VIVILIV 14.116 — ORDERS VISUAL SEPARATION + NEW ORDER HIGHLIGHT
   Alternate card tones for easier scanning. “New / waiting” orders
   get a distinct premium accent so they stand out immediately.
   ========================================================== */
html body.viviliv-staff-panel-page .viviliv-order-card {
  border: 1px solid rgba(216,178,74,.22) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.14) !important;
  transition: box-shadow .2s ease, border-color .2s ease, background .2s ease !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card:nth-of-type(odd) {
  background: linear-gradient(135deg, rgba(5,26,16,.88) 0%, rgba(9,42,24,.84) 52%, rgba(5,24,15,.88) 100%) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card:nth-of-type(even) {
  background: linear-gradient(135deg, rgba(7,31,19,.94) 0%, rgba(14,52,31,.90) 52%, rgba(7,29,18,.94) 100%) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card:nth-of-type(odd) .viviliv-order-card__header > div {
  background: linear-gradient(135deg, rgba(18,60,37,.38) 0%, rgba(12,43,27,.22) 100%) !important;
  border: 1px solid rgba(216,178,74,.16) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card:nth-of-type(even) .viviliv-order-card__header > div {
  background: linear-gradient(135deg, rgba(25,74,47,.45) 0%, rgba(16,49,31,.28) 100%) !important;
  border: 1px solid rgba(216,178,74,.18) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card:nth-of-type(odd) .viviliv-order-card__workflow {
  background: rgba(4,19,12,.60) !important;
  border-top: 1px solid rgba(216,178,74,.12) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card:nth-of-type(even) .viviliv-order-card__workflow {
  background: rgba(7,24,15,.66) !important;
  border-top: 1px solid rgba(216,178,74,.14) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card:nth-of-type(odd) .viviliv-order-card__details[open],
html body.viviliv-staff-panel-page .viviliv-order-card:nth-of-type(odd) .viviliv-order-card__details-grid > section {
  background: rgba(4,20,12,.76) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card:nth-of-type(even) .viviliv-order-card__details[open],
html body.viviliv-staff-panel-page .viviliv-order-card:nth-of-type(even) .viviliv-order-card__details-grid > section {
  background: rgba(7,25,16,.82) !important;
}

/* New / waiting orders — stronger accent */
html body.viviliv-staff-panel-page .viviliv-order-card.status-viv-weight,
html body.viviliv-staff-panel-page .viviliv-order-card.status-viv-customer,
html body.viviliv-staff-panel-page .viviliv-order-card.status-viv-confirm,
html body.viviliv-staff-panel-page .viviliv-order-card.status-pending,
html body.viviliv-staff-panel-page .viviliv-order-card.status-on-hold {
  background: linear-gradient(135deg, rgba(19,44,24,.97) 0%, rgba(36,83,46,.93) 42%, rgba(24,54,29,.97) 100%) !important;
  border-color: rgba(243,215,122,.55) !important;
  box-shadow: 0 0 0 1px rgba(243,215,122,.18), 0 16px 34px rgba(0,0,0,.24) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card.status-viv-weight .viviliv-order-card__header > div,
html body.viviliv-staff-panel-page .viviliv-order-card.status-viv-customer .viviliv-order-card__header > div,
html body.viviliv-staff-panel-page .viviliv-order-card.status-viv-confirm .viviliv-order-card__header > div,
html body.viviliv-staff-panel-page .viviliv-order-card.status-pending .viviliv-order-card__header > div,
html body.viviliv-staff-panel-page .viviliv-order-card.status-on-hold .viviliv-order-card__header > div {
  background: linear-gradient(135deg, rgba(71,113,58,.28) 0%, rgba(45,88,49,.12) 100%) !important;
  border-color: rgba(243,215,122,.26) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card.status-viv-weight .viviliv-order-card__workflow,
html body.viviliv-staff-panel-page .viviliv-order-card.status-viv-customer .viviliv-order-card__workflow,
html body.viviliv-staff-panel-page .viviliv-order-card.status-viv-confirm .viviliv-order-card__workflow,
html body.viviliv-staff-panel-page .viviliv-order-card.status-pending .viviliv-order-card__workflow,
html body.viviliv-staff-panel-page .viviliv-order-card.status-on-hold .viviliv-order-card__workflow {
  background: rgba(24,53,29,.72) !important;
  border-top-color: rgba(243,215,122,.18) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card.status-viv-weight .viviliv-order-status,
html body.viviliv-staff-panel-page .viviliv-order-card.status-viv-customer .viviliv-order-status,
html body.viviliv-staff-panel-page .viviliv-order-card.status-viv-confirm .viviliv-order-status,
html body.viviliv-staff-panel-page .viviliv-order-card.status-pending .viviliv-order-status,
html body.viviliv-staff-panel-page .viviliv-order-card.status-on-hold .viviliv-order-status {
  color: #06150d !important;
  background: linear-gradient(135deg,#f3d77a,#d8b24a) !important;
  border-color: #f3d77a !important;
  box-shadow: 0 0 0 1px rgba(243,215,122,.22) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card.status-viv-weight .viviliv-order-card__number::after,
html body.viviliv-staff-panel-page .viviliv-order-card.status-viv-customer .viviliv-order-card__number::after,
html body.viviliv-staff-panel-page .viviliv-order-card.status-viv-confirm .viviliv-order-card__number::after,
html body.viviliv-staff-panel-page .viviliv-order-card.status-pending .viviliv-order-card__number::after,
html body.viviliv-staff-panel-page .viviliv-order-card.status-on-hold .viviliv-order-card__number::after {
  content: 'NOWE';
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  margin-top: 6px !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  color: #06150d !important;
  background: linear-gradient(135deg,#f3d77a,#d8b24a) !important;
  font-size: 9.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .06em !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card.is-focused {
  box-shadow: 0 0 0 1px rgba(243,215,122,.22), 0 14px 34px rgba(0,0,0,.26) !important;
}



/* ==========================================================
   VIVILIV 14.117 — ORDERS ZEBRA HARD FIX + TRUE NEW ORDER
   Direct-child selectors match the real order-list DOM.
   Alternating backgrounds are deliberately more visible.
   ========================================================== */

/* Reset the too-subtle 14.116 card treatment. */
html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card,
html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card {
  border-width: 1px !important;
  border-style: solid !important;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

/* DARK row */
html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card:nth-child(odd),
html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card:nth-child(odd) {
  background: #06180f !important;
  border-color: rgba(216,178,74,.20) !important;
  box-shadow: inset 4px 0 0 rgba(216,178,74,.10), 0 7px 18px rgba(0,0,0,.13) !important;
}

html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card:nth-child(odd) .viviliv-order-card__header > div,
html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card:nth-child(odd) .viviliv-order-card__header > div {
  background: #0a2517 !important;
  border-color: rgba(216,178,74,.14) !important;
}

html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card:nth-child(odd) .viviliv-order-card__workflow,
html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card:nth-child(odd) .viviliv-order-card__workflow {
  background: #04120b !important;
}

/* LIGHT row */
html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card:nth-child(even),
html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card:nth-child(even) {
  background: #103521 !important;
  border-color: rgba(243,215,122,.32) !important;
  box-shadow: inset 4px 0 0 rgba(243,215,122,.20), 0 9px 22px rgba(0,0,0,.16) !important;
}

html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card:nth-child(even) .viviliv-order-card__header > div,
html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card:nth-child(even) .viviliv-order-card__header > div {
  background: #17452c !important;
  border-color: rgba(243,215,122,.24) !important;
}

html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card:nth-child(even) .viviliv-order-card__workflow,
html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card:nth-child(even) .viviliv-order-card__workflow {
  background: #0a2a1a !important;
}

/* 14.116 used NOWE for several waiting statuses. 14.117 reserves it for
   the actual latest active order only. */
html body.viviliv-staff-panel-page .viviliv-order-card.status-viv-weight .viviliv-order-card__number::after,
html body.viviliv-staff-panel-page .viviliv-order-card.status-viv-customer .viviliv-order-card__number::after,
html body.viviliv-staff-panel-page .viviliv-order-card.status-viv-confirm .viviliv-order-card__number::after,
html body.viviliv-staff-panel-page .viviliv-order-card.status-pending .viviliv-order-card__number::after,
html body.viviliv-staff-panel-page .viviliv-order-card.status-on-hold .viviliv-order-card__number::after {
  content: none !important;
  display: none !important;
}

/* TRUE NEW ORDER: newest active order on the site. */
html body.viviliv-staff-panel-page .viviliv-order-card.is-new-order,
html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card.is-new-order,
html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card.is-new-order {
  position: relative !important;
  background: linear-gradient(135deg, #4b3a0c 0%, #6a5212 42%, #263b18 100%) !important;
  border: 2px solid #f3d77a !important;
  box-shadow: 0 0 0 2px rgba(243,215,122,.16), 0 15px 34px rgba(0,0,0,.28) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card.is-new-order::before {
  content: 'NOWE ZAMÓWIENIE' !important;
  position: absolute !important;
  top: 7px !important;
  right: 10px !important;
  z-index: 5 !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  color: #06150d !important;
  background: linear-gradient(135deg,#fff0a8,#d8b24a) !important;
  font-size: 9.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .06em !important;
  box-shadow: 0 5px 14px rgba(0,0,0,.22) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card.is-new-order .viviliv-order-card__header > div {
  background: rgba(20,40,22,.68) !important;
  border-color: rgba(255,240,168,.36) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card.is-new-order .viviliv-order-card__workflow {
  background: rgba(24,32,13,.78) !important;
  border-top-color: rgba(243,215,122,.30) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card.is-new-order .viviliv-order-status {
  color: #06150d !important;
  background: linear-gradient(135deg,#fff0a8,#d8b24a) !important;
  border-color: #fff0a8 !important;
}

@media (max-width: 700px) {
  html body.viviliv-staff-panel-page .viviliv-order-card.is-new-order::before {
    top: 8px !important;
    right: 8px !important;
    font-size: 8.5px !important;
  }
}



/* ==========================================================
   VIVILIV 14.118 — ORDERS PREMIUM SOFT SEPARATION
   14.117 was visually too strong. This final layer restores a
   premium, quieter look: subtle zebra only on the card surface,
   consistent inner boxes, and a soft new-order accent.
   ========================================================== */

/* Unified inner blocks again — no checkerboard effect inside cards. */
html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card .viviliv-order-card__header > div,
html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card .viviliv-order-card__header > div {
  background: rgba(18, 60, 37, .28) !important;
  border-color: rgba(216,178,74,.16) !important;
}

html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card .viviliv-order-card__workflow,
html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card .viviliv-order-card__workflow {
  background: rgba(5, 22, 14, .58) !important;
  border-top: 1px solid rgba(216,178,74,.10) !important;
}

/* Quiet zebra on the whole card only. */
html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card:nth-child(odd),
html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card:nth-child(odd) {
  background: linear-gradient(135deg, rgba(6,24,15,.90) 0%, rgba(8,31,19,.88) 48%, rgba(6,22,14,.90) 100%) !important;
  border-color: rgba(216,178,74,.18) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.12) !important;
}

html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card:nth-child(even),
html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card:nth-child(even) {
  background: linear-gradient(135deg, rgba(8,30,19,.93) 0%, rgba(12,39,25,.91) 48%, rgba(8,29,18,.93) 100%) !important;
  border-color: rgba(216,178,74,.22) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.14) !important;
}

/* Slightly brighter outline on hover/focus only. */
html body.viviliv-staff-panel-page .viviliv-order-card:hover,
html body.viviliv-staff-panel-page .viviliv-order-card.is-focused {
  border-color: rgba(243,215,122,.34) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
}

/* New order: subtle premium accent instead of recoloring whole card. */
html body.viviliv-staff-panel-page .viviliv-order-card.is-new-order,
html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card.is-new-order,
html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card.is-new-order {
  position: relative !important;
  border-color: rgba(243,215,122,.52) !important;
  box-shadow: inset 4px 0 0 #f3d77a, 0 12px 28px rgba(0,0,0,.20), 0 0 0 1px rgba(243,215,122,.14) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card.is-new-order::before {
  content: 'NOWE' !important;
  position: absolute !important;
  top: 8px !important;
  right: 10px !important;
  z-index: 6 !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  color: #06150d !important;
  background: linear-gradient(135deg,#f3d77a,#d8b24a) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .06em !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.20) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card.is-new-order .viviliv-order-status {
  color: #06150d !important;
  background: linear-gradient(135deg,#f3d77a,#d8b24a) !important;
  border-color: #f3d77a !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card.is-new-order .viviliv-order-card__header > div {
  background: rgba(25, 71, 44, .32) !important;
  border-color: rgba(243,215,122,.22) !important;
}

@media (max-width: 700px) {
  html body.viviliv-staff-panel-page .viviliv-order-card.is-new-order::before {
    top: 7px !important;
    right: 8px !important;
  }
}



/* ==========================================================
   VIVILIV 14.119 — ORDERS PREMIUM SPACING
   Slightly more breathing room between order cards without
   making the list tall or losing the compact 14.115 layout.
   ========================================================== */
html body.viviliv-staff-panel-page .viviliv-orders-list,
html body.viviliv-staff-panel-page .viviliv-staff-orders__list {
  gap: 15px !important;
  row-gap: 15px !important;
}

@media (max-width: 1050px) {
  html body.viviliv-staff-panel-page .viviliv-orders-list,
  html body.viviliv-staff-panel-page .viviliv-staff-orders__list {
    gap: 13px !important;
    row-gap: 13px !important;
  }
}

@media (max-width: 700px) {
  html body.viviliv-staff-panel-page .viviliv-orders-list,
  html body.viviliv-staff-panel-page .viviliv-staff-orders__list {
    gap: 11px !important;
    row-gap: 11px !important;
  }
}



/* ==========================================================
   VIVILIV 14.120 — ORDERS PREMIUM CARD ISLANDS
   The list must read as separate premium cards, not one table.
   We reduce zebra gimmicks and create depth, inset workflow,
   a visual order anchor and a restrained new-order accent.
   ========================================================== */

/* More real air between independent cards. */
html body.viviliv-staff-panel-page .viviliv-orders-list,
html body.viviliv-staff-panel-page .viviliv-staff-orders__list {
  gap: 18px !important;
  row-gap: 18px !important;
}

/* Every order is a self-contained floating island. */
html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card,
html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(216,178,74,.30) !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, rgba(8,31,19,.97) 0%, rgba(5,22,14,.98) 100%) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.27),
    inset 0 1px 0 rgba(255,255,255,.035) !important;
}

/* Subtle alternate tone only on the card shell, not every cell. */
html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card:nth-child(even),
html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card:nth-child(even) {
  background: linear-gradient(145deg, rgba(11,39,24,.98) 0%, rgba(7,27,17,.99) 100%) !important;
  border-color: rgba(216,178,74,.35) !important;
}

/* Thin premium rail visually marks the beginning of each order. */
html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card::after,
html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card::after {
  content: '' !important;
  position: absolute !important;
  top: 12px !important;
  bottom: 12px !important;
  left: 0 !important;
  width: 3px !important;
  border-radius: 0 999px 999px 0 !important;
  background: linear-gradient(180deg, rgba(243,215,122,.16), rgba(216,178,74,.68), rgba(243,215,122,.12)) !important;
  pointer-events: none !important;
  z-index: 3 !important;
}

/* Header lives inside the card instead of touching its outer frame. */
html body.viviliv-staff-panel-page .viviliv-order-card__header {
  padding: 10px 10px 5px 12px !important;
  gap: 9px !important;
  background: transparent !important;
  border: 0 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card__header > div,
html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card .viviliv-order-card__header > div,
html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card .viviliv-order-card__header > div {
  background: linear-gradient(145deg, rgba(20,58,36,.34), rgba(9,33,21,.20)) !important;
  border: 1px solid rgba(216,178,74,.15) !important;
  border-radius: 11px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02) !important;
}

/* Order number becomes the visual anchor of the card. */
html body.viviliv-staff-panel-page .viviliv-order-card__number {
  background: linear-gradient(145deg, rgba(216,178,74,.12), rgba(24,62,38,.28)) !important;
  border-color: rgba(243,215,122,.30) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card__number > span {
  color: rgba(243,215,122,.84) !important;
  letter-spacing: .07em !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card__number > strong {
  text-shadow: 0 2px 12px rgba(0,0,0,.26) !important;
}

/* Total gets a quiet framed endpoint. */
html body.viviliv-staff-panel-page .viviliv-order-card__total {
  background: linear-gradient(145deg, rgba(216,178,74,.075), rgba(9,31,19,.22)) !important;
  border-color: rgba(216,178,74,.22) !important;
}

/* Action row is inset and rounded: this alone breaks the 'one giant table' feeling. */
html body.viviliv-staff-panel-page .viviliv-order-card__workflow,
html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card .viviliv-order-card__workflow,
html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card .viviliv-order-card__workflow {
  width: auto !important;
  min-height: 44px !important;
  margin: 3px 10px 10px 12px !important;
  padding: 6px 8px !important;
  border: 1px solid rgba(216,178,74,.14) !important;
  border-radius: 10px !important;
  background: rgba(3,16,10,.70) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.015) !important;
}

/* Details inherit the card language when opened. */
html body.viviliv-staff-panel-page .viviliv-order-card__details[open] {
  margin: 0 10px 10px 12px !important;
  border: 1px solid rgba(216,178,74,.14) !important;
  border-radius: 10px !important;
  background: rgba(4,19,12,.80) !important;
  overflow: hidden !important;
}

/* Hover confirms the card boundary without changing its colour family. */
html body.viviliv-staff-panel-page .viviliv-order-card:hover {
  border-color: rgba(243,215,122,.48) !important;
  box-shadow:
    0 15px 34px rgba(0,0,0,.31),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

/* TRUE NEW ORDER — gold rail + light halo + tiny badge, no full recolour. */
html body.viviliv-staff-panel-page .viviliv-order-card.is-new-order,
html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card.is-new-order,
html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card.is-new-order {
  border-color: rgba(243,215,122,.72) !important;
  background: linear-gradient(145deg, rgba(13,42,25,.99), rgba(7,26,16,.99)) !important;
  box-shadow:
    0 0 0 1px rgba(243,215,122,.16),
    0 15px 36px rgba(0,0,0,.31),
    0 0 26px rgba(216,178,74,.10) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card.is-new-order::after {
  width: 5px !important;
  background: linear-gradient(180deg,#fff0a8,#d8b24a,#f3d77a) !important;
  box-shadow: 0 0 14px rgba(243,215,122,.34) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card.is-new-order::before {
  content: 'NOWE' !important;
  top: 9px !important;
  right: 11px !important;
  min-height: 21px !important;
  padding: 0 8px !important;
  border: 1px solid rgba(255,240,168,.75) !important;
  background: linear-gradient(135deg,#fff0a8,#d8b24a) !important;
  color: #06150d !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  box-shadow: 0 5px 14px rgba(0,0,0,.22) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card.is-new-order .viviliv-order-card__number {
  background: linear-gradient(145deg, rgba(243,215,122,.17), rgba(31,72,43,.32)) !important;
  border-color: rgba(243,215,122,.42) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card.is-new-order .viviliv-order-status {
  color: #06150d !important;
  background: linear-gradient(135deg,#f3d77a,#d8b24a) !important;
  border-color: #f3d77a !important;
}

@media (max-width: 1050px) {
  html body.viviliv-staff-panel-page .viviliv-orders-list,
  html body.viviliv-staff-panel-page .viviliv-staff-orders__list {
    gap: 15px !important;
    row-gap: 15px !important;
  }
}

@media (max-width: 700px) {
  html body.viviliv-staff-panel-page .viviliv-orders-list,
  html body.viviliv-staff-panel-page .viviliv-staff-orders__list {
    gap: 13px !important;
    row-gap: 13px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__header {
    padding: 9px 9px 4px 11px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__workflow {
    margin: 3px 9px 9px 11px !important;
  }
}



/* ==========================================================
   VIVILIV 14.121 — ORDERS DESKTOP LAYOUT REBALANCE
   Order number spans the full visual height of the top + action rows.
   Action buttons start under the customer data instead of under the
   order-number column.
   ========================================================== */
@media (min-width: 1101px) {
  html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card,
  html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card {
    display: grid !important;
    grid-template-columns: 280px minmax(320px, 1.45fr) minmax(320px, 1.22fr) minmax(210px, .78fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 10px !important;
    row-gap: 10px !important;
    padding: 12px !important;
    align-items: stretch !important;
  }

  html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card > .viviliv-order-card__header,
  html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card > .viviliv-order-card__header {
    display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card > .viviliv-order-card__workflow,
  html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card > .viviliv-order-card__workflow {
    grid-column: 2 / 5 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 48px !important;
    background: transparent !important;
    border-top: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(320px, 1fr) auto !important;
    gap: 12px !important;
    align-items: stretch !important;
  }

  html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card > .viviliv-order-card__header > .viviliv-order-card__number,
  html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card > .viviliv-order-card__header > .viviliv-order-card__number {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    min-height: 124px !important;
    height: 100% !important;
    justify-content: space-between !important;
  }

  html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card > .viviliv-order-card__header > .viviliv-order-card__customer,
  html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card > .viviliv-order-card__header > .viviliv-order-card__customer {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-height: 68px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card > .viviliv-order-card__header > .viviliv-order-card__method,
  html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card > .viviliv-order-card__header > .viviliv-order-card__method {
    grid-column: 3 !important;
    grid-row: 1 !important;
    min-height: 68px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card > .viviliv-order-card__header > .viviliv-order-card__total,
  html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card > .viviliv-order-card__header > .viviliv-order-card__total {
    grid-column: 4 !important;
    grid-row: 1 !important;
    min-height: 68px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__workflow > .viviliv-order-status,
  html body.viviliv-staff-panel-page .viviliv-order-card__workflow > .viviliv-order-status-form {
    grid-column: 1 !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__workflow > .viviliv-order-card__links {
    grid-column: 2 !important;
    align-self: stretch !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__workflow > .viviliv-order-status,
  html body.viviliv-staff-panel-page .viviliv-order-card__workflow > .viviliv-order-status-form,
  html body.viviliv-staff-panel-page .viviliv-order-card__workflow > .viviliv-order-card__links {
    background: rgba(5, 22, 14, .54) !important;
    border: 1px solid rgba(216,178,74,.14) !important;
    border-radius: 12px !important;
    min-height: 48px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__workflow > .viviliv-order-status {
    display: none !important; /* remove duplicate loose badge on desktop */
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__workflow > .viviliv-order-status-form {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 7px 10px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__workflow > .viviliv-order-status-form::before {
    content: attr(data-current-label) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: max-content !important;
    height: 32px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    color: #06150d !important;
    background: linear-gradient(135deg,#f3d77a,#d8b24a) !important;
    border: 1px solid #f3d77a !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__workflow > .viviliv-order-card__links {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    padding: 7px 10px !important;
    margin-left: 0 !important;
  }
}



/* ==========================================================
   VIVILIV 14.122 — ORDERS READABILITY / FONT SCALE
   Keep 14.121 layout, use the available space for larger,
   clearer typography throughout each order card.
   ========================================================== */
@media (min-width: 1101px) {
  html body.viviliv-staff-panel-page .viviliv-order-card__number > span,
  html body.viviliv-staff-panel-page .viviliv-order-card__total > span {
    font-size: 11px !important;
    line-height: 1.1 !important;
    letter-spacing: .035em !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__number > strong {
    font-size: 25px !important;
    line-height: 1.02 !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__number > small {
    font-size: 11.5px !important;
    line-height: 1.2 !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__customer > strong {
    font-size: 16px !important;
    line-height: 1.18 !important;
    margin-bottom: 4px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__customer > a {
    font-size: 12.5px !important;
    line-height: 1.28 !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__method > span {
    font-size: 12px !important;
    line-height: 1.16 !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__method > strong {
    font-size: 15.5px !important;
    line-height: 1.18 !important;
    margin-top: 2px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__method > small {
    font-size: 11px !important;
    line-height: 1.18 !important;
    margin-top: 3px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__total > strong {
    font-size: 24px !important;
    line-height: 1.05 !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-status-form::before {
    font-size: 11.5px !important;
    padding-inline: 13px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-status-form select {
    font-size: 12px !important;
    width: 190px !important;
    min-width: 190px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-status-form .button,
  html body.viviliv-staff-panel-page .viviliv-order-card__links .button,
  html body.viviliv-staff-panel-page .viviliv-order-delete-form .button {
    font-size: 12px !important;
    font-weight: 750 !important;
    padding-inline: 14px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-details-toggle {
    min-width: 98px !important;
  }
}

@media (min-width: 701px) and (max-width: 1100px) {
  html body.viviliv-staff-panel-page .viviliv-order-card__number > strong { font-size: 23px !important; }
  html body.viviliv-staff-panel-page .viviliv-order-card__customer > strong { font-size: 15px !important; }
  html body.viviliv-staff-panel-page .viviliv-order-card__customer > a { font-size: 12px !important; }
  html body.viviliv-staff-panel-page .viviliv-order-card__method > strong { font-size: 14px !important; }
  html body.viviliv-staff-panel-page .viviliv-order-card__method > span,
  html body.viviliv-staff-panel-page .viviliv-order-card__method > small { font-size: 11px !important; }
  html body.viviliv-staff-panel-page .viviliv-order-card__total > strong { font-size: 22px !important; }
  html body.viviliv-staff-panel-page .viviliv-order-status-form select,
  html body.viviliv-staff-panel-page .viviliv-order-card__workflow .button { font-size: 11.5px !important; }
}



/* ==========================================================
   VIVILIV 14.123 — ORDERS TYPOGRAPHY + CONTROLS UNIFICATION
   One visual system for every control in an order card.
   Same font family, height, radius and type scale; only semantic
   colors differ (primary / outline / danger).
   ========================================================== */

html body.viviliv-staff-panel-page .viviliv-order-card,
html body.viviliv-staff-panel-page .viviliv-order-card button,
html body.viviliv-staff-panel-page .viviliv-order-card select,
html body.viviliv-staff-panel-page .viviliv-order-card input,
html body.viviliv-staff-panel-page .viviliv-order-card textarea,
html body.viviliv-staff-panel-page .viviliv-order-card a {
  font-family: "Montserrat", Arial, sans-serif !important;
}

@media (min-width: 1101px) {
  /* ---------- Readable but restrained hierarchy ---------- */
  html body.viviliv-staff-panel-page .viviliv-order-card__number > span,
  html body.viviliv-staff-panel-page .viviliv-order-card__total > span {
    font-size: 11px !important;
    font-weight: 750 !important;
    line-height: 1.1 !important;
    letter-spacing: .055em !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__number > strong {
    font-size: 25px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__number > small {
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__customer > strong {
    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__customer > a {
    font-size: 12.5px !important;
    font-weight: 550 !important;
    line-height: 1.28 !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__method > span {
    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 1.18 !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__method > strong {
    font-size: 15.5px !important;
    font-weight: 750 !important;
    line-height: 1.18 !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__method > small {
    font-size: 11.5px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__total > strong {
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  /* ---------- One geometry for ALL action controls ---------- */
  html body.viviliv-staff-panel-page .viviliv-order-status-form::before,
  html body.viviliv-staff-panel-page .viviliv-order-status-form select,
  html body.viviliv-staff-panel-page .viviliv-order-status-form .button,
  html body.viviliv-staff-panel-page .viviliv-order-card__links .button,
  html body.viviliv-staff-panel-page .viviliv-order-delete-form .button {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-status-form::before {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 13px !important;
    border: 1px solid rgba(216,178,74,.62) !important;
    border-radius: 10px !important;
    color: #f3d77a !important;
    background: rgba(6,21,13,.72) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-status-form select {
    width: 192px !important;
    min-width: 192px !important;
    padding: 0 34px 0 13px !important;
    color: #f7f4ea !important;
    background-color: rgba(6,21,13,.88) !important;
    border: 1px solid rgba(216,178,74,.50) !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-status-form .button,
  html body.viviliv-staff-panel-page .viviliv-order-card__links .button,
  html body.viviliv-staff-panel-page .viviliv-order-delete-form .button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 15px !important;
    text-decoration: none !important;
    text-align: center !important;
  }

  /* Primary action — same geometry, gold fill. */
  html body.viviliv-staff-panel-page .viviliv-order-status-form .button.button-primary,
  html body.viviliv-staff-panel-page .viviliv-order-status-form .button {
    color: #06150d !important;
    background: linear-gradient(135deg,#f3d77a,#d8b24a) !important;
    border: 1px solid #f3d77a !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.30), 0 5px 12px rgba(0,0,0,.12) !important;
  }

  /* Secondary actions — same geometry, calm outline. */
  html body.viviliv-staff-panel-page .viviliv-order-card__links .button:not(.viviliv-order-delete-button) {
    color: #f3d77a !important;
    background: rgba(6,21,13,.70) !important;
    border: 1px solid rgba(216,178,74,.62) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
  }

  /* Danger action — same geometry, only semantic red differs. */
  html body.viviliv-staff-panel-page .viviliv-order-delete-form .button,
  html body.viviliv-staff-panel-page .viviliv-order-card__links .viviliv-order-delete-button {
    color: #fff !important;
    background: linear-gradient(180deg,#be3d3d,#942828) !important;
    border: 1px solid rgba(255,132,132,.55) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
  }

  /* Same hover language across all actions. */
  html body.viviliv-staff-panel-page .viviliv-order-status-form .button:hover,
  html body.viviliv-staff-panel-page .viviliv-order-card__links .button:not(.viviliv-order-delete-button):hover {
    transform: translateY(-1px) !important;
    border-color: #f3d77a !important;
    box-shadow: 0 7px 16px rgba(0,0,0,.17) !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-delete-form .button:hover,
  html body.viviliv-staff-panel-page .viviliv-order-card__links .viviliv-order-delete-button:hover {
    transform: translateY(-1px) !important;
    background: linear-gradient(180deg,#cb4545,#a22c2c) !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-details-toggle {
    min-width: 104px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-pdf-button {
    min-width: 196px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-delete-form .button {
    min-width: 142px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__workflow > .viviliv-order-status-form,
  html body.viviliv-staff-panel-page .viviliv-order-card__workflow > .viviliv-order-card__links {
    min-height: 52px !important;
    padding: 7px 10px !important;
    align-items: center !important;
  }
}

@media (min-width: 701px) and (max-width: 1100px) {
  html body.viviliv-staff-panel-page .viviliv-order-status,
  html body.viviliv-staff-panel-page .viviliv-order-status-form select,
  html body.viviliv-staff-panel-page .viviliv-order-status-form .button,
  html body.viviliv-staff-panel-page .viviliv-order-card__links .button,
  html body.viviliv-staff-panel-page .viviliv-order-delete-form .button {
    min-height: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
  }
}

@media (max-width: 700px) {
  html body.viviliv-staff-panel-page .viviliv-order-card__customer > strong {
    font-size: 16px !important;
  }
  html body.viviliv-staff-panel-page .viviliv-order-card__customer > a,
  html body.viviliv-staff-panel-page .viviliv-order-card__method > span,
  html body.viviliv-staff-panel-page .viviliv-order-card__method > small {
    font-size: 12.5px !important;
  }
  html body.viviliv-staff-panel-page .viviliv-order-card__method > strong {
    font-size: 15px !important;
  }
  html body.viviliv-staff-panel-page .viviliv-order-status,
  html body.viviliv-staff-panel-page .viviliv-order-status-form select,
  html body.viviliv-staff-panel-page .viviliv-order-status-form .button,
  html body.viviliv-staff-panel-page .viviliv-order-card__links .button,
  html body.viviliv-staff-panel-page .viviliv-order-delete-form .button {
    min-height: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }
}


/* ==========================================================
   VIVILIV 14.127 — WOLT CANCEL ACTION
   Stały powód anulowania + bezpośrednie anulowanie Wolt Drive.
   ========================================================== */
html body.viviliv-staff-panel-page .viviliv-wolt-action__created-actions {
  display: grid !important;
  gap: 12px !important;
  margin-top: 14px !important;
}

html body.viviliv-staff-panel-page .viviliv-wolt-action__created-actions > .viviliv-wolt-action__tracking {
  width: max-content !important;
  max-width: 100% !important;
}

html body.viviliv-staff-panel-page .viviliv-wolt-action__cancel-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: end !important;
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid rgba(223, 86, 86, .32) !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, rgba(74, 20, 20, .28), rgba(30, 13, 13, .20)) !important;
}

html body.viviliv-staff-panel-page .viviliv-wolt-action__cancel-form > label {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html body.viviliv-staff-panel-page .viviliv-wolt-action__cancel-form > label > span {
  color: #f3d77a !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

html body.viviliv-staff-panel-page .viviliv-wolt-action__cancel-form input[type="text"] {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 9px 12px !important;
  color: #f7f4ea !important;
  background: #06150d !important;
  border: 1px solid rgba(216,178,74,.42) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

html body.viviliv-staff-panel-page .viviliv-wolt-action__cancel-form input[type="text"]:focus {
  outline: 0 !important;
  border-color: #f3d77a !important;
  box-shadow: 0 0 0 2px rgba(243,215,122,.10) !important;
}

html body.viviliv-staff-panel-page .viviliv-wolt-action__cancel-form small {
  display: block !important;
  color: rgba(247,244,234,.62) !important;
  font-size: 10.5px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

html body.viviliv-staff-panel-page .viviliv-wolt-action__cancel {
  min-height: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  background: linear-gradient(135deg, #c83a3a, #8f1f1f) !important;
  border: 1px solid rgba(255,126,126,.62) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.20) !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body.viviliv-staff-panel-page .viviliv-wolt-action__cancel:hover,
html body.viviliv-staff-panel-page .viviliv-wolt-action__cancel:focus {
  color: #fff !important;
  background: linear-gradient(135deg, #df4a4a, #a42727) !important;
}

html body.viviliv-staff-panel-page .viviliv-wolt-action__cancelled-note,
html body.viviliv-staff-panel-page .viviliv-wolt-action__cancel-blocked {
  display: grid !important;
  gap: 5px !important;
  padding: 12px 14px !important;
  border-radius: 12px !important;
  font-family: "Montserrat", Arial, sans-serif !important;
}

html body.viviliv-staff-panel-page .viviliv-wolt-action__cancelled-note {
  color: #e8f8ed !important;
  background: rgba(31, 111, 62, .22) !important;
  border: 1px solid rgba(93, 190, 120, .32) !important;
}

html body.viviliv-staff-panel-page .viviliv-wolt-action__cancelled-note strong {
  color: #9ce0ae !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html body.viviliv-staff-panel-page .viviliv-wolt-action__cancelled-note span,
html body.viviliv-staff-panel-page .viviliv-wolt-action__cancel-blocked {
  color: rgba(247,244,234,.72) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

html body.viviliv-staff-panel-page .viviliv-wolt-action__cancel-blocked {
  background: rgba(216,178,74,.08) !important;
  border: 1px solid rgba(216,178,74,.22) !important;
}

@media (max-width: 800px) {
  html body.viviliv-staff-panel-page .viviliv-wolt-action__cancel-form {
    grid-template-columns: 1fr !important;
  }
  html body.viviliv-staff-panel-page .viviliv-wolt-action__cancel,
  html body.viviliv-staff-panel-page .viviliv-wolt-action__created-actions > .viviliv-wolt-action__tracking {
    width: 100% !important;
  }
}


/* ==========================================================
   VIVILIV 14.129 — PRODUCT LIVE SEARCH + PRICE INPUT UX
   ========================================================== */
html body.viviliv-staff-panel-page .viviliv-product-filters input[name="viviliv_product_search"][aria-busy="true"] {
  border-color: #f3d77a !important;
  box-shadow: 0 0 0 2px rgba(243,215,122,.12) !important;
}

html body.viviliv-staff-panel-page .viviliv-owner-panel.is-live-product-searching .viviliv-product-table-wrap {
  opacity: .72 !important;
  transition: opacity .14s ease !important;
}

html body.viviliv-staff-panel-page input.viviliv-quick-price[inputmode="decimal"] {
  font-variant-numeric: tabular-nums !important;
}

/* ==========================================================
   VIVILIV 14.144 — ORDER DETAILS GRID RESCUE
   The 14.121 desktop card turns the article itself into a 4-column grid.
   <details> is a direct grid child and without an explicit placement it
   auto-lands in column 1, crushing the whole expanded order into ~280px.
   Keep the accepted 14.121/14.123 header and workflow layout, but force
   the expanded details to own a dedicated full-width row.
   ========================================================== */
@media (min-width: 1101px) {
  html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card,
  html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card {
    grid-template-rows: auto auto auto !important;
    grid-auto-flow: row !important;
  }

  html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card > .viviliv-order-card__details,
  html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card > .viviliv-order-card__details {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    justify-self: stretch !important;
    align-self: start !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  html body.viviliv-staff-panel-page .viviliv-orders-list > .viviliv-order-card > .viviliv-order-card__details[open],
  html body.viviliv-staff-panel-page .viviliv-staff-orders__list > .viviliv-order-card > .viviliv-order-card__details[open] {
    display: block !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__details[open] > .viviliv-order-card__details-grid {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr) !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__details[open] > .viviliv-order-card__details-grid > section,
  html body.viviliv-staff-panel-page .viviliv-order-card__details[open] .viviliv-weight-correction-panel,
  html body.viviliv-staff-panel-page .viviliv-order-card__details[open] .viviliv-order-adjustment-panel,
  html body.viviliv-staff-panel-page .viviliv-order-card__details[open] .viviliv-delivery-order-box,
  html body.viviliv-staff-panel-page .viviliv-order-card__details[open] .viviliv-wolt-action,
  html body.viviliv-staff-panel-page .viviliv-order-card__details[open] .viviliv-order-note-form {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}


/* ==========================================================
   VIVILIV 14.145 — UNIFIED ORDER CORRECTION
   Existing order lines can now be corrected as grams or pieces.
   Keep the accepted order-card grid untouched; only the correction
   rows receive a compact quantity editor.
   ========================================================== */
html body.viviliv-staff-panel-page .viviliv-order-adjustment-current__row {
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 10px !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-current__product {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-current__product strong {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-current__product > span {
  color: #f3d77a !important;
  font-size: 10.5px !important;
  font-weight: 750 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-quantity {
  display: flex !important;
  align-items: end !important;
  gap: 7px !important;
  margin: 0 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-quantity > label {
  display: grid !important;
  gap: 4px !important;
  margin: 0 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-quantity > label > span:first-child {
  color: rgba(247,244,234,.68) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-quantity > label > small {
  display: none !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-quantity__input {
  display: grid !important;
  grid-template-columns: 76px auto !important;
  align-items: center !important;
  min-height: 34px !important;
  overflow: hidden !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(216,178,74,.34) !important;
  border-radius: 10px !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-quantity__input input {
  width: 76px !important;
  min-width: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 9px !important;
  color: #f7f4ea !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  text-align: center !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-quantity__input b {
  min-width: 34px !important;
  padding: 0 8px 0 0 !important;
  color: #f3d77a !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  text-align: left !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-save-quantity,
html body.viviliv-staff-panel-page .viviliv-order-adjustment-remove-form .viviliv-order-adjustment-remove {
  min-height: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  white-space: nowrap !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-save-quantity {
  color: #06150d !important;
  background: #f3d77a !important;
  border-color: #f3d77a !important;
  font-weight: 850 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-remove-form {
  margin: 0 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-schedule__heading > div > span {
  color: #f3d77a !important;
}

@media (max-width: 860px) {
  html body.viviliv-staff-panel-page .viviliv-order-adjustment-current__row {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-adjustment-current__product strong {
    white-space: normal !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-adjustment-quantity {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: end !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-adjustment-quantity > label > small {
    display: block !important;
    color: rgba(247,244,234,.5) !important;
    font-size: 9px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-adjustment-quantity__input {
    grid-template-columns: minmax(70px,1fr) auto !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-adjustment-quantity__input input {
    width: 100% !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-adjustment-remove-form .viviliv-order-adjustment-remove {
    width: 100% !important;
  }
}


/* ==========================================================
   VIVILIV 14.148 — ORDER WORKFLOW + CORRECTION UI RESCUE
   ========================================================== */
html body.viviliv-staff-panel-page .viviliv-order-adjustment-current {
  display:grid!important; gap:0!important; max-width:1180px!important;
}
html body.viviliv-staff-panel-page .viviliv-order-adjustment-current__row {
  display:grid!important; grid-template-columns:minmax(260px,470px) minmax(0,430px)!important;
  justify-content:start!important; align-items:center!important; gap:28px!important;
  min-height:78px!important; padding:13px 14px!important;
}
html body.viviliv-staff-panel-page .viviliv-order-adjustment-current__product {
  display:grid!important; gap:4px!important; align-content:center!important;
}
html body.viviliv-staff-panel-page .viviliv-order-adjustment-current__product strong {
  color:#fff!important; font-size:13px!important; font-weight:850!important; line-height:1.25!important; white-space:normal!important;
}
html body.viviliv-staff-panel-page .viviliv-order-adjustment-current__product>span {
  color:rgba(247,244,234,.65)!important; font-size:10.5px!important; font-weight:700!important;
}
html body.viviliv-staff-panel-page .viviliv-order-adjustment-current__actions {
  display:flex!important; align-items:flex-end!important; justify-content:flex-start!important; gap:9px!important; min-width:0!important;
}
html body.viviliv-staff-panel-page .viviliv-order-adjustment-quantity {
  display:flex!important; align-items:flex-end!important; gap:9px!important; margin:0!important;
}
html body.viviliv-staff-panel-page .viviliv-order-adjustment-quantity>label {
  display:grid!important; grid-template-rows:auto 40px auto!important; gap:5px!important; width:142px!important; margin:0!important;
}
html body.viviliv-staff-panel-page .viviliv-order-adjustment-quantity>label>span:first-child {
  color:#f3d77a!important; font-size:9px!important; font-weight:850!important; letter-spacing:.055em!important; text-transform:uppercase!important;
}
html body.viviliv-staff-panel-page .viviliv-order-adjustment-quantity>label>small {
  display:block!important; min-height:12px!important; color:rgba(247,244,234,.46)!important; font-size:8.5px!important; line-height:1.2!important;
}
html body.viviliv-staff-panel-page .viviliv-order-adjustment-quantity__input {
  display:grid!important; grid-template-columns:minmax(0,1fr) 38px!important; align-items:stretch!important;
  width:142px!important; height:40px!important; min-height:40px!important; overflow:hidden!important;
  background:#06150d!important; border:1px solid rgba(216,178,74,.58)!important; border-radius:10px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html body.viviliv-staff-panel-page .viviliv-order-adjustment-quantity__input input {
  display:block!important; width:100%!important; min-width:0!important; height:38px!important; min-height:38px!important;
  margin:0!important; padding:0 10px!important; color:#fff!important; background:transparent!important; border:0!important;
  border-radius:0!important; box-shadow:none!important; font-size:13px!important; font-weight:900!important;
  line-height:38px!important; text-align:center!important; -moz-appearance:textfield!important;
}
html body.viviliv-staff-panel-page .viviliv-order-adjustment-quantity__input input::-webkit-inner-spin-button,
html body.viviliv-staff-panel-page .viviliv-order-adjustment-quantity__input input::-webkit-outer-spin-button { margin:0!important; -webkit-appearance:none!important; }
html body.viviliv-staff-panel-page .viviliv-order-adjustment-quantity__input b {
  display:flex!important; align-items:center!important; justify-content:center!important; min-width:38px!important; height:38px!important;
  padding:0!important; color:rgba(247,244,234,.72)!important; background:rgba(255,255,255,.035)!important;
  border-left:1px solid rgba(216,178,74,.28)!important; font-size:10px!important; font-weight:850!important; line-height:1!important;
}
html body.viviliv-staff-panel-page .viviliv-order-adjustment-save-quantity,
html body.viviliv-staff-panel-page .viviliv-order-adjustment-remove-form .viviliv-order-adjustment-remove {
  display:inline-flex!important; align-items:center!important; justify-content:center!important; width:auto!important; min-width:82px!important;
  height:40px!important; min-height:40px!important; margin:0 0 17px!important; padding:0 13px!important;
  border-radius:10px!important; font-size:10.5px!important; font-weight:850!important; white-space:nowrap!important;
}
html body.viviliv-staff-panel-page .viviliv-order-adjustment-save-quantity {
  color:#06150d!important; background:#f3d77a!important; border-color:#f3d77a!important;
}
html body.viviliv-staff-panel-page .viviliv-order-adjustment-remove-form {
  display:flex!important; align-items:flex-end!important; margin:0!important;
}
html body.viviliv-staff-panel-page .viviliv-order-adjustment-remove-form .viviliv-order-adjustment-remove {
  color:#f7f4ea!important; background:rgba(112,25,25,.26)!important; border-color:rgba(224,92,92,.48)!important;
}
html body.viviliv-staff-panel-page .viviliv-order-documents-grid article>div:first-child>span b {
  color:rgba(243,215,122,.78)!important; font-weight:800!important;
}
@media(max-width:980px){
  html body.viviliv-staff-panel-page .viviliv-order-adjustment-current__row { grid-template-columns:minmax(220px,1fr) minmax(0,430px)!important; gap:16px!important; }
}
@media(max-width:760px){
  html body.viviliv-staff-panel-page .viviliv-order-adjustment-current__row { grid-template-columns:1fr!important; gap:12px!important; }
  html body.viviliv-staff-panel-page .viviliv-order-adjustment-current__actions { display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:end!important; gap:8px!important; }
  html body.viviliv-staff-panel-page .viviliv-order-adjustment-quantity { display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; width:100%!important; }
  html body.viviliv-staff-panel-page .viviliv-order-adjustment-quantity>label,
  html body.viviliv-staff-panel-page .viviliv-order-adjustment-quantity__input { width:100%!important; }
}

/* ==========================================================
   VIVILIV 14.149 — ORDER DOCUMENTS + CORRECTION PREMIUM FINAL
   Pure visual pass. No order, payment, Wolt, mail or status logic.
   ========================================================== */

/* ---------- Shared premium surface ---------- */
html body.viviliv-staff-panel-page .viviliv-order-documents-panel,
html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel {
  position: relative !important;
  isolation: isolate !important;
  width: auto !important;
  max-width: none !important;
  margin: 16px 12px 0 !important;
  padding: 20px !important;
  gap: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgba(216,178,74,.30) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(243,215,122,.055), transparent 30%),
    linear-gradient(145deg, rgba(16,54,33,.78), rgba(5,22,13,.96)) !important;
  box-shadow:
    0 16px 36px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.035) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-documents-panel::before,
html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 3px !important;
  background: linear-gradient(180deg,#f3d77a 0%,rgba(216,178,74,.32) 58%,transparent 100%) !important;
  pointer-events: none !important;
}

/* ---------- Panel headings ---------- */
html body.viviliv-staff-panel-page .viviliv-order-documents-panel__head,
html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel__heading {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: start !important;
  gap: 18px !important;
  padding: 0 0 15px !important;
  border-bottom: 1px solid rgba(216,178,74,.16) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-documents-panel__head > div,
html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel__heading > div {
  min-width: 0 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-documents-panel__head .viviliv-staff-eyebrow,
html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel__heading .viviliv-staff-eyebrow {
  margin: 0 0 5px !important;
  color: rgba(243,215,122,.86) !important;
  font-size: 9.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .11em !important;
}

html body.viviliv-staff-panel-page .viviliv-order-documents-panel__head h3,
html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel__heading h3 {
  margin: 0 0 6px !important;
  color: #f7f4ea !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.14 !important;
  letter-spacing: -.018em !important;
}

html body.viviliv-staff-panel-page .viviliv-order-documents-panel__head p:not(.viviliv-staff-eyebrow),
html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel__heading p:not(.viviliv-staff-eyebrow) {
  max-width: 980px !important;
  margin: 0 !important;
  color: rgba(247,244,234,.67) !important;
  font-size: 11.5px !important;
  font-weight: 560 !important;
  line-height: 1.48 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-documents-panel__head > span,
html body.viviliv-staff-panel-page .viviliv-order-adjustment-state {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 0 11px !important;
  border: 1px solid rgba(243,215,122,.28) !important;
  border-radius: 999px !important;
  color: #f3d77a !important;
  background: rgba(216,178,74,.07) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
  font-size: 9.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel.is-locked .viviliv-order-adjustment-state {
  color: rgba(247,244,234,.62) !important;
  border-color: rgba(247,244,234,.16) !important;
  background: rgba(255,255,255,.025) !important;
}

/* ---------- Documents: two clear premium cards ---------- */
html body.viviliv-staff-panel-page .viviliv-order-documents-grid {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 14px !important;
}

html body.viviliv-staff-panel-page .viviliv-order-documents-grid article {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  min-width: 0 !important;
  min-height: 122px !important;
  margin: 0 !important;
  padding: 16px 16px 16px 18px !important;
  overflow: hidden !important;
  border: 1px solid rgba(216,178,74,.18) !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg,rgba(8,36,22,.90),rgba(5,22,13,.86)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-documents-grid article::before {
  content: '' !important;
  position: absolute !important;
  inset: 11px auto 11px 0 !important;
  width: 3px !important;
  border-radius: 0 4px 4px 0 !important;
  background: rgba(216,178,74,.38) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-documents-grid article.is-corrected {
  border-color: rgba(243,215,122,.30) !important;
  background: linear-gradient(145deg,rgba(25,72,44,.58),rgba(7,30,18,.91)) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-documents-grid article.is-corrected::before {
  background: linear-gradient(180deg,#f3d77a,#d8b24a) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-documents-grid article > div:first-child {
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
  min-width: 0 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-documents-grid small {
  margin: 0 !important;
  color: rgba(243,215,122,.80) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .095em !important;
}

html body.viviliv-staff-panel-page .viviliv-order-documents-grid strong {
  margin: 0 0 2px !important;
  color: #fff !important;
  font-size: 14.5px !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-documents-grid span {
  display: block !important;
  margin: 0 !important;
  color: rgba(247,244,234,.67) !important;
  font-size: 10.5px !important;
  font-weight: 560 !important;
  line-height: 1.34 !important;
  font-variant-numeric: tabular-nums !important;
}

html body.viviliv-staff-panel-page .viviliv-order-documents-grid article > div:first-child > span b {
  color: rgba(243,215,122,.82) !important;
  font-weight: 820 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-documents-actions {
  display: grid !important;
  grid-template-columns: auto auto !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: max-content !important;
  margin: 0 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-documents-actions .button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 86px !important;
  min-height: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  border: 1px solid rgba(243,215,122,.50) !important;
  border-radius: 10px !important;
  color: #f3d77a !important;
  background: rgba(5,22,13,.66) !important;
  box-shadow: none !important;
  font-size: 10.5px !important;
  font-weight: 880 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body.viviliv-staff-panel-page .viviliv-order-documents-actions .button:hover {
  color: #fff0b8 !important;
  background: rgba(243,215,122,.08) !important;
  border-color: rgba(243,215,122,.78) !important;
  transform: translateY(-1px) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-documents-actions .button-primary {
  min-width: 108px !important;
  color: #06150d !important;
  background: linear-gradient(135deg,#f7df8b,#d8b24a) !important;
  border-color: #f3d77a !important;
  box-shadow: 0 7px 16px rgba(0,0,0,.16) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-documents-actions .button-primary:hover {
  color: #06150d !important;
  background: linear-gradient(135deg,#ffe99b,#dfbb51) !important;
}

/* ---------- Correction: compact and readable when locked ---------- */
html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel.is-locked .viviliv-order-adjustment-current {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: none !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel.is-locked .viviliv-order-adjustment-current__row {
  display: flex !important;
  align-items: center !important;
  min-height: 66px !important;
  margin: 0 !important;
  padding: 13px 14px !important;
  border: 1px solid rgba(216,178,74,.16) !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg,rgba(8,34,21,.82),rgba(5,22,13,.82)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02) !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel.is-locked .viviliv-order-adjustment-current__product {
  display: grid !important;
  gap: 4px !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel.is-locked .viviliv-order-adjustment-current__product strong {
  color: #f7f4ea !important;
  font-size: 13px !important;
  font-weight: 880 !important;
  line-height: 1.2 !important;
  white-space: normal !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel.is-locked .viviliv-order-adjustment-current__product > span {
  color: rgba(243,215,122,.76) !important;
  font-size: 10px !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel.is-locked > .viviliv-staff-notice {
  position: relative !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 12px 14px 12px 46px !important;
  border: 1px solid rgba(243,215,122,.22) !important;
  border-left: 3px solid #d8b24a !important;
  border-radius: 12px !important;
  color: rgba(247,244,234,.82) !important;
  background: linear-gradient(90deg,rgba(216,178,74,.08),rgba(255,255,255,.018)) !important;
  box-shadow: none !important;
  font-size: 11.5px !important;
  font-weight: 650 !important;
  line-height: 1.46 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel.is-locked > .viviliv-staff-notice::before {
  content: 'i' !important;
  position: absolute !important;
  top: 50% !important;
  left: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  transform: translateY(-50%) !important;
  border: 1px solid rgba(243,215,122,.45) !important;
  border-radius: 999px !important;
  color: #06150d !important;
  background: linear-gradient(135deg,#f3d77a,#d8b24a) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  font-style: normal !important;
  line-height: 1 !important;
}

/* ---------- Editable correction: stop controls from drifting ---------- */
html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel:not(.is-locked) .viviliv-order-adjustment-current {
  width: 100% !important;
  max-width: none !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel:not(.is-locked) .viviliv-order-adjustment-current__row {
  grid-template-columns: minmax(240px,1fr) auto !important;
  justify-content: stretch !important;
  gap: 18px !important;
  min-height: 76px !important;
  padding: 12px 14px !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel:not(.is-locked) .viviliv-order-adjustment-current__actions {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  min-width: 0 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel:not(.is-locked) .viviliv-order-adjustment-quantity {
  display: flex !important;
  align-items: flex-end !important;
  gap: 8px !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel:not(.is-locked) .viviliv-order-adjustment-quantity > label {
  width: 156px !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel:not(.is-locked) .viviliv-order-adjustment-quantity__input {
  width: 156px !important;
  grid-template-columns: minmax(0,1fr) 38px !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-save-quantity,
html body.viviliv-staff-panel-page .viviliv-order-adjustment-remove-form .viviliv-order-adjustment-remove {
  min-width: 84px !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  font-size: 10.5px !important;
  font-weight: 880 !important;
  line-height: 1 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-save-quantity {
  color: #06150d !important;
  background: linear-gradient(135deg,#f7df8b,#d8b24a) !important;
  border-color: #f3d77a !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-remove-form .viviliv-order-adjustment-remove {
  color: #ffd8d8 !important;
  background: rgba(121,26,26,.28) !important;
  border-color: rgba(225,92,92,.46) !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 1180px) {
  html body.viviliv-staff-panel-page .viviliv-order-documents-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 860px) {
  html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel.is-locked .viviliv-order-adjustment-current {
    grid-template-columns: 1fr !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel:not(.is-locked) .viviliv-order-adjustment-current__row {
    grid-template-columns: 1fr !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel:not(.is-locked) .viviliv-order-adjustment-current__actions {
    justify-content: flex-start !important;
  }
}

@media (max-width: 700px) {
  html body.viviliv-staff-panel-page .viviliv-order-documents-panel,
  html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel {
    margin: 12px 8px 0 !important;
    padding: 15px !important;
    border-radius: 15px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-documents-panel__head,
  html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel__heading {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-documents-panel__head > span,
  html body.viviliv-staff-panel-page .viviliv-order-adjustment-state {
    justify-self: start !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-documents-grid article {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    gap: 14px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-documents-actions {
    width: 100% !important;
    grid-template-columns: 1fr 1fr !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-documents-actions .button {
    width: 100% !important;
    min-width: 0 !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel:not(.is-locked) .viviliv-order-adjustment-current__actions,
  html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel:not(.is-locked) .viviliv-order-adjustment-quantity {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    width: 100% !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel:not(.is-locked) .viviliv-order-adjustment-quantity > label,
  html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel:not(.is-locked) .viviliv-order-adjustment-quantity__input {
    width: 100% !important;
  }
}

/* ---------- 14.149 final refinement: metadata rhythm ---------- */
html body.viviliv-staff-panel-page .viviliv-order-documents-grid article > div:first-child > span {
  display: grid !important;
  grid-template-columns: minmax(118px, auto) minmax(0, 1fr) !important;
  align-items: baseline !important;
  column-gap: 7px !important;
  row-gap: 2px !important;
}

html body.viviliv-staff-panel-page .viviliv-order-documents-grid article > div:first-child > span b {
  white-space: nowrap !important;
}

html body.viviliv-staff-panel-page .viviliv-order-documents-actions {
  align-self: stretch !important;
  align-content: center !important;
  padding-left: 16px !important;
  border-left: 1px solid rgba(216,178,74,.14) !important;
}

/* ---------- Locked correction: each item becomes a complete summary card ---------- */
html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel.is-locked .viviliv-order-adjustment-current__product {
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel.is-locked .viviliv-order-adjustment-current__product > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  width: max-content !important;
  max-width: 100% !important;
  padding: 0 10px !important;
  border: 1px solid rgba(243,215,122,.22) !important;
  border-radius: 999px !important;
  background: rgba(216,178,74,.065) !important;
  white-space: nowrap !important;
}

html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel.is-locked > .viviliv-staff-notice {
  width: fit-content !important;
  max-width: min(100%,1100px) !important;
  justify-self: start !important;
}

/* ---------- Final order weight/payment panel ---------- */
html body.viviliv-staff-panel-page .viviliv-weight-correction-panel {
  position: relative !important;
  isolation: isolate !important;
  width: auto !important;
  max-width: none !important;
  margin: 16px 12px 0 !important;
  padding: 20px !important;
  gap: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgba(216,178,74,.30) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(243,215,122,.05), transparent 30%),
    linear-gradient(145deg, rgba(14,49,30,.82), rgba(5,22,13,.97)) !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.035) !important;
}

html body.viviliv-staff-panel-page .viviliv-weight-correction-panel::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 3px !important;
  background: linear-gradient(180deg,#f3d77a 0%,rgba(216,178,74,.32) 58%,transparent 100%) !important;
  pointer-events: none !important;
}

html body.viviliv-staff-panel-page .viviliv-weight-correction-panel__heading {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: start !important;
  gap: 18px !important;
  padding: 0 0 15px !important;
  border-bottom: 1px solid rgba(216,178,74,.16) !important;
}

html body.viviliv-staff-panel-page .viviliv-weight-correction-panel__heading > div {
  min-width: 0 !important;
}

html body.viviliv-staff-panel-page .viviliv-weight-correction-panel__heading > div > span:first-child,
html body.viviliv-staff-panel-page .viviliv-weight-correction-panel__heading .viviliv-staff-eyebrow {
  display: block !important;
  margin: 0 0 5px !important;
  color: rgba(243,215,122,.86) !important;
  font-size: 9.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
}

html body.viviliv-staff-panel-page .viviliv-weight-correction-panel__heading h3 {
  margin: 0 0 6px !important;
  color: #f7f4ea !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.14 !important;
  letter-spacing: -.018em !important;
}

html body.viviliv-staff-panel-page .viviliv-weight-correction-panel__heading p {
  max-width: 980px !important;
  margin: 0 !important;
  color: rgba(247,244,234,.67) !important;
  font-size: 11.5px !important;
  line-height: 1.48 !important;
}

html body.viviliv-staff-panel-page .viviliv-weight-state {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 0 11px !important;
  border: 1px solid rgba(243,215,122,.24) !important;
  border-radius: 999px !important;
  color: #f3d77a !important;
  background: rgba(216,178,74,.06) !important;
  font-size: 9.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body.viviliv-staff-panel-page .viviliv-weight-correction-table {
  display: grid !important;
  gap: 0 !important;
  width: 100% !important;
  overflow: hidden !important;
  border: 1px solid rgba(216,178,74,.20) !important;
  border-radius: 14px !important;
  background: rgba(4,18,10,.54) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02) !important;
}

html body.viviliv-staff-panel-page .viviliv-weight-correction-table > div {
  display: grid !important;
  grid-template-columns: minmax(260px,1fr) 120px 180px 140px !important;
  align-items: center !important;
  gap: 16px !important;
  min-height: 58px !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid rgba(216,178,74,.12) !important;
  background: rgba(255,255,255,.008) !important;
}

html body.viviliv-staff-panel-page .viviliv-weight-correction-table > div:nth-child(odd):not(.is-head) {
  background: rgba(25,72,44,.08) !important;
}

html body.viviliv-staff-panel-page .viviliv-weight-correction-table > div:last-child {
  border-bottom: 0 !important;
}

html body.viviliv-staff-panel-page .viviliv-weight-correction-table > .is-head {
  min-height: 38px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  color: rgba(243,215,122,.78) !important;
  background: linear-gradient(90deg,rgba(216,178,74,.08),rgba(255,255,255,.015)) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase !important;
}

html body.viviliv-staff-panel-page .viviliv-weight-correction-row > strong:first-child {
  color: #f7f4ea !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

html body.viviliv-staff-panel-page .viviliv-weight-correction-row > span {
  color: rgba(247,244,234,.72) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

html body.viviliv-staff-panel-page .viviliv-weight-correction-row > label {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 36px !important;
  align-items: center !important;
  width: 158px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(216,178,74,.46) !important;
  border-radius: 10px !important;
  color: rgba(247,244,234,.72) !important;
  background: #06150d !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-align: center !important;
}

html body.viviliv-staff-panel-page .viviliv-weight-correction-row > label input[type="number"] {
  width: 100% !important;
  min-width: 0 !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  color: #fff !important;
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid rgba(216,178,74,.22) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 38px !important;
  text-align: center !important;
  -moz-appearance: textfield !important;
}

html body.viviliv-staff-panel-page .viviliv-weight-correction-row > label input[type="number"]::-webkit-inner-spin-button,
html body.viviliv-staff-panel-page .viviliv-weight-correction-row > label input[type="number"]::-webkit-outer-spin-button {
  margin: 0 !important;
  -webkit-appearance: none !important;
}

html body.viviliv-staff-panel-page .viviliv-weight-live-line-total {
  justify-self: end !important;
  color: #f3d77a !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

html body.viviliv-staff-panel-page .viviliv-weight-order-breakdown {
  margin-top: 12px !important;
  overflow: hidden !important;
  border: 1px solid rgba(216,178,74,.18) !important;
  border-radius: 12px !important;
  background: rgba(4,18,10,.45) !important;
}

html body.viviliv-staff-panel-page .viviliv-weight-order-breakdown > div {
  min-height: 42px !important;
  padding: 10px 14px !important;
  border-bottom-color: rgba(216,178,74,.11) !important;
}

html body.viviliv-staff-panel-page .viviliv-weight-order-breakdown > div.is-total {
  background: rgba(216,178,74,.08) !important;
}

@media (max-width: 980px) {
  html body.viviliv-staff-panel-page .viviliv-weight-correction-table > div {
    grid-template-columns: minmax(220px,1fr) 100px 160px 120px !important;
    gap: 12px !important;
  }
}

@media (max-width: 760px) {
  html body.viviliv-staff-panel-page .viviliv-order-documents-grid article > div:first-child > span {
    grid-template-columns: 1fr !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-documents-actions {
    padding-left: 0 !important;
    padding-top: 12px !important;
    border-left: 0 !important;
    border-top: 1px solid rgba(216,178,74,.14) !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel.is-locked .viviliv-order-adjustment-current__product {
    grid-template-columns: 1fr !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-adjustment-panel.is-locked .viviliv-order-adjustment-current__product > span {
    justify-self: start !important;
  }

  html body.viviliv-staff-panel-page .viviliv-weight-correction-panel {
    margin: 12px 8px 0 !important;
    padding: 15px !important;
    border-radius: 15px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-weight-correction-panel__heading {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-weight-state {
    justify-self: start !important;
  }

  html body.viviliv-staff-panel-page .viviliv-weight-correction-table > .is-head {
    display: none !important;
  }

  html body.viviliv-staff-panel-page .viviliv-weight-correction-table > div {
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 8px 12px !important;
    min-height: 0 !important;
    padding: 13px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-weight-correction-row > strong:first-child {
    grid-column: 1 / -1 !important;
  }

  html body.viviliv-staff-panel-page .viviliv-weight-correction-row > label {
    width: 146px !important;
  }
}

/* =========================================================
   VIVILIV 0.9.21.1.14.152 — PRODUKTY / OPERACJE: RÓWNE WIERSZE
   ---------------------------------------------------------
   <td> Operacje było jednocześnie komórką tabeli i CSS Grid.
   Zmiana display:table-cell -> grid wyrywała tę kolumnę z
   natywnego układu tabeli i wizualnie rozrywała poziome linie
   pomiędzy produktami. Grid jest teraz wewnątrz dedykowanego
   wrappera, a sama komórka pozostaje prawdziwym table-cell.
   ========================================================= */

/* Wspólny układ przycisków — grid mieszka WEWNĄTRZ komórki. */
html body.viviliv-staff-panel-page.viviliv-native-panel-page
.viviliv-native-module--products
.viviliv-product-table-quick
.viviliv-product-actions > .viviliv-product-actions-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  align-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

html body.viviliv-staff-panel-page.viviliv-native-panel-page
.viviliv-native-module--products
.viviliv-product-table-quick
.viviliv-product-actions > .viviliv-product-actions-grid > .button:nth-child(3) {
  grid-column: 1 / -1 !important;
}

/* Desktop: Operacje MUSI pozostać zwykłą komórką tabeli. */
@media (min-width: 1181px) {
  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick
  tr.viviliv-product-row {
    height: 120px !important;
  }

  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick
  tr.viviliv-product-row > td {
    height: 120px !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
  }

  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick
  td.viviliv-product-actions[data-viviliv-column="actions"] {
    display: table-cell !important;
    vertical-align: middle !important;
  }

  /* W każdym produkcie przyciski zajmują identyczny układ 2 + 1. */
  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick
  td.viviliv-product-actions[data-viviliv-column="actions"]
  > .viviliv-product-actions-grid {
    min-height: 84px !important;
  }
}

/* Tablet: zachowujemy układ kart, ale przyciski są w jednym wrapperze. */
@media (max-width: 1180px) and (min-width: 481px) {
  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick
  .viviliv-product-actions > .viviliv-product-actions-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick
  .viviliv-product-actions > .viviliv-product-actions-grid > .button:nth-child(3) {
    grid-column: auto !important;
  }
}

/* Telefon: trzy akcje jedna pod drugą, bez wpływu na resztę karty. */
@media (max-width: 480px) {
  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick
  .viviliv-product-actions > .viviliv-product-actions-grid {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  html body.viviliv-staff-panel-page.viviliv-native-panel-page
  .viviliv-native-module--products
  .viviliv-product-table-quick
  .viviliv-product-actions > .viviliv-product-actions-grid > .button {
    grid-column: 1 !important;
    width: 100% !important;
  }
}


/* =========================================================
   VIVILIV 0.9.21.1.14.153 — szybkie sterowanie serwisem
   ========================================================= */

body.viviliv-staff-panel-page .viviliv-portal-header__actions {
    flex-wrap: wrap;
}

body.viviliv-staff-panel-page .viviliv-portal-quick-control {
    display: inline-flex;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
}

body.viviliv-staff-panel-page .viviliv-portal-quick-control > input[type="hidden"] {
    display: none !important;
}

body.viviliv-staff-panel-page .viviliv-portal-quick-toggle {
    min-height: 42px;
    padding: 9px 14px;
    border: 1px solid transparent;
    border-radius: 11px;
    box-shadow: 0 6px 18px rgba(0,0,0,.18);
    font-family: "Segoe UI Variable Text","Segoe UI",Tahoma,Arial,sans-serif;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
    transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

body.viviliv-staff-panel-page .viviliv-portal-quick-toggle:hover {
    transform: translateY(-1px);
    box-shadow: 0 9px 22px rgba(0,0,0,.24);
    filter: brightness(1.04);
}

body.viviliv-staff-panel-page .viviliv-portal-quick-toggle:focus-visible {
    outline: 3px solid rgba(243,215,122,.62);
    outline-offset: 2px;
}

/* Sprzedaż */
body.viviliv-staff-panel-page .viviliv-portal-quick-toggle.is-danger {
    color: #fff;
    background: #9f2f2f;
    border-color: #cf6262;
}

body.viviliv-staff-panel-page .viviliv-portal-quick-toggle.is-success {
    color: #06150d;
    background: #f3d77a;
    border-color: #d8b24a;
}

/* Cały serwis */
body.viviliv-staff-panel-page .viviliv-portal-quick-toggle.is-site-off-action {
    color: #fff;
    background: #6f1d1d;
    border-color: #e07474;
}

body.viviliv-staff-panel-page .viviliv-portal-quick-toggle.is-site-on-action {
    color: #06150d;
    background: #7ee2a6;
    border-color: #43b971;
}

@media (max-width: 820px) {
    body.viviliv-staff-panel-page .viviliv-portal-header__actions {
        justify-content: flex-start !important;
        gap: 8px !important;
    }

    body.viviliv-staff-panel-page .viviliv-portal-header__actions > strong {
        flex: 0 0 auto;
    }

    body.viviliv-staff-panel-page .viviliv-portal-quick-control {
        flex: 1 1 calc(50% - 8px);
    }

    body.viviliv-staff-panel-page .viviliv-portal-quick-toggle {
        width: 100%;
        justify-content: center;
        min-height: 44px;
    }

    body.viviliv-staff-panel-page .viviliv-portal-header__actions > a {
        margin-left: auto;
    }
}

@media (max-width: 520px) {
    body.viviliv-staff-panel-page .viviliv-portal-quick-control {
        flex: 1 1 100%;
    }
}


/* =========================================================
   VIVILIV 0.9.21.1.14.156 — spójne przyciski wg STANU
   WŁĄCZONE  -> żółty
   WYŁĄCZONE -> czerwony
   ========================================================= */

html body.viviliv-staff-panel-page .viviliv-portal-header__actions {
    align-items: center !important;
    gap: 10px !important;
}

html body.viviliv-staff-panel-page .viviliv-portal-quick-control {
    flex: 0 0 auto !important;
}

html body.viviliv-staff-panel-page .viviliv-portal-quick-toggle {
    width: 148px !important;
    min-width: 148px !important;
    max-width: 148px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 12px !important;
    font-family: "Segoe UI Variable Text", "Segoe UI", Tahoma, Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
}

/* STAN WŁĄCZONY -> żółty + ciemny czytelny tekst */
html body.viviliv-staff-panel-page .viviliv-portal-quick-toggle.is-state-on {
    color: #06150d !important;
    background: #f3d77a !important;
    border-color: #d8b24a !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.30), 0 6px 18px rgba(0,0,0,.18) !important;
}

/* STAN WYŁĄCZONY -> czerwony + biały tekst */
html body.viviliv-staff-panel-page .viviliv-portal-quick-toggle.is-state-off {
    color: #ffffff !important;
    background: #9f2f2f !important;
    border-color: #cf6262 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 6px 18px rgba(0,0,0,.18) !important;
}

html body.viviliv-staff-panel-page .viviliv-portal-quick-toggle:hover {
    transform: translateY(-1px) !important;
    filter: brightness(1.04) !important;
}

/* Wyloguj — ta sama forma, bez zmiany znaczenia */
html body.viviliv-staff-panel-page .viviliv-portal-header__actions > a {
    width: 148px !important;
    min-width: 148px !important;
    max-width: 148px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
}

@media (max-width: 820px) {
    html body.viviliv-staff-panel-page .viviliv-portal-quick-control {
        flex: 1 1 calc(50% - 8px) !important;
    }

    html body.viviliv-staff-panel-page .viviliv-portal-quick-toggle {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    html body.viviliv-staff-panel-page .viviliv-portal-header__actions > a {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }
}

@media (max-width: 520px) {
    html body.viviliv-staff-panel-page .viviliv-portal-quick-control {
        flex: 1 1 100% !important;
    }
}


/* =========================================================
   VIVILIV 0.9.21.1.14.157 — finalne kolory stanów w nagłówku
   WŁĄCZONE  -> żółty + ciemnozielony tekst
   WYŁĄCZONE -> czerwony + biały tekst
   Naprawia globalny -webkit-text-fill-color i hover.
   ========================================================= */

html body.viviliv-staff-panel-page .viviliv-portal-quick-toggle.is-state-on,
html body.viviliv-staff-panel-page .viviliv-portal-quick-toggle.is-state-on:hover,
html body.viviliv-staff-panel-page .viviliv-portal-quick-toggle.is-state-on:focus-visible {
    color: #06150d !important;
    -webkit-text-fill-color: #06150d !important;
    background: #f3d77a !important;
    border-color: #d8b24a !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.30), 0 6px 18px rgba(0,0,0,.18) !important;
}

html body.viviliv-staff-panel-page .viviliv-portal-quick-toggle.is-state-off,
html body.viviliv-staff-panel-page .viviliv-portal-quick-toggle.is-state-off:hover,
html body.viviliv-staff-panel-page .viviliv-portal-quick-toggle.is-state-off:focus-visible {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: #9f2f2f !important;
    border-color: #cf6262 !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 6px 18px rgba(0,0,0,.18) !important;
}

/* Hover zmienia tylko lekko jasność — nie zmienia koloru stanu. */
html body.viviliv-staff-panel-page .viviliv-portal-quick-toggle.is-state-on:hover,
html body.viviliv-staff-panel-page .viviliv-portal-quick-toggle.is-state-off:hover {
    transform: translateY(-1px) !important;
    filter: brightness(1.04) !important;
}

/* 0.9.21.1.14.173 — confirmed dark text on gold/light status controls.
 * DOM/Computed verified on .vvl-contrast-dark-text and
 * .viviliv-order-status.status-viv-weight. */
html body.viviliv-staff-panel-page .vvl-contrast-dark-text,
html body.viviliv-staff-panel-page .vvl-contrast-dark-text *,
html body.viviliv-staff-panel-page .viviliv-order-status.status-viv-weight,
html body.viviliv-staff-panel-page .viviliv-order-status.status-viv-weight * {
    color: rgb(6, 21, 13) !important;
    -webkit-text-fill-color: rgb(6, 21, 13) !important;
    opacity: 1 !important;
}


/* =========================================================
   VIVILIV 0.9.21.1.14.174 — KOREKTA: WAGA / ZAPISZ / USUŃ
   Targeted layout correction for the confirmed DOM:
   .viviliv-order-adjustment-current__actions
   .viviliv-order-adjustment-quantity
   .viviliv-order-adjustment-quantity__input

   The label contains a title above the field and helper text below it.
   Previous flex-end alignment therefore pushed Zapisz/Usuń below the
   actual number input. Centering against the full label aligns the
   40px buttons with the 40px input row without touching order logic.
   ========================================================= */
html body.viviliv-staff-panel-page
.viviliv-order-adjustment-panel:not(.is-locked)
.viviliv-order-adjustment-current__actions {
    align-items: center !important;
}

html body.viviliv-staff-panel-page
.viviliv-order-adjustment-panel:not(.is-locked)
.viviliv-order-adjustment-quantity {
    align-items: center !important;
}

html body.viviliv-staff-panel-page
.viviliv-order-adjustment-panel:not(.is-locked)
.viviliv-order-adjustment-save-quantity,
html body.viviliv-staff-panel-page
.viviliv-order-adjustment-panel:not(.is-locked)
.viviliv-order-adjustment-remove-form {
    align-self: center !important;
}


/* =========================================================
   VIVILIV 0.9.21.1.14.175 — KOREKTA: CZYSTE POLE WAGI
   DOM confirmed: .viviliv-order-adjustment-quantity__input
   One premium field: number + unit in the same surface, without
   the artificial boxed "g" segment or inner divider.
   ========================================================= */
html body.viviliv-staff-panel-page
.viviliv-order-adjustment-panel:not(.is-locked)
.viviliv-order-adjustment-quantity__input {
    position: relative !important;
    display: block !important;
    width: 156px !important;
    height: 40px !important;
    min-height: 40px !important;
    overflow: hidden !important;
    background: #06150d !important;
    border: 1px solid rgba(216,178,74,.58) !important;
    border-radius: 10px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}

html body.viviliv-staff-panel-page
.viviliv-order-adjustment-panel:not(.is-locked)
.viviliv-order-adjustment-quantity__input input[type="number"] {
    display: block !important;
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 34px 0 12px !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 38px !important;
    text-align: center !important;
}

html body.viviliv-staff-panel-page
.viviliv-order-adjustment-panel:not(.is-locked)
.viviliv-order-adjustment-quantity__input b {
    position: absolute !important;
    top: 0 !important;
    right: 12px !important;
    bottom: 0 !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 !important;
    color: rgba(247,244,234,.72) !important;
    -webkit-text-fill-color: rgba(247,244,234,.72) !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    pointer-events: none !important;
}

/* =========================================================
   VIVILIV 0.9.21.1.14.176 — KOREKTA: CZYTELNA JEDNOSTKA
   Confirmed on the clean number+unit field from 175.
   Only the unit suffix typography is enlarged; no layout/workflow logic changes.
   ========================================================= */
html body.viviliv-staff-panel-page
.viviliv-order-adjustment-panel:not(.is-locked)
.viviliv-order-adjustment-quantity__input b {
    color: #f7f4ea !important;
    -webkit-text-fill-color: #f7f4ea !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    opacity: 1 !important;
}

/* =========================================================
   VIVILIV 0.9.21.1.14.177 — KOREKTA: CZYTELNY PRODUKT
   Confirmed on the live desktop DOM:
   .viviliv-order-adjustment-current__product > strong + span.
   There is ample horizontal space, so the product name and current
   quantity must be readable at normal working distance instead of
   micro-typography. No sizing/layout/workflow logic is changed.
   ========================================================= */
html body.viviliv-staff-panel-page
.viviliv-order-adjustment-panel:not(.is-locked)
.viviliv-order-adjustment-current__product strong {
    color: #f7f4ea !important;
    -webkit-text-fill-color: #f7f4ea !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    opacity: 1 !important;
}

html body.viviliv-staff-panel-page
.viviliv-order-adjustment-panel:not(.is-locked)
.viviliv-order-adjustment-current__product > span {
    color: rgba(247,244,234,.82) !important;
    -webkit-text-fill-color: rgba(247,244,234,.82) !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    opacity: 1 !important;
}