/* =========================================================
 * VIVILIV 0.6.4.19 — PANEL GLOBAL CONTRAST RESET
 * Ostatnia warstwa interfejsu. Zasada: na ekranie nie ma
 * białych kart z białym tekstem ani złotego tekstu na złocie.
 * ========================================================= */

@media screen {
  html body.viviliv-staff-panel-page {
    --vpc-bg: #04130c;
    --vpc-surface: #092719;
    --vpc-surface-2: #0d3220;
    --vpc-surface-3: #123c26;
    --vpc-field: #061b10;
    --vpc-text: #fffaf0;
    --vpc-copy: #e7eee8;
    --vpc-muted: #b8c8bc;
    --vpc-gold: #d8b24a;
    --vpc-gold-2: #f3d77a;
    --vpc-line: rgba(216,178,74,.34);
    --vpc-line-strong: rgba(243,215,122,.70);
    --vpc-shadow: 0 18px 44px rgba(0,0,0,.24);
    color: var(--vpc-copy) !important;
    background:
      radial-gradient(circle at 12% 0%, rgba(216,178,74,.08), transparent 26%),
      linear-gradient(155deg, #06170e, #031009 68%) !important;
    font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
  }

  /* ---------- Wspólna typografia ---------- */
  html body.viviliv-staff-panel-page :where(
    .viviliv-portal-content,
    .viviliv-native-module,
    .viviliv-owner-wrap,
    .viviliv-orders-admin,
    .viviliv-reports-admin,
    .viviliv-reviews-panel,
    .viviliv-employees,
    .viviliv-staff-orders
  ) {
    color: var(--vpc-copy) !important;
  }

  html body.viviliv-staff-panel-page :where(h1,h2,h3,h4,h5,h6,legend) {
    color: var(--vpc-text) !important;
    text-shadow: none !important;
    opacity: 1 !important;
  }

  html body.viviliv-staff-panel-page :where(p,li,dt,dd,address,label,td,th,span,strong,small) {
    text-shadow: none !important;
    opacity: 1 !important;
  }

  html body.viviliv-staff-panel-page :where(p,li,dt,dd,address,td) {
    color: var(--vpc-copy) !important;
  }

  html body.viviliv-staff-panel-page :where(label,th,strong) {
    color: var(--vpc-text) !important;
  }

  html body.viviliv-staff-panel-page :where(small,.description,.viviliv-help,.viviliv-stock-hint,.viviliv-current-availability,.viviliv-quick-status) {
    color: var(--vpc-muted) !important;
  }

  /* ---------- Nawigacja: rail ---------- */
  html body.viviliv-staff-panel-page .viviliv-portal-rail {
    background: linear-gradient(180deg, #10341f, #06180f) !important;
    border: 1px solid var(--vpc-line) !important;
    box-shadow: var(--vpc-shadow), inset 0 1px 0 rgba(255,255,255,.035) !important;
  }

  html body.viviliv-staff-panel-page .viviliv-portal-rail__button {
    color: var(--vpc-gold-2) !important;
    -webkit-text-fill-color: var(--vpc-gold-2) !important;
    background: rgba(255,255,255,.025) !important;
    border-color: rgba(216,178,74,.24) !important;
  }

  html body.viviliv-staff-panel-page .viviliv-portal-rail__button:hover,
  html body.viviliv-staff-panel-page .viviliv-portal-rail__button:focus-visible {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: #16472b !important;
    border-color: var(--vpc-line-strong) !important;
  }

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

  html body.viviliv-staff-panel-page .viviliv-portal-rail__button.is-active *,
  html body.viviliv-staff-panel-page .viviliv-portal-rail__button.is-active svg {
    color: #07170e !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    -webkit-text-fill-color: #07170e !important;
  }

  /* ---------- Nawigacja: flyout premium ---------- */
  html body.viviliv-staff-panel-page .viviliv-portal-flyout {
    color: var(--vpc-text) !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(243,215,122,.10), transparent 34%),
      linear-gradient(150deg, #103923, #071f14 58%, #04140c) !important;
    border: 1px solid var(--vpc-line-strong) !important;
    box-shadow: 0 28px 74px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.04) !important;
  }

  html body.viviliv-staff-panel-page .viviliv-portal-flyout__header,
  html body.viviliv-staff-panel-page .viviliv-portal-flyout__links {
    background: transparent !important;
  }

  html body.viviliv-staff-panel-page .viviliv-portal-flyout__header span {
    color: var(--vpc-gold-2) !important;
    -webkit-text-fill-color: var(--vpc-gold-2) !important;
  }

  html body.viviliv-staff-panel-page .viviliv-portal-flyout__header h2 {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  html body.viviliv-staff-panel-page .viviliv-portal-flyout__header p {
    color: var(--vpc-muted) !important;
    -webkit-text-fill-color: var(--vpc-muted) !important;
  }

  html body.viviliv-staff-panel-page .viviliv-portal-flyout__link {
    position: relative !important;
    overflow: hidden !important;
    color: var(--vpc-text) !important;
    -webkit-text-fill-color: var(--vpc-text) !important;
    background: linear-gradient(145deg, rgba(18,58,36,.98), rgba(7,27,17,.99)) !important;
    border: 1px solid rgba(216,178,74,.25) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
  }

  html body.viviliv-staff-panel-page .viviliv-portal-flyout__link *,
  html body.viviliv-staff-panel-page .viviliv-portal-flyout__link strong {
    color: var(--vpc-text) !important;
    -webkit-text-fill-color: var(--vpc-text) !important;
  }

  html body.viviliv-staff-panel-page .viviliv-portal-flyout__link small {
    color: var(--vpc-muted) !important;
    -webkit-text-fill-color: var(--vpc-muted) !important;
  }

  html body.viviliv-staff-panel-page .viviliv-portal-flyout__link:hover,
  html body.viviliv-staff-panel-page .viviliv-portal-flyout__link:focus-visible {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: linear-gradient(145deg, #17482d, #0b2b1b) !important;
    border-color: var(--vpc-line-strong) !important;
  }

  /* Aktywny punkt nie jest już jasną kartą. */
  html body.viviliv-staff-panel-page .viviliv-portal-flyout__link.is-active,
  html body.viviliv-staff-panel-page .viviliv-portal-flyout__link[aria-current="page"] {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background:
      linear-gradient(90deg, rgba(216,178,74,.20), transparent 22%),
      linear-gradient(145deg, #1b5634, #0d321f) !important;
    border-color: #f3d77a !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.22), inset 4px 0 0 #f3d77a !important;
  }

  html body.viviliv-staff-panel-page .viviliv-portal-flyout__link.is-active *,
  html body.viviliv-staff-panel-page .viviliv-portal-flyout__link[aria-current="page"] * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  html body.viviliv-staff-panel-page .viviliv-portal-flyout__link.is-active small,
  html body.viviliv-staff-panel-page .viviliv-portal-flyout__link[aria-current="page"] small {
    color: #e9d79e !important;
    -webkit-text-fill-color: #e9d79e !important;
  }

  html body.viviliv-staff-panel-page .viviliv-portal-flyout__link.is-active .viviliv-portal-flyout__bullet,
  html body.viviliv-staff-panel-page .viviliv-portal-flyout__link[aria-current="page"] .viviliv-portal-flyout__bullet {
    background: #f3d77a !important;
    box-shadow: 0 0 0 4px rgba(243,215,122,.15) !important;
  }

  html body.viviliv-staff-panel-page .viviliv-portal-flyout__link.is-active .viviliv-portal-flyout__arrow,
  html body.viviliv-staff-panel-page .viviliv-portal-flyout__link[aria-current="page"] .viviliv-portal-flyout__arrow {
    color: #f3d77a !important;
    -webkit-text-fill-color: #f3d77a !important;
  }

  /* Dolny komunikat — nigdy biały. */
  html body.viviliv-staff-panel-page .viviliv-portal-flyout__note,
  html body.viviliv-staff-panel-page .viviliv-portal-flyout p.viviliv-portal-flyout__note {
    display: block !important;
    color: #dfe9e1 !important;
    -webkit-text-fill-color: #dfe9e1 !important;
    background: linear-gradient(145deg, rgba(15,49,30,.98), rgba(5,23,14,.99)) !important;
    border: 1px solid rgba(216,178,74,.23) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
    opacity: 1 !important;
  }

  /* ---------- Przyciski ---------- */
  html body.viviliv-staff-panel-page :where(.button,button,input[type="submit"]) {
    color: var(--vpc-text) !important;
    -webkit-text-fill-color: var(--vpc-text) !important;
    background: linear-gradient(145deg, #123b25, #092518) !important;
    border: 1px solid rgba(216,178,74,.38) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
    text-shadow: none !important;
  }

  html body.viviliv-staff-panel-page :where(.button,button,input[type="submit"]):hover,
  html body.viviliv-staff-panel-page :where(.button,button,input[type="submit"]):focus-visible {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: linear-gradient(145deg, #1a5131, #0d321f) !important;
    border-color: var(--vpc-line-strong) !important;
  }

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

  html body.viviliv-staff-panel-page :where(
    .button-primary,
    .button.button-primary,
    input.button-primary,
    .viviliv-report-print,
    .viviliv-orders-header-actions .button,
    .viviliv-owner-header-actions .button
  ) * {
    color: #07170e !important;
    -webkit-text-fill-color: #07170e !important;
  }

  /* ---------- Pola ---------- */
  html body.viviliv-staff-panel-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  html body.viviliv-staff-panel-page select,
  html body.viviliv-staff-panel-page textarea {
    color: #fffaf0 !important;
    -webkit-text-fill-color: #fffaf0 !important;
    background: linear-gradient(145deg, #0b2c1a, #06170e) !important;
    border: 1px solid rgba(216,178,74,.36) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
  }

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

  /* ---------- Wszystkie karty robocze na ciemno ---------- */
  html body.viviliv-staff-panel-page :where(
    .viviliv-portal-content,
    .viviliv-owner-panel,
    .viviliv-admin__panel,
    .viviliv-switch-card,
    .viviliv-permission,
    .viviliv-employee-card,
    .viviliv-review-setting,
    .viviliv-review-card,
    .viviliv-product-order-rules,
    .viviliv-product-calendar-rules,
    .viviliv-order-card,
    .viviliv-order-card__details-grid > section,
    .viviliv-wolt-action,
    .viviliv-report-filter,
    .viviliv-report-chart-card,
    .viviliv-report-tables .viviliv-admin__panel,
    .viviliv-image-preview,
    .viviliv-category-list label,
    .viviliv-owner-toggle,
    .viviliv-availability-card > span,
    .viviliv-product-category-tabs,
    .viviliv-allergen-columns fieldset,
    .viviliv-hours-row:not(.is-head),
    .viviliv-exception-row
  ) {
    color: var(--vpc-copy) !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(243,215,122,.045), transparent 36%),
      linear-gradient(145deg, rgba(14,48,30,.98), rgba(5,24,14,.99)) !important;
    border-color: var(--vpc-line) !important;
    box-shadow: var(--vpc-shadow), inset 0 1px 0 rgba(255,255,255,.025) !important;
  }

  html body.viviliv-staff-panel-page :where(
    .viviliv-owner-panel,
    .viviliv-admin__panel,
    .viviliv-switch-card,
    .viviliv-permission,
    .viviliv-employee-card,
    .viviliv-review-setting,
    .viviliv-review-card,
    .viviliv-product-order-rules,
    .viviliv-product-calendar-rules,
    .viviliv-order-card,
    .viviliv-order-card__details-grid > section,
    .viviliv-wolt-action,
    .viviliv-report-filter,
    .viviliv-report-chart-card,
    .viviliv-report-tables .viviliv-admin__panel,
    .viviliv-category-list label,
    .viviliv-owner-toggle,
    .viviliv-availability-card > span,
    .viviliv-allergen-columns fieldset
  ) :where(h1,h2,h3,h4,strong,label,legend) {
    color: var(--vpc-text) !important;
    -webkit-text-fill-color: var(--vpc-text) !important;
  }

  html body.viviliv-staff-panel-page :where(
    .viviliv-owner-panel,
    .viviliv-admin__panel,
    .viviliv-switch-card,
    .viviliv-permission,
    .viviliv-employee-card,
    .viviliv-review-setting,
    .viviliv-review-card,
    .viviliv-product-order-rules,
    .viviliv-product-calendar-rules,
    .viviliv-order-card,
    .viviliv-order-card__details-grid > section,
    .viviliv-wolt-action,
    .viviliv-report-filter,
    .viviliv-report-chart-card,
    .viviliv-report-tables .viviliv-admin__panel,
    .viviliv-category-list label,
    .viviliv-owner-toggle,
    .viviliv-availability-card > span,
    .viviliv-allergen-columns fieldset
  ) :where(p,small,.description,span,li,dt,dd,address) {
    color: var(--vpc-muted) !important;
    -webkit-text-fill-color: var(--vpc-muted) !important;
  }

  /* ---------- Raporty: koniec białych kart ---------- */
  html body.viviliv-staff-panel-page .viviliv-report-kpis {
    gap: 14px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-report-kpis > article,
  html body.viviliv-staff-panel-page .viviliv-report-channel {
    color: var(--vpc-copy) !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(243,215,122,.07), transparent 38%),
      linear-gradient(145deg, #103522, #071f14) !important;
    border: 1px solid rgba(216,178,74,.34) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03) !important;
  }

  html body.viviliv-staff-panel-page .viviliv-report-kpis > article > span,
  html body.viviliv-staff-panel-page .viviliv-report-channel header span {
    color: #d4dfd6 !important;
    -webkit-text-fill-color: #d4dfd6 !important;
  }

  html body.viviliv-staff-panel-page .viviliv-report-kpis > article > strong,
  html body.viviliv-staff-panel-page .viviliv-report-channel header h2,
  html body.viviliv-staff-panel-page .viviliv-report-channel header > strong {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  html body.viviliv-staff-panel-page .viviliv-report-kpis > article > small {
    color: var(--vpc-muted) !important;
    -webkit-text-fill-color: var(--vpc-muted) !important;
  }

  html body.viviliv-staff-panel-page .viviliv-report-kpis > article.is-delivery,
  html body.viviliv-staff-panel-page .viviliv-report-channel.is-delivery {
    border-color: rgba(243,215,122,.66) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.18), inset 4px 0 0 #d8b24a !important;
  }

  html body.viviliv-staff-panel-page .viviliv-report-channel dl > div {
    color: var(--vpc-copy) !important;
    background: rgba(255,255,255,.025) !important;
    border-color: rgba(216,178,74,.17) !important;
  }

  html body.viviliv-staff-panel-page .viviliv-report-channel dl > div dt {
    color: #d6e0d8 !important;
    -webkit-text-fill-color: #d6e0d8 !important;
  }

  html body.viviliv-staff-panel-page .viviliv-report-channel dl > div dd {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  html body.viviliv-staff-panel-page .viviliv-report-channel dl > div.is-highlight {
    background: rgba(216,178,74,.11) !important;
    border-color: rgba(243,215,122,.48) !important;
  }

  html body.viviliv-staff-panel-page .viviliv-report-chart-card header h2,
  html body.viviliv-staff-panel-page .viviliv-report-chart-card header span,
  html body.viviliv-staff-panel-page .viviliv-report-chart-card header small {
    color: var(--vpc-text) !important;
    -webkit-text-fill-color: var(--vpc-text) !important;
  }

  /* Canvas celowo jasny, bo wykres rysuje ciemne podpisy. */
  html body.viviliv-staff-panel-page .viviliv-report-chart-card canvas {
    background: #f4ecda !important;
    border: 1px solid rgba(216,178,74,.40) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.65) !important;
  }

  html body.viviliv-staff-panel-page .viviliv-report-note {
    color: var(--vpc-copy) !important;
    background: linear-gradient(145deg, #0d3020, #071d12) !important;
    border-color: rgba(216,178,74,.28) !important;
  }

  html body.viviliv-staff-panel-page .viviliv-report-note * {
    color: var(--vpc-copy) !important;
    -webkit-text-fill-color: var(--vpc-copy) !important;
  }

  html body.viviliv-staff-panel-page .viviliv-report-preset,
  html body.viviliv-staff-panel-page .viviliv-filter-chip,
  html body.viviliv-staff-panel-page .viviliv-category-chip,
  html body.viviliv-staff-panel-page .viviliv-menu-switch {
    color: var(--vpc-text) !important;
    -webkit-text-fill-color: var(--vpc-text) !important;
    background: linear-gradient(145deg, #123b25, #082116) !important;
    border-color: rgba(216,178,74,.30) !important;
  }

  html body.viviliv-staff-panel-page .viviliv-report-preset.is-active,
  html body.viviliv-staff-panel-page .viviliv-filter-chip.is-active {
    color: #07170e !important;
    -webkit-text-fill-color: #07170e !important;
    background: linear-gradient(135deg, #f7df8b, #d8b24a) !important;
    border-color: #f3d77a !important;
  }

  html body.viviliv-staff-panel-page .viviliv-report-preset.is-active *,
  html body.viviliv-staff-panel-page .viviliv-filter-chip.is-active * {
    color: #07170e !important;
    -webkit-text-fill-color: #07170e !important;
  }

  html body.viviliv-staff-panel-page .viviliv-category-chip.is-active,
  html body.viviliv-staff-panel-page .viviliv-menu-switch.is-active {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: #1a5533 !important;
    border-color: #f3d77a !important;
  }

  /* ---------- Tabele ---------- */
  html body.viviliv-staff-panel-page :where(table.widefat,.viviliv-native-module table,.viviliv-report-tables table,.viviliv-audit table) {
    color: var(--vpc-copy) !important;
    background: #071d12 !important;
    border-color: var(--vpc-line) !important;
  }

  html body.viviliv-staff-panel-page :where(table.widefat,.viviliv-native-module table,.viviliv-report-tables table,.viviliv-audit table) th {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: #15492c !important;
    border-color: rgba(216,178,74,.25) !important;
  }

  html body.viviliv-staff-panel-page :where(table.widefat,.viviliv-native-module table,.viviliv-report-tables table,.viviliv-audit table) td {
    color: var(--vpc-copy) !important;
    -webkit-text-fill-color: var(--vpc-copy) !important;
    background: rgba(7,29,18,.86) !important;
    border-color: rgba(216,178,74,.14) !important;
  }

  /* ---------- Ostrzeżenia też ciemne ---------- */
  html body.viviliv-staff-panel-page :where(.viviliv-owner-warning,.viviliv-order-rules-note,.viviliv-owner-list-help) {
    color: #f8edc7 !important;
    background: linear-gradient(145deg, rgba(83,68,18,.42), rgba(29,39,18,.96)) !important;
    border: 1px solid rgba(243,215,122,.48) !important;
    box-shadow: inset 4px 0 0 #d8b24a !important;
  }

  html body.viviliv-staff-panel-page :where(.viviliv-owner-warning,.viviliv-order-rules-note,.viviliv-owner-list-help) * {
    color: #f8edc7 !important;
    -webkit-text-fill-color: #f8edc7 !important;
  }

  /* ---------- Natywne ikony daty i czasu ---------- */
  html body.viviliv-staff-panel-page input[type="date"],
  html body.viviliv-staff-panel-page input[type="time"],
  html body.viviliv-staff-panel-page input[type="month"],
  html body.viviliv-staff-panel-page input[type="datetime-local"] {
    color-scheme: dark !important;
  }

  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="month"]::-webkit-calendar-picker-indicator,
  html body.viviliv-staff-panel-page input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    opacity: 1 !important;
    filter: invert(89%) sepia(69%) saturate(520%) hue-rotate(352deg) brightness(103%) contrast(91%) !important;
  }
}

@media print {
  body.viviliv-staff-panel-page .viviliv-report-print-area,
  body.viviliv-staff-panel-page .viviliv-report-print-area * {
    color: #1b2c21 !important;
    -webkit-text-fill-color: #1b2c21 !important;
    text-shadow: none !important;
  }

  body.viviliv-staff-panel-page .viviliv-report-print-area :where(article,section,header,footer,div,table,thead,tbody,tr,th,td,dl) {
    background: #fff !important;
    box-shadow: none !important;
  }

  body.viviliv-staff-panel-page .viviliv-report-print-area canvas {
    background: #fff !important;
  }
}