/* =========================================================
 * VIVILIV 0.6.4.13 — CONTROL PANEL PREMIUM UI
 * Pełny wizualny reset Panelu VIVILIV.
 * Logika zamówień, Wolt, płatności i raportów pozostaje bez zmian.
 * ========================================================= */

body.viviliv-staff-panel-page {
  --vcp-bg: #04130c;
  --vcp-bg-2: #071b11;
  --vcp-surface: #0b2417;
  --vcp-surface-2: #102f1e;
  --vcp-surface-3: #153b25;
  --vcp-border: rgba(216, 178, 74, .34);
  --vcp-border-strong: rgba(243, 215, 122, .66);
  --vcp-gold: #d8b24a;
  --vcp-gold-light: #f3d77a;
  --vcp-text: #f7f3e8;
  --vcp-muted: rgba(247, 243, 232, .66);
  --vcp-subtle: rgba(247, 243, 232, .46);
  --vcp-success: #8fd6a5;
  --vcp-danger: #ffaaa3;
  --vcp-shadow: 0 22px 60px rgba(0, 0, 0, .30);
  --vcp-radius-xl: 24px;
  --vcp-radius-lg: 18px;
  --vcp-radius-md: 13px;
  color: var(--vcp-text) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(216, 178, 74, .09), transparent 26%),
    radial-gradient(circle at 100% 45%, rgba(26, 63, 38, .20), transparent 34%),
    linear-gradient(155deg, #06150d 0%, #031009 100%) !important;
  font-family: "Segoe UI Variable Text", "Segoe UI", Arial, sans-serif !important;
  font-synthesis: none !important;
  text-rendering: optimizeLegibility !important;
}

body.viviliv-staff-panel-page *,
body.viviliv-staff-panel-page *::before,
body.viviliv-staff-panel-page *::after {
  box-sizing: border-box;
}

body.viviliv-staff-panel-page #content,
body.viviliv-staff-panel-page .site-content {
  padding: 14px 10px 42px !important;
}

body.viviliv-staff-panel-page .viviliv-staff-shell {
  width: 100% !important;
  max-width: 1680px !important;
  margin: 0 auto !important;
  padding: 0 10px !important;
  font-family: inherit !important;
}

/* ---------- Główna belka panelu ---------- */
body.viviliv-staff-panel-page .viviliv-portal-header {
  position: relative;
  overflow: hidden;
  min-height: 104px;
  margin: 0 0 16px !important;
  padding: 22px 26px !important;
  color: var(--vcp-text) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(243, 215, 122, .13), transparent 36%),
    linear-gradient(135deg, #173d26 0%, #0a2718 52%, #05170e 100%) !important;
  border: 1px solid var(--vcp-border-strong) !important;
  border-radius: var(--vcp-radius-xl) !important;
  box-shadow: var(--vcp-shadow), inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

body.viviliv-staff-panel-page .viviliv-portal-header::after {
  content: "";
  position: absolute;
  left: 26px;
  bottom: 0;
  width: 86px;
  height: 2px;
  background: linear-gradient(90deg, var(--vcp-gold-light), transparent);
}

body.viviliv-staff-panel-page .viviliv-portal-header p {
  margin: 0 0 7px !important;
  color: var(--vcp-gold-light) !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .16em !important;
}

body.viviliv-staff-panel-page .viviliv-portal-header h1 {
  margin: 0 0 5px !important;
  color: #fff !important;
  font-size: clamp(29px, 3vw, 42px) !important;
  line-height: 1.08 !important;
  font-weight: 760 !important;
  letter-spacing: -.035em !important;
  text-shadow: none !important;
}

body.viviliv-staff-panel-page .viviliv-portal-header span {
  color: var(--vcp-muted) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

body.viviliv-staff-panel-page .viviliv-portal-header__actions {
  gap: 12px !important;
}

body.viviliv-staff-panel-page .viviliv-portal-header__actions strong {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  padding: 8px 13px !important;
  border: 1px solid transparent;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .02em;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22);
}

body.viviliv-staff-panel-page .viviliv-portal-header__actions strong.is-on {
  color: #07170e !important;
  background: linear-gradient(135deg, #f8e49d, #d8b24a) !important;
  border-color: #f3d77a !important;
}

body.viviliv-staff-panel-page .viviliv-portal-header__actions strong.is-off {
  color: #fff !important;
  background: rgba(144, 44, 44, .82) !important;
  border-color: rgba(255, 170, 163, .34) !important;
}

body.viviliv-staff-panel-page .viviliv-portal-header__actions a {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  padding: 7px 12px;
  color: var(--vcp-text) !important;
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(216, 178, 74, .28);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none !important;
}

body.viviliv-staff-panel-page .viviliv-portal-header__actions a:hover {
  color: var(--vcp-gold-light) !important;
  border-color: var(--vcp-border-strong);
}

/* ---------- Layout, rail i flyout ---------- */
body.viviliv-staff-panel-page .viviliv-portal-layout {
  grid-template-columns: 66px minmax(0, 1fr) !important;
  gap: 14px !important;
}

body.viviliv-staff-panel-page .viviliv-portal-navigation {
  position: relative;
  min-width: 0;
}

body.viviliv-staff-panel-page .viviliv-portal-rail {
  position: sticky !important;
  top: calc(var(--viviliv-admin-bar-height, 0px) + var(--viviliv-status-banner-height, 0px) + var(--viviliv-global-topbar-height, 56px) + 14px) !important;
  width: 66px !important;
  padding: 8px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(243, 215, 122, .10), transparent 32%),
    linear-gradient(180deg, #113420, #06170e) !important;
  border: 1px solid var(--vcp-border) !important;
  border-radius: 20px !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

body.viviliv-staff-panel-page .viviliv-portal-rail__items {
  gap: 8px !important;
}

body.viviliv-staff-panel-page .viviliv-portal-rail__button {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  padding: 0 !important;
  color: var(--vcp-gold-light) !important;
  background: rgba(255, 255, 255, .025) !important;
  border: 1px solid rgba(216, 178, 74, .20) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

body.viviliv-staff-panel-page .viviliv-portal-rail__button:hover,
body.viviliv-staff-panel-page .viviliv-portal-rail__button:focus-visible,
body.viviliv-staff-panel-page .viviliv-portal-rail__button.is-open {
  color: #fff !important;
  background: rgba(216, 178, 74, .13) !important;
  border-color: rgba(243, 215, 122, .58) !important;
  transform: translateY(-1px) !important;
}

body.viviliv-staff-panel-page .viviliv-portal-rail__button.is-active {
  color: #07170e !important;
  background: linear-gradient(135deg, #f7df8b, #d8b24a) !important;
  border-color: #f3d77a !important;
  box-shadow: 0 10px 24px rgba(216, 178, 74, .20) !important;
}

body.viviliv-staff-panel-page .viviliv-portal-rail__icon,
body.viviliv-staff-panel-page .viviliv-portal-rail__icon svg {
  width: 22px !important;
  height: 22px !important;
}

body.viviliv-staff-panel-page .viviliv-portal-flyout {
  color: var(--vcp-text) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(243, 215, 122, .11), transparent 34%),
    linear-gradient(145deg, #123a24, #06170e) !important;
  border: 1px solid var(--vcp-border-strong) !important;
  border-radius: 22px !important;
  box-shadow: 0 28px 72px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

body.viviliv-staff-panel-page .viviliv-portal-flyout__header {
  border-bottom-color: rgba(216, 178, 74, .23) !important;
}

body.viviliv-staff-panel-page .viviliv-portal-flyout__header span {
  color: var(--vcp-gold-light) !important;
}

body.viviliv-staff-panel-page .viviliv-portal-flyout__header h2 {
  color: #fff !important;
  font-weight: 740 !important;
  letter-spacing: -.025em !important;
}

body.viviliv-staff-panel-page .viviliv-portal-flyout__header p,
body.viviliv-staff-panel-page .viviliv-portal-flyout__note {
  color: var(--vcp-muted) !important;
}

body.viviliv-staff-panel-page .viviliv-portal-flyout__close {
  color: var(--vcp-gold-light) !important;
  background: rgba(255, 255, 255, .035) !important;
  border-color: rgba(216, 178, 74, .28) !important;
}

body.viviliv-staff-panel-page .viviliv-portal-flyout__link {
  color: var(--vcp-text) !important;
  background: rgba(255, 255, 255, .025) !important;
  border-color: rgba(216, 178, 74, .18) !important;
  border-radius: 14px !important;
}

body.viviliv-staff-panel-page .viviliv-portal-flyout__link:hover,
body.viviliv-staff-panel-page .viviliv-portal-flyout__link:focus-visible {
  background: rgba(216, 178, 74, .09) !important;
  border-color: rgba(243, 215, 122, .50) !important;
}

body.viviliv-staff-panel-page .viviliv-portal-flyout__link.is-active {
  color: #07170e !important;
  background: linear-gradient(135deg, #f7df8b, #d8b24a) !important;
  border-color: #f3d77a !important;
}

body.viviliv-staff-panel-page .viviliv-portal-flyout__link strong {
  color: inherit !important;
}

body.viviliv-staff-panel-page .viviliv-portal-flyout__link small {
  color: var(--vcp-muted) !important;
}

body.viviliv-staff-panel-page .viviliv-portal-flyout__link.is-active small {
  color: rgba(7, 23, 14, .68) !important;
}

/* ---------- Główna przestrzeń modułu ---------- */
body.viviliv-staff-panel-page .viviliv-portal-content,
body.viviliv-staff-panel-page .viviliv-portal-content.is-native-module {
  min-height: 720px !important;
  padding: 16px !important;
  overflow: visible !important;
  color: var(--vcp-text) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(216, 178, 74, .055), transparent 28%),
    linear-gradient(155deg, rgba(13, 43, 26, .98), rgba(4, 18, 11, .99)) !important;
  border: 1px solid var(--vcp-border) !important;
  border-radius: var(--vcp-radius-xl) !important;
  box-shadow: var(--vcp-shadow), inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

body.viviliv-staff-panel-page .viviliv-native-module,
body.viviliv-staff-panel-page .viviliv-native-module .wrap,
body.viviliv-staff-panel-page .viviliv-native-module .viviliv-admin,
body.viviliv-staff-panel-page .viviliv-native-module .viviliv-owner-wrap {
  color: var(--vcp-text) !important;
  font-family: inherit !important;
}

/* ---------- Nagłówki wszystkich modułów ---------- */
body.viviliv-staff-panel-page .viviliv-native-module .viviliv-admin__header,
body.viviliv-staff-panel-page .viviliv-native-module .viviliv-owner-header,
body.viviliv-staff-panel-page .viviliv-staff-orders__heading {
  position: relative;
  overflow: hidden;
  margin: 0 0 16px !important;
  padding: 24px 26px !important;
  color: var(--vcp-text) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(243, 215, 122, .10), transparent 35%),
    linear-gradient(135deg, #173e27, #0a2718 58%, #06170e) !important;
  border: 1px solid var(--vcp-border-strong) !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

body.viviliv-staff-panel-page .viviliv-native-module .viviliv-admin__header::after,
body.viviliv-staff-panel-page .viviliv-native-module .viviliv-owner-header::after,
body.viviliv-staff-panel-page .viviliv-staff-orders__heading::after {
  content: "";
  position: absolute;
  left: 26px;
  bottom: 0;
  width: 92px;
  height: 2px;
  background: linear-gradient(90deg, var(--vcp-gold-light), transparent);
}

body.viviliv-staff-panel-page .viviliv-native-module .viviliv-admin__header p,
body.viviliv-staff-panel-page .viviliv-native-module .viviliv-owner-header p,
body.viviliv-staff-panel-page .viviliv-staff-eyebrow {
  margin: 0 0 7px !important;
  color: var(--vcp-gold-light) !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

body.viviliv-staff-panel-page .viviliv-native-module .viviliv-admin__header h1,
body.viviliv-staff-panel-page .viviliv-native-module .viviliv-owner-header h1,
body.viviliv-staff-panel-page .viviliv-staff-orders__heading h2 {
  margin: 0 0 6px !important;
  color: #fff !important;
  font-size: clamp(27px, 2.5vw, 38px) !important;
  line-height: 1.08 !important;
  font-weight: 750 !important;
  letter-spacing: -.035em !important;
  text-shadow: none !important;
}

body.viviliv-staff-panel-page .viviliv-native-module .viviliv-admin__header span,
body.viviliv-staff-panel-page .viviliv-native-module .viviliv-owner-header span,
body.viviliv-staff-panel-page .viviliv-staff-orders__heading > span {
  color: var(--vcp-muted) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

body.viviliv-staff-panel-page .viviliv-orders-header-actions strong,
body.viviliv-staff-panel-page .viviliv-owner-header-actions strong {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  padding: 8px 13px !important;
  color: #07170e !important;
  background: linear-gradient(135deg, #f7df8b, #d8b24a) !important;
  border: 1px solid #f3d77a !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

/* ---------- Karty, panele i formularze ---------- */
body.viviliv-staff-panel-page .viviliv-native-module .viviliv-admin__panel,
body.viviliv-staff-panel-page .viviliv-native-module .viviliv-owner-panel,
body.viviliv-staff-panel-page .viviliv-staff-form,
body.viviliv-staff-panel-page .viviliv-staff-orders,
body.viviliv-staff-panel-page .viviliv-reports-admin,
body.viviliv-staff-panel-page .viviliv-reviews-panel,
body.viviliv-staff-panel-page .viviliv-employee-card,
body.viviliv-staff-panel-page .viviliv-employee-create,
body.viviliv-staff-panel-page .viviliv-hours-section,
body.viviliv-staff-panel-page .viviliv-order-rules-panel,
body.viviliv-staff-panel-page .viviliv-report-filter,
body.viviliv-staff-panel-page .viviliv-report-chart-card,
body.viviliv-staff-panel-page .viviliv-report-channel,
body.viviliv-staff-panel-page .viviliv-review-card {
  color: var(--vcp-text) !important;
  background:
    linear-gradient(145deg, rgba(18, 54, 34, .82), rgba(5, 23, 14, .90)) !important;
  border: 1px solid rgba(216, 178, 74, .24) !important;
  border-radius: var(--vcp-radius-lg) !important;
  box-shadow: 0 14px 38px rgba(0, 0, 0, .17), inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

body.viviliv-staff-panel-page .viviliv-native-module .viviliv-admin__panel,
body.viviliv-staff-panel-page .viviliv-native-module .viviliv-owner-panel {
  padding: 18px !important;
}

body.viviliv-staff-panel-page .viviliv-native-module h2,
body.viviliv-staff-panel-page .viviliv-native-module h3,
body.viviliv-staff-panel-page .viviliv-native-module h4,
body.viviliv-staff-panel-page .viviliv-staff-orders h2,
body.viviliv-staff-panel-page .viviliv-staff-orders h3,
body.viviliv-staff-panel-page .viviliv-staff-orders h4 {
  color: #fff !important;
  font-weight: 720 !important;
  letter-spacing: -.02em !important;
  text-shadow: none !important;
}

body.viviliv-staff-panel-page .viviliv-native-module p,
body.viviliv-staff-panel-page .viviliv-native-module small,
body.viviliv-staff-panel-page .viviliv-native-module .description,
body.viviliv-staff-panel-page .viviliv-staff-orders p,
body.viviliv-staff-panel-page .viviliv-staff-orders small {
  color: var(--vcp-muted) !important;
}

body.viviliv-staff-panel-page .viviliv-native-module label,
body.viviliv-staff-panel-page .viviliv-staff-orders label {
  color: var(--vcp-text) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

body.viviliv-staff-panel-page .viviliv-native-module label > span,
body.viviliv-staff-panel-page .viviliv-staff-orders label > span {
  display: block;
  margin: 0 0 7px;
  color: var(--vcp-muted) !important;
  font-size: 10.5px !important;
  font-weight: 750 !important;
  letter-spacing: .025em;
}

/* ---------- Pola formularzy ---------- */
body.viviliv-staff-panel-page .viviliv-native-module input[type="text"],
body.viviliv-staff-panel-page .viviliv-native-module input[type="email"],
body.viviliv-staff-panel-page .viviliv-native-module input[type="password"],
body.viviliv-staff-panel-page .viviliv-native-module input[type="number"],
body.viviliv-staff-panel-page .viviliv-native-module input[type="search"],
body.viviliv-staff-panel-page .viviliv-native-module input[type="date"],
body.viviliv-staff-panel-page .viviliv-native-module input[type="time"],
body.viviliv-staff-panel-page .viviliv-native-module input[type="month"],
body.viviliv-staff-panel-page .viviliv-native-module select,
body.viviliv-staff-panel-page .viviliv-native-module textarea,
body.viviliv-staff-panel-page .viviliv-staff-orders input[type="text"],
body.viviliv-staff-panel-page .viviliv-staff-orders input[type="email"],
body.viviliv-staff-panel-page .viviliv-staff-orders input[type="number"],
body.viviliv-staff-panel-page .viviliv-staff-orders input[type="search"],
body.viviliv-staff-panel-page .viviliv-staff-orders input[type="date"],
body.viviliv-staff-panel-page .viviliv-staff-orders input[type="month"],
body.viviliv-staff-panel-page .viviliv-staff-orders select,
body.viviliv-staff-panel-page .viviliv-staff-orders textarea {
  min-height: 44px !important;
  padding: 10px 12px !important;
  color: #fff !important;
  background: linear-gradient(145deg, #0b2b1a, #06170e) !important;
  border: 1px solid rgba(216, 178, 74, .42) !important;
  border-radius: 11px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
  font-family: inherit !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
}

body.viviliv-staff-panel-page .viviliv-native-module textarea,
body.viviliv-staff-panel-page .viviliv-staff-orders textarea {
  min-height: 92px !important;
}

body.viviliv-staff-panel-page .viviliv-native-module input::placeholder,
body.viviliv-staff-panel-page .viviliv-native-module textarea::placeholder,
body.viviliv-staff-panel-page .viviliv-staff-orders input::placeholder,
body.viviliv-staff-panel-page .viviliv-staff-orders textarea::placeholder {
  color: rgba(247, 243, 232, .43) !important;
  opacity: 1 !important;
}

body.viviliv-staff-panel-page .viviliv-native-module input:focus,
body.viviliv-staff-panel-page .viviliv-native-module select:focus,
body.viviliv-staff-panel-page .viviliv-native-module textarea:focus,
body.viviliv-staff-panel-page .viviliv-staff-orders input:focus,
body.viviliv-staff-panel-page .viviliv-staff-orders select:focus,
body.viviliv-staff-panel-page .viviliv-staff-orders textarea:focus {
  outline: none !important;
  border-color: var(--vcp-gold-light) !important;
  box-shadow: 0 0 0 3px rgba(216, 178, 74, .14), inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

body.viviliv-staff-panel-page .viviliv-native-module select option,
body.viviliv-staff-panel-page .viviliv-staff-orders select option {
  color: #fff !important;
  background: #082116 !important;
}

body.viviliv-staff-panel-page .viviliv-native-module input[type="checkbox"],
body.viviliv-staff-panel-page .viviliv-native-module input[type="radio"],
body.viviliv-staff-panel-page .viviliv-staff-orders input[type="checkbox"],
body.viviliv-staff-panel-page .viviliv-staff-orders input[type="radio"] {
  accent-color: var(--vcp-gold) !important;
}

/* ---------- Przyciski ---------- */
body.viviliv-staff-panel-page .viviliv-native-module .button,
body.viviliv-staff-panel-page .viviliv-native-module button.button,
body.viviliv-staff-panel-page .viviliv-native-module input.button,
body.viviliv-staff-panel-page .viviliv-staff-orders .button,
body.viviliv-staff-panel-page .viviliv-staff-button {
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 9px 15px !important;
  color: var(--vcp-text) !important;
  background: rgba(255, 255, 255, .035) !important;
  border: 1px solid rgba(216, 178, 74, .38) !important;
  border-radius: 11px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
  font-family: inherit !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 750 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  transition: transform .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}

body.viviliv-staff-panel-page .viviliv-native-module .button:hover,
body.viviliv-staff-panel-page .viviliv-native-module .button:focus-visible,
body.viviliv-staff-panel-page .viviliv-staff-orders .button:hover,
body.viviliv-staff-panel-page .viviliv-staff-orders .button:focus-visible {
  color: #fff !important;
  background: rgba(216, 178, 74, .10) !important;
  border-color: var(--vcp-border-strong) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, .14) !important;
}

body.viviliv-staff-panel-page .viviliv-native-module .button-primary,
body.viviliv-staff-panel-page .viviliv-native-module .button.button-primary,
body.viviliv-staff-panel-page .viviliv-native-module input.button-primary,
body.viviliv-staff-panel-page .viviliv-staff-orders .button-primary,
body.viviliv-staff-panel-page .viviliv-orders-header-actions .button,
body.viviliv-staff-panel-page .viviliv-owner-header-actions .button,
body.viviliv-staff-panel-page .viviliv-report-print {
  color: #07170e !important;
  background: linear-gradient(135deg, #f7df8b, #d8b24a) !important;
  border-color: #f3d77a !important;
  box-shadow: 0 10px 24px rgba(216, 178, 74, .16), inset 0 1px 0 rgba(255, 255, 255, .58) !important;
}

body.viviliv-staff-panel-page .viviliv-native-module .button-primary:hover,
body.viviliv-staff-panel-page .viviliv-staff-orders .button-primary:hover,
body.viviliv-staff-panel-page .viviliv-orders-header-actions .button:hover,
body.viviliv-staff-panel-page .viviliv-owner-header-actions .button:hover {
  color: #07170e !important;
  background: linear-gradient(135deg, #ffe9a1, #e2bb50) !important;
}

body.viviliv-staff-panel-page .viviliv-order-delete-button,
body.viviliv-staff-panel-page .button-link-delete {
  color: #ffd6d2 !important;
  background: rgba(138, 42, 42, .55) !important;
  border-color: rgba(255, 170, 163, .42) !important;
}

/* ---------- Notice ---------- */
body.viviliv-staff-panel-page .viviliv-staff-notice,
body.viviliv-staff-panel-page .viviliv-native-module .notice {
  margin: 0 0 14px !important;
  padding: 13px 15px !important;
  color: var(--vcp-text) !important;
  background: rgba(15, 48, 30, .90) !important;
  border: 1px solid rgba(216, 178, 74, .28) !important;
  border-left: 4px solid var(--vcp-gold) !important;
  border-radius: 13px !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .13) !important;
}

body.viviliv-staff-panel-page .viviliv-staff-notice.is-success,
body.viviliv-staff-panel-page .viviliv-native-module .notice-success {
  border-left-color: #55aa73 !important;
}

body.viviliv-staff-panel-page .viviliv-staff-notice.is-error,
body.viviliv-staff-panel-page .viviliv-native-module .notice-error {
  border-left-color: #c65d56 !important;
}

/* ---------- Statusy, filtry i paginacja ---------- */
body.viviliv-staff-panel-page .viviliv-orders-statuses,
body.viviliv-staff-panel-page .viviliv-product-status-tabs,
body.viviliv-staff-panel-page .viviliv-product-category-tabs,
body.viviliv-staff-panel-page .viviliv-report-presets {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 14px !important;
  padding: 10px !important;
  background: rgba(4, 20, 12, .54) !important;
  border: 1px solid rgba(216, 178, 74, .20) !important;
  border-radius: 15px !important;
}

body.viviliv-staff-panel-page .viviliv-orders-statuses a,
body.viviliv-staff-panel-page .viviliv-product-status-tabs a,
body.viviliv-staff-panel-page .viviliv-product-category-tabs a,
body.viviliv-staff-panel-page .viviliv-report-preset {
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 8px 12px !important;
  color: var(--vcp-muted) !important;
  background: rgba(255, 255, 255, .025) !important;
  border: 1px solid rgba(216, 178, 74, .18) !important;
  border-radius: 999px !important;
  font-size: 11.5px !important;
  font-weight: 720 !important;
  text-decoration: none !important;
}

body.viviliv-staff-panel-page .viviliv-orders-statuses a span,
body.viviliv-staff-panel-page .viviliv-product-status-tabs a span,
body.viviliv-staff-panel-page .viviliv-product-category-tabs a span {
  min-width: 22px;
  min-height: 22px;
  display: inline-grid;
  place-items: center;
  padding: 2px 6px;
  color: var(--vcp-gold-light) !important;
  background: rgba(216, 178, 74, .10) !important;
  border-radius: 999px;
  font-size: 10px !important;
}

body.viviliv-staff-panel-page .viviliv-orders-statuses a:hover,
body.viviliv-staff-panel-page .viviliv-product-status-tabs a:hover,
body.viviliv-staff-panel-page .viviliv-product-category-tabs a:hover,
body.viviliv-staff-panel-page .viviliv-report-preset:hover {
  color: #fff !important;
  border-color: rgba(243, 215, 122, .52) !important;
}

body.viviliv-staff-panel-page .viviliv-orders-statuses a.is-active,
body.viviliv-staff-panel-page .viviliv-product-status-tabs a.is-active,
body.viviliv-staff-panel-page .viviliv-product-category-tabs a.is-active,
body.viviliv-staff-panel-page .viviliv-report-preset.is-active {
  color: #07170e !important;
  background: linear-gradient(135deg, #f7df8b, #d8b24a) !important;
  border-color: #f3d77a !important;
  box-shadow: 0 8px 20px rgba(216, 178, 74, .14) !important;
}

body.viviliv-staff-panel-page .viviliv-orders-statuses a.is-active span,
body.viviliv-staff-panel-page .viviliv-product-status-tabs a.is-active span,
body.viviliv-staff-panel-page .viviliv-product-category-tabs a.is-active span {
  color: #07170e !important;
  background: rgba(7, 23, 14, .10) !important;
}

body.viviliv-staff-panel-page .viviliv-orders-filter,
body.viviliv-staff-panel-page .viviliv-product-filters,
body.viviliv-staff-panel-page .viviliv-reviews-filter,
body.viviliv-staff-panel-page .viviliv-report-filter {
  margin: 0 0 16px !important;
  padding: 16px !important;
}

body.viviliv-staff-panel-page .viviliv-orders-filter form,
body.viviliv-staff-panel-page .viviliv-product-filters,
body.viviliv-staff-panel-page .viviliv-report-filter__form {
  gap: 11px !important;
}

body.viviliv-staff-panel-page .viviliv-orders-filter__summary {
  color: var(--vcp-muted) !important;
}

body.viviliv-staff-panel-page .viviliv-orders-pagination .page-numbers,
body.viviliv-staff-panel-page .viviliv-native-module .page-numbers,
body.viviliv-staff-panel-page .viviliv-native-module .tablenav-pages a,
body.viviliv-staff-panel-page .viviliv-native-module .tablenav-pages span {
  min-width: 36px !important;
  min-height: 36px !important;
  color: var(--vcp-text) !important;
  background: rgba(255, 255, 255, .035) !important;
  border: 1px solid rgba(216, 178, 74, .28) !important;
  border-radius: 10px !important;
}

body.viviliv-staff-panel-page .viviliv-orders-pagination .current,
body.viviliv-staff-panel-page .viviliv-native-module .page-numbers.current,
body.viviliv-staff-panel-page .viviliv-native-module .tablenav-pages .current {
  color: #07170e !important;
  background: linear-gradient(135deg, #f7df8b, #d8b24a) !important;
  border-color: #f3d77a !important;
}

/* ---------- Zamówienia ---------- */
body.viviliv-staff-panel-page .viviliv-orders-list,
body.viviliv-staff-panel-page .viviliv-staff-orders__list {
  display: grid !important;
  gap: 14px !important;
}

body.viviliv-staff-panel-page .viviliv-order-card {
  overflow: hidden !important;
  color: var(--vcp-text) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(216, 178, 74, .055), transparent 30%),
    linear-gradient(145deg, rgba(15, 48, 30, .96), rgba(4, 20, 12, .98)) !important;
  border: 1px solid rgba(216, 178, 74, .28) !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, .20), inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

body.viviliv-staff-panel-page .viviliv-order-card:hover {
  border-color: rgba(243, 215, 122, .48) !important;
}

body.viviliv-staff-panel-page .viviliv-order-card__header {
  padding: 18px 20px !important;
  background: rgba(255, 255, 255, .018) !important;
  border-bottom: 1px solid rgba(216, 178, 74, .16) !important;
}

body.viviliv-staff-panel-page .viviliv-order-card__number strong,
body.viviliv-staff-panel-page .viviliv-order-card__customer strong,
body.viviliv-staff-panel-page .viviliv-order-card__method span,
body.viviliv-staff-panel-page .viviliv-order-card__total strong {
  color: #fff !important;
  text-shadow: none !important;
}

body.viviliv-staff-panel-page .viviliv-order-card__customer a,
body.viviliv-staff-panel-page .viviliv-order-card__method strong,
body.viviliv-staff-panel-page .viviliv-order-card__shipping-cost {
  color: var(--vcp-gold-light) !important;
}

body.viviliv-staff-panel-page .viviliv-order-card__number span,
body.viviliv-staff-panel-page .viviliv-order-card__number small,
body.viviliv-staff-panel-page .viviliv-order-card__method small,
body.viviliv-staff-panel-page .viviliv-order-card__total span {
  color: var(--vcp-muted) !important;
}

body.viviliv-staff-panel-page .viviliv-order-card__workflow {
  padding: 13px 20px !important;
  background: rgba(2, 14, 8, .42) !important;
  border-bottom: 1px solid rgba(216, 178, 74, .14) !important;
}

body.viviliv-staff-panel-page .viviliv-order-status {
  min-height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 6px 11px !important;
  color: var(--vcp-gold-light) !important;
  background: rgba(216, 178, 74, .09) !important;
  border: 1px solid rgba(216, 178, 74, .32) !important;
  border-radius: 999px !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
}

body.viviliv-staff-panel-page .viviliv-order-card__details {
  color: var(--vcp-text) !important;
  background: rgba(2, 14, 8, .28) !important;
}

body.viviliv-staff-panel-page .viviliv-order-card__details > summary {
  padding: 14px 20px !important;
  color: #fff !important;
  font-size: 12.5px !important;
  font-weight: 750 !important;
}

body.viviliv-staff-panel-page .viviliv-order-card__details[open] > summary {
  border-bottom: 1px solid rgba(216, 178, 74, .16) !important;
}

body.viviliv-staff-panel-page .viviliv-order-card__details-grid {
  gap: 16px !important;
  padding: 18px 20px !important;
}

body.viviliv-staff-panel-page .viviliv-order-card__details-grid > section {
  min-width: 0;
  padding: 16px !important;
  background: rgba(255, 255, 255, .022) !important;
  border: 1px solid rgba(216, 178, 74, .16) !important;
  border-radius: 14px !important;
}

body.viviliv-staff-panel-page .viviliv-order-items {
  overflow: hidden !important;
  border-color: rgba(216, 178, 74, .18) !important;
  border-radius: 12px !important;
}

body.viviliv-staff-panel-page .viviliv-order-items li {
  gap: 10px !important;
  padding: 12px 13px !important;
  color: var(--vcp-text) !important;
  background: rgba(2, 14, 8, .26) !important;
  border-color: rgba(216, 178, 74, .12) !important;
}

body.viviliv-staff-panel-page .viviliv-order-items li > span {
  color: #fff !important;
  font-weight: 650 !important;
}

body.viviliv-staff-panel-page .viviliv-order-items li > strong {
  color: var(--vcp-gold-light) !important;
}

body.viviliv-staff-panel-page .viviliv-order-item-meta {
  grid-column: 1 / -1;
  display: flex !important;
  flex-wrap: wrap;
  gap: 6px 12px;
  margin-top: 3px;
  color: var(--vcp-muted) !important;
  font-size: 10.5px !important;
  line-height: 1.45 !important;
}

body.viviliv-staff-panel-page .viviliv-order-item-meta span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--vcp-muted) !important;
}

body.viviliv-staff-panel-page .viviliv-order-item-meta strong {
  color: var(--vcp-text) !important;
  font-weight: 700 !important;
}

body.viviliv-staff-panel-page .viviliv-order-address {
  padding: 13px !important;
  color: var(--vcp-text) !important;
  background: rgba(255, 255, 255, .025) !important;
  border: 1px solid rgba(216, 178, 74, .15) !important;
  border-radius: 11px !important;
  line-height: 1.65 !important;
}

body.viviliv-staff-panel-page .viviliv-order-note-form {
  margin: 0 20px 20px !important;
  padding: 15px !important;
  background: rgba(255, 255, 255, .02) !important;
  border: 1px solid rgba(216, 178, 74, .15) !important;
  border-radius: 13px !important;
}

/* ---------- Korekta wagi ---------- */
body.viviliv-staff-panel-page .viviliv-weight-correction-panel {
  margin: 0 20px 18px !important;
  padding: 18px !important;
  background: linear-gradient(145deg, rgba(18, 54, 34, .74), rgba(3, 17, 10, .80)) !important;
  border-color: rgba(216, 178, 74, .25) !important;
  border-radius: 15px !important;
}

body.viviliv-staff-panel-page .viviliv-weight-correction-table {
  border-color: rgba(216, 178, 74, .18) !important;
}

body.viviliv-staff-panel-page .viviliv-weight-correction-table > div {
  border-color: rgba(216, 178, 74, .11) !important;
}

body.viviliv-staff-panel-page .viviliv-weight-correction-table > .is-head {
  color: var(--vcp-muted) !important;
  background: rgba(0, 0, 0, .18) !important;
}

body.viviliv-staff-panel-page .viviliv-weight-state {
  color: var(--vcp-gold-light) !important;
  background: rgba(216, 178, 74, .08) !important;
  border-color: rgba(216, 178, 74, .30) !important;
}

/* ---------- Wolt ---------- */
body.viviliv-staff-panel-page .viviliv-wolt-action {
  margin: 0 20px 18px !important;
  padding: 20px !important;
  color: var(--vcp-text) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(0, 194, 255, .08), transparent 32%),
    linear-gradient(145deg, #0d3224, #04170e) !important;
  border: 1px solid rgba(105, 210, 232, .30) !important;
  border-radius: 17px !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .03) !important;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__eyebrow {
  color: #8de5f4 !important;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__status {
  color: #b9eff7 !important;
  background: rgba(58, 187, 213, .09) !important;
  border-color: rgba(105, 210, 232, .28) !important;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__facts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__facts span {
  min-height: 58px;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  padding: 10px 12px !important;
  color: var(--vcp-muted) !important;
  background: rgba(255, 255, 255, .025) !important;
  border: 1px solid rgba(105, 210, 232, .17) !important;
  border-radius: 12px !important;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__facts strong {
  color: #fff !important;
  font-size: 14px !important;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__dispatch {
  grid-template-columns: minmax(280px, 460px) auto !important;
  padding: 17px !important;
  background: rgba(1, 15, 9, .48) !important;
  border-color: rgba(105, 210, 232, .20) !important;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__prep label {
  color: #fff !important;
  font-size: 12px !important;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__prep select {
  min-height: 48px !important;
  color: #fff !important;
  background-color: #061c12 !important;
  border-color: rgba(105, 210, 232, .44) !important;
  border-radius: 12px !important;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__create {
  color: #07170e !important;
  background: linear-gradient(135deg, #b9eff7, #6fd2e5) !important;
  border-color: #b9eff7 !important;
  box-shadow: 0 12px 26px rgba(74, 194, 217, .16) !important;
}

body.viviliv-staff-panel-page .viviliv-wolt-action__tracking {
  color: #b9eff7 !important;
  background: rgba(58, 187, 213, .08) !important;
  border-color: rgba(105, 210, 232, .30) !important;
}

/* ---------- Tabele produktów i pozostałych modułów ---------- */
body.viviliv-staff-panel-page .viviliv-product-table-wrap,
body.viviliv-staff-panel-page .viviliv-audit__table,
body.viviliv-staff-panel-page .viviliv-report-table-scroll,
body.viviliv-staff-panel-page .viviliv-hours-table {
  overflow: auto !important;
  background: rgba(2, 14, 8, .30) !important;
  border: 1px solid rgba(216, 178, 74, .18) !important;
  border-radius: 15px !important;
  scrollbar-color: rgba(216, 178, 74, .44) rgba(255, 255, 255, .025);
}

body.viviliv-staff-panel-page .viviliv-native-module table.widefat,
body.viviliv-staff-panel-page .viviliv-product-table,
body.viviliv-staff-panel-page .viviliv-audit__table table,
body.viviliv-staff-panel-page .viviliv-report-tables table,
body.viviliv-staff-panel-page .viviliv-hours-table table {
  color: var(--vcp-text) !important;
  background: transparent !important;
  border-color: rgba(216, 178, 74, .14) !important;
}

body.viviliv-staff-panel-page .viviliv-native-module table.widefat th,
body.viviliv-staff-panel-page .viviliv-product-table th,
body.viviliv-staff-panel-page .viviliv-audit__table th,
body.viviliv-staff-panel-page .viviliv-report-tables th,
body.viviliv-staff-panel-page .viviliv-hours-table th {
  color: var(--vcp-gold-light) !important;
  background: #092317 !important;
  border-color: rgba(216, 178, 74, .18) !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
}

body.viviliv-staff-panel-page .viviliv-native-module table.widefat td,
body.viviliv-staff-panel-page .viviliv-product-table td,
body.viviliv-staff-panel-page .viviliv-audit__table td,
body.viviliv-staff-panel-page .viviliv-report-tables td,
body.viviliv-staff-panel-page .viviliv-hours-table td {
  color: var(--vcp-text) !important;
  background: rgba(255, 255, 255, .012) !important;
  border-color: rgba(216, 178, 74, .10) !important;
}

body.viviliv-staff-panel-page .viviliv-native-module table.striped tbody tr:nth-child(odd),
body.viviliv-staff-panel-page .viviliv-product-row:nth-child(odd) {
  background: rgba(255, 255, 255, .018) !important;
}

body.viviliv-staff-panel-page .viviliv-native-module table tbody tr:hover td,
body.viviliv-staff-panel-page .viviliv-product-row:hover {
  background: rgba(216, 178, 74, .045) !important;
}

body.viviliv-staff-panel-page .viviliv-category-chip,
body.viviliv-staff-panel-page .viviliv-filter-chip,
body.viviliv-staff-panel-page .viviliv-product-serving-badge,
body.viviliv-staff-panel-page .viviliv-review-status,
body.viviliv-staff-panel-page .viviliv-review-verified {
  color: var(--vcp-gold-light) !important;
  background: rgba(216, 178, 74, .08) !important;
  border-color: rgba(216, 178, 74, .28) !important;
}

/* ---------- Dashboard ---------- */
body.viviliv-staff-panel-page .viviliv-portal-dashboard {
  padding: 2px !important;
}

body.viviliv-staff-panel-page .viviliv-portal-dashboard__intro {
  margin-bottom: 14px !important;
  padding: 24px !important;
  color: var(--vcp-text) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(243, 215, 122, .11), transparent 36%),
    linear-gradient(135deg, #173e27, #06170e) !important;
  border-color: var(--vcp-border-strong) !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .20) !important;
}

body.viviliv-staff-panel-page .viviliv-portal-dashboard__intro h2 {
  color: #fff !important;
  font-weight: 750 !important;
}

body.viviliv-staff-panel-page .viviliv-portal-dashboard__intro p {
  color: var(--vcp-muted) !important;
}

body.viviliv-staff-panel-page .viviliv-portal-kpis {
  gap: 12px !important;
  margin-bottom: 14px !important;
}

body.viviliv-staff-panel-page .viviliv-portal-kpi {
  padding: 18px !important;
  color: var(--vcp-text) !important;
  background: linear-gradient(145deg, rgba(18, 54, 34, .82), rgba(5, 23, 14, .90)) !important;
  border-color: rgba(216, 178, 74, .22) !important;
  border-radius: 16px !important;
  box-shadow: 0 13px 34px rgba(0, 0, 0, .15) !important;
}

body.viviliv-staff-panel-page .viviliv-portal-kpi span,
body.viviliv-staff-panel-page .viviliv-portal-kpi small {
  color: var(--vcp-muted) !important;
}

body.viviliv-staff-panel-page .viviliv-portal-kpi strong {
  color: #fff !important;
  font-weight: 750 !important;
}

body.viviliv-staff-panel-page .viviliv-portal-quick a {
  color: var(--vcp-text) !important;
  background: linear-gradient(145deg, rgba(18, 54, 34, .88), rgba(5, 23, 14, .94)) !important;
  border-color: rgba(216, 178, 74, .28) !important;
  border-radius: 16px !important;
  box-shadow: 0 13px 34px rgba(0, 0, 0, .15) !important;
}

body.viviliv-staff-panel-page .viviliv-portal-quick a:hover {
  border-color: rgba(243, 215, 122, .56) !important;
  transform: translateY(-2px);
}

body.viviliv-staff-panel-page .viviliv-portal-quick a strong {
  color: var(--vcp-gold-light) !important;
}

body.viviliv-staff-panel-page .viviliv-portal-quick a small {
  color: var(--vcp-muted) !important;
}

/* ---------- Raporty ---------- */
body.viviliv-staff-panel-page .viviliv-report-kpis {
  gap: 12px !important;
}

body.viviliv-staff-panel-page .viviliv-report-kpis > *,
body.viviliv-staff-panel-page .viviliv-report-channel {
  color: var(--vcp-text) !important;
}

body.viviliv-staff-panel-page .viviliv-report-chart-card {
  padding: 16px !important;
}

body.viviliv-staff-panel-page .viviliv-report-chart-card canvas {
  padding: 10px;
  background: #f1eadb;
  border: 1px solid rgba(216, 178, 74, .28);
  border-radius: 12px;
}

body.viviliv-staff-panel-page .viviliv-report-note {
  color: var(--vcp-muted) !important;
  background: rgba(216, 178, 74, .055) !important;
  border-color: rgba(216, 178, 74, .20) !important;
}

/* ---------- Pracownicy, opinie, godziny ---------- */
body.viviliv-staff-panel-page .viviliv-employee-list,
body.viviliv-staff-panel-page .viviliv-reviews-list,
body.viviliv-staff-panel-page .viviliv-hours-row,
body.viviliv-staff-panel-page .viviliv-permissions,
body.viviliv-staff-panel-page .viviliv-availability-cards {
  gap: 12px !important;
}

body.viviliv-staff-panel-page .viviliv-permission,
body.viviliv-staff-panel-page .viviliv-availability-card,
body.viviliv-staff-panel-page .viviliv-switch-card,
body.viviliv-staff-panel-page .viviliv-review-setting {
  color: var(--vcp-text) !important;
  background: rgba(255, 255, 255, .022) !important;
  border-color: rgba(216, 178, 74, .18) !important;
  border-radius: 13px !important;
}

/* ---------- Kod i drobne elementy ---------- */
body.viviliv-staff-panel-page .viviliv-native-module code {
  color: var(--vcp-gold-light) !important;
  background: rgba(216, 178, 74, .07) !important;
  border: 1px solid rgba(216, 178, 74, .18) !important;
  border-radius: 6px !important;
}

body.viviliv-staff-panel-page .viviliv-empty {
  color: var(--vcp-muted) !important;
  text-align: center;
}

body.viviliv-staff-panel-page a {
  text-underline-offset: 2px;
}

/* ---------- Scrollbar ---------- */
body.viviliv-staff-panel-page *::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

body.viviliv-staff-panel-page *::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, .018);
}

body.viviliv-staff-panel-page *::-webkit-scrollbar-thumb {
  background: rgba(216, 178, 74, .34);
  border: 2px solid transparent;
  border-radius: 999px;
  background-clip: padding-box;
}

/* ---------- Tablet ---------- */
@media (max-width: 1180px) {
  body.viviliv-staff-panel-page .viviliv-portal-header {
    min-height: 94px;
    padding: 19px 21px !important;
  }

  body.viviliv-staff-panel-page .viviliv-native-module .viviliv-admin__header,
  body.viviliv-staff-panel-page .viviliv-native-module .viviliv-owner-header,
  body.viviliv-staff-panel-page .viviliv-staff-orders__heading {
    padding: 21px !important;
  }

  body.viviliv-staff-panel-page .viviliv-wolt-action__facts {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* ---------- Mobile ---------- */
@media (max-width: 820px) {
  body.viviliv-staff-panel-page #content,
  body.viviliv-staff-panel-page .site-content {
    padding: 8px 4px 30px !important;
  }

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

  body.viviliv-staff-panel-page .viviliv-portal-header {
    min-height: 0;
    padding: 15px 16px !important;
    border-radius: 18px !important;
  }

  body.viviliv-staff-panel-page .viviliv-portal-header h1 {
    font-size: 24px !important;
  }

  body.viviliv-staff-panel-page .viviliv-portal-header__actions strong {
    min-height: 32px;
    padding: 6px 10px !important;
    font-size: 10px !important;
  }

  body.viviliv-staff-panel-page .viviliv-portal-header__actions a {
    min-height: 32px;
    padding: 6px 10px;
  }

  body.viviliv-staff-panel-page .viviliv-portal-layout {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    gap: 7px !important;
  }

  body.viviliv-staff-panel-page .viviliv-portal-rail {
    width: 52px !important;
    padding: 5px !important;
    border-radius: 16px !important;
  }

  body.viviliv-staff-panel-page .viviliv-portal-rail__button {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: 12px !important;
  }

  body.viviliv-staff-panel-page .viviliv-portal-content,
  body.viviliv-staff-panel-page .viviliv-portal-content.is-native-module {
    min-height: 580px !important;
    padding: 8px !important;
    border-radius: 17px !important;
  }

  body.viviliv-staff-panel-page .viviliv-native-module .viviliv-admin__header,
  body.viviliv-staff-panel-page .viviliv-native-module .viviliv-owner-header,
  body.viviliv-staff-panel-page .viviliv-staff-orders__heading {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 16px !important;
  }

  body.viviliv-staff-panel-page .viviliv-native-module .viviliv-admin__header h1,
  body.viviliv-staff-panel-page .viviliv-native-module .viviliv-owner-header h1,
  body.viviliv-staff-panel-page .viviliv-staff-orders__heading h2 {
    font-size: 25px !important;
  }

  body.viviliv-staff-panel-page .viviliv-orders-header-actions,
  body.viviliv-staff-panel-page .viviliv-owner-header-actions {
    width: 100%;
    justify-content: flex-start !important;
  }

  body.viviliv-staff-panel-page .viviliv-order-card__header {
    padding: 15px !important;
  }

  body.viviliv-staff-panel-page .viviliv-order-card__workflow {
    padding: 13px 15px !important;
  }

  body.viviliv-staff-panel-page .viviliv-order-card__details-grid {
    padding: 14px !important;
  }

  body.viviliv-staff-panel-page .viviliv-order-note-form,
  body.viviliv-staff-panel-page .viviliv-weight-correction-panel,
  body.viviliv-staff-panel-page .viviliv-wolt-action {
    margin-left: 14px !important;
    margin-right: 14px !important;
  }

  body.viviliv-staff-panel-page .viviliv-wolt-action__facts {
    grid-template-columns: 1fr !important;
  }

  body.viviliv-staff-panel-page .viviliv-wolt-action__dispatch {
    grid-template-columns: 1fr !important;
  }

  body.viviliv-staff-panel-page .viviliv-orders-statuses,
  body.viviliv-staff-panel-page .viviliv-product-status-tabs,
  body.viviliv-staff-panel-page .viviliv-product-category-tabs {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  body.viviliv-staff-panel-page .viviliv-orders-statuses a,
  body.viviliv-staff-panel-page .viviliv-product-status-tabs a,
  body.viviliv-staff-panel-page .viviliv-product-category-tabs a {
    flex: 0 0 auto;
    white-space: nowrap;
  }
}

@media (max-width: 560px) {
  body.viviliv-staff-panel-page .viviliv-portal-layout {
    display: block !important;
  }

  body.viviliv-staff-panel-page .viviliv-portal-navigation {
    margin-bottom: 8px;
  }

  body.viviliv-staff-panel-page .viviliv-portal-rail {
    position: static !important;
    width: 100% !important;
    overflow-x: auto;
  }

  body.viviliv-staff-panel-page .viviliv-portal-rail__items {
    display: flex !important;
    min-width: max-content;
  }

  body.viviliv-staff-panel-page .viviliv-portal-content,
  body.viviliv-staff-panel-page .viviliv-portal-content.is-native-module {
    padding: 7px !important;
  }

  body.viviliv-staff-panel-page .viviliv-native-module .viviliv-admin__panel,
  body.viviliv-staff-panel-page .viviliv-native-module .viviliv-owner-panel {
    padding: 13px !important;
  }

  body.viviliv-staff-panel-page .viviliv-order-card__details-grid > section {
    padding: 13px !important;
  }
}


/* =========================================================
 * VIVILIV 0.9.21.1.14.101 — STATUS ALERT HOTFIX
 * Wyróżnienie statusów z liczbą > 0.
 * ========================================================= */
body.viviliv-staff-panel-page .viviliv-orders-statuses a.has-count:not(.is-active) {
  color: #ffd7d1 !important;
  background: linear-gradient(135deg, rgba(116,22,22,.76), rgba(82,16,16,.92)) !important;
  border-color: rgba(255,122,122,.40) !important;
  box-shadow: 0 10px 24px rgba(96, 18, 18, .24), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
body.viviliv-staff-panel-page .viviliv-orders-statuses a.has-count:not(.is-active):hover {
  color: #fff4f2 !important;
  border-color: rgba(255,150,150,.58) !important;
  box-shadow: 0 12px 28px rgba(115, 22, 22, .32), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
body.viviliv-staff-panel-page .viviliv-orders-statuses a.has-count:not(.is-active) span {
  color: #fff4f2 !important;
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,167,167,.32) !important;
}
body.viviliv-staff-panel-page .viviliv-orders-statuses a.has-count.is-active {
  box-shadow: 0 12px 26px rgba(216, 178, 74, .20), 0 0 0 1px rgba(255, 95, 95, .25) inset !important;
}


/* =========================================================
 * VIVILIV 0.9.21.1.14.104 — STATUS SEMANTICS FIX
 * Czerwony alert tylko dla statusów wymagających działania.
 * ========================================================= */
body.viviliv-staff-panel-page .viviliv-orders-statuses a.has-count:not(.is-active) {
  color: var(--vcp-muted) !important;
  background: rgba(255,255,255,.025) !important;
  border-color: rgba(216,178,74,.18) !important;
  box-shadow: none !important;
}
body.viviliv-staff-panel-page .viviliv-orders-statuses a.has-count:not(.is-active) span {
  color: var(--vcp-gold-light) !important;
  background: rgba(216,178,74,.10) !important;
  border: 0 !important;
}
body.viviliv-staff-panel-page .viviliv-orders-statuses a.is-attention.has-count:not(.is-active) {
  color: #ffe1dc !important;
  background: linear-gradient(135deg, rgba(133,27,27,.82), rgba(86,16,16,.95)) !important;
  border-color: rgba(255,120,120,.46) !important;
  box-shadow: 0 9px 22px rgba(106,18,18,.26), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
body.viviliv-staff-panel-page .viviliv-orders-statuses a.is-attention.has-count:not(.is-active) span {
  color: #fff5f3 !important;
  background: rgba(255,255,255,.13) !important;
  border: 1px solid rgba(255,170,170,.28) !important;
}
body.viviliv-staff-panel-page .viviliv-orders-statuses a.is-success-count.has-count:not(.is-active) {
  color: #d8ffe7 !important;
  background: linear-gradient(135deg, rgba(21,91,50,.66), rgba(10,58,31,.82)) !important;
  border-color: rgba(101,214,139,.32) !important;
  box-shadow: none !important;
}
body.viviliv-staff-panel-page .viviliv-orders-statuses a.is-success-count.has-count:not(.is-active) span {
  color: #d8ffe7 !important;
  background: rgba(110,224,147,.12) !important;
  border: 1px solid rgba(110,224,147,.18) !important;
}
body.viviliv-staff-panel-page .viviliv-orders-statuses a.is-closed-count.has-count:not(.is-active) {
  color: rgba(247,244,234,.72) !important;
  background: rgba(255,255,255,.035) !important;
  border-color: rgba(255,255,255,.10) !important;
  box-shadow: none !important;
}
body.viviliv-staff-panel-page .viviliv-orders-statuses a.is-closed-count.has-count:not(.is-active) span {
  color: rgba(247,244,234,.72) !important;
  background: rgba(255,255,255,.07) !important;
  border: 0 !important;
}