/* =========================================================
 * VIVILIV 0.6.4.40 — COMPACT PANEL FIX
 * Cel: przywrócić stabilną, ikonową szynę nawigacji i poprawić
 * kontrast formularzy oraz przycisków bez naruszania logiki panelu.
 * ========================================================= */

html body.viviliv-staff-panel-page {
  --vcp-fix-bg: #061a10;
  --vcp-fix-bg-hover: #0a2618;
  --vcp-fix-text: #fffdf5;
  --vcp-fix-muted: #b8c7bc;
  --vcp-fix-gold: #d8b24a;
  --vcp-fix-gold-light: #f3d77a;
  --vcp-fix-dark: #06150d;
  --vcp-fix-border: rgba(216,178,74,.45);
  --vcp-fix-danger: #a63d36;
  --vcp-fix-rail-width: 66px;
  --vcp-fix-rail-button: 48px;
}

/* =========================================================
   1. LEWA NAWIGACJA — ZAWSZE KOMPAKTOWA I STABILNA
   ========================================================= */
html body.viviliv-staff-panel-page .viviliv-portal-layout {
  display: grid !important;
  grid-template-columns: var(--vcp-fix-rail-width) minmax(0,1fr) !important;
  gap: 12px !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body.viviliv-staff-panel-page .viviliv-portal-navigation {
  position: relative !important;
  width: var(--vcp-fix-rail-width) !important;
  min-width: var(--vcp-fix-rail-width) !important;
  max-width: var(--vcp-fix-rail-width) !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: start !important;
}

html 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) + 12px) !important;
  left: auto !important;
  right: auto !important;
  width: var(--vcp-fix-rail-width) !important;
  min-width: var(--vcp-fix-rail-width) !important;
  max-width: var(--vcp-fix-rail-width) !important;
  margin: 0 !important;
  padding: 8px !important;
  box-sizing: border-box !important;
  transform: none !important;
  z-index: 10020 !important;
}

html body.viviliv-staff-panel-page .viviliv-portal-rail__items {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.viviliv-staff-panel-page .viviliv-portal-rail__button {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--vcp-fix-rail-button) !important;
  min-width: var(--vcp-fix-rail-button) !important;
  max-width: var(--vcp-fix-rail-button) !important;
  height: var(--vcp-fix-rail-button) !important;
  min-height: var(--vcp-fix-rail-button) !important;
  max-height: var(--vcp-fix-rail-button) !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  line-height: 1 !important;
  text-align: center !important;
  overflow: visible !important;
}

html body.viviliv-staff-panel-page .viviliv-portal-rail__icon,
html body.viviliv-staff-panel-page .viviliv-portal-rail__icon svg {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Żadne stałe napisy nie zajmują miejsca w szynie. */
html body.viviliv-staff-panel-page .viviliv-portal-rail__label {
  display: none !important;
}

/* Zachowujemy tekst dla czytników ekranu, lecz nie w układzie. */
html body.viviliv-staff-panel-page .viviliv-screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html body.viviliv-staff-panel-page .viviliv-portal-flyouts {
  position: absolute !important;
  top: 0 !important;
  left: calc(var(--vcp-fix-rail-width) + 10px) !important;
  width: min(360px, calc(100vw - var(--vcp-fix-rail-width) - 44px)) !important;
  max-width: min(360px, calc(100vw - var(--vcp-fix-rail-width) - 44px)) !important;
  z-index: 10030 !important;
}

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

/* =========================================================
   2. POLA FORMULARZY — JEDEN CZYTELNY STANDARD
   ========================================================= */
html body.viviliv-staff-panel-page :where(
  .viviliv-native-module,
  .viviliv-admin,
  .viviliv-owner-wrap,
  .viviliv-staff-orders,
  .viviliv-portal-dashboard
) :where(
  input[type="text"],
  input[type="email"],
  input[type="number"],
  input[type="search"],
  input[type="tel"],
  input[type="url"],
  input[type="password"],
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  select,
  textarea
) {
  color: var(--vcp-fix-text) !important;
  -webkit-text-fill-color: var(--vcp-fix-text) !important;
  caret-color: var(--vcp-fix-gold-light) !important;
  background-color: var(--vcp-fix-bg) !important;
  background-image: none !important;
  border: 1px solid var(--vcp-fix-border) !important;
  border-radius: 11px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
  opacity: 1 !important;
  color-scheme: dark !important;
}

html body.viviliv-staff-panel-page :where(
  .viviliv-native-module,
  .viviliv-admin,
  .viviliv-owner-wrap,
  .viviliv-staff-orders,
  .viviliv-portal-dashboard
) :where(input,select,textarea):focus {
  color: var(--vcp-fix-text) !important;
  -webkit-text-fill-color: var(--vcp-fix-text) !important;
  background-color: var(--vcp-fix-bg-hover) !important;
  border-color: var(--vcp-fix-gold-light) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(243,215,122,.14) !important;
}

html body.viviliv-staff-panel-page :where(input,textarea)::placeholder {
  color: #aab9af !important;
  -webkit-text-fill-color: #aab9af !important;
  opacity: 1 !important;
}

html body.viviliv-staff-panel-page select option {
  color: var(--vcp-fix-text) !important;
  background: var(--vcp-fix-bg) !important;
}

html body.viviliv-staff-panel-page :where(input,select,textarea):disabled,
html body.viviliv-staff-panel-page :where(input,select,textarea)[readonly] {
  color: #d0dad3 !important;
  -webkit-text-fill-color: #d0dad3 !important;
  background: #10271a !important;
  border-color: rgba(216,178,74,.22) !important;
  opacity: .72 !important;
}

html body.viviliv-staff-panel-page input:-webkit-autofill,
html body.viviliv-staff-panel-page input:-webkit-autofill:hover,
html body.viviliv-staff-panel-page input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--vcp-fix-text) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--vcp-fix-bg) inset !important;
  caret-color: var(--vcp-fix-gold-light) !important;
  transition: background-color 9999s ease-out 0s !important;
}

/* Widoczne ikony kalendarza i zegara w Chrome/Edge/Safari. */
html body.viviliv-staff-panel-page input[type="date"]::-webkit-calendar-picker-indicator,
html body.viviliv-staff-panel-page input[type="time"]::-webkit-calendar-picker-indicator,
html body.viviliv-staff-panel-page input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  opacity: 1 !important;
  cursor: pointer !important;
  filter: invert(84%) sepia(69%) saturate(482%) hue-rotate(353deg) brightness(102%) contrast(91%) !important;
}

html body.viviliv-staff-panel-page :where(label,legend) {
  color: var(--vcp-fix-text) !important;
  -webkit-text-fill-color: var(--vcp-fix-text) !important;
}

html body.viviliv-staff-panel-page :where(label,legend) small,
html body.viviliv-staff-panel-page .description,
html body.viviliv-staff-panel-page .help,
html body.viviliv-staff-panel-page .viviliv-form-help {
  color: var(--vcp-fix-muted) !important;
  -webkit-text-fill-color: var(--vcp-fix-muted) !important;
}

/* =========================================================
   3. PRZYCISKI — SPÓJNE KOLORY, BEZ BIAŁEGO NA ZŁOTYM
   ========================================================= */
html body.viviliv-staff-panel-page :where(
  .viviliv-native-module,
  .viviliv-admin,
  .viviliv-owner-wrap,
  .viviliv-staff-orders,
  .viviliv-portal-dashboard
) :where(
  .button,
  button.button,
  input.button,
  .viviliv-staff-button,
  button[type="submit"],
  input[type="submit"]
) {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 8px 15px !important;
  color: var(--vcp-fix-text) !important;
  -webkit-text-fill-color: var(--vcp-fix-text) !important;
  background: linear-gradient(135deg,#1d5533,#103622) !important;
  border: 1px solid rgba(216,178,74,.44) !important;
  border-radius: 10px !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.16) !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  cursor: pointer !important;
}

html body.viviliv-staff-panel-page :where(
  .viviliv-native-module,
  .viviliv-admin,
  .viviliv-owner-wrap,
  .viviliv-staff-orders,
  .viviliv-portal-dashboard
) :where(
  .button,
  button.button,
  input.button,
  .viviliv-staff-button,
  button[type="submit"],
  input[type="submit"]
):hover {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: linear-gradient(135deg,#287047,#17472e) !important;
  border-color: var(--vcp-fix-gold-light) !important;
  transform: translateY(-1px) !important;
}

/* Wszystkie złote / główne akcje mają ZAWSZE ciemny tekst. */
html body.viviliv-staff-panel-page :where(
  .button-primary,
  .button.button-primary,
  input.button-primary,
  button.button-primary,
  .viviliv-admin__save,
  .viviliv-report-print,
  .viviliv-wolt-action__create,
  .viviliv-owner-shortcuts__buttons .button-primary,
  .viviliv-filter-chip.is-active,
  .viviliv-report-preset.is-active,
  .viviliv-portal-rail__button.is-active,
  .viviliv-portal-flyout__link.is-active
),
html body.viviliv-staff-panel-page :where(
  .button-primary,
  .button.button-primary,
  input.button-primary,
  button.button-primary,
  .viviliv-admin__save,
  .viviliv-report-print,
  .viviliv-wolt-action__create,
  .viviliv-owner-shortcuts__buttons .button-primary,
  .viviliv-filter-chip.is-active,
  .viviliv-report-preset.is-active,
  .viviliv-portal-rail__button.is-active,
  .viviliv-portal-flyout__link.is-active
) * {
  color: var(--vcp-fix-dark) !important;
  -webkit-text-fill-color: var(--vcp-fix-dark) !important;
  text-shadow: none !important;
}

html body.viviliv-staff-panel-page :where(
  .button-primary,
  .button.button-primary,
  input.button-primary,
  button.button-primary,
  .viviliv-admin__save,
  .viviliv-report-print,
  .viviliv-wolt-action__create,
  .viviliv-owner-shortcuts__buttons .button-primary
) {
  background: linear-gradient(135deg,#ffe49a,#f3d77a 48%,#d8b24a) !important;
  border-color: #fff0ad !important;
  box-shadow: 0 8px 20px rgba(216,178,74,.20) !important;
}

html body.viviliv-staff-panel-page :where(
  .button-primary,
  .button.button-primary,
  input.button-primary,
  button.button-primary,
  .viviliv-admin__save,
  .viviliv-report-print,
  .viviliv-wolt-action__create,
  .viviliv-owner-shortcuts__buttons .button-primary
):hover,
html body.viviliv-staff-panel-page :where(
  .button-primary,
  .button.button-primary,
  input.button-primary,
  button.button-primary,
  .viviliv-admin__save,
  .viviliv-report-print,
  .viviliv-wolt-action__create,
  .viviliv-owner-shortcuts__buttons .button-primary
):focus-visible {
  color: var(--vcp-fix-dark) !important;
  -webkit-text-fill-color: var(--vcp-fix-dark) !important;
  background: linear-gradient(135deg,#fff0b8,#f6d66f 52%,#dda930) !important;
  border-color: #fff6cf !important;
}

html body.viviliv-staff-panel-page :where(.button-link-delete,.viviliv-order-delete-button) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: linear-gradient(135deg,#a7443d,#702923) !important;
  border-color: rgba(255,187,181,.52) !important;
}

html body.viviliv-staff-panel-page :where(.button,.viviliv-staff-button,button[type="submit"],input[type="submit"]):disabled,
html body.viviliv-staff-panel-page :where(.button,.viviliv-staff-button,button[type="submit"],input[type="submit"])[disabled] {
  color: #9eaaa2 !important;
  -webkit-text-fill-color: #9eaaa2 !important;
  background: #25342b !important;
  border-color: rgba(255,255,255,.10) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  opacity: .72 !important;
  transform: none !important;
}

/* =========================================================
   4. PRZEŁĄCZNIKI — CHRONIONE PRZED GLOBALNYMI STYLAMI
   ========================================================= */
html body.viviliv-staff-panel-page .viviliv-switch-card {
  position: relative !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  cursor: pointer !important;
}

html body.viviliv-staff-panel-page .viviliv-switch-card > input[type="checkbox"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body.viviliv-staff-panel-page .viviliv-switch-card__toggle {
  position: relative !important;
  flex: 0 0 48px !important;
  display: block !important;
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #727b76 !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 2px 5px rgba(0,0,0,.20) !important;
}

html body.viviliv-staff-panel-page .viviliv-switch-card__toggle > span {
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.30) !important;
  transition: left .18s ease, background .18s ease !important;
}

html body.viviliv-staff-panel-page .viviliv-switch-card > input[type="checkbox"]:checked + .viviliv-switch-card__toggle {
  background: linear-gradient(135deg,var(--vcp-fix-gold-light),var(--vcp-fix-gold)) !important;
  border-color: #fff0ad !important;
}

html body.viviliv-staff-panel-page .viviliv-switch-card > input[type="checkbox"]:checked + .viviliv-switch-card__toggle > span {
  left: 23px !important;
  background: var(--vcp-fix-dark) !important;
}

html body.viviliv-staff-panel-page .viviliv-switch-card__text strong {
  color: var(--vcp-fix-text) !important;
  -webkit-text-fill-color: var(--vcp-fix-text) !important;
}
html body.viviliv-staff-panel-page .viviliv-switch-card__text small {
  color: var(--vcp-fix-muted) !important;
  -webkit-text-fill-color: var(--vcp-fix-muted) !important;
}

/* =========================================================
   5. TABELLE I WIERSZE — BEZ ROZRYWANIA UKŁADU
   ========================================================= */
html body.viviliv-staff-panel-page :where(
  .viviliv-product-table-wrap,
  .viviliv-audit__table,
  .viviliv-report-tables,
  .viviliv-hours-table-wrap,
  .widefat-wrap
) {
  max-width: 100% !important;
  overflow-x: auto !important;
  overscroll-behavior-x: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

html body.viviliv-staff-panel-page table {
  max-width: 100% !important;
  border-collapse: collapse !important;
}

html body.viviliv-staff-panel-page th,
html body.viviliv-staff-panel-page td {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

html body.viviliv-staff-panel-page :where(.viviliv-hours-row,.viviliv-exception-row,.viviliv-form-grid,.viviliv-order-rules-grid) > * {
  min-width: 0 !important;
}

/* =========================================================
   6. RESPONSYWNOŚĆ — NADAL IKONY, NIGDY SZEROKIE MENU
   ========================================================= */
@media (max-width: 1180px) {
  html body.viviliv-staff-panel-page {
    --vcp-fix-rail-width: 58px;
    --vcp-fix-rail-button: 42px;
  }

  html body.viviliv-staff-panel-page .viviliv-portal-layout {
    grid-template-columns: var(--vcp-fix-rail-width) minmax(0,1fr) !important;
    gap: 8px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-portal-rail {
    padding: 8px !important;
  }
}

@media (max-width: 760px) {
  html body.viviliv-staff-panel-page {
    --vcp-fix-rail-width: 50px;
    --vcp-fix-rail-button: 38px;
  }

  html body.viviliv-staff-panel-page #content,
  html body.viviliv-staff-panel-page .site-content {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-portal-layout {
    display: grid !important;
    grid-template-columns: var(--vcp-fix-rail-width) minmax(0,1fr) !important;
    gap: 5px !important;
  }

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

  html body.viviliv-staff-panel-page .viviliv-portal-flyouts {
    left: calc(var(--vcp-fix-rail-width) + 5px) !important;
    width: calc(100vw - var(--vcp-fix-rail-width) - 15px) !important;
    max-width: calc(100vw - var(--vcp-fix-rail-width) - 15px) !important;
  }

  html body.viviliv-staff-panel-page :where(
    .viviliv-native-module,
    .viviliv-admin,
    .viviliv-owner-wrap,
    .viviliv-staff-orders,
    .viviliv-portal-dashboard
  ) :where(.button,button.button,input.button,.viviliv-staff-button,button[type="submit"],input[type="submit"]) {
    min-height: 44px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-technical-break-fields,
  html body.viviliv-staff-panel-page .viviliv-form-grid,
  html body.viviliv-staff-panel-page .viviliv-order-rules-grid,
  html body.viviliv-staff-panel-page .viviliv-admin__grid {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
 * VIVILIV 0.6.4.41 — POPRAWKI WSKAZANE NA ZRZUTACH
 * Tylko: stała pozycja lewej szyny, bezpośredni Pulpit,
 * ciemny tekst na złocie, czytelna reguła i przycisk zapisu.
 * ========================================================= */

/* 1. Szyna nawigacji jest zawsze widoczna bezpośrednio pod górną belką. */
html body.viviliv-staff-panel-page .viviliv-portal-layout {
  position: relative !important;
  grid-template-columns: var(--vcp-fix-rail-width) minmax(0,1fr) !important;
}

html body.viviliv-staff-panel-page .viviliv-portal-navigation {
  position: fixed !important;
  top: calc(
    var(--viviliv-admin-bar-height, 0px)
    + var(--viviliv-status-banner-height, 0px)
    + var(--viviliv-global-topbar-height, 56px)
    + 8px
  ) !important;
  left: max(10px, env(safe-area-inset-left)) !important;
  right: auto !important;
  bottom: auto !important;
  width: var(--vcp-fix-rail-width) !important;
  min-width: var(--vcp-fix-rail-width) !important;
  max-width: var(--vcp-fix-rail-width) !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: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  max-height: calc(
    100dvh
    - var(--viviliv-admin-bar-height, 0px)
    - var(--viviliv-status-banner-height, 0px)
    - var(--viviliv-global-topbar-height, 56px)
    - 18px
  ) !important;
  overflow-x: visible !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-width: none !important;
}

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

html body.viviliv-staff-panel-page .viviliv-portal-content {
  grid-column: 2 !important;
  min-width: 0 !important;
}

/* Link Pulpit zachowuje dokładnie wygląd pozostałych ikon. */
html body.viviliv-staff-panel-page a.viviliv-portal-rail__button {
  text-decoration: none !important;
}

/* 2. Każdy złoty przycisk, aktywna ikona i status sprzedaży — ciemnozielony tekst. */
html body.viviliv-staff-panel-page :is(
  .button-primary,
  .button.button-primary,
  input.button-primary,
  button.button-primary,
  .viviliv-admin__save,
  .viviliv-admin__header > strong.is-on,
  .viviliv-portal-header__actions > strong.is-on,
  .viviliv-portal-rail__button.is-active,
  .viviliv-owner-shortcuts__buttons .button-primary
),
html body.viviliv-staff-panel-page :is(
  .button-primary,
  .button.button-primary,
  input.button-primary,
  button.button-primary,
  .viviliv-admin__save,
  .viviliv-admin__header > strong.is-on,
  .viviliv-portal-header__actions > strong.is-on,
  .viviliv-portal-rail__button.is-active,
  .viviliv-owner-shortcuts__buttons .button-primary
) * {
  color: #06150d !important;
  -webkit-text-fill-color: #06150d !important;
  text-shadow: none !important;
}

/* 3. Żółte pole „Reguła aktywna” ma czytelny zielony tekst. */
html body.viviliv-staff-panel-page .viviliv-order-rules-note,
html body.viviliv-staff-panel-page .viviliv-order-rules-note * {
  color: #06150d !important;
  -webkit-text-fill-color: #06150d !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-rules-note strong {
  font-weight: 850 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-rules-note span {
  font-weight: 600 !important;
}

/* 4. Główny zapis ustawień — wyraźny, wycentrowany i oddzielony od obu bloków. */
html body.viviliv-staff-panel-page .viviliv-admin form > p.submit {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 28px 0 30px !important;
  padding: 0 !important;
  text-align: center !important;
}

html body.viviliv-staff-panel-page .viviliv-admin form > p.submit .viviliv-admin__save {
  width: min(100%, 290px) !important;
  min-width: 240px !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 12px 24px !important;
  color: #06150d !important;
  -webkit-text-fill-color: #06150d !important;
  background: linear-gradient(135deg, #fff0ad 0%, #f3d77a 48%, #d8b24a 100%) !important;
  border: 1px solid #fff4c8 !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.54) !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;
}

html body.viviliv-staff-panel-page .viviliv-admin form > p.submit .viviliv-admin__save:hover,
html body.viviliv-staff-panel-page .viviliv-admin form > p.submit .viviliv-admin__save:focus-visible {
  color: #06150d !important;
  -webkit-text-fill-color: #06150d !important;
  background: linear-gradient(135deg, #fff6cf 0%, #f6dc7e 52%, #dda930 100%) !important;
  border-color: #ffffff !important;
  box-shadow: 0 15px 32px rgba(0,0,0,.30), 0 0 0 3px rgba(243,215,122,.16) !important;
  transform: translateY(-2px) !important;
}

@media (max-width: 760px) {
  html body.viviliv-staff-panel-page .viviliv-portal-navigation {
    left: max(4px, env(safe-area-inset-left)) !important;
  }

  html body.viviliv-staff-panel-page .viviliv-admin form > p.submit {
    margin-top: 22px !important;
    margin-bottom: 24px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-admin form > p.submit .viviliv-admin__save {
    width: min(100%, 320px) !important;
    min-width: 0 !important;
  }
}



/* =========================================================
 * VIVILIV 0.6.4.42 — DWA PRECYZYJNE POPRAWIENIA
 * 1) Szyna dokładnie pod górną belką „Panel VIVILIV”.
 * 2) Każdy złoty element akcji ma tekst i ikony w #06150d.
 * ========================================================= */

/* Lewa szyna bez dodatkowej szczeliny pod górną belką. */
html body.viviliv-staff-panel-page .viviliv-portal-navigation {
  top: calc(
    var(--viviliv-admin-bar-height, 0px)
    + var(--viviliv-status-banner-height, 0px)
    + var(--viviliv-global-topbar-height, 56px)
  ) !important;
}

html body.viviliv-staff-panel-page .viviliv-portal-rail {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

/* Wszystkie znane złote przyciski, aktywne pozycje i statusy. */
html body.viviliv-staff-panel-page :is(
  .viviliv-portal-dashboard__intro > a,
  .viviliv-portal-header__actions > strong.is-on,
  .viviliv-admin__header > strong.is-on,
  .viviliv-portal-rail__button.is-active,
  .viviliv-portal-flyout__link.is-active,
  .button-primary,
  .button.button-primary,
  button.button-primary,
  input.button-primary,
  .viviliv-admin__save,
  .viviliv-staff-save,
  .viviliv-orders-header-actions .button,
  .viviliv-owner-header-actions .button,
  .viviliv-orders-header-actions strong,
  .viviliv-owner-header-actions strong,
  .viviliv-report-print,
  .viviliv-report-preset.is-active,
  .viviliv-orders-statuses a.is-active,
  .viviliv-product-status-tabs a.is-active,
  .viviliv-product-category-tabs a.is-active,
  .viviliv-owner-shortcuts__buttons .button-primary,
  .viviliv-reviews-panel.is-frontend .button
),
html body.viviliv-staff-panel-page :is(
  .viviliv-portal-dashboard__intro > a,
  .viviliv-portal-header__actions > strong.is-on,
  .viviliv-admin__header > strong.is-on,
  .viviliv-portal-rail__button.is-active,
  .viviliv-portal-flyout__link.is-active,
  .button-primary,
  .button.button-primary,
  button.button-primary,
  input.button-primary,
  .viviliv-admin__save,
  .viviliv-staff-save,
  .viviliv-orders-header-actions .button,
  .viviliv-owner-header-actions .button,
  .viviliv-orders-header-actions strong,
  .viviliv-owner-header-actions strong,
  .viviliv-report-print,
  .viviliv-report-preset.is-active,
  .viviliv-orders-statuses a.is-active,
  .viviliv-product-status-tabs a.is-active,
  .viviliv-product-category-tabs a.is-active,
  .viviliv-owner-shortcuts__buttons .button-primary,
  .viviliv-reviews-panel.is-frontend .button
) * {
  color: #06150d !important;
  -webkit-text-fill-color: #06150d !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Przycisk w nagłówku pulpitu — tekst nie może zniknąć. */
html body.viviliv-staff-panel-page .viviliv-portal-dashboard__intro > a {
  color: #06150d !important;
  -webkit-text-fill-color: #06150d !important;
  background: linear-gradient(135deg, #fff0ad 0%, #f3d77a 48%, #d8b24a 100%) !important;
  border: 1px solid #f3d77a !important;
  font-weight: 850 !important;
  text-indent: 0 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html body.viviliv-staff-panel-page .viviliv-portal-dashboard__intro > a:hover,
html body.viviliv-staff-panel-page .viviliv-portal-dashboard__intro > a:focus-visible {
  color: #06150d !important;
  -webkit-text-fill-color: #06150d !important;
  background: linear-gradient(135deg, #fff6cf 0%, #f6dc7e 52%, #dda930 100%) !important;
}

/* =========================================================
 * VIVILIV 0.6.4.43 — LEWA SZYNA BEZ NAKŁADANIA
 * Tylko jedno poprawienie: stała szyna pozostaje pod belką
 * „Panel VIVILIV”, ale nagłówek panelu ma własne miejsce obok niej.
 * ========================================================= */

html body.viviliv-staff-panel-page {
  --vcp-fix-rail-gap: 12px;
}

/* Nagłówek profilu nie może wchodzić pod stałą lewą szynę. */
html body.viviliv-staff-panel-page .viviliv-portal-header {
  width: calc(100% - var(--vcp-fix-rail-width) - var(--vcp-fix-rail-gap)) !important;
  max-width: calc(100% - var(--vcp-fix-rail-width) - var(--vcp-fix-rail-gap)) !important;
  margin-left: calc(var(--vcp-fix-rail-width) + var(--vcp-fix-rail-gap)) !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Treść nadal zajmuje drugą kolumnę i zaczyna się na tej samej linii. */
html body.viviliv-staff-panel-page .viviliv-portal-content {
  grid-column: 2 !important;
}

@media (max-width: 1180px) {
  html body.viviliv-staff-panel-page {
    --vcp-fix-rail-gap: 8px;
  }
}

@media (max-width: 760px) {
  html body.viviliv-staff-panel-page {
    --vcp-fix-rail-gap: 5px;
  }
}


/* =========================================================
   VIVILIV 0.6.4.44 — PANEL: UKRYCIE WYSZUKIWARKI NAGŁÓWKA
   Wyłącznie w Panel VIVILIV. Wyszukiwanie w modułach panelu
   i na zwykłych stronach serwisu pozostaje bez zmian.
   ========================================================= */
html body.viviliv-staff-panel-page .viviliv-global-topbar .navigation-search,
html body.viviliv-staff-panel-page .viviliv-global-topbar .search-form,
html body.viviliv-staff-panel-page .viviliv-global-topbar [role="search"],
html body.viviliv-staff-panel-page .viviliv-global-topbar .search-item,
html body.viviliv-staff-panel-page .viviliv-global-topbar .menu-bar-item.search-item,
html body.viviliv-staff-panel-page .site-header .navigation-search,
html body.viviliv-staff-panel-page .site-header .search-form.navigation-search,
html body.viviliv-staff-panel-page .site-header .search-item,
html body.viviliv-staff-panel-page .main-navigation .navigation-search,
html body.viviliv-staff-panel-page .main-navigation .search-item,
html body.viviliv-staff-panel-page .main-navigation .menu-bar-item.search-item {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}