/* =========================================================
 * VIVILIV 0.6.4.14 — FULL WIDTH + READABLE UI + WOLT CARD FIX
 * Ostatnia warstwa Panelu VIVILIV. Ładuje się po Premium UI.
 * ========================================================= */

html body.viviliv-staff-panel-page {
  --vcp-fw-gutter: clamp(12px, 1.35vw, 26px);
  --vcp-fw-font: clamp(15px, .16vw + 13px, 17px);
  font-family: "Segoe UI Variable Text", "Segoe UI", Arial, sans-serif !important;
  font-size: var(--vcp-fw-font) !important;
  line-height: 1.5 !important;
  text-rendering: geometricPrecision !important;
  -webkit-font-smoothing: antialiased !important;
}

/* GeneratePress i WordPress nie mogą ograniczać szerokości portalu. */
html body.viviliv-staff-panel-page #page,
html body.viviliv-staff-panel-page .site.grid-container,
html body.viviliv-staff-panel-page .container.grid-container,
html body.viviliv-staff-panel-page #content,
html body.viviliv-staff-panel-page .site-content,
html body.viviliv-staff-panel-page #primary,
html body.viviliv-staff-panel-page .content-area,
html body.viviliv-staff-panel-page #main,
html body.viviliv-staff-panel-page .site-main,
html body.viviliv-staff-panel-page article,
html body.viviliv-staff-panel-page .inside-article,
html body.viviliv-staff-panel-page .entry-content {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

html body.viviliv-staff-panel-page #content,
html body.viviliv-staff-panel-page .site-content {
  padding: 16px var(--vcp-fw-gutter) 54px !important;
}

html body.viviliv-staff-panel-page #main,
html body.viviliv-staff-panel-page .site-main,
html body.viviliv-staff-panel-page article,
html body.viviliv-staff-panel-page .inside-article,
html body.viviliv-staff-panel-page .entry-content {
  padding: 0 !important;
}

html body.viviliv-staff-panel-page .viviliv-staff-shell {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.viviliv-staff-panel-page .viviliv-portal-header,
html body.viviliv-staff-panel-page .viviliv-portal-layout,
html body.viviliv-staff-panel-page .viviliv-portal-content,
html body.viviliv-staff-panel-page .viviliv-native-module,
html body.viviliv-staff-panel-page .wrap.viviliv-admin {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* Górna belka: czytelna, nie miniaturowa. */
html body.viviliv-staff-panel-page .viviliv-portal-header {
  min-height: 118px !important;
  padding: 24px clamp(24px, 2vw, 38px) !important;
}

html body.viviliv-staff-panel-page .viviliv-portal-header p {
  font-size: 12px !important;
  letter-spacing: .14em !important;
}

html body.viviliv-staff-panel-page .viviliv-portal-header h1 {
  font-size: clamp(34px, 2.55vw, 50px) !important;
  line-height: 1.05 !important;
  font-weight: 720 !important;
}

html body.viviliv-staff-panel-page .viviliv-portal-header span {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

html body.viviliv-staff-panel-page .viviliv-portal-header__actions strong,
html body.viviliv-staff-panel-page .viviliv-portal-header__actions a {
  min-height: 42px !important;
  padding: 9px 15px !important;
  font-size: 13px !important;
}

/* Pełna przestrzeń robocza. */
html body.viviliv-staff-panel-page .viviliv-portal-layout {
  display: grid !important;
  grid-template-columns: 76px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
}

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

html body.viviliv-staff-panel-page .viviliv-portal-rail__button {
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  min-height: 54px !important;
}

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

html body.viviliv-staff-panel-page .viviliv-portal-content,
html body.viviliv-staff-panel-page .viviliv-portal-content.is-native-module {
  min-height: 760px !important;
  padding: clamp(20px, 1.5vw, 30px) !important;
}

html body.viviliv-staff-panel-page .viviliv-native-module,
html body.viviliv-staff-panel-page .wrap.viviliv-admin {
  margin: 0 !important;
  padding: 0 !important;
  font-size: var(--vcp-fw-font) !important;
}

/* Nagłówki wszystkich modułów. */
html body.viviliv-staff-panel-page .viviliv-admin__header,
html body.viviliv-staff-panel-page .viviliv-owner-header {
  min-height: 122px !important;
  padding: 25px clamp(25px, 2vw, 38px) !important;
  gap: 22px !important;
}

html body.viviliv-staff-panel-page .viviliv-admin__header > div:first-child,
html body.viviliv-staff-panel-page .viviliv-owner-header > div:first-child {
  min-width: 0 !important;
  max-width: 920px !important;
}

html body.viviliv-staff-panel-page .viviliv-admin__header p,
html body.viviliv-staff-panel-page .viviliv-owner-header p {
  font-size: 12px !important;
  line-height: 1.3 !important;
}

html body.viviliv-staff-panel-page .viviliv-admin__header h1,
html body.viviliv-staff-panel-page .viviliv-owner-header h1 {
  font-size: clamp(34px, 2.4vw, 48px) !important;
  line-height: 1.08 !important;
  font-weight: 720 !important;
  letter-spacing: -.035em !important;
}

html body.viviliv-staff-panel-page .viviliv-admin__header span,
html body.viviliv-staff-panel-page .viviliv-owner-header span {
  font-size: 15px !important;
  line-height: 1.5 !important;
}

html body.viviliv-staff-panel-page .viviliv-orders-header-actions strong,
html body.viviliv-staff-panel-page .viviliv-orders-header-actions .button {
  min-height: 44px !important;
  padding: 10px 16px !important;
  font-size: 14px !important;
}

/* Statusy i filtry — większe i czytelniejsze. */
html body.viviliv-staff-panel-page .viviliv-orders-statuses {
  gap: 9px !important;
  margin: 18px 0 !important;
}

html body.viviliv-staff-panel-page .viviliv-orders-statuses a {
  min-height: 44px !important;
  padding: 10px 15px !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
}

html body.viviliv-staff-panel-page .viviliv-orders-statuses a span {
  min-width: 27px !important;
  min-height: 27px !important;
  padding: 4px 8px !important;
  font-size: 12px !important;
}

html body.viviliv-staff-panel-page .viviliv-orders-filter {
  padding: 20px !important;
}

html body.viviliv-staff-panel-page .viviliv-orders-filter form {
  display: grid !important;
  grid-template-columns: minmax(260px, 2fr) repeat(5, minmax(130px, 1fr)) auto auto !important;
  gap: 14px !important;
  align-items: end !important;
}

html body.viviliv-staff-panel-page .viviliv-orders-filter label > span,
html body.viviliv-staff-panel-page .viviliv-native-module label,
html body.viviliv-staff-panel-page .viviliv-admin label {
  margin-bottom: 7px !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

html body.viviliv-staff-panel-page .viviliv-orders-filter input,
html body.viviliv-staff-panel-page .viviliv-orders-filter select,
html body.viviliv-staff-panel-page .viviliv-native-module input:not([type="checkbox"]):not([type="radio"]),
html body.viviliv-staff-panel-page .viviliv-native-module select,
html body.viviliv-staff-panel-page .viviliv-native-module textarea {
  min-height: 48px !important;
  padding: 10px 13px !important;
  font-family: inherit !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}

html body.viviliv-staff-panel-page .viviliv-orders-filter .button,
html body.viviliv-staff-panel-page .viviliv-native-module .button,
html body.viviliv-staff-panel-page .viviliv-admin .button {
  min-height: 46px !important;
  padding: 10px 16px !important;
  font-family: inherit !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
}

/* Karty zamówień na pełnej szerokości. */
html body.viviliv-staff-panel-page .viviliv-orders-list {
  gap: 18px !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card {
  width: 100% !important;
  max-width: none !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card__header {
  display: grid !important;
  grid-template-columns: minmax(140px, .72fr) minmax(260px, 1.35fr) minmax(270px, 1.15fr) minmax(150px, .65fr) !important;
  gap: 22px !important;
  padding: 22px 26px !important;
  align-items: center !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card__number span,
html body.viviliv-staff-panel-page .viviliv-order-card__method span,
html body.viviliv-staff-panel-page .viviliv-order-card__total span {
  font-size: 13px !important;
}

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

html body.viviliv-staff-panel-page .viviliv-order-card__number small,
html body.viviliv-staff-panel-page .viviliv-order-card__customer a,
html body.viviliv-staff-panel-page .viviliv-order-card__method small {
  font-size: 13px !important;
  line-height: 1.45 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card__customer strong,
html body.viviliv-staff-panel-page .viviliv-order-card__method strong {
  font-size: 17px !important;
  line-height: 1.35 !important;
}

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

html body.viviliv-staff-panel-page .viviliv-order-card__workflow {
  gap: 14px !important;
  padding: 16px 26px !important;
}

html body.viviliv-staff-panel-page .viviliv-order-status {
  min-height: 38px !important;
  padding: 8px 13px !important;
  font-size: 13px !important;
}

html body.viviliv-staff-panel-page .viviliv-order-status-form select {
  min-width: 220px !important;
  min-height: 44px !important;
  font-size: 14px !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card__details > summary {
  padding: 17px 26px !important;
  font-size: 15px !important;
}

html body.viviliv-staff-panel-page .viviliv-order-card__details-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;
  padding: 22px 26px !important;
}

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

html body.viviliv-staff-panel-page .viviliv-order-card__details-grid h3 {
  font-size: 18px !important;
  line-height: 1.3 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-items li {
  padding: 14px 15px !important;
  font-size: 15px !important;
}

html body.viviliv-staff-panel-page .viviliv-order-items li > span,
html body.viviliv-staff-panel-page .viviliv-order-items li > strong {
  font-size: 15px !important;
  line-height: 1.45 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-item-meta {
  gap: 7px 15px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

html body.viviliv-staff-panel-page .viviliv-order-address,
html body.viviliv-staff-panel-page .viviliv-order-card__details-grid p {
  font-size: 14px !important;
  line-height: 1.7 !important;
}

/* ---------- WOLT DRIVE: poprawny HTML i trzy prawdziwe karty ---------- */
html body.viviliv-staff-panel-page .viviliv-wolt-action {
  width: auto !important;
  max-width: none !important;
  margin: 0 26px 22px !important;
  padding: 24px !important;
  border-radius: 20px !important;
}

html body.viviliv-staff-panel-page .viviliv-wolt-action__head {
  gap: 18px !important;
  margin-bottom: 18px !important;
}

html body.viviliv-staff-panel-page .viviliv-wolt-action__eyebrow {
  font-size: 12px !important;
  letter-spacing: .13em !important;
}

html body.viviliv-staff-panel-page .viviliv-wolt-action__head h3 {
  margin-top: 5px !important;
  font-size: clamp(24px, 1.65vw, 32px) !important;
  line-height: 1.15 !important;
}

html body.viviliv-staff-panel-page .viviliv-wolt-action__status {
  min-height: 40px !important;
  padding: 9px 14px !important;
  font-size: 13px !important;
}

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

html body.viviliv-staff-panel-page .viviliv-wolt-action__fact {
  min-width: 0 !important;
  min-height: 96px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 16px 18px !important;
  color: rgba(247,243,232,.72) !important;
  background: linear-gradient(145deg, rgba(11,45,31,.92), rgba(4,24,15,.92)) !important;
  border: 1px solid rgba(105,210,232,.22) !important;
  border-radius: 15px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

html body.viviliv-staff-panel-page .viviliv-wolt-action__fact-label {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(247,243,232,.68) !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 650 !important;
}

html body.viviliv-staff-panel-page .viviliv-wolt-action__fact-value {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: clamp(21px, 1.45vw, 28px) !important;
  line-height: 1.12 !important;
  font-weight: 760 !important;
  white-space: normal !important;
}

/* WooCommerce wc_price używa zagnieżdżonych spanów — nie wolno robić z nich kart. */
html body.viviliv-staff-panel-page .viviliv-wolt-action__fact-value span,
html body.viviliv-staff-panel-page .viviliv-wolt-action__fact-value bdi,
html body.viviliv-staff-panel-page .viviliv-wolt-action__fact-value .woocommerce-Price-amount,
html body.viviliv-staff-panel-page .viviliv-wolt-action__fact-value .woocommerce-Price-currencySymbol {
  display: inline !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font: inherit !important;
  white-space: nowrap !important;
}

html body.viviliv-staff-panel-page .viviliv-wolt-action__dispatch {
  grid-template-columns: minmax(320px, 560px) minmax(230px, auto) !important;
  gap: 20px !important;
  padding: 20px !important;
}

html body.viviliv-staff-panel-page .viviliv-wolt-action__prep label {
  font-size: 15px !important;
  line-height: 1.35 !important;
}

html body.viviliv-staff-panel-page .viviliv-wolt-action__prep select {
  min-height: 54px !important;
  padding: 12px 46px 12px 15px !important;
  font-size: 16px !important;
}

html body.viviliv-staff-panel-page .viviliv-wolt-action__prep small {
  font-size: 12px !important;
  line-height: 1.45 !important;
}

html body.viviliv-staff-panel-page .viviliv-wolt-action__dispatch .viviliv-wolt-action__create,
html body.viviliv-staff-panel-page .viviliv-wolt-action__tracking {
  min-height: 50px !important;
  padding: 12px 20px !important;
  font-size: 15px !important;
}

/* Tabele i reszta modułów: żadnych mikroskopijnych 10px. */
html body.viviliv-staff-panel-page .viviliv-native-module table th,
html body.viviliv-staff-panel-page .viviliv-product-table th,
html body.viviliv-staff-panel-page .viviliv-audit__table th,
html body.viviliv-staff-panel-page .viviliv-report-tables th,
html body.viviliv-staff-panel-page .viviliv-hours-table th {
  padding: 13px 14px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

html body.viviliv-staff-panel-page .viviliv-native-module table td,
html body.viviliv-staff-panel-page .viviliv-product-table td,
html body.viviliv-staff-panel-page .viviliv-audit__table td,
html body.viviliv-staff-panel-page .viviliv-report-tables td,
html body.viviliv-staff-panel-page .viviliv-hours-table td {
  padding: 13px 14px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

/* 1366–1599: nadal pełna szerokość, lekko ciaśniejsza siatka. */
@media (max-width: 1599px) {
  html body.viviliv-staff-panel-page {
    --vcp-fw-gutter: 12px;
  }

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

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

  html body.viviliv-staff-panel-page .viviliv-portal-rail__button {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-orders-filter form {
    grid-template-columns: minmax(240px, 1.8fr) repeat(3, minmax(125px, 1fr)) !important;
  }

  html body.viviliv-staff-panel-page .viviliv-orders-filter form > * {
    min-width: 0 !important;
  }
}

@media (max-width: 1180px) {
  html body.viviliv-staff-panel-page .viviliv-order-card__header {
    grid-template-columns: minmax(130px, .7fr) minmax(240px, 1.35fr) minmax(220px, 1fr) !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__total {
    grid-column: 3 !important;
  }

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

@media (max-width: 900px) {
  html body.viviliv-staff-panel-page #content,
  html body.viviliv-staff-panel-page .site-content {
    padding-inline: 7px !important;
  }

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

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

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

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

  html body.viviliv-staff-panel-page .viviliv-admin__header,
  html body.viviliv-staff-panel-page .viviliv-owner-header {
    min-height: 0 !important;
    padding: 18px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-admin__header h1,
  html body.viviliv-staff-panel-page .viviliv-owner-header h1 {
    font-size: 31px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__header,
  html body.viviliv-staff-panel-page .viviliv-order-card__details-grid {
    grid-template-columns: 1fr !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__total {
    grid-column: auto !important;
    text-align: left !important;
  }

  html body.viviliv-staff-panel-page .viviliv-wolt-action {
    margin-inline: 14px !important;
  }

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

@media (max-width: 600px) {
  html body.viviliv-staff-panel-page {
    --vcp-fw-font: 15px;
  }

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

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

  html body.viviliv-staff-panel-page .viviliv-orders-statuses a {
    min-height: 40px !important;
    padding: 8px 11px !important;
    font-size: 13px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-orders-filter form {
    grid-template-columns: 1fr !important;
  }

  html body.viviliv-staff-panel-page .viviliv-order-card__header,
  html body.viviliv-staff-panel-page .viviliv-order-card__workflow,
  html body.viviliv-staff-panel-page .viviliv-order-card__details-grid {
    padding-inline: 14px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-wolt-action {
    margin: 0 10px 15px !important;
    padding: 16px !important;
  }

  html body.viviliv-staff-panel-page .viviliv-wolt-action__fact {
    min-height: 82px !important;
  }
}