:root, html[data-theme="dark"] {
  --bg-page: #141824;
  --bg-surface: #1c2130;
  --bg-surface-2: #232939;
  --bg-inset: #10131d;
  --bg-input: var(--bg-inset);
  --page-mix-end: #21304b;
  --page-layer-end: #17243b;
  --rail-decor: var(--accent);
  --rail-decor-strong: var(--accent-strong);
  --rail-decor-text: var(--accent-text);
  --control-text-shadow: 0 1px 1px rgba(0,0,0,.28);
  --input-control-shadow: inset 0 2px 5px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.08),0 1px 0 rgba(255,255,255,.05);
  --input-focus-shadow: 0 0 0 3px color-mix(in srgb,var(--accent) 17%,transparent),inset 0 2px 5px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.12);
  --focus-ring: #ffffff;
  --focus-ring-outer: #111827;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 15px;
  --font-size-lg: 18px;
  --font-size-xl: 22px;
  --font-weight-regular: 500;
  --font-weight-strong: 700;
  --font-weight-heavy: 900;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --z-content: 1;
  --z-sticky: 30;
  --z-navigation: 60;
  --z-fab: 100;
  --z-overlay: 1200;
  --z-dialog: 12000;
  --z-critical-dialog: 24000;
  --z-toast: 28000;
  --border: #262d3e;
  --border-strong: #39415a;
  --text-1: #eef1f8;
  --text-2: #aeb6c9;
  --text-3: #7e879c;
  --accent: #f0498d;
  --accent-strong: #ed4b8c;
  --accent-text: #10131d;
  --on-color: #ffffff;
  --success: #2ecc80;
  --success-text: #4ade80;
  --warning: #f0a51d;
  --danger: #e83a4d;
  --danger-text: #ff5470;
  --info: #3f8cff;
  --mod-sales: #e91e75;
  --mod-sales-strong: #a3104f;
  --mod-warehouse: #3f8cff;
  --mod-management: #28b47a;
  --mod-management-strong: #1d8f60;
  --mod-admin: #9a6bff;
  --mod-admin-strong: #6d28d9;
  --placeholder: #6f7888;
  --disabled-bg: #1b1c23;
  --disabled-text: #6f7888;
  --scrollbar-track: var(--bg-inset);
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  color-scheme: dark;
}

/* Remote device guard */
.device-guard-status {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 8px;
  border: 1px solid var(--border);
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: 0;
  vertical-align: middle;
}

.device-guard-status.is-active {
  color: var(--success);
  border-color: rgba(50, 190, 120, .45);
  background: rgba(50, 190, 120, .12);
}

.device-guard-status.is-pending {
  color: var(--info);
  border-color: rgba(45, 107, 228, .45);
  background: rgba(45, 107, 228, .14);
}

.device-guard-status.is-blocked,
.device-guard-status.is-wipe,
.device-guard-status.is-wiped {
  color: var(--danger);
  border-color: rgba(255, 70, 95, .45);
  background: rgba(255, 70, 95, .14);
}

.device-guard-status.is-restricted {
  color: var(--warning);
  border-color: rgba(245, 170, 20, .48);
  background: rgba(245, 170, 20, .14);
}

.device-guard-modules {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 8px;
  border-radius: 999px;
  color: var(--text-2);
  background: rgba(120, 130, 150, .14);
  border: 1px solid var(--border);
  font-weight: 800;
  font-size: 12px;
}

.device-guard-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
  align-items: center;
}

.device-guard-rename-input {
  min-width: 180px;
  max-width: 260px;
  height: 34px;
  padding: 0 10px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg-surface);
  color: var(--text-1);
  font-weight: 800;
}

.device-guard-admin-btn {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg-surface-2);
  color: var(--text-1);
  font-weight: 900;
  cursor: pointer;
}

.device-guard-admin-btn.is-ok {
  color: var(--success);
  border-color: rgba(50, 190, 120, .5);
  background: rgba(50, 190, 120, .14);
}

.device-guard-admin-btn.is-restrict {
  color: var(--warning);
  border-color: rgba(245, 170, 20, .55);
  background: rgba(245, 170, 20, .14);
}

.device-guard-admin-btn.is-danger {
  color: var(--danger);
  border-color: rgba(255, 70, 95, .5);
  background: rgba(255, 70, 95, .14);
}

.device-guard-login-warning {
  border-color: rgba(255, 70, 95, .45);
  background: rgba(255, 70, 95, .14);
  color: var(--danger);
}

#device-guard-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(5, 8, 16, .86);
  backdrop-filter: blur(8px);
}

.device-guard-overlay-box {
  width: min(560px, 96vw);
  padding: 28px;
  border-radius: 16px;
  border: 1px solid rgba(255, 70, 95, .55);
  background: var(--bg-surface);
  box-shadow: 0 24px 80px rgba(0, 0, 0, .42);
  text-align: center;
}

.device-guard-overlay-title {
  color: var(--danger);
  font-size: 28px;
  font-weight: 1000;
  margin-bottom: 12px;
}

.device-guard-overlay-text {
  color: var(--text-1);
  font-size: 17px;
  font-weight: 800;
  line-height: 1.45;
  margin-bottom: 18px;
}

.device-guard-overlay-refresh {
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid rgba(50, 130, 255, .55);
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(135deg, #2563eb, #6542d9);
  font-weight: 1000;
  cursor: pointer;
}

#device-guard-restricted-banner {
  position: fixed;
  left: 50%;
  bottom: 82px;
  transform: translateX(-50%);
  z-index: 9000;
  max-width: min(760px, calc(100vw - 32px));
  padding: 10px 16px;
  border-radius: 999px;
  border: 1px solid rgba(245, 170, 20, .55);
  background: rgba(45, 30, 12, .94);
  color: var(--warning);
  box-shadow: 0 16px 45px rgba(0, 0, 0, .35);
  font-weight: 1000;
  text-align: center;
}

@media (max-width: 700px) {
  .device-guard-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .device-guard-rename-input {
    grid-column: 1 / -1;
    max-width: none;
    width: 100%;
  }
  .device-guard-admin-btn {
    padding: 0 8px;
    font-size: 12px;
  }
}

.daily-report-shell {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
  background: var(--bg-page);
}

.daily-report-filterbar {
  display: grid;
  grid-template-columns: minmax(110px, 145px) repeat(4, minmax(150px, 1fr)) auto;
  gap: 10px;
  align-items: end;
  margin-bottom: 14px;
  padding: 12px;
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  background: var(--bg-surface);
  box-shadow: 0 8px 22px rgba(0,0,0,.12);
}

.daily-report-field label {
  display: block;
  margin: 0 0 5px;
  color: var(--text-3);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.daily-report-field input,
.daily-report-field select {
  width: 100%;
  min-height: 42px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: var(--bg-inset);
  color: var(--text-1);
  padding: 8px 10px;
  font-size: 15px;
  font-weight: 700;
}

.daily-report-export {
  min-height: 42px;
  border: 1px solid rgba(245, 158, 11, .55);
  border-radius: 8px;
  background: rgba(245, 158, 11, .12);
  color: var(--accent);
  padding: 0 16px;
  font-weight: 900;
  cursor: pointer;
}

.daily-report-warning {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid rgba(245, 158, 11, .5);
  border-radius: 8px;
  background: rgba(245, 158, 11, .1);
  color: var(--accent);
  font-size: 13px;
  font-weight: 700;
}

.daily-report-period-header {
  display: grid;
  grid-template-columns: 1fr minmax(240px, auto) 1fr;
  align-items: center;
  gap: 12px;
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  background: var(--bg-surface);
}

.daily-report-period-header::before {
  content: '';
}

.daily-report-period-title {
  text-align: center;
}

.daily-report-period-header b {
  display: block;
  color: var(--text-1);
  font-size: 18px;
  font-weight: 950;
}

.daily-report-period-header span {
  display: block;
  margin-top: 2px;
  color: var(--accent);
  font-size: 13px;
  font-weight: 900;
}

.daily-report-period-header p {
  justify-self: end;
  margin: 0;
  color: var(--text-3);
  font-size: 12px;
  font-weight: 750;
  text-align: right;
  max-width: 360px;
}

.daily-report-kpis {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 10px;
  margin-bottom: 14px;
}

.daily-report-kpi {
  flex: 0 1 max-content;
  width: fit-content;
  min-width: 132px;
  max-width: 220px;
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  background: var(--bg-surface);
  padding: 12px;
  min-height: 92px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  text-align: center;
}

.daily-report-kpi-label {
  color: var(--text-3);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
  max-width: 100%;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}

.daily-report-kpi-value {
  color: var(--text-1);
  font-size: clamp(20px, 2.2vw, 32px);
  font-weight: 950;
  line-height: 1.08;
  max-width: 100%;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}

.daily-report-kpi-note {
  color: var(--text-3);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  max-width: 100%;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}

.daily-report-tone-accent .daily-report-kpi-value,
.daily-report-tone-in .daily-report-kpi-value {
  color: var(--accent);
}

.daily-report-tone-success .daily-report-kpi-value {
  color: var(--success);
}

.daily-report-tone-out .daily-report-kpi-value {
  color: var(--danger);
}

.daily-report-analysis {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 10px;
  margin: 0 0 14px;
}

.daily-report-analysis-card {
  flex: 0 1 max-content;
  width: fit-content;
  min-width: 220px;
  max-width: 360px;
  min-height: 86px;
  padding: 12px;
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  background: var(--bg-surface);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  text-align: center;
}

.daily-report-analysis-card span {
  color: var(--text-3);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
  max-width: 100%;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}

.daily-report-analysis-card b {
  color: var(--text-1);
  font-size: clamp(22px, 2.4vw, 34px);
  font-weight: 950;
  line-height: 1.08;
  max-width: 100%;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}

.daily-report-analysis-card small {
  color: var(--text-2);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.25;
  max-width: 100%;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}

.daily-report-analysis-success b {
  color: var(--success);
}

.daily-report-analysis-danger b {
  color: var(--danger);
}

.daily-report-analysis-info b {
  color: var(--info);
}

.daily-report-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.daily-report-section {
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  background: var(--bg-surface);
  padding: 12px;
}

.daily-report-section-wide {
  margin-top: 12px;
}

.daily-report-section h3 {
  margin: 0 0 10px;
  color: var(--text-1);
  font-size: 15px;
  font-weight: 950;
  letter-spacing: 0;
}

.daily-report-row {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(110px, .8fr) minmax(140px, 1fr);
  gap: 8px;
  align-items: center;
  padding: 10px 0;
  border-top: 1px solid var(--border-soft);
}

.daily-report-row:first-of-type {
  border-top: 0;
}

.daily-report-row > div {
  min-width: 0;
  text-align: center;
}

.daily-report-row b {
  display: block;
  color: var(--text-1);
  font-size: 16px;
  font-weight: 950;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}

.daily-report-row span,
.daily-report-row-wide {
  color: var(--text-3);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}

.daily-report-clock {
  display: block;
}

.daily-report-date-under {
  display: block;
  margin-top: 2px;
  color: var(--text-3);
  font-size: 11px;
  font-weight: 850;
  line-height: 1.15;
}

.daily-report-stamp .daily-report-clock {
  color: var(--accent);
}

.daily-report-stamp > .daily-report-clock,
.daily-report-stamp > .daily-report-date-under {
  margin-top: 3px;
}

.daily-report-breakdown {
  display: grid;
  gap: 8px;
}

.daily-report-breakdown-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  align-items: stretch;
  padding: 8px;
  border: 1px solid var(--border-soft);
  border-radius: 9px;
  background: var(--bg-inset);
}

.daily-report-breakdown-row > div {
  flex: 0 1 max-content;
  width: fit-content;
  min-width: 108px;
  max-width: 190px;
  padding: 6px 8px;
  border-radius: 7px;
  background: var(--bg-surface);
  text-align: center;
}

.daily-report-breakdown-row b {
  display: block;
  color: var(--text-1);
  font-size: 15px;
  font-weight: 950;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}

.daily-report-breakdown-row span {
  display: block;
  margin-top: 2px;
  color: var(--text-3);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}

.daily-report-timeline-row {
  display: grid;
  grid-template-columns: 82px 16px 1fr;
  gap: 8px;
  padding: 10px 0;
  border-top: 1px solid var(--border-soft);
}

.daily-report-timeline-row:first-of-type {
  border-top: 0;
}

.daily-report-time {
  color: var(--accent);
  font-size: 14px;
  font-weight: 950;
  padding-top: 2px;
  line-height: 1.15;
}

.daily-report-dot {
  width: 10px;
  height: 10px;
  margin-top: 5px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 4px rgba(245, 158, 11, .12);
}

.daily-report-event {
  min-width: 0;
}

.daily-report-event > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: baseline;
}

.daily-report-event b {
  color: var(--text-1);
  font-size: 14px;
  font-weight: 950;
}

.daily-report-event span {
  color: var(--accent);
  font-size: 12px;
  font-weight: 900;
}

.daily-report-event p {
  margin: 3px 0 2px;
  color: var(--text-2);
  font-size: 13px;
  font-weight: 650;
  overflow-wrap: anywhere;
}

.daily-report-event small {
  color: var(--text-3);
  font-size: 11px;
  font-weight: 700;
}

.daily-report-empty {
  padding: 18px;
  border: 1px dashed var(--border-strong);
  border-radius: 8px;
  color: var(--text-3);
  text-align: center;
  font-weight: 800;
}

@media (max-width: 1180px) {
  .daily-report-filterbar {
    grid-template-columns: 1fr 1fr;
  }
  .daily-report-export {
    grid-column: 1 / -1;
  }
  .daily-report-kpi {
    max-width: 210px;
  }
  .daily-report-analysis-card {
    max-width: 320px;
  }
  .daily-report-period-header {
    grid-template-columns: 1fr;
    align-items: flex-start;
  }
  .daily-report-period-header::before {
    display: none;
  }
  .daily-report-period-title {
    text-align: left;
  }
  .daily-report-period-header p {
    justify-self: start;
    text-align: left;
  }
  .daily-report-breakdown-row > div {
    max-width: 180px;
  }
}

@media (max-width: 760px) {
  .daily-report-shell {
    padding: 10px;
  }
  .daily-report-filterbar,
  .daily-report-grid {
    grid-template-columns: 1fr;
  }
  .daily-report-kpi {
    flex: 1 1 138px;
    min-width: 138px;
    max-width: calc(50% - 6px);
  }
  .daily-report-analysis-card {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .daily-report-row {
    grid-template-columns: 1fr;
  }
  .daily-report-breakdown-row > div {
    flex: 1 1 130px;
    max-width: calc(50% - 4px);
  }
}

html[data-theme="light"] {
  --bg-page: #f2f4f8;
  --bg-surface: #ffffff;
  --bg-surface-2: #f6f8fb;
  --bg-inset: #e9edf4;
  --page-mix-end: #ffffff;
  --page-layer-end: #f6f8fb;
  --control-text-shadow: none;
  --input-control-shadow: inset 0 1px 0 #ffffff,0 2px 6px rgba(34,54,84,.09);
  --input-focus-shadow: 0 0 0 3px color-mix(in srgb,var(--accent) 17%,transparent),inset 0 1px 0 #ffffff;
  --focus-ring: #111827;
  --focus-ring-outer: #ffffff;
  --border: #d5dbe6;
  --border-strong: #b9c2d2;
  --text-1: #1c2433;
  --text-2: #4a5568;
  --text-3: #7c8698;
  --accent: #0e7a8d;
  --accent-strong: #0a5a68;
  --accent-text: #ffffff;
  --on-color: #ffffff;
  --success: #0f9d58;
  --success-text: #0b7a44;
  --danger: #d93044;
  --danger-text: #b81f32;
  --warning: #b45309;
  --info: #2563eb;
  --mod-sales: #0e7a8d;
  --mod-sales-strong: #0a5a68;
  --mod-warehouse: #2563eb;
  --mod-management: #0f9d58;
  --mod-management-strong: #0b7a44;
  --mod-admin: #7c3aed;
  --mod-admin-strong: #6d28d9;
  --placeholder: #7c8798;
  --disabled-bg: #edf1f7;
  --disabled-text: #778296;
  --scrollbar-track: var(--bg-inset);
  color-scheme: light;
}

html[data-theme="industrial"] {
  --bg-page: #101010;
  --bg-surface: #1b1b1b;
  --bg-surface-2: #242424;
  --bg-inset: #0a0a0a;
  --border: #333333;
  --border-strong: #4a4a4a;
  --text-1: #ffffff;
  --text-2: #d8d8d8;
  --text-3: #9c9c9c;
  --accent: #ffc400;
  --accent-strong: #d9a400;
  --accent-text: #141414;
  --on-color: #ffffff;
  --success: #3ddc84;
  --success-text: #3ddc84;
  --warning: #ffc400;
  --danger: #ff5252;
  --danger-text: #ff6b6b;
  --info: #4dabff;
  --mod-sales: #ffc400;
  --mod-sales-strong: #d9a400;
  --mod-warehouse: #4dabff;
  --mod-management: #3ddc84;
  --mod-management-strong: #23b368;
  --mod-admin: #ff8a3d;
  --mod-admin-strong: #e06a1a;
  --placeholder: #8a8a8a;
  --disabled-bg: #1e1e1e;
  --disabled-text: #7a7a7a;
  --scrollbar-track: var(--bg-inset);
  color-scheme: dark;
}

/* Ipari Kontraszt: nagyobb betűk és érintőcélok, sötét szöveg a sárga gombokon */
html[data-theme="industrial"] body{font-size:17px}
html[data-theme="industrial"] input,
html[data-theme="industrial"] select{font-size:17px;min-height:48px}
html[data-theme="industrial"] .topbar-btn{min-width:48px;height:46px;font-size:15px}
html[data-theme="industrial"] .topbar-btn.is-icon-only{width:48px;min-width:48px}
html[data-theme="industrial"] .app-primary-add,
html[data-theme="industrial"] .sbtn.acc,
html[data-theme="industrial"] .product-category-tabs .tab.on,
html[data-theme="industrial"] .kassza-till-tab.on,
html[data-theme="industrial"] .tab.on.kassza-till-tab span{color:#141414!important}
html[data-theme="industrial"] .card,
html[data-theme="industrial"] .settings-card{box-shadow:none}
html[data-theme="industrial"] input[type="date"]{color-scheme:dark}


*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg-page);color:var(--text-1);font-family:"Segoe UI",Arial,sans-serif;font-size:15px;overflow:hidden;height:100vh;height:100dvh}
*{scrollbar-width:thin;scrollbar-color:#4a4f5d var(--bg-surface)}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:var(--bg-surface)}
::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:2px solid var(--bg-surface)}
::-webkit-scrollbar-thumb:hover{background:var(--text-3)}
button{font-family:"Segoe UI",Arial,sans-serif;cursor:pointer}
button.is-save-confirmed{background:var(--success)!important;color:var(--on-color)!important;border-color:var(--success-text)!important;box-shadow:0 0 0 1px color-mix(in srgb, var(--success-text) 33%, transparent),0 10px 24px rgba(0,0,0,.28)!important}
input,select{font-family:"Segoe UI",Arial,sans-serif;background:var(--bg-inset);color:var(--text-1);border:1px solid var(--border-strong);padding:10px;border-radius:var(--radius-sm);width:100%;font-size:var(--font-size-md);font-weight:var(--font-weight-regular)}
input[readonly]:not([data-cash-count-input]){caret-color:transparent;user-select:none;-webkit-user-select:none}
input[readonly]:not([data-cash-count-input]):focus{outline:none;box-shadow:none}
input:disabled,select:disabled{opacity:.65;background:var(--bg-page);color:var(--text-3)}
select option{background:var(--bg-inset)}
.app-icon{width:1.18em;height:1.18em;display:inline-block;vertical-align:-.18em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.app-icon path{vector-effect:non-scaling-stroke}
input[type="date"]{color-scheme:dark}
input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.35);opacity:.9;cursor:pointer}
input[type="date"]::-webkit-calendar-picker-indicator:hover{opacity:1;filter:invert(1) brightness(1.7)}
.app-primary-add{min-height:38px;border:none!important;border-radius:12px!important;background:linear-gradient(135deg,var(--accent),var(--accent-strong))!important;color:var(--accent-text)!important;font-size:13px!important;font-weight:950!important;letter-spacing:.01em;padding:0 14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;white-space:nowrap!important;box-shadow:0 12px 26px color-mix(in srgb,var(--accent) 28%,transparent),inset 0 1px 0 rgba(255,255,255,.18)!important}
.app-primary-add:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 16px 32px color-mix(in srgb,var(--accent) 34%,transparent),inset 0 1px 0 rgba(255,255,255,.2)!important}
.app-primary-add .app-icon{width:18px;height:18px}
.app-fab-add{display:grid!important;place-items:center!important;padding:0!important;line-height:1!important;background:linear-gradient(135deg,var(--accent),var(--accent-strong))!important;color:var(--accent-text)!important;box-shadow:0 18px 42px color-mix(in srgb,var(--accent) 28%,transparent),0 10px 28px rgba(7,19,38,.20)!important;border:1px solid rgba(255,255,255,.12)!important}
.app-fab-add:hover{filter:brightness(1.12);transform:translateY(-2px)}
.app-plus-icon{position:relative;display:block;width:22px;height:22px;flex:0 0 22px;color:inherit;pointer-events:none}
.app-plus-icon:before,.app-plus-icon:after{content:"";position:absolute;left:50%;top:50%;display:block;border-radius:999px;background:currentColor;transform:translate(-50%,-50%)}
.app-plus-icon:before{width:20px;height:3px}
.app-plus-icon:after{width:3px;height:20px}
@media (max-width:560px){
  .topbar .app-primary-add{width:42px!important;min-width:42px!important;height:38px!important;padding:0!important;font-size:0!important;border-radius:12px!important}
  .topbar .app-primary-add .app-icon{width:21px;height:21px}
}
.brand-logo{display:block;max-width:100%;height:auto;overflow:visible}
.brand-logo text{font-family:Impact,"Arial Black",sans-serif;font-size:64px;font-weight:900;letter-spacing:6px;fill:#e5154d;stroke:#ffffff;stroke-width:7px;paint-order:stroke fill;dominant-baseline:auto}
html[data-theme="dark"] .brand-logo text{stroke:#4d172b;stroke-width:5.4px}
html[data-theme="dark"] .brand-logo-drawer text{stroke-width:4.4px}
html[data-theme="dark"] .brand-logo-login{filter:drop-shadow(0 10px 24px rgba(0,0,0,.42))}
html[data-theme="light"] .brand-logo text{stroke:#ffffff;stroke-width:7px}
html[data-theme="light"] .brand-logo-drawer text{stroke-width:5.5px}
.drawer-brand{padding:18px 18px 16px;border-bottom:1px solid var(--border-strong);background:linear-gradient(180deg,var(--bg-surface) 0,var(--bg-inset) 100%);overflow:hidden}
.brand-logo-drawer{width:min(100%,318px);height:auto;aspect-ratio:720/150;margin:0 0 7px;overflow:visible}
.brand-logo-drawer text{font-size:48px;letter-spacing:3px;stroke-width:5.5px}
.brand-product-name{font-size:13px;font-weight:800;color:var(--text-1);letter-spacing:.01em}
.brand-version{font-size:11px;color:var(--text-2);margin-top:3px;font-weight:600}
.home-brand-title,.module-brand-title{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;line-height:1.05}
.brand-logo-topbar,.brand-logo-module{width:166px;height:32px;flex:0 0 auto}
.home-brand-title > span,.module-brand-title > span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);margin-left:11px}
body.desktop-sidebar-on #pg-home .home-brand-title{display:block}
body.desktop-sidebar-on #pg-home .home-brand-title .brand-logo-topbar,
body.desktop-sidebar-on #pg-home .home-brand-title > span{display:none}
body.desktop-sidebar-on #pg-home .home-brand-title:before{content:"FŐMENÜ";font-size:18px;font-weight:900;letter-spacing:.08em;color:var(--text-1);text-transform:uppercase}
body.desktop-sidebar-on #pg-home .topbar{min-height:calc(58px + var(--safe-top))}
body.desktop-sidebar-on #pg-price-reader .module-brand-title{display:block}
body.desktop-sidebar-on #pg-price-reader .module-brand-title .brand-logo-module,
body.desktop-sidebar-on #pg-price-reader .module-brand-title > span{display:none}
body.desktop-sidebar-on #pg-price-reader .module-brand-title:before{content:"ÁRELLENŐRZŐ";font-size:18px;font-weight:900;letter-spacing:.08em;color:var(--text-1);text-transform:uppercase}
body.desktop-sidebar-on #pg-price-reader .topbar{min-height:calc(58px + var(--safe-top))}
#pg-kassza .module-brand-title{display:block}
#pg-kassza .module-brand-title .brand-logo-module{display:none}
#pg-kassza .module-brand-title > span{display:block;margin-left:0;font-size:18px;font-weight:900;letter-spacing:.04em;color:var(--text-1);text-transform:uppercase}
#pg-kassza .topbar{min-height:calc(58px + var(--safe-top))}
#pg-kassza #b-kassza-print,#pg-kassza #b-kassza-save,#pg-kassza #b-kassza-reset{min-width:44px;height:40px;border-radius:10px;border:1px solid #3a414f;background:var(--bg-surface-2);display:flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;font-size:13px!important;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
#pg-kassza #b-kassza-print{color:var(--text-2)!important;border-color:#5d6677;background:rgba(96,108,132,.16)}
#pg-kassza #b-kassza-save{color:var(--success-text)!important;border-color:color-mix(in srgb, var(--success) 47%, transparent);background:rgba(47,139,87,.16)}
#pg-kassza #b-kassza-reset{color:var(--danger-text)!important;border-color:color-mix(in srgb, var(--mod-sales) 53%, transparent);background:rgba(194,41,74,.16)}
#pg-kassza #b-kassza-reset.is-icon-only{width:50px;min-width:50px;padding:0!important;color:#fff!important}
#pg-kassza #b-kassza-reset .kassza-reset-icon{width:24px;height:24px;stroke-width:2.35}
#pg-kassza #b-kassza-print .app-icon,#pg-kassza #b-kassza-save .app-icon,#pg-kassza #b-kassza-reset .app-icon{width:20px;height:20px}
#pg-kassza #b-kassza-reset:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.6)}
#pg-kassza #kassza-tabs{gap:4px;padding:0 8px;background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-page))!important}
#pg-kassza #kassza-tabs .tab{min-width:92px;min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;line-height:1.2;border-radius:10px 10px 0 0;margin-top:6px;border:1px solid transparent;border-bottom-width:3px;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease}
#pg-kassza #kassza-tabs{gap:8px;padding:10px 12px;min-width:0;max-width:100%;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:12px;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#pg-kassza #kassza-tabs::-webkit-scrollbar{width:0;height:0;display:none}
#pg-kassza #kassza-tabs .kassza-till-tab{min-width:128px!important;background:var(--bg-surface);color:var(--text-2);border:1px solid var(--border-strong)!important;border-radius:999px!important;padding:10px 18px!important;box-shadow:0 6px 14px rgba(0,0,0,.10)}
#pg-kassza #kassza-tabs .kassza-till-tab{flex:0 0 auto;scroll-snap-align:start}
#pg-kassza #kassza-tabs .kassza-till-tab.on{background:linear-gradient(145deg,#ffe991,var(--accent) 64%,color-mix(in srgb,var(--accent) 72%,#4b3300))!important;color:#10192b!important;border-color:var(--accent)!important;box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 34%,transparent)!important}
#pg-kassza #kassza-tabs .tab span{pointer-events:none}
#pg-kassza #kassza-tabs .kassza-tab-name{display:block;max-width:100%;font-size:15px;font-weight:950;line-height:1.1;white-space:nowrap}
#pg-kassza #kassza-tabs .kassza-tab-total{display:block;margin-top:4px;color:#f5a400;font-size:16px;font-weight:950;line-height:1.05;opacity:1;text-shadow:0 1px 1px rgba(0,0,0,.18);white-space:nowrap}
#pg-kassza #kassza-tabs .kassza-till-tab.on .kassza-tab-total{color:#ffd166!important;text-shadow:0 1px 2px rgba(0,0,0,.40)}
#pg-kassza #kassza-tabs.is-uniform-compact-nav{gap:5px;padding-top:10px;padding-bottom:10px}
#pg-kassza #kassza-tabs.is-uniform-compact-nav .kassza-till-tab{min-width:108px!important;min-height:50px;margin-top:0;gap:1px;padding:4px 10px!important}
#pg-kassza #kassza-tabs.is-uniform-compact-nav .kassza-tab-name{font-size:13px}
#pg-kassza #kassza-tabs.is-uniform-compact-nav .kassza-tab-total{margin-top:1px;font-size:13px}
#pg-kassza #kassza-tabs .kassza-tab-group-separator{position:relative;align-self:stretch;flex:0 0 22px;margin:3px 5px 3px auto;scroll-snap-align:none}
#pg-kassza #kassza-tabs .kassza-tab-group-separator::after{content:"";position:absolute;top:4px;bottom:4px;left:50%;width:2px;border-radius:999px;background:color-mix(in srgb,var(--accent) 72%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 28%,transparent)}
/* Ipari téma: az aktív fül háttere sárga, ezért ott az összeg sötét betűs —
   a fix sárga összeg (#ffd166) beleolvadt a sárga fülbe. */
html[data-theme="industrial"] #pg-kassza #kassza-tabs .kassza-till-tab.on{color:#141414!important}
html[data-theme="industrial"] #pg-kassza #kassza-tabs .kassza-till-tab.on .kassza-tab-total{color:#141414!important;text-shadow:none;font-weight:950}
#pg-kassza .kassza-reports-summary-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:15px 18px;border:1px solid color-mix(in srgb,var(--accent) 72%,var(--border-strong));border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--bg-surface) 92%,var(--accent)),var(--bg-surface));box-shadow:0 10px 24px rgba(0,0,0,.16)}
#pg-kassza .kassza-reports-summary-intro>div{display:grid;gap:4px;min-width:0}
#pg-kassza .kassza-reports-summary-intro b{color:var(--accent);font-size:16px;font-weight:950;letter-spacing:.04em}
#pg-kassza .kassza-reports-summary-intro span{color:var(--text-2);font-size:12px;font-weight:700}
#pg-kassza .kassza-reports-summary-intro strong{flex:0 0 auto;border-radius:999px;padding:8px 12px;background:var(--accent);color:#10192b;font-size:12px;font-weight:950}
#pg-kassza .kassza-reports-error{border:1px solid var(--danger);border-radius:10px;padding:12px;background:var(--bg-surface);color:var(--danger);font-size:12px}
@media (max-width:900px){#pg-kassza #kassza-tabs{gap:5px;padding-left:12px;padding-right:12px}#pg-kassza #kassza-tabs .kassza-till-tab{min-width:88px!important;padding:9px 4px!important}#pg-kassza #kassza-tabs .kassza-tab-name{font-size:12px}#pg-kassza #kassza-tabs .kassza-tab-total{font-size:13px}#pg-kassza #kassza-tabs .kassza-tab-group-separator{flex-basis:14px;margin-left:3px;margin-right:3px}}
@media (max-width:720px){#pg-kassza .kassza-reports-summary-intro{align-items:flex-start;flex-direction:column}#pg-kassza .kassza-reports-summary-intro strong{align-self:flex-start}}
#pg-kassza .kassza-summary-step-row{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
#pg-kassza .kassza-summary-step{display:flex;align-items:center;gap:8px;border:1px solid var(--border-strong);background:var(--bg-surface);border-radius:999px;padding:7px 11px;color:var(--text-2);font-size:12px;font-weight:900}
#pg-kassza .kassza-summary-step.is-done{border-color:color-mix(in srgb,var(--success) 55%,var(--border));color:var(--success);background:color-mix(in srgb,var(--success) 12%,var(--bg-surface))}
#pg-kassza .kassza-summary-step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:var(--bg-inset);color:var(--text-1);font-weight:950;line-height:1}
#pg-kassza .kassza-summary-process-bar{position:sticky;top:0;z-index:38;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--mod-sales) 42%,var(--border-strong));border-radius:10px;background:color-mix(in srgb,var(--bg-surface) 94%,transparent);box-shadow:0 8px 24px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#pg-kassza #kassza-content.is-history-open .kassza-summary-process-bar{position:relative;top:auto;z-index:1}
#pg-kassza .kassza-summary-process-bar>div{min-width:0}
#pg-kassza .kassza-summary-process-bar>div>span:last-child{min-width:0}
#pg-kassza .kassza-summary-action-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr)) minmax(220px,1.3fr);gap:8px;margin:0 0 12px;align-items:stretch}
#pg-kassza .kassza-missing-day-row{display:flex;align-items:center;gap:10px;border-top:1px solid color-mix(in srgb,var(--danger) 42%,var(--border));padding:10px 8px;background:color-mix(in srgb,var(--danger) 13%,var(--bg-surface));margin:0 -8px;border-left:4px solid var(--danger);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
#pg-kassza .kassza-missing-day-title{font-weight:950;color:#fbbf24;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:none}
#pg-kassza .kassza-missing-day-reason{color:#f8fafc;font-size:11px;font-weight:900}
#pg-kassza .kassza-missing-day-note{font-size:12px;color:#dbe4f0}
#pg-kassza .kassza-missing-day-row.is-szabadnap{background:color-mix(in srgb,var(--success) 15%,var(--bg-surface));border-top-color:color-mix(in srgb,var(--success) 45%,var(--border));border-left-color:var(--success)}
#pg-kassza .kassza-missing-day-row.is-szabadsag{background:color-mix(in srgb,var(--info) 15%,var(--bg-surface));border-top-color:color-mix(in srgb,var(--info) 45%,var(--border));border-left-color:var(--info)}
#pg-kassza .kassza-missing-day-row.is-egyeb{background:color-mix(in srgb,var(--accent) 14%,var(--bg-surface));border-top-color:color-mix(in srgb,var(--accent) 45%,var(--border));border-left-color:var(--accent)}
#pg-kassza .kassza-missing-day-row.is-szabadnap .kassza-missing-day-title{color:#86efac}
#pg-kassza .kassza-missing-day-row.is-szabadsag .kassza-missing-day-title{color:#93c5fd}
#pg-kassza .kassza-missing-day-row.is-egyeb .kassza-missing-day-title{color:#fbbf24}
/* Kimaradt nap jelölő gomb aktív állapota: mély háttér + fehér betű,
   minden témában olvashatóan (korábban a téma-szín vakított). */
#pg-kassza .kassza-missing-reason-btn.is-active{color:#fff!important;border-color:rgba(0,0,0,.28)!important;text-shadow:0 1px 2px rgba(0,0,0,.38);font-weight:900}
/* Világos téma: pasztell sorok, sötét betűk. Csak a Világos Bolt témára
   érvényes (a régi body:not(.dark) szelektor minden témára ráégett, ezért
   a sötét témákban is világos, vakító dobozok jelentek meg). */
html[data-theme="light"] #pg-kassza .kassza-missing-day-row{background:#fff3d6;border-top-color:#f3b64b;border-left-color:#c17a00}
html[data-theme="light"] #pg-kassza .kassza-missing-day-title{color:#7c2d12;text-shadow:none}
html[data-theme="light"] #pg-kassza .kassza-missing-day-reason{color:#111827}
html[data-theme="light"] #pg-kassza .kassza-missing-day-note{color:#374151}
html[data-theme="light"] #pg-kassza .kassza-missing-day-row.is-szabadnap{background:#e7f8ee;border-top-color:#7bc99a;border-left-color:#16864a}
html[data-theme="light"] #pg-kassza .kassza-missing-day-row.is-szabadsag{background:#e8f2ff;border-top-color:#8db7f6;border-left-color:#2563eb}
html[data-theme="light"] #pg-kassza .kassza-missing-day-row.is-egyeb{background:#fff7e5;border-top-color:#e0b45d;border-left-color:#b7791f}
html[data-theme="light"] #pg-kassza .kassza-missing-day-row.is-szabadnap .kassza-missing-day-title{color:#166534}
html[data-theme="light"] #pg-kassza .kassza-missing-day-row.is-szabadsag .kassza-missing-day-title{color:#1d4ed8}
html[data-theme="light"] #pg-kassza .kassza-missing-day-row.is-egyeb .kassza-missing-day-title{color:#92400e}
/* Kártya / pénzkivét hozzáadó sor: az összeg (számológépes burkolóval),
   a megjegyzés és a gomb kiegyensúlyozottan osztozik a soron. */
.kassza-add-row{display:flex;gap:8px;margin-bottom:12px;align-items:stretch}
.kassza-add-row>input{flex:1 1 0;min-width:0}
.kassza-add-row>.app-num-field{flex:1 1 0;width:auto;min-width:0}
.kassza-add-row>button{flex:0 0 auto}
@media (max-width:560px){
  .kassza-add-row{flex-wrap:wrap}
  .kassza-add-row>input,.kassza-add-row>.app-num-field{flex:1 1 46%}
  .kassza-add-row>button{flex:1 1 100%}
}
/* Kategória-helyreállító kártya (üres lista + van helyi mentés) */
.cat-recovery-card{display:flex;flex-direction:column;gap:8px;margin:12px;padding:14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--success) 50%,var(--border-strong));background:color-mix(in srgb,var(--success) 10%,var(--bg-surface));color:var(--text-1)}
.cat-recovery-card>b{font-size:15px}
.cat-recovery-card>span{font-size:13px;color:var(--text-2);line-height:1.5}
/* ── Pénztárgép-nyilvántartás és AP-szám választó ── */
.company-machine-row{display:block;margin-top:10px;padding:11px;border:1px solid var(--border-strong);border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--bg-surface) 92%,var(--mod-sales) 8%),var(--bg-inset));box-shadow:0 7px 17px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.16);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.company-machine-row input{width:100%;min-width:0}
.company-machine-main{display:grid;grid-template-columns:1.2fr 1fr auto;gap:8px;align-items:center}
.company-machine-main .sbtn{width:42px;min-width:42px;height:42px;padding:0;justify-content:center}
.company-machine-review-fields{display:grid;grid-template-columns:minmax(150px,.72fr) minmax(150px,.72fr) minmax(190px,1.2fr);gap:8px;margin-top:9px}
.company-machine-review-field{display:flex;flex-direction:column;gap:5px;min-width:0}
.company-machine-review-field>span{font-size:10px;font-weight:900;letter-spacing:.035em;text-transform:uppercase;color:var(--text-3)}
.company-machine-review-field input{min-height:42px;background:var(--bg-inset);border:1px solid var(--border-strong);border-radius:9px;color:var(--text-1);padding:8px 10px;font-weight:750}
.company-machine-review-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding:8px 10px;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-inset)}
.company-machine-review-status b{font-size:12px;font-weight:950;white-space:nowrap}
.company-machine-review-status span{font-size:10px;font-weight:700;color:var(--text-3);text-align:right}
.company-machine-review-status.is-valid{border-color:color-mix(in srgb,var(--success) 46%,var(--border-strong));background:color-mix(in srgb,var(--success) 10%,var(--bg-inset))}.company-machine-review-status.is-valid b{color:var(--success-text)}
.company-machine-review-status.is-due,.company-machine-review-status.is-missing{border-color:color-mix(in srgb,var(--warning) 52%,var(--border-strong));background:color-mix(in srgb,var(--warning) 10%,var(--bg-inset))}.company-machine-review-status.is-due b,.company-machine-review-status.is-missing b{color:var(--warning)}
.company-machine-review-status.is-expired,.company-machine-review-status.is-invalid{border-color:color-mix(in srgb,var(--danger) 58%,var(--border-strong));background:color-mix(in srgb,var(--danger) 11%,var(--bg-inset))}.company-machine-review-status.is-expired b,.company-machine-review-status.is-invalid b{color:var(--danger-text)}
.company-machine-review-help{font-size:11px;color:var(--text-3);margin-top:8px;line-height:1.5;padding:9px 10px;border-left:3px solid color-mix(in srgb,var(--mod-sales) 68%,var(--border-strong));border-radius:7px;background:color-mix(in srgb,var(--mod-sales) 7%,transparent)}
.company-machine-row.is-review-target{border-color:var(--danger);box-shadow:0 12px 25px rgba(0,0,0,.24);transform:translateY(-2px)}
@media(max-width:760px){.company-machine-review-fields{grid-template-columns:1fr 1fr}.company-machine-review-field.is-note{grid-column:1/-1}}
@media(max-width:520px){.company-machine-main{grid-template-columns:1fr auto}.company-machine-main [data-machine-ap]{grid-column:1/-1;grid-row:2}.company-machine-review-fields{grid-template-columns:1fr}.company-machine-review-field.is-note{grid-column:auto}.company-machine-review-status{align-items:flex-start;flex-direction:column}.company-machine-review-status span{text-align:left}}
@media(prefers-reduced-motion:reduce){.company-machine-row{transition:none}.company-machine-row.is-review-target{transform:none}}
.kassza-machine-badge{display:inline-block;margin-top:5px;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--success) 16%,var(--bg-surface));border:1px solid color-mix(in srgb,var(--success) 45%,var(--border));color:var(--success);font-size:11px;font-weight:900}
.kassza-machine-badge.is-unknown{background:var(--bg-surface-2);border-color:var(--border-strong);color:var(--text-3);font-weight:700}
#kassza-machine-popup{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:20px}
.kassza-machine-popup-box{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:14px;padding:14px;width:min(440px,94vw);max-height:80vh;overflow:auto;box-shadow:0 24px 60px rgba(0,0,0,.42)}
.kassza-machine-popup-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;color:var(--text-1)}
.kassza-machine-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;background:var(--bg-surface-2);border:1px solid var(--border-strong);border-radius:10px;padding:11px 12px;margin-top:6px;cursor:pointer;color:var(--text-1);font-size:14px}
.kassza-machine-option b{font-weight:900}
.kassza-machine-option span{font-size:12px;color:var(--text-3);font-weight:700}
.kassza-machine-option em{font-size:11px;color:var(--success);font-style:normal;font-weight:900}
.kassza-machine-option.is-current{border-color:color-mix(in srgb,var(--success) 60%,var(--border));background:color-mix(in srgb,var(--success) 12%,var(--bg-surface-2))}
.kassza-machine-empty{padding:14px;text-align:center;color:var(--text-3);font-size:13px;line-height:1.6}
.kassza-pay-tabs-title{font-size:11px;color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:4px 2px 6px}
.kassza-pay-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px;margin-bottom:14px;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:12px;padding:8px}
.kassza-pay-tab{min-height:46px;border-radius:10px;border:1px solid var(--border-strong);background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-page));color:var(--text-2);font-size:13px;font-weight:850;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:transform .14s ease,filter .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease}
.kassza-pay-tab.is-on{background:linear-gradient(135deg,var(--mod-sales),var(--mod-sales-strong));border-color:var(--accent);color:var(--on-color);box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 26%,transparent),inset 0 0 0 1px rgba(255,255,255,.10)}
.kassza-pay-tab:hover,#pg-kassza #kassza-tabs .kassza-till-tab:hover{filter:brightness(1.16);transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.28)}
@media (max-width:420px){
  .home-brand-title,.module-brand-title{gap:1px;line-height:1.1}
  .brand-logo-topbar,.brand-logo-module{width:174px;height:34px}
  .home-brand-title > span,.module-brand-title > span{font-size:11px;line-height:1.1;letter-spacing:.1em;margin-left:11px}
  #pg-price-reader .topbar,#pg-kassza .topbar{align-items:center}
  #pg-kassza .module-brand-title > span{font-size:17px;letter-spacing:.02em;margin-left:0}
}

.topbar-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:40px;height:38px;padding:0 14px;border-radius:12px;border:1px solid var(--border-strong);background:color-mix(in srgb, var(--bg-surface) 60%, transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-2);font-size:14px;font-weight:800;font-family:"Segoe UI",Arial,sans-serif;cursor:pointer;line-height:1;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.topbar-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}
.topbar-btn:active{transform:translateY(0) scale(.98);filter:brightness(.97)}
.topbar-btn.is-icon-only{width:38px;padding:0;min-width:38px}
.topbar-btn.is-success{color:var(--success);border-color:color-mix(in srgb,var(--success) 42%,var(--border-strong));background:color-mix(in srgb,var(--success) 16%,var(--bg-surface))}
.topbar-btn.is-danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 42%,var(--border-strong));background:color-mix(in srgb,var(--danger) 16%,var(--bg-surface))}
.topbar-btn.is-accent{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 42%,var(--border-strong));background:color-mix(in srgb,var(--accent) 16%,var(--bg-surface))}
.topbar-btn[disabled],.topbar-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}

/* Purchase planner */
.purchase-plan-shell {
  flex: 1;
  overflow-y: auto;
  padding: 14px;
  background: var(--bg-page);
}
.purchase-plan-hero {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border: 1px solid color-mix(in srgb, var(--accent) 45%, var(--border-strong));
  border-radius: 8px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 30%, transparent), var(--bg-surface-2));
  margin-bottom: 12px;
  color: var(--text-1);
}
.purchase-plan-hero-icon {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(232,160,32,.18);
  color: var(--accent);
  flex: 0 0 auto;
}
.purchase-plan-title {
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--text-1);
}
.purchase-plan-sub {
  color: var(--text-2);
  font-size: 13px;
  margin-top: 4px;
}
.purchase-weekly-plan {
  margin-bottom: 12px;
}
.po-week-plan {
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--mod-management) 55%, var(--border-strong));
  border-radius: 12px;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--mod-management) 15%, transparent), transparent 38%),
    linear-gradient(180deg, color-mix(in srgb, var(--bg-surface) 94%, transparent), var(--bg-inset));
  box-shadow: 0 14px 34px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06);
}
.po-week-plan > summary,
.po-week-route > summary {
  list-style: none;
  cursor: pointer;
}
.po-week-plan > summary::-webkit-details-marker,
.po-week-route > summary::-webkit-details-marker {
  display: none;
}
.po-week-plan-head {
  display: grid;
  grid-template-columns: auto minmax(280px,1fr) repeat(3,minmax(86px,auto)) auto;
  align-items: center;
  gap: 12px;
  min-height: 72px;
  padding: 12px 14px;
  background: linear-gradient(105deg,rgba(34,197,94,.15),rgba(245,179,38,.12) 58%,rgba(212,20,99,.12));
}
.po-week-plan-head::after,
.po-week-route > summary::after {
  content: '⌄';
  color: var(--accent);
  font-size: 22px;
  font-weight: 950;
  transition: transform .18s ease;
}
.po-week-plan[open] > .po-week-plan-head::after,
.po-week-route[open] > summary::after {
  transform: rotate(180deg);
}
.po-week-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 8px 11px;
  border: 1px solid rgba(34,197,94,.48);
  border-radius: 10px;
  background: linear-gradient(145deg,rgba(34,197,94,.24),rgba(11,122,68,.12));
  color: var(--success-text);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .06em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.18);
}
.po-week-plan-title {
  min-width: 0;
}
.po-week-plan-title b {
  display: block;
  color: var(--text-1);
  font-size: 18px;
  line-height: 1.15;
}
.po-week-plan-title span {
  display: block;
  margin-top: 4px;
  color: var(--text-2);
  font-size: 12px;
}
.po-week-head-stat {
  min-width: 82px;
  padding: 7px 9px;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: color-mix(in srgb,var(--bg-inset) 90%,transparent);
  text-align: center;
}
.po-week-head-stat b,
.po-week-head-stat span {
  display: block;
}
.po-week-head-stat b {
  color: var(--accent);
  font-size: 19px;
  line-height: 1;
}
.po-week-head-stat span {
  margin-top: 3px;
  color: var(--text-2);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}
.po-week-head-stat.is-critical b {
  color: var(--danger-text);
}
.po-week-plan-body {
  padding: 12px;
  border-top: 1px solid var(--border);
}
.po-week-overview {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 8px;
  margin-bottom: 10px;
}
.po-week-overview > div {
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: linear-gradient(160deg,color-mix(in srgb,var(--bg-surface-2) 88%,transparent),var(--bg-inset));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.po-week-overview span,
.po-week-overview b {
  display: block;
}
.po-week-overview span {
  color: var(--text-2);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}
.po-week-overview b {
  margin-top: 3px;
  color: var(--accent);
  font-size: 17px;
}
.po-week-warning {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(245,179,38,.54);
  border-radius: 9px;
  background: linear-gradient(135deg,rgba(146,64,14,.28),rgba(245,179,38,.07));
  color: var(--accent);
}
.po-week-warning span {
  color: var(--text-2);
  font-size: 12px;
}
.po-week-routes {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.po-week-route {
  overflow: hidden;
  border: 1px solid color-mix(in srgb,var(--mod-management) 38%,var(--border));
  border-radius: 11px;
  background: linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 95%,transparent),var(--bg-inset));
  box-shadow: 0 8px 20px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.04);
}
.po-week-route.is-critical {
  border-left: 4px solid var(--danger);
}
.po-week-route > summary {
  display: grid;
  grid-template-columns: minmax(128px,.6fr) minmax(210px,1.4fr) 72px 72px minmax(128px,.75fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
}
.po-week-date,
.po-week-supplier {
  min-width: 0;
}
.po-week-date span,
.po-week-date b,
.po-week-date small,
.po-week-supplier b,
.po-week-supplier span {
  display: block;
}
.po-week-date span,
.po-week-route-stat span {
  color: var(--text-2);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.po-week-date b {
  margin-top: 2px;
  color: var(--success-text);
  font-size: 17px;
  text-transform: capitalize;
}
.po-week-date small {
  margin-top: 2px;
  color: var(--text-2);
}
.po-week-supplier b {
  overflow: hidden;
  color: var(--text-1);
  font-size: 17px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.po-week-supplier span {
  overflow: hidden;
  margin-top: 3px;
  color: var(--text-2);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.po-week-route-stat {
  min-width: 0;
  text-align: center;
}
.po-week-route-stat b,
.po-week-route-stat span {
  display: block;
}
.po-week-route-stat b {
  color: var(--accent);
  font-size: 17px;
  line-height: 1.05;
}
.po-week-route-stat.is-money b {
  font-size: 15px;
}
.po-week-route-body {
  padding: 0 12px 12px;
  border-top: 1px solid var(--border);
}
.po-week-route-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.po-week-route-note {
  flex: 1 1 auto;
  padding: 9px 1px;
  color: var(--text-2);
  font-size: 12px;
}
.po-week-route-note b {
  color: var(--success-text);
  text-transform: capitalize;
}
.po-week-items {
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 9px;
}
.po-week-item {
  display: grid;
  grid-template-columns: minmax(220px,1fr) minmax(90px,.38fr) minmax(120px,.5fr) minmax(120px,.5fr) auto;
  align-items: center;
  gap: 9px;
  padding: 9px 10px;
  border-bottom: 1px solid var(--border);
  border-left: 3px solid var(--success);
  background: color-mix(in srgb,var(--bg-inset) 92%,transparent);
}
.po-week-item:last-child {
  border-bottom: none;
}
.po-week-item.is-critical {
  border-left-color: var(--danger);
  background: linear-gradient(90deg,rgba(127,29,29,.18),var(--bg-inset) 48%);
}
.po-week-item-name,
.po-week-item-metric {
  min-width: 0;
}
.po-week-item-name b,
.po-week-item-name span,
.po-week-item-metric span,
.po-week-item-metric b,
.po-week-item-metric small {
  display: block;
}
.po-week-delete-btn,
.po-week-restore-btn {
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid color-mix(in srgb,var(--danger) 55%,var(--border));
  border-radius: 9px;
  background: color-mix(in srgb,var(--danger) 8%,var(--bg-surface));
  color: var(--danger-text);
  font: inherit;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
}
.po-week-delete-btn:hover,
.po-week-restore-btn:hover {
  border-color: var(--danger);
  background: color-mix(in srgb,var(--danger) 16%,var(--bg-surface));
}
.po-week-delete-btn.is-route {
  flex: 0 0 auto;
}
.po-week-restore-btn {
  width: 100%;
  margin-top: 10px;
  border-color: color-mix(in srgb,var(--success) 55%,var(--border));
  background: color-mix(in srgb,var(--success) 8%,var(--bg-surface));
  color: var(--success-text);
}
.po-week-item-name b {
  overflow: hidden;
  color: var(--text-1);
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.po-week-item-name span {
  margin-top: 3px;
  color: var(--text-2);
  font-size: 10px;
}
.po-week-item-metric span {
  color: var(--text-2);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}
.po-week-item-metric b {
  margin-top: 2px;
  color: var(--text-1);
  font-size: 13px;
}
.po-week-item-metric.is-suggested b {
  color: var(--accent);
  font-size: 16px;
}
.po-week-item-metric small {
  margin-top: 2px;
  color: var(--text-2);
  font-size: 9px;
}
.po-week-load {
  width: 100%;
  margin-top: 9px;
}
.po-week-method,
.po-week-empty {
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px dashed var(--border-strong);
  border-radius: 9px;
  color: var(--text-2);
  font-size: 11px;
  line-height: 1.4;
}
.po-week-empty {
  margin-top: 0;
  text-align: center;
}
.purchase-plan-controls {
  display: grid;
  grid-template-columns: minmax(210px,.9fr) 1.25fr minmax(170px,.72fr) minmax(170px,.72fr) minmax(150px,.55fr) minmax(150px,.55fr);
  gap: 10px;
  margin-bottom: 12px;
}
.purchase-plan-controls select,
.purchase-plan-controls input {
  width: 100%;
  min-height: 48px;
  background: var(--bg-surface);
  color:var(--text-1);
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 15px;
}
.purchase-plan-summary {
  display: grid;
  grid-template-columns: minmax(150px,1.2fr) minmax(78px,.58fr) minmax(100px,.72fr) minmax(150px,1fr) minmax(130px,.9fr) minmax(210px,1.45fr);
  gap: 8px;
  margin-bottom: 12px;
}
.purchase-plan-summary > div {
  background: var(--bg-surface);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 12px;
}
.purchase-plan-summary span {
  display: block;
  color: var(--text-2);
  font-size: 11px;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.purchase-plan-summary b {
  color: var(--accent);
  font-size: 18px;
}
.purchase-plan-summary .po-capacity-card{border-color:var(--success);background:linear-gradient(180deg,rgba(18,83,52,.44),var(--bg-surface))}
.purchase-plan-summary .po-capacity-card.is-over{border-color:var(--danger);background:linear-gradient(180deg,rgba(127,29,29,.42),var(--bg-surface))}
.purchase-plan-summary .po-capacity-card.is-gratis-impact{border-color:#d97706;background:linear-gradient(180deg,rgba(146,64,14,.46),var(--bg-inset))}
.purchase-plan-summary .po-capacity-card.is-ok b{color:var(--success-text)}
.purchase-plan-summary .po-capacity-card.is-over b{color:var(--danger-text)}
.purchase-plan-summary .po-capacity-card.is-gratis-impact b{color:#fbbf24}
.purchase-plan-summary .po-capacity-card small{display:block;margin-top:4px;color:var(--text-2);font-size:11px;font-weight:700}
.purchase-plan-summary .po-capacity-value{display:grid;gap:2px;margin-top:5px}
.purchase-plan-summary .po-capacity-value>span{display:block;margin:0;color:inherit;font:inherit;letter-spacing:normal;text-transform:none}
.purchase-plan-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}
.po-custom-panel {
  margin: 0 0 12px;
  border: 1px solid #d97706;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(146,64,14,.24), var(--bg-inset));
  padding: 12px;
  box-shadow: 0 12px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
}
.po-custom-panel-title {
  color: var(--accent);
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .03em;
  margin-bottom: 10px;
}
.po-custom-grid {
  display: grid;
  grid-template-columns: minmax(240px, 1.4fr) repeat(4, minmax(110px, .55fr));
  gap: 10px;
  align-items: end;
}
.po-custom-grid.is-product-data {
  grid-template-columns: repeat(5, minmax(130px, 1fr));
  align-items: end;
}
.po-custom-grid input {
  min-height: 46px;
  background: var(--bg-inset);
  border-color: #3b4252;
}
.po-custom-grid select {
  min-height: 46px;
  background: var(--bg-inset);
  border-color: #3b4252;
}
.po-custom-subtitle {
  margin: 12px 0 8px;
  color: var(--info);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.po-product-create-fields {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(245, 179, 38, .22);
}
.po-custom-actions {
  display: grid;
  grid-template-columns: minmax(160px, .5fr) minmax(120px, .35fr);
  gap: 8px;
  margin-top: 10px;
}
.purchase-cart-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.purchase-cart-title > span:last-child {
  display: flex;
  align-items: center;
  gap: 6px;
}
.po-title-action {
  min-height: 30px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: var(--bg-surface-2);
  color:var(--text-1);
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 900;
}
.po-title-action.is-primary {
  background: var(--mod-management);
  border-color: var(--mod-management);
}
.purchase-action-btn,
.po-small-btn,
.po-delete-btn {
  border: 1px solid var(--border-strong);
  border-radius: 12px;
  background: var(--bg-surface-2);
  color:var(--text-1);
  min-height: 42px;
  padding: 9px 12px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(0,0,0,.14);
  transition: transform .14s ease, filter .14s ease, box-shadow .14s ease;
}
.purchase-action-btn:hover,
.po-small-btn:hover,
.po-delete-btn:hover {
  transform: translateY(-1px);
  filter: brightness(1.1);
}
.purchase-action-btn.is-primary {
  background: var(--mod-management);
  border-color: var(--mod-management);
}
.purchase-plan-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
  gap: 12px;
}
.purchase-panel {
  background: var(--bg-inset);
  border: 1px solid var(--border);
  border-radius: 8px;
  overflow: hidden;
}
.purchase-panel-title {
  color: var(--accent);
  font-weight: 900;
  text-transform: uppercase;
  padding: 12px 14px;
  border-bottom: 1px solid var(--border);
}
.purchase-product-list,
.purchase-cart-list,
.purchase-orders-list {
  display: flex;
  flex-direction: column;
}
.po-product-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  align-items: start;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--border);
  border-left: 4px solid var(--border-strong);
}
.po-product-card.is-ok { border-left-color: var(--success); }
.po-product-card.is-need { border-left-color: var(--danger); }
.po-product-name {
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
}
.po-product-meta {
  color: var(--text-2);
  font-size: 13px;
  margin-top: 4px;
}
.po-sale { color: var(--mod-sales); }
.po-price-focus {
  display: grid;
  grid-template-columns: repeat(2, minmax(130px, 170px));
  gap: 8px;
  margin-top: 8px;
}
.po-price-focus-card {
  min-height: 56px;
  border: 1px solid #334155;
  border-radius: 10px;
  background: var(--bg-inset);
  padding: 8px 10px;
}
.po-price-focus-card span {
  display: block;
  color: var(--text-2);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .05em;
  line-height: 1.1;
  text-transform: uppercase;
}
.po-price-focus-card b {
  display: block;
  margin-top: 3px;
  font-size: 21px;
  font-weight: 950;
  line-height: 1;
}
.po-price-focus-card small {
  display: block;
  margin-top: 3px;
  color: var(--text-2);
  font-size: 11px;
  line-height: 1.2;
}
.po-price-focus-card.is-sale {
  border-color: rgba(212,20,99,.52);
  background: linear-gradient(135deg, rgba(212,20,99,.18), var(--bg-inset) 68%);
}
.po-price-focus-card.is-sale b { color: #ff3b82; }
.po-price-focus-card.is-buy {
  border-color: rgba(245,179,38,.58);
  background: linear-gradient(135deg, rgba(245,179,38,.16), var(--bg-inset) 68%);
}
.po-price-focus-card.is-buy b { color: var(--accent); }
.po-product-compact-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--text-2);
  font-size: 13px;
  margin-top: 6px;
}
.po-id-chip {
  width: auto;
  min-height: 26px;
  border-radius: 999px;
  padding: 4px 9px;
  border: 1px solid var(--border-strong);
  background: var(--bg-inset);
  color: var(--border);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .03em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.po-id-chip.is-ok {
  border-color: rgba(34,197,94,.45);
  background: rgba(34,197,94,.13);
  color: var(--success-text);
}
.po-id-chip.is-missing {
  border-color: rgba(245,179,38,.55);
  background: rgba(245,179,38,.13);
  color: var(--accent);
}
.po-id-chip span {
  font-size: 10px;
  opacity: .9;
}
.po-id-details {
  margin-top: 8px;
  padding: 9px 10px;
  border: 1px solid #2f3847;
  border-radius: 10px;
  background: linear-gradient(180deg,var(--bg-inset),var(--bg-inset));
  color: var(--text-2);
  font-size: 12px;
}
.po-price-compare {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 7px;
  color: var(--text-2);
  font-size: 12px;
}
.po-price-compare > span {
  color: var(--accent);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.po-other-prices {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 0;
}
.po-price-pill {
  border: 1px solid var(--border-strong);
  background: var(--bg-page);
  color: var(--border);
  border-radius: 999px;
  padding: 5px 8px;
  font-size: 12px;
}
.po-price-pill.is-cheaper {
  border-color: rgba(34,197,94,.62);
  background: rgba(34,197,94,.14);
  color: var(--success-text);
}
.po-price-pill.is-cheaper b { color: var(--success-text); }
.po-price-pill.is-higher {
  border-color: rgba(239,68,68,.62);
  background: rgba(239,68,68,.13);
  color: var(--danger-text);
}
.po-price-pill.is-higher b { color: var(--danger-text); }
.po-price-pill.is-same {
  border-color: rgba(148,163,184,.42);
  background: rgba(148,163,184,.08);
}
@media (max-width: 720px) {
  .po-price-focus {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: none;
  }
  .po-price-focus-card b { font-size: 18px; }
}
.po-product-side {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  align-items: stretch;
}
.po-product-side > .po-small-btn {
  grid-column: 1 / -1;
  min-height: 34px;
  padding: 6px 8px;
  font-size: 12px;
}
.po-pack-actions {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 6px;
}
.po-pack-btn {
  min-height: 34px;
  border: 1px solid color-mix(in srgb, var(--mod-management) 47%, transparent);
  border-radius: 8px;
  background: linear-gradient(135deg,var(--bg-surface-2),var(--bg-inset));
  color: var(--mod-management);
  font-size: 11px;
  line-height: 1.15;
  padding: 6px 7px;
  font-weight: 900;
  cursor: pointer;
}
.po-pack-btn.po-gratis-btn {
  border-color: rgba(74,222,128,.62);
  background: linear-gradient(135deg,rgba(22,101,52,.82),var(--bg-inset));
  color: var(--success-text);
}
.po-pack-note {
  margin-top: 8px;
  color: var(--mod-management);
  font-size: 12px;
  font-weight: 900;
}
.po-stock-badge {
  grid-column: 1 / -1;
  text-align: center;
  border-radius: 999px;
  padding: 6px 8px;
  font-size: 11px;
  font-weight: 900;
}
.po-stock-badge.is-ok { background: rgba(34,197,94,.16); color: var(--success-text); }
.po-stock-badge.is-need { background: rgba(239,68,68,.16); color: var(--danger-text); }
.po-stock-count {
  grid-column: 1 / -1;
  border: 1px solid var(--bg-surface-2);
  border-radius: 10px;
  background: linear-gradient(180deg,var(--bg-inset),var(--bg-inset));
  padding: 8px 10px;
  text-align: center;
}
.po-stock-count span {
  display: block;
  color: var(--text-2);
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 950;
  letter-spacing: .04em;
}
.po-stock-count b {
  display: block;
  margin-top: 2px;
  font-size: 22px;
  line-height: 1.05;
  font-weight: 950;
}
.po-stock-count.is-ok {
  border-color: rgba(34,197,94,.38);
  background: linear-gradient(180deg,rgba(34,197,94,.11),var(--bg-inset));
}
.po-stock-count.is-ok b { color: var(--success-text); }
.po-stock-count.is-need {
  border-color: rgba(239,68,68,.42);
  background: linear-gradient(180deg,rgba(239,68,68,.12),var(--bg-inset));
}
.po-stock-count.is-need b { color: var(--danger-text); }
.po-qty-box {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  grid-template-areas:
    "label unit"
    "field field";
  align-items: center;
  gap: 6px 8px;
  border: 1px solid var(--border-strong);
  background: linear-gradient(180deg,var(--bg-inset),var(--bg-inset));
  border-radius: 10px;
  padding: 7px 9px;
}
.po-qty-box > span { grid-area: label; }
.po-qty-box > small { grid-area: unit; justify-self: end; }
.po-qty-box > .app-num-field,
.po-qty-box > .po-qty-input { grid-area: field; width: 100%; min-width: 0; }
.po-qty-box span,
.po-qty-box small {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 950;
  letter-spacing: .04em;
}
.po-qty-box span { color: var(--text-2); }
.po-qty-box small { color: var(--accent); }
.po-qty-box .po-qty-input {
  width: 100%;
  min-height: 32px;
  padding: 0 8px;
  border: none;
  background: transparent;
}
.po-qty-input {
  min-height: 44px;
  border: 1px solid var(--text-2);
  background: var(--bg-inset);
  color: var(--text-1);
  border-radius: 8px;
  text-align: center;
  font-size: 20px;
  font-weight: 900;
}
.po-cart-row,
.po-order-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  padding: 12px 14px;
  border-bottom: 1px solid var(--border);
}
.po-cart-row { grid-template-columns: minmax(0,1fr) minmax(150px,170px) auto; }
.po-cart-qty-edit {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.po-cart-qty-edit > span {
  color: var(--text-2);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .04em;
  text-align: center;
  text-transform: uppercase;
}
.po-cart-qty-edit > .app-num-field { min-width: 0; }
.po-cart-qty-input {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: var(--bg-inset);
  color: var(--text-1);
  font-size: 18px;
  font-weight: 900;
  text-align: center;
}
.po-order-row { grid-template-columns: minmax(0, 1fr) 70px 70px auto auto; }
.po-order-row.is-current {
  border-left: 4px solid var(--success);
  background: linear-gradient(90deg,rgba(34,197,94,.12),var(--bg-inset) 46%);
}
.po-cart-row.is-custom { border-left: 4px solid #3b82f6; }
.po-cart-row.is-gratis {
  border-left: 4px solid var(--success);
  background: linear-gradient(90deg,rgba(34,197,94,.12),var(--bg-inset) 48%);
}
.po-cart-name {
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
}
.po-cart-qty {
  color: var(--accent);
  font-weight: 900;
  min-width: 70px;
  text-align: right;
}
.po-order-stats {
  text-align: center;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 7px;
}
.po-order-stats b {
  display: block;
  color: var(--text-1);
  font-size: 18px;
}
.po-order-stats span {
  color: var(--text-2);
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 900;
}
.po-opened-note {
  display: inline-flex;
  margin-top: 5px;
  border-radius: 999px;
  background: rgba(34,197,94,.16);
  border: 1px solid rgba(34,197,94,.36);
  color: var(--success-text);
  font-size: 11px;
  font-weight: 950;
  padding: 4px 8px;
  text-transform: uppercase;
}
.po-order-row .po-small-btn.is-current {
  background: linear-gradient(135deg,var(--success),var(--mod-management));
  border-color: var(--success);
  color: var(--on-color);
}
.po-delete-btn {
  color: var(--danger-text);
  border-color: rgba(239,68,68,.45);
}
.po-title-action.is-danger {
  border-color: rgba(239,68,68,.5);
  color: var(--danger-text);
}
.po-empty {
  color: #778196;
  text-align: center;
  padding: 34px 16px;
}
.po-muted { color: #778196; }
.is-positive { color: var(--success-text); font-weight: 900; }
.is-negative { color: var(--danger-text); font-weight: 900; }
.purchase-orders-panel { margin-top: 12px; }
.purchase-orders-summary{display:flex;align-items:center;cursor:pointer;list-style:none;user-select:none}
.purchase-orders-summary::-webkit-details-marker{display:none}
.purchase-orders-summary::after{content:"";width:11px;height:11px;margin-left:auto;border-right:3px solid currentColor;border-bottom:3px solid currentColor;transform:rotate(45deg);transition:transform .16s ease;flex:0 0 auto}
.purchase-orders-panel[open]>.purchase-orders-summary::after{transform:rotate(225deg)}
.purchase-orders-panel:not([open])>.purchase-orders-summary{border-bottom-color:transparent!important}
.purchase-orders-summary:hover{background:color-mix(in srgb,var(--accent) 8%,var(--bg-inset))}
.purchase-orders-summary:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 58%,transparent);outline-offset:-4px}
@media (max-width: 900px) {
  #pg-purchase-plan .topbar #b-po-new,
  #pg-purchase-plan .topbar #b-po-save {
    width: auto;
    min-width: 0;
    flex: 0 0 auto;
    padding-inline: 12px;
  }
  .po-week-plan-head {
    grid-template-columns: auto minmax(0,1fr) repeat(3,64px) auto;
  }
  .po-week-kicker {
    grid-column: 1 / -1;
    justify-self: start;
    min-height: 30px;
    padding: 5px 9px;
  }
  .po-week-route > summary {
    grid-template-columns: minmax(118px,.7fr) minmax(0,1.4fr) 58px 58px minmax(116px,.7fr) auto;
  }
  .po-week-item {
    grid-template-columns: minmax(180px,1fr) repeat(3,minmax(86px,.45fr)) auto;
  }
  .purchase-plan-controls,
  .purchase-plan-summary,
  .purchase-plan-actions,
  .purchase-plan-grid {
    grid-template-columns: 1fr;
  }
  .po-product-card {
    grid-template-columns: 1fr;
  }
  .po-order-row {
    grid-template-columns: 1fr 58px 58px;
  }
  .po-order-row .po-small-btn,
  .po-order-row .po-delete-btn {
    grid-column: span 1;
  }
  .po-cart-row {
    grid-template-columns: minmax(0,1fr) minmax(140px,170px) auto;
  }
}
@media (max-width: 720px) {
  .po-cart-row {
    grid-template-columns: minmax(0,1fr) auto;
  }
  .po-cart-row > :first-child { grid-column: 1 / -1; }
  .po-cart-qty-edit { min-width: 150px; }
  .po-week-plan-head {
    grid-template-columns: repeat(3,minmax(58px,1fr)) auto;
  }
  .po-week-plan-title {
    grid-column: 1 / -1;
  }
  .po-week-overview {
    grid-template-columns: 1fr;
  }
  .po-week-warning {
    display: block;
  }
  .po-week-warning span {
    display: block;
    margin-top: 4px;
  }
  .po-week-route > summary {
    grid-template-columns: minmax(100px,.8fr) minmax(0,1.3fr) minmax(0,.7fr) auto;
  }
  .po-week-route > summary::after {
    grid-column: 4;
    grid-row: 1;
  }
  .po-week-route > summary .po-week-supplier {
    grid-column: 2 / 4;
  }
  .po-week-route > summary .po-week-route-stat {
    grid-row: 2;
  }
  .po-week-route-stat {
    text-align: left;
  }
  .po-week-route-stat.is-money {
    grid-column: auto;
  }
  .po-week-item {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .po-week-item-name {
    grid-column: 1 / -1;
  }
  .po-week-item .po-week-delete-btn {
    grid-column: 1 / -1;
    width: 100%;
  }
  .po-week-route-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
  .po-week-delete-btn.is-route {
    width: 100%;
  }
  .po-week-item-name b {
    white-space: normal;
  }
}
.login-brand{text-align:center;margin-bottom:24px;width:100%;max-width:390px;padding:0 10px}
.brand-logo-login{width:100%;height:auto;filter:drop-shadow(0 12px 28px rgba(0,0,0,.55));margin:0 auto 8px}
.login-product-name{font-weight:800;font-size:21px;color:var(--text-1);letter-spacing:.01em}
.login-version{font-size:13px;color:var(--text-2);margin-top:4px;font-weight:600}
.topbar .app-icon,.home-quick .app-icon,.hmi-icon .app-icon,.home-user-avatar .app-icon{width:1.35em;height:1.35em}
#b-pr-fullscreen{font-size:22px;font-weight:950;color:var(--text-1)}
#b-pr-fullscreen.is-on{border-color:var(--info)!important;background:linear-gradient(180deg,rgba(45,107,228,.28),rgba(16,54,124,.52))!important;color:#d9e6ff!important;box-shadow:0 0 0 1px rgba(45,107,228,.18),0 10px 24px rgba(0,0,0,.28)}
#b-pr-keyboard{color:var(--text-1) !important;display:flex;align-items:center;justify-content:center;min-width:64px;min-height:56px}
#b-pr-keyboard .app-icon{width:1.45em;height:1.45em;color:var(--text-1)}
.price-empty{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#5f6570;font-size:17px;line-height:1.35}
.price-empty-icon{width:72px;height:72px;border-radius:24px;border:1px solid var(--border-strong);background:linear-gradient(180deg,var(--bg-surface),var(--bg-inset));display:flex;align-items:center;justify-content:center;color:#6d7380;margin-bottom:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.price-empty-icon .app-icon{width:38px;height:38px}
.price-empty-missing{color:#ff6673}
.price-empty-missing b{color:var(--text-1)}
.price-add-new{margin-top:18px;background:linear-gradient(135deg,var(--info),var(--info));color:var(--on-color);border:none;border-radius:12px;padding:13px 22px;font-size:14px;font-weight:900;box-shadow:0 12px 28px rgba(45,107,228,.22)}
.price-result-count{font-size:13px;color:var(--text-2);margin:0 0 12px 4px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}
.price-reader-mode{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:12px;padding:6px}
#pg-price-reader .price-reader-mode{display:none!important}
.price-reader-mode button{min-height:38px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text-2);font-weight:900;font-size:13px}
.price-reader-mode button.is-on{background:linear-gradient(135deg,var(--info),color-mix(in srgb,var(--info) 72%,var(--mod-sales)));border-color:color-mix(in srgb,var(--info) 62%,transparent);color:var(--on-color);box-shadow:0 8px 18px rgba(45,107,228,.20)}
.smart-voice-btn{width:44px;min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--info) 45%,var(--border-strong));border-radius:10px;background:color-mix(in srgb,var(--info) 10%,var(--bg-surface));color:var(--info);font-size:0;font-weight:950;cursor:pointer;flex:0 0 auto;box-shadow:0 6px 16px rgba(45,107,228,.14);transition:transform .12s ease,box-shadow .12s ease,background .12s ease,color .12s ease}
.smart-voice-btn .app-icon{width:23px;height:23px;stroke-width:2.5}
.smart-voice-btn:active{transform:scale(.96)}
/* ZÖLD, lüktető = a mikrofon ÉPP HALLGAT, beszélhetsz. */
.smart-voice-btn.is-listening{background:linear-gradient(135deg,var(--success),#0b7a44);border-color:color-mix(in srgb,var(--success) 62%,transparent);color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 22%,transparent),0 10px 22px rgba(46,204,128,.30);animation:voiceListenPulse 1.4s ease-in-out infinite}
/* BOROSTYÁN = szünet a két beolvasás között (3 mp), még ne beszélj. */
.smart-voice-btn.is-resting{background:linear-gradient(135deg,#c98a1f,#8a5a12);border-color:rgba(240,180,60,.62);color:#fff;box-shadow:0 0 0 3px rgba(240,180,60,.18)}
@keyframes voiceListenPulse{0%,100%{box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 24%,transparent),0 10px 22px rgba(46,204,128,.30)}50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--success) 10%,transparent),0 10px 22px rgba(46,204,128,.30)}}
.smart-voice-btn.is-unsupported{opacity:.46}
.voice-ptt-source{display:none!important}
.voice-ptt-source.voice-ptt-toggle{display:inline-flex!important}
.voice-ptt-fab{position:fixed;inset:auto;z-index:16500;width:76px;min-width:76px;height:76px;min-height:76px;margin:0;padding:13px 7px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:2px solid color-mix(in srgb,var(--info) 64%,transparent);border-radius:50%;background:rgba(12,20,34,.18);-webkit-backdrop-filter:blur(4px) saturate(115%);backdrop-filter:blur(4px) saturate(115%);color:#fff;box-shadow:0 10px 26px rgba(4,13,28,.28),0 0 0 4px color-mix(in srgb,var(--info) 10%,transparent),inset 0 1px 0 rgba(255,255,255,.24);font-family:inherit;line-height:1;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;will-change:left,top,transform;transition:box-shadow .16s ease,background .16s ease,border-color .16s ease,filter .16s ease}
.voice-ptt-fab[hidden]{display:none!important}
.voice-ptt-fab:active{transform:none}
.voice-ptt-fab:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.voice-ptt-fab .voice-ptt-icon{display:flex;align-items:center;justify-content:center;height:29px}
.voice-ptt-fab .voice-ptt-icon .app-icon{width:28px;height:28px;stroke-width:2.7}
.voice-ptt-fab .voice-ptt-hold{font-size:10px;font-weight:1000;letter-spacing:.13em;text-shadow:0 1px 3px rgba(0,0,0,.38)}
.voice-ptt-fab .voice-ptt-target{display:block;width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.8);font-size:7px;font-weight:850;letter-spacing:.02em;text-align:center}
.voice-ptt-fab .voice-ptt-grip{position:absolute;top:3px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.76);font-size:13px;font-weight:1000;letter-spacing:1px}
.voice-ptt-fab.is-armed{border-color:var(--accent);filter:brightness(1.1);box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 22%,transparent),0 17px 38px rgba(4,13,28,.5),inset 0 1px 0 rgba(255,255,255,.5)}
.voice-ptt-fab.is-listening{border-color:color-mix(in srgb,#9fffc7 78%,transparent);background:rgba(46,204,128,.20);color:#fff;box-shadow:0 0 0 6px color-mix(in srgb,var(--success) 16%,transparent),0 11px 28px rgba(6,87,48,.30),inset 0 1px 0 rgba(255,255,255,.26);animation:voiceListenPulse 1.1s ease-in-out infinite}
.voice-ptt-fab.is-listening .voice-ptt-hold{font-size:0}
.voice-ptt-fab.is-listening .voice-ptt-hold:after{content:'BESZÉLJ';font-size:10px}
.voice-ptt-fab.is-dragging{cursor:grabbing;border-color:var(--accent);filter:brightness(1.12);box-shadow:0 22px 44px rgba(0,0,0,.54),0 0 0 7px color-mix(in srgb,var(--accent) 24%,transparent);transform:scale(1.04)}
.voice-ptt-fab.is-unsupported{opacity:.72;filter:saturate(.45)}
.voice-ptt-fab.is-intro:after{content:attr(data-tip);position:absolute;right:-2px;bottom:calc(100% + 12px);width:max-content;max-width:min(250px,calc(100vw - 24px));box-sizing:border-box;border:1px solid color-mix(in srgb,var(--info) 52%,var(--border-strong));border-radius:11px;background:color-mix(in srgb,var(--bg-surface) 96%,transparent);color:var(--text-1);padding:9px 12px;font-size:11px;font-weight:900;line-height:1.3;letter-spacing:0;text-align:left;white-space:normal;box-shadow:0 12px 28px rgba(0,0,0,.38);pointer-events:none;animation:voicePttTipIn .28s ease-out both}
@keyframes voicePttTipIn{from{opacity:0;transform:translateY(7px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:600px){.voice-ptt-fab{width:70px;min-width:70px;height:70px;min-height:70px;padding-top:12px}.voice-ptt-fab .voice-ptt-target{width:57px;font-size:6.5px}}
@media(prefers-reduced-motion:reduce){.voice-ptt-fab,.voice-ptt-fab.is-listening,.voice-ptt-fab.is-intro:after{animation:none!important;transition:none!important}}
.smart-clear-search-btn{width:46px;min-width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--danger) 42%,var(--border-strong));border-radius:11px;background:color-mix(in srgb,var(--danger) 9%,var(--bg-surface));color:var(--danger-text);font-size:0;font-weight:950;cursor:pointer;flex:0 0 auto;box-shadow:0 6px 14px rgba(232,58,58,.12)}
.smart-clear-search-btn[hidden]{display:none!important}
.smart-clear-search-btn .app-icon{width:23px;height:23px;stroke-width:2.8}
.smart-clear-search-btn:active{transform:scale(.96)}
.product-search-row{align-items:center}
.product-search-row .smart-voice-btn{height:42px}
.product-search-row .smart-clear-search-btn{width:58px;min-width:58px;height:58px;margin-right:14px;border-radius:13px}
.product-search-row .smart-clear-search-btn .app-icon{width:28px;height:28px}
.product-zero-stock-toggle{width:44px;min-width:44px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-inset);color:var(--text-2);cursor:pointer;flex:0 0 44px;box-shadow:0 6px 14px rgba(0,0,0,.14);transition:transform .12s ease,background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}
.product-zero-stock-toggle-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.product-zero-stock-toggle-icon .app-icon{width:23px;height:23px;stroke-width:2.4}
.product-zero-stock-toggle-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.product-zero-stock-toggle.is-active{border-color:color-mix(in srgb,var(--accent) 64%,transparent);background:color-mix(in srgb,var(--accent) 18%,var(--bg-inset));color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 14%,transparent)}
.product-zero-stock-toggle:active{transform:scale(.98)}
.product-discontinued-toggle{color:var(--warning)}
.product-discontinued-toggle.is-active{border-color:color-mix(in srgb,var(--warning) 68%,transparent);background:color-mix(in srgb,var(--warning) 18%,var(--bg-inset));color:var(--warning)}
.product-discontinued-toggle-icon,.docprod-zero-stock-toggle-icon{display:inline-flex;align-items:center;justify-content:center}
.product-discontinued-toggle-icon .app-icon,.docprod-zero-stock-toggle-icon .app-icon{width:22px;height:22px}
.product-discontinued-toggle-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.product-list-more{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 12px 22px;color:var(--text-3);font-size:12px;font-weight:850}
.product-list-more .sbtn{min-height:42px;justify-content:center}
.product-detail-filter-row{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr)) auto;gap:8px;align-items:end;padding:8px 12px;background:var(--bg-page);border-bottom:1px solid var(--border-strong);transition:border-color .15s ease,background .15s ease}
.product-detail-filter-row.has-active-filter{background:color-mix(in srgb,var(--accent) 7%,var(--bg-page));border-bottom-color:color-mix(in srgb,var(--accent) 48%,var(--border-strong))}
.product-detail-filter{display:flex;flex-direction:column;gap:4px;min-width:0}
.product-detail-filter>span{font-size:10px;line-height:1;color:var(--text-3);font-weight:900;letter-spacing:.03em;text-transform:uppercase}
.product-detail-filter select{width:100%;min-width:0;height:40px;padding:7px 32px 7px 10px;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-inset);color:var(--text-1);font-size:13px;font-weight:800}
.product-detail-filter select:focus{outline:2px solid color-mix(in srgb,var(--accent) 56%,transparent);outline-offset:1px;border-color:var(--accent)}
.product-detail-filter-clear{min-height:40px;padding:8px 12px;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-inset);color:var(--text-2);font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap}
.product-detail-filter-clear:not(:disabled){border-color:color-mix(in srgb,var(--accent) 52%,var(--border-strong));color:var(--accent)}
.product-detail-filter-clear:disabled{opacity:.45;cursor:default}
@media (max-width:720px){.product-detail-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.product-detail-filter-clear{width:100%}}
@media (max-width:440px){.product-detail-filter-row{grid-template-columns:minmax(0,1fr)}}
.pre-scan-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto auto;gap:8px;align-items:end}
.pre-scan-input-wrap{position:relative;min-width:0}
.pre-scan-input-wrap input{padding-left:38px!important;border:2px solid var(--mod-management)!important;border-radius:10px!important;background:var(--bg-surface)!important;font-size:16px!important}
.pre-scan-icon{position:absolute;left:12px;bottom:11px;color:var(--mod-management);font-size:19px;font-weight:950;pointer-events:none}
.pre-tool-btn{height:41px;min-width:48px;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-surface);color:var(--text-1);font-weight:950;padding:0 12px}
.pre-tool-btn.is-search{background:linear-gradient(135deg,var(--info),color-mix(in srgb,var(--info) 72%,var(--mod-sales)));border-color:color-mix(in srgb,var(--info) 62%,transparent);color:var(--on-color)}
.pre-search-results{display:none;margin-top:10px;border:1px solid color-mix(in srgb,var(--info) 36%,var(--border-strong));border-radius:12px;background:var(--bg-surface);overflow:hidden;box-shadow:0 12px 26px rgba(0,0,0,.24)}
.pre-search-results.is-open{display:block}
.pre-search-title{padding:9px 12px;border-bottom:1px solid var(--border-strong);color:var(--text-2);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}
.pre-pick-row{width:100%;border:0;border-bottom:1px solid var(--border-strong);background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-inset));color:var(--text-1);padding:11px 12px;display:flex;align-items:center;gap:11px;text-align:left}
.pre-pick-row:last-child{border-bottom:0}
.pre-pick-row:hover{filter:brightness(1.08)}
.pre-pick-main{flex:1;min-width:0}
.pre-pick-main b{display:block;font-size:15px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pre-pick-main span{display:block;margin-top:2px;color:var(--text-2);font-size:12px;font-weight:750}
.pre-pick-side{text-align:right;color:var(--accent);font-size:13px;font-weight:950;white-space:nowrap}
.pre-items-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;background:var(--bg-surface);border-bottom:1px solid var(--border-strong);color:var(--text-2);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}
.pre-items-head b{color:var(--accent);font-size:12px}
.pre-entry-row{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--bg-inset);background:var(--bg-surface);transition:background .18s ease,border-color .18s ease}
.pre-entry-row.is-recent{background:color-mix(in srgb,var(--mod-management) 16%,var(--bg-surface));border-color:color-mix(in srgb,var(--mod-management) 45%,var(--bg-inset))}
.pre-entry-row-icon{width:40px;height:40px;background:var(--bg-page);border-radius:8px;display:flex;align-items:center;justify-content:center;flex:0 0 40px}
.pre-entry-row-icon.is-unknown{color:var(--accent)}
.pre-entry-row-icon.is-known{color:var(--mod-management)}
.pre-entry-row-main{flex:1;min-width:0}
.pre-entry-row-name{font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pre-entry-row-meta{font-size:12px;color:var(--text-3);margin-top:2px;line-height:1.35}
.pre-entry-row-total{text-align:right;color:var(--accent);font-weight:950;white-space:nowrap}
@media (max-width:720px){.pre-scan-row{grid-template-columns:repeat(4,minmax(0,1fr))}.pre-scan-input-wrap{grid-column:1 / -1}.pre-scan-row .pre-tool-btn,.pre-scan-row .smart-clear-search-btn{width:100%;min-width:0}.pre-scan-row #b-pre-add-line{grid-column:1 / -1;width:100%}.pre-tool-btn.is-search{min-width:0}}
.price-fast-notice{margin:0 4px 12px;background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-inset));border:1px solid color-mix(in srgb,var(--info) 38%,var(--border-strong));border-radius:12px;padding:11px 12px;color:var(--text-2);font-size:13px}
.price-fast-notice-main{display:flex;align-items:center;justify-content:space-between;gap:10px}
.price-fast-notice b{color:var(--text-1)}
.price-fast-notice button{border:1px solid color-mix(in srgb,var(--info) 48%,var(--border-strong));background:rgba(45,107,228,.14);color:var(--text-1);border-radius:9px;padding:8px 11px;font-weight:900;font-size:12px;white-space:nowrap}
.price-fast-locations{display:none;margin-top:10px;border-top:1px solid var(--border-strong);padding-top:8px}
.price-fast-notice.is-open .price-fast-locations{display:block}
.price-fast-location-row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.055)}
.price-fast-location-row:last-child{border-bottom:none}
.price-fast-location-row span{color:var(--text-2)}
.price-fast-location-row b{color:var(--mod-sales);white-space:nowrap}
.price-pick-row{background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-inset));border:1px solid #303541;border-radius:12px;padding:12px 14px;margin-bottom:10px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:transform .14s ease,filter .14s ease,border-color .14s ease,box-shadow .14s ease}
.price-pick-row:hover{transform:translateY(-1px);filter:brightness(1.08);border-color:color-mix(in srgb, var(--accent) 47%, transparent);box-shadow:0 12px 26px rgba(0,0,0,.28)}
.price-pick-photo{width:46px;height:46px;object-fit:contain;border-radius:10px;background:var(--bg-page);border:1px solid var(--bg-surface-2);flex:0 0 46px}
.price-pick-photo-empty{display:flex;align-items:center;justify-content:center;color:var(--text-3)}
.price-pick-main{flex:1;min-width:0}
.price-pick-name{font-size:16px;font-weight:900;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.price-pick-wh{font-size:12px;color:var(--text-2);margin-top:2px}
.price-pick-note{font-size:12px;font-weight:850;margin-top:4px}
.price-pick-note.is-bulk{color:var(--accent)}
.price-pick-note.is-carton{color:var(--mod-management)}
.price-pick-note.is-promo{display:inline-flex;align-items:center;width:max-content;border:1px solid rgba(255,75,97,.5);border-radius:999px;background:rgba(255,75,97,.12);color:var(--danger-text);padding:3px 7px;text-transform:uppercase;letter-spacing:.035em}
.price-pick-side{text-align:right;flex:0 0 auto}
.price-pick-side div{font-size:18px;font-weight:950;color:var(--mod-sales)}
.price-pick-side small{display:block;margin:2px 0;color:var(--text-3);font-size:11px;font-weight:800}
.price-pick-side span{font-size:11px;color:#7d8490}
.price-card{margin:0 4px 10px;background:radial-gradient(circle at top left,rgba(194,24,91,.12),transparent 30%),linear-gradient(180deg,var(--bg-surface-2) 0,var(--bg-page) 100%);border:1px solid var(--border-strong);border-radius:13px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045)}
.price-showcase{display:grid;grid-template-columns:minmax(210px,32%) minmax(360px,68%);border-bottom:1px solid var(--bg-surface-2);background:radial-gradient(circle at 14% 16%,rgba(255,255,255,.06),transparent 34%)}
.price-showcase-info{display:flex;flex-direction:column;min-width:0;border-left:1px solid var(--bg-surface-2);background:linear-gradient(135deg,rgba(194,24,91,.07),rgba(14,15,19,.3))}
.price-showcase-info .price-main-grid{border-bottom:none;flex:1}
.price-showcase-info .price-card-head{border-bottom:1px solid var(--bg-surface-2)}
.price-showcase-info .price-product-name{font-size:23px}
.price-showcase-info .price-main-sale,.price-showcase-info .price-main-unit{min-height:118px}
.price-showcase-info .price-sale-amount{font-size:46px}
.price-showcase-info .price-unit-value{font-size:29px}
.price-card-has-photo .price-offers{margin-top:10px}
.price-card-has-photo .price-offers{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.price-card-has-photo .price-expiry-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.price-card-has-photo .price-detail-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.price-photo-wrap{background:linear-gradient(145deg,var(--bg-inset),var(--bg-inset));border-bottom:1px solid var(--bg-surface-2);display:flex;align-items:center;justify-content:center;padding:0;min-height:260px;position:relative;overflow:hidden}
.price-card-has-photo .price-photo-wrap{border-bottom:none}
.price-photo-wrap:before{content:"";position:absolute;inset:12px;z-index:2;border:1px solid rgba(255,255,255,.06);border-radius:12px;pointer-events:none}
.price-photo{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center top;background:var(--bg-inset);filter:drop-shadow(0 18px 28px rgba(0,0,0,.38))}
.price-card-media{min-width:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:linear-gradient(145deg,var(--bg-inset),var(--bg-page))}
.price-card-data{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:auto}
.price-card-media .price-photo-wrap{width:100%;box-sizing:border-box;flex:1 1 auto}
.price-card-media.has-expiry .price-photo-wrap{height:auto;min-height:0}
.price-card-media-expiry{flex:0 0 auto;max-height:42%;box-sizing:border-box;overflow:auto;padding:8px 10px 10px;border-top:1px solid var(--bg-surface-2);background:var(--bg-page)}
.price-card-media-expiry .price-expiry-section{height:auto;margin:0;padding:9px;box-sizing:border-box}
.price-card-media-expiry .price-expiry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.price-card-media-expiry .price-expiry-chip{min-height:52px;padding:7px 8px}
.price-photo-placeholder{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-3);font-size:12px;font-weight:850;text-align:center}
.price-photo-placeholder .app-icon{width:58px;height:58px;opacity:.58}
.price-card-no-photo .price-card-media{display:none}
.price-card-no-photo .price-showcase{grid-template-columns:1fr}
.price-data-row{flex:0 0 auto;min-width:0;border-bottom:1px solid var(--bg-surface-2)}
.price-summary-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,32%);align-items:stretch}
.price-summary-row .price-card-head{min-width:0;border-bottom:0}
.price-summary-side{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:6px;padding:8px;border-left:1px solid var(--bg-surface-2);background:rgba(57,200,120,.035)}
.price-stock-summary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:54px;padding:7px;border:1px solid color-mix(in srgb,var(--success) 42%,var(--border-strong));border-radius:10px;background:color-mix(in srgb,var(--success) 8%,var(--bg-page));text-align:center}
.price-stock-summary span{color:var(--text-2);font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.price-stock-summary b{margin-top:3px;color:var(--success);font-size:22px;font-weight:950;line-height:1}
.price-stock-summary.is-low{border-color:color-mix(in srgb,var(--danger) 48%,var(--border-strong));background:color-mix(in srgb,var(--danger) 8%,var(--bg-page))}
.price-stock-summary.is-low b{color:var(--danger-text)}
.price-prices-row{display:flex;flex:1 1 112px;min-height:100px}
.price-prices-row .price-main-grid{width:100%;height:100%;grid-template-columns:1.35fr .9fr;border-bottom:0}
.price-discount-row{padding:7px 9px}
.price-discount-row .price-offer{width:100%;height:100%;box-sizing:border-box}
.price-collectors-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:7px 9px}
.price-collector-slot{min-width:0}
.price-collector-slot.is-small{grid-column:1}
.price-collector-slot.is-big{grid-column:2}
.price-collectors-row .price-metric{height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}
.price-card-head{display:flex;align-items:center;gap:10px;padding:10px 13px;border-bottom:1px solid var(--bg-surface-2)}
.price-product-title{min-width:0}
.price-product-name{font-size:19px;font-weight:950;color:var(--text-1);letter-spacing:.01em;line-height:1.05;text-transform:uppercase}
.price-tags{margin-top:5px;display:flex;gap:6px;flex-wrap:wrap}
.price-chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:850;line-height:1}
.price-chip .app-icon{width:13px;height:13px}
.price-chip-wh{background:color-mix(in srgb,var(--chip-color) 20%,transparent);color:var(--chip-color);border:1px solid color-mix(in srgb,var(--chip-color) 42%,transparent)}
.price-chip-cat{background:var(--bg-surface-2);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 27%, transparent)}
.price-main-grid{display:grid;grid-template-columns:1.35fr .9fr;border-bottom:1px solid var(--bg-surface-2)}
.price-identity-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px;color:var(--text-3);font-size:12px;line-height:1.2}
.price-identity-line span{display:inline-flex;align-items:baseline;gap:4px;font-weight:650;color:var(--text-2)}
.price-identity-line b{color:var(--text-1);font-weight:950}
.price-identity-line i{width:1px;height:12px;background:var(--border-strong);display:inline-block}
.price-main-sale,.price-main-unit{padding:14px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:92px}
.price-main-sale{background:linear-gradient(135deg,rgba(194,24,91,.12),rgba(194,24,91,.02))}
.price-main-unit{border-left:1px solid var(--bg-surface-2);background:rgba(232,160,32,.035)}
.price-label{font-size:11px;color:var(--text-2);text-transform:uppercase;font-weight:850;letter-spacing:.07em;margin-bottom:5px}
.price-sale-value{font-weight:950;color:var(--mod-sales);line-height:1;text-shadow:0 8px 20px color-mix(in srgb,var(--accent) 22%,transparent);display:flex;align-items:baseline;justify-content:center;gap:4px;flex-wrap:wrap}
.price-sale-amount{font-size:38px}
.price-sale-unit{font-size:17px;color:var(--mod-sales);font-weight:900}
.price-promo-period{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:8px;color:var(--text-2);font-size:11px;font-weight:850}
.price-promo-period b{border:1px solid rgba(255,75,97,.62);border-radius:999px;background:rgba(255,75,97,.16);color:var(--danger-text);padding:4px 8px;font-size:10px;letter-spacing:.055em}
.price-regular-price{margin-top:5px;color:var(--text-3);font-size:12px;font-weight:800}
.price-regular-price s{color:var(--text-2)}
.price-drs{margin-top:7px;color:var(--success);font-size:13px;font-weight:850;display:flex;align-items:center;gap:6px}
.price-drs .app-icon{width:17px;height:17px}
.price-drs-line{margin-top:7px;color:var(--success);font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:6px;line-height:1.25}
.price-drs-line .app-icon{width:17px;height:17px}
.price-offer .price-drs-line{font-size:12px;margin-top:5px}
.price-metric .price-drs-line{font-size:11px;margin-top:6px;flex-wrap:wrap}
.price-unit-value{font-size:24px;font-weight:950;color:var(--accent);line-height:1}
.price-unit-value span{display:block;font-size:13px;margin-top:3px;color:var(--accent)}
.price-vat{font-size:12px;color:#7d8490;margin-top:5px}
.price-vat b{color:#cdd3df}
.price-offers{display:grid;grid-template-columns:1fr;gap:8px;margin:8px 12px 0}
.price-offer{margin:0;border-radius:11px;padding:9px 11px;display:flex;align-items:center;gap:10px;border:1px solid;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.price-offer-icon{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:0 0 30px}
.price-offer-icon .app-icon{width:17px;height:17px}
.price-offer-copy{flex:1;min-width:0;text-align:center}
.price-offer-bulk{background:linear-gradient(135deg,var(--bg-surface-2),var(--bg-inset));border-color:color-mix(in srgb, var(--accent) 47%, transparent)}
.price-offer-bulk .price-offer-icon{background:color-mix(in srgb, var(--accent) 13%, transparent);color:var(--accent)}
.price-offer-carton{background:linear-gradient(135deg,var(--bg-surface-2),var(--bg-surface-2));border-color:color-mix(in srgb, var(--mod-management) 47%, transparent)}
.price-offer-carton .price-offer-icon{background:color-mix(in srgb, var(--mod-management) 20%, transparent);color:#5ee0c5}
.price-offer-label{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2)}
.price-offer-value{font-size:17px;font-weight:950;color:var(--text-1);margin-top:1px}
.price-offer-note{font-size:11px;color:var(--text-2);margin-top:2px}
.price-expiry-section{margin:8px 12px 0;border:1px solid #2d3440;border-radius:12px;background:var(--bg-surface);padding:10px}
.price-expiry-title{font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.07em;color:var(--text-2);margin:0 0 8px;text-align:center}
.price-expiry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}
.price-expiry-chip{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #2d3440;border-radius:10px;background:var(--bg-surface-2);padding:9px 10px;min-height:58px;color:var(--border-strong);text-align:center}
.price-expiry-chip .app-icon{width:20px;height:20px;flex:0 0 20px;color:currentColor}
.price-expiry-chip div{min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px}
.price-expiry-chip b{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:currentColor}
.price-expiry-chip strong{font-size:17px;font-weight:950;color:var(--text-1);line-height:1.05}
.price-expiry-chip span{font-size:12px;font-weight:800;color:var(--text-2)}
.price-expiry-ok{background:var(--bg-surface-2);border-color:#236a3f;color:var(--success-text)}
.price-expiry-ok span{color:#bce6ca}
.price-expiry-warn{background:var(--bg-surface-2);border-color:var(--accent-strong);color:var(--accent)}
.price-expiry-warn span{color:#f0d08b}
.price-expiry-bad{background:var(--bg-surface-2);border-color:var(--mod-sales-strong);color:var(--danger-text)}
.price-expiry-bad span{color:#ffb1bb}
.price-expiry-more{justify-content:center;text-align:center;color:var(--text-2);background:var(--bg-surface)}
.price-expiry-days{font-style:normal;font-weight:950;color:currentColor}
.price-stock-expiry-row{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(280px,1.3fr);gap:10px;align-items:stretch;margin:8px 12px 11px}
.price-stock-expiry-row .price-details{padding:0;height:100%}
.price-stock-expiry-row .price-detail-grid{height:100%;grid-template-columns:1fr}
.price-stock-expiry-row .price-metric{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.price-stock-expiry-row .price-expiry-section{margin:0;height:100%;box-sizing:border-box}
.price-reader-barcode-role-backdrop{position:fixed;inset:0;z-index:24500;display:flex;align-items:center;justify-content:center;padding:calc(18px + var(--safe-top)) calc(18px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(18px + var(--safe-left));background:rgba(0,0,0,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.price-reader-barcode-role-panel{width:min(680px,100%);max-height:calc(100vh - 36px - var(--safe-top) - var(--safe-bottom));overflow:auto;border:1px solid color-mix(in srgb,var(--info) 52%,var(--border-strong));border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--info) 12%,var(--bg-surface)),var(--bg-page));padding:20px;box-shadow:0 28px 70px rgba(0,0,0,.58)}
.price-reader-barcode-role-kicker{color:var(--info);font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.price-reader-barcode-role-panel h2{margin:6px 0 8px;color:var(--text-1);font-size:22px;line-height:1.25}.price-reader-barcode-role-panel h2 b{color:var(--accent);overflow-wrap:anywhere}.price-reader-barcode-role-panel>p{margin:0 0 16px;color:var(--text-2);font-size:13px;line-height:1.45}
.price-reader-barcode-role-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.price-reader-barcode-role-options button{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:3px 10px;align-items:center;min-height:96px;padding:13px;border:1px solid var(--border-strong);border-radius:13px;background:var(--bg-inset);color:var(--text-1);text-align:left;cursor:pointer;box-shadow:0 10px 22px rgba(0,0,0,.2);transition:transform .14s ease,border-color .14s ease,background .14s ease}.price-reader-barcode-role-options button:hover,.price-reader-barcode-role-options button:focus-visible{transform:translateY(-1px);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-inset));outline:none}.price-reader-barcode-role-options button>span{grid-row:1 / 3;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:color-mix(in srgb,var(--accent) 18%,var(--bg-page));color:var(--accent);font-size:17px;font-weight:950}.price-reader-barcode-role-options button>b{font-size:14px}.price-reader-barcode-role-options button>small{color:var(--text-3);font-size:11px;line-height:1.3}
.price-reader-barcode-role-cancel{display:block;margin:14px auto 0;min-height:40px;padding:8px 22px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-inset);color:var(--text-2);font-weight:900;cursor:pointer}
.price-reader-bundle-panel{width:min(720px,100%);padding:0;overflow:hidden}.price-reader-bundle-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 20px 15px;border-bottom:1px solid var(--border-strong)}.price-reader-bundle-panel>header>div{min-width:0}.price-reader-bundle-panel>header span{display:block;color:var(--accent);font-size:10px;font-weight:950;letter-spacing:.11em}.price-reader-bundle-panel>header h2{margin:5px 0 0;overflow-wrap:anywhere}.price-reader-bundle-panel>header button{width:42px;height:42px;flex:0 0 42px;border:1px solid var(--border-strong);border-radius:11px;background:var(--bg-inset);color:var(--text-1);font-size:26px;line-height:1;cursor:pointer}.price-reader-bundle-panel>p{margin:0;padding:13px 20px;border-bottom:1px solid var(--border-strong);color:var(--text-2);font-size:12px}.price-reader-bundle-panel>p b{color:var(--accent)}.price-reader-bundle-list{display:grid;gap:8px;max-height:min(55vh,520px);overflow:auto;margin:0;padding:16px 20px;list-style:none}.price-reader-bundle-list li{display:grid;grid-template-columns:32px 56px minmax(0,1fr);align-items:center;gap:10px;min-height:52px;padding:8px 12px;border:1px solid var(--border-strong);border-radius:11px;background:var(--bg-inset);color:var(--text-1)}.price-reader-bundle-row-index{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--accent) 14%,var(--bg-page));color:var(--accent);font-size:12px;font-weight:950}.price-reader-bundle-list li>strong{color:var(--accent);font-size:17px;font-weight:950;text-align:right}.price-reader-bundle-list li>b{min-width:0;font-size:14px;line-height:1.3;overflow-wrap:anywhere}.price-reader-bundle-panel>.price-reader-barcode-role-cancel{margin:0 auto 18px}
@media (max-width:620px){.price-reader-barcode-role-panel{padding:16px}.price-reader-barcode-role-options{grid-template-columns:1fr}.price-reader-barcode-role-options button{min-height:72px}.price-reader-barcode-role-panel h2{font-size:19px}}
@media (max-width:620px){.price-reader-bundle-panel{padding:0}.price-reader-bundle-panel>header{padding:16px 16px 12px}.price-reader-bundle-panel>p{padding:11px 16px}.price-reader-bundle-list{padding:12px 16px}.price-reader-bundle-list li{grid-template-columns:30px 48px minmax(0,1fr);gap:8px;padding:7px 9px}.price-reader-bundle-list li>b{font-size:13px}}
.price-details{padding:9px 12px 11px}
.price-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px}
.price-metric{background:var(--bg-page);border:1px solid var(--border-strong);border-radius:11px;padding:8px;text-align:center}
.price-metric span,.price-extra-grid span{display:block;color:#7d8490;font-size:10px;text-transform:uppercase;font-weight:850;letter-spacing:.05em;margin-bottom:4px}
.price-metric b{font-size:18px;color:#39c878}
.price-metric.is-low b{color:var(--danger-text)}
.price-collector-metric b{color:var(--border-strong)}
.price-collector-metric em,.price-collector-metric strong{display:block;font-style:normal;margin-top:6px}
.price-collector-metric em{color:var(--accent);font-size:14px;font-weight:900}
.price-collector-metric strong{color:var(--mod-management);font-size:13px;font-weight:900}
.price-collector-metric{text-align:center}
.price-extra-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px;margin-top:9px}
.price-extra-grid div{background:var(--bg-inset);border:1px solid var(--bg-surface-2);border-radius:12px;padding:10px}
.price-extra-grid b{color:var(--text-2);font-size:14px;word-break:break-word}
.price-mono{font-family:Arial,Helvetica,sans-serif;letter-spacing:.025em;font-weight:950}
.price-identity-line .price-mono{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:950;color:var(--text-1);-webkit-text-stroke:.25px currentColor;text-shadow:0 0 .01px currentColor}
.price-shelf{margin:0;padding:12px 18px;background:color-mix(in srgb,var(--shelf-color) 13%,var(--bg-surface));border-top:1px solid color-mix(in srgb,var(--shelf-color) 35%,var(--bg-surface-2));color:var(--shelf-color);font-size:13px;font-weight:850;display:flex;align-items:center;gap:8px}
.price-shelf .app-icon{width:17px;height:17px}
@media (max-width:720px){
  #pr-result{padding:12px!important}
  .price-card{border-radius:12px;margin:0 0 8px}
  .price-showcase{grid-template-columns:1fr}
  .price-showcase-info{border-left:none;border-top:1px solid var(--bg-surface-2)}
  .price-showcase-info .price-product-name{font-size:17px}
  .price-showcase-info .price-main-sale,.price-showcase-info .price-main-unit{min-height:82px}
  .price-showcase-info .price-sale-amount{font-size:31px}
  .price-showcase-info .price-unit-value{font-size:23px}
  .price-photo-wrap{min-height:180px;padding:0}
  .price-photo{max-height:none}
  .price-card-head{padding:10px 11px}
  .price-product-name{font-size:17px}
  .price-identity-line{font-size:11px;gap:6px}
  .price-main-grid{grid-template-columns:1fr}
  .price-main-unit{border-left:none;border-top:1px solid var(--bg-surface-2)}
  .price-main-sale,.price-main-unit{min-height:82px;padding:13px 12px}
  .price-sale-amount{font-size:31px}
  .price-sale-unit{font-size:14px}
  .price-unit-value{font-size:23px}
  .price-stock-expiry-row{grid-template-columns:1fr;margin:8px 10px 10px}
  .price-detail-grid{grid-template-columns:1fr}
  .price-offers{margin:8px 9px 0;gap:8px}
  .price-offer{align-items:center;padding:9px}
  .price-offer-value{font-size:16px}
  .price-summary-row{grid-template-columns:minmax(0,1fr) minmax(112px,34%)}
  .price-summary-side{padding:6px}
  .price-stock-summary b{font-size:19px}
  .price-prices-row .price-main-grid{grid-template-columns:1.25fr .85fr}
  .price-prices-row .price-main-unit{border-top:0;border-left:1px solid var(--bg-surface-2)}
}
@media (orientation:landscape) and (min-width:560px){
  .price-showcase,.price-card-no-photo .price-showcase{grid-template-columns:minmax(210px,38%) minmax(0,62%);align-items:stretch}
  .price-card-no-photo .price-card-media{display:flex}
  .price-showcase-info{border-top:none;border-left:1px solid var(--bg-surface-2)}
  .price-card-media .price-photo-wrap{min-height:100%;border-bottom:none;padding:0}
  .price-card-media .price-photo{max-height:none}
  .price-card,.price-card-layout{height:100%;min-height:100%}
}
@media (min-width:960px){
  .price-offers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .price-offer:only-child{grid-column:1 / -1}
  .price-offer-bigcarton:nth-child(3){grid-column:1 / -1}
}
.hmi-icon .app-icon,.home-user-avatar .app-icon{color:inherit}
.empty .app-icon{width:3em;height:3em;opacity:.75;margin-bottom:8px}
.page{display:none;position:fixed;inset:0;background:var(--bg-page);overflow-y:auto;overflow-x:hidden;z-index:1}
.page.on{display:flex;flex-direction:column}
#pg-login.on{justify-content:center;align-items:center;}
.topbar{background:var(--bg-surface);border-bottom:1px solid var(--border-strong);padding:calc(9px + var(--safe-top)) calc(14px + var(--safe-right)) 9px calc(14px + var(--safe-left));display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:10;min-height:calc(58px + var(--safe-top));box-shadow:0 8px 20px rgba(0,0,0,.18)}
.topbar .ttl{flex:1;font-weight:950;font-size:18px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.045em;color:var(--text-1);line-height:1.1;text-shadow:0 1px 0 var(--bg-inset)}
.topbar button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:38px;height:38px;padding:0 12px;border-radius:12px;border:1px solid var(--border-strong);background:color-mix(in srgb,var(--bg-surface) 60%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-2);font-size:16px;font-weight:800;cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.topbar button:hover{filter:brightness(1.12);transform:translateY(-1px)}
.topbar button:active{transform:translateY(0) scale(.98);filter:brightness(.97)}
.topbar button[id*="save"],.topbar button[id*="ment"],#b-docedit-save,#b-kassza-save,#b-pf-save,#b-pf-savebtn,#b-wh-save,#b-whcats-save,#b-save-company-profile{min-width:44px;height:40px;border:1px solid rgba(85,212,135,.55)!important;border-radius:12px!important;background:linear-gradient(180deg,rgba(43,160,98,.28),rgba(17,80,52,.56))!important;color:var(--success-text)!important;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;font-weight:950!important;box-shadow:0 0 0 1px rgba(85,212,135,.14),0 10px 24px rgba(0,0,0,.32)}
.topbar button[id*="save"]:hover,.topbar button[id*="ment"]:hover,#b-docedit-save:hover,#b-kassza-save:hover,#b-pf-save:hover,#b-pf-savebtn:hover,#b-wh-save:hover,#b-whcats-save:hover,#b-save-company-profile:hover{border-color:var(--success-text)!important;box-shadow:0 0 0 1px rgba(114,227,160,.24),0 0 22px rgba(85,212,135,.16),0 10px 24px rgba(0,0,0,.34);filter:brightness(1.08)}
.topbar button[id$="-back"],#b-home-menu,.drawer-menu-button,#b-pr-back,#b-kassza-back{width:38px;height:38px;border-radius:10px;padding:0;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:32px;font-weight:900;line-height:1;flex:0 0 38px}
.topbar .home-brand-title,.topbar .module-brand-title{flex:1;min-width:0}
.topbar .home-brand-title > span,.topbar .module-brand-title > span{font-size:12px;line-height:1.1}
body.desktop-sidebar-on #pg-home .home-brand-title:before,
body.desktop-sidebar-on #pg-price-reader .module-brand-title:before,
#pg-kassza .module-brand-title > span{font-size:18px;font-weight:950;letter-spacing:.045em;color:var(--text-1);text-transform:uppercase;line-height:1.1;text-shadow:0 1px 0 var(--bg-inset)}
@media (max-width:520px){
  .topbar{min-height:calc(54px + var(--safe-top));padding:calc(8px + var(--safe-top)) calc(10px + var(--safe-right)) 8px calc(10px + var(--safe-left));gap:8px}
  .topbar .ttl,body.desktop-sidebar-on #pg-home .home-brand-title:before,body.desktop-sidebar-on #pg-price-reader .module-brand-title:before,#pg-kassza .module-brand-title > span{font-size:16px;letter-spacing:.035em}
  .topbar button[id$="-back"],#b-home-menu,.drawer-menu-button,#b-pr-back,#b-kassza-back{width:36px;height:36px;flex-basis:36px;font-size:30px}
}

/* Termékkép Firebase-feltöltés: központi, ciklonos folyamatjelző. */
body.product-photo-upload-busy{cursor:progress}
.product-photo-upload-cyclone-layer{position:fixed;inset:0;z-index:19600;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));box-sizing:border-box;background:radial-gradient(circle at 50% 42%,rgba(25,118,210,.16),transparent 42%),rgba(3,10,21,.68);backdrop-filter:blur(9px) saturate(1.12);-webkit-backdrop-filter:blur(9px) saturate(1.12);opacity:0;transition:opacity .22s ease;pointer-events:auto}
.product-photo-upload-cyclone-layer.is-visible{opacity:1}.product-photo-upload-cyclone-layer.is-closing{opacity:0}
.product-photo-upload-cyclone-card{position:relative;isolation:isolate;width:min(430px,calc(100vw - 36px));min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden;padding:27px 26px 24px;border:1px solid color-mix(in srgb,var(--info) 58%,rgba(255,255,255,.3));border-radius:26px;background:linear-gradient(145deg,color-mix(in srgb,var(--bg-surface) 96%,#fff 4%),color-mix(in srgb,var(--bg-page) 92%,var(--info) 8%));box-shadow:0 34px 90px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.7)}
.product-photo-upload-cyclone-card::before{content:"";position:absolute;z-index:-1;inset:-42% 8% 50%;border-radius:50%;background:radial-gradient(circle,rgba(25,118,210,.22),transparent 68%);filter:blur(8px)}
.product-photo-upload-cyclone-stage{position:relative;width:128px;height:128px;display:grid;place-items:center;margin-bottom:17px}
.product-photo-upload-cyclone-stage::before{content:"";position:absolute;inset:12px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.98) 0 9%,rgba(25,118,210,.18) 10% 34%,transparent 66%);box-shadow:0 0 38px rgba(25,118,210,.34)}
.product-photo-upload-cyclone-orbit{position:absolute;inset:1px;border:1px dashed color-mix(in srgb,var(--info) 55%,transparent);border-radius:50%;animation:product-photo-cyclone-orbit 5s linear infinite reverse}
.product-photo-upload-cyclone-orbit::before,.product-photo-upload-cyclone-orbit::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 75%,transparent)}
.product-photo-upload-cyclone-orbit::before{top:7px;left:24px}.product-photo-upload-cyclone-orbit::after{right:6px;bottom:29px;background:var(--info);box-shadow:0 0 14px color-mix(in srgb,var(--info) 75%,transparent)}
.product-photo-upload-cyclone-rotor{position:relative;width:94px;height:94px;border-radius:50%;animation:product-photo-cyclone-spin 1.18s cubic-bezier(.5,.08,.5,.92) infinite}
.product-photo-upload-cyclone-rotor i{--arm-angle:calc(var(--cyclone-arm) * 72deg);position:absolute;left:50%;top:43%;width:44px;height:14px;transform-origin:0 50%;transform:rotate(var(--arm-angle)) translateX(8px) skewX(-21deg);border-radius:5px 95% 16px 95%;background:linear-gradient(90deg,color-mix(in srgb,var(--info) 96%,#fff 4%),color-mix(in srgb,var(--info) 38%,transparent));box-shadow:0 3px 9px rgba(25,118,210,.28)}
.product-photo-upload-cyclone-rotor i:nth-child(even){background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 88%,#fff 12%),color-mix(in srgb,var(--accent) 34%,transparent))}
.product-photo-upload-cyclone-rotor b{position:absolute;z-index:2;inset:34px;border:4px solid color-mix(in srgb,var(--info) 82%,#fff 18%);border-radius:50%;background:var(--bg-surface);box-shadow:0 0 0 5px color-mix(in srgb,var(--info) 13%,transparent),0 0 24px rgba(25,118,210,.45)}
.product-photo-upload-cyclone-copy{text-align:center}.product-photo-upload-cyclone-copy>span{display:block;margin-bottom:6px;color:var(--info);font-size:10px;font-weight:950;letter-spacing:.18em}.product-photo-upload-cyclone-copy>strong{display:block;color:var(--text-1);font-size:24px;font-weight:950;line-height:1.12}.product-photo-upload-cyclone-copy>p{max-width:330px;margin:9px auto 0;color:var(--text-2);font-size:12px;font-weight:750;line-height:1.45}.product-photo-upload-cyclone-copy>small{display:block;min-height:17px;max-width:330px;margin:7px auto 0;overflow:hidden;color:var(--text-3);font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.product-photo-upload-cyclone-dots{display:flex;gap:7px;margin-top:12px}.product-photo-upload-cyclone-dots i{width:6px;height:6px;border-radius:50%;background:var(--info);animation:product-photo-cyclone-dot 1.1s ease-in-out infinite}.product-photo-upload-cyclone-dots i:nth-child(2){animation-delay:.14s}.product-photo-upload-cyclone-dots i:nth-child(3){animation-delay:.28s}
@keyframes product-photo-cyclone-spin{to{transform:rotate(360deg)}}
@keyframes product-photo-cyclone-orbit{to{transform:rotate(360deg)}}
@keyframes product-photo-cyclone-dot{0%,70%,100%{opacity:.28;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}
@media (max-width:620px){.product-photo-upload-cyclone-card{width:min(390px,calc(100vw - 24px));min-height:286px;padding:22px 18px 20px;border-radius:22px}.product-photo-upload-cyclone-stage{width:116px;height:116px;margin-bottom:14px}.product-photo-upload-cyclone-copy>strong{font-size:21px}}
@media (prefers-reduced-motion:reduce){.product-photo-upload-cyclone-orbit,.product-photo-upload-cyclone-rotor,.product-photo-upload-cyclone-dots i{animation:none}.product-photo-upload-cyclone-layer{transition:none}}
.badge{background:var(--bg-inset);color:var(--accent);font-size:12px;padding:5px;text-align:center;font-weight:700;flex-shrink:0}
.tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;overflow-y:auto}
.tile{padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;border:none;color:var(--text-1);font-size:18px;cursor:pointer;width:100%;min-height:80px}
.tile .tn{font-weight:700;font-size:12px;text-align:center;line-height:1.3}
.tile .ts{font-size:10px;opacity:.85}
.bottom{display:flex;border-top:1px solid var(--border-strong);background:var(--bg-surface)}
.bottom button{flex:1;padding:14px;background:none;border:none;color:var(--text-3);font-size:20px}
.row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border-strong)}
.product-row{position:relative;margin:10px 10px 0;padding:13px 12px 13px 0;border:1px solid var(--border-strong);border-radius:12px;background:linear-gradient(180deg,var(--bg-surface),var(--bg-page));box-shadow:0 4px 12px rgba(0,0,0,.16);transition:none;align-items:stretch;gap:14px;min-height:112px;contain:layout paint style}
.product-row:hover{transform:none;border-color:#546072;box-shadow:0 6px 14px rgba(0,0,0,.2)}
.product-row.is-scroll-frozen{content-visibility:hidden;contain:strict;pointer-events:none}
.product-row-photo{width:78px;height:78px;object-fit:contain;border-radius:12px;background:var(--bg-inset);flex-shrink:0;align-self:center;border:1px solid var(--border);padding:6px}
/* Nagy, fekvő Windows/asztali listában a bélyegkép a terméksor hasznos
   magasságát követi. Az álló, mobil és alsó gyorsmenüs tablet nézet marad fix. */
@media (min-width:1180px) and (orientation:landscape){
  body.rail-on:not(.rail-bottom) #pg-products #prod-list>.product-row{
    display:grid;
    grid-template-columns:5px auto minmax(0,1fr) auto auto;
    grid-template-areas:"bar photo main side actions";
  }
  body.rail-on:not(.rail-bottom) #pg-products #prod-list>.product-row>.product-row-wh{grid-area:bar}
  body.rail-on:not(.rail-bottom) #pg-products #prod-list>.product-row>.product-row-photo{
    grid-area:photo;
    align-self:stretch;
    width:auto;
    height:auto;
    max-width:180px;
    aspect-ratio:1/1;
    padding:8px;
  }
  body.rail-on:not(.rail-bottom) #pg-products #prod-list>.product-row>.product-row-main{grid-area:main}
  body.rail-on:not(.rail-bottom) #pg-products #prod-list>.product-row>.product-row-side{grid-area:side}
  body.rail-on:not(.rail-bottom) #pg-products #prod-list>.product-row>.product-row-actions{grid-area:actions}
}
.product-row-photo-button{position:relative;display:flex;align-items:center;justify-content:center;appearance:none;-webkit-appearance:none;overflow:hidden;color:var(--accent);cursor:zoom-in;box-shadow:inset 0 0 0 1px transparent,0 5px 16px rgba(0,0,0,.2);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease}
.product-row-photo-button:hover,.product-row-photo-button:focus-visible{transform:scale(1.045);border-color:color-mix(in srgb,var(--accent) 72%,var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent),0 10px 24px rgba(0,0,0,.34),0 0 18px color-mix(in srgb,var(--accent) 16%,transparent);outline:none}
.product-row-photo-button:active{transform:scale(.98)}
.product-row-photo-image{display:block;width:100%;height:100%;object-fit:contain;border-radius:7px}
.product-row-photo-count{position:absolute;left:5px;top:5px;min-width:24px;height:22px;padding:0 7px;border:1px solid color-mix(in srgb,var(--accent) 58%,var(--border-strong));border-radius:999px;background:color-mix(in srgb,var(--bg-page) 88%,transparent);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:950;box-shadow:0 4px 12px rgba(0,0,0,.34)}
.product-row-photo-expand{position:absolute;right:4px;bottom:4px;width:25px;height:25px;border:1px solid color-mix(in srgb,var(--accent) 58%,var(--border-strong));border-radius:8px;background:color-mix(in srgb,var(--bg-page) 94%,#111);display:flex;align-items:center;justify-content:center;color:var(--accent);box-shadow:0 4px 12px rgba(0,0,0,.28);opacity:.88;transform:translateY(2px);transition:opacity .18s ease,transform .18s ease,background .18s ease}
.product-row-photo-expand .app-icon{width:13px;height:13px}
.product-row-photo-button:hover .product-row-photo-expand,.product-row-photo-button:focus-visible .product-row-photo-expand{opacity:1;transform:translateY(0);background:color-mix(in srgb,var(--accent) 18%,var(--bg-page))}
@media(pointer:coarse){
  .topbar button,.topbar-btn,.preentries-action{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .product-row{box-shadow:0 4px 12px rgba(0,0,0,.16);transition:border-color .12s ease,background .12s ease}
  .product-row:hover{transform:none;box-shadow:0 4px 12px rgba(0,0,0,.16)}
  .product-row-photo-button,.product-row-photo-expand{transition:none}
}
.product-row-photo-empty{background:var(--bg-inset);display:flex;align-items:center;justify-content:center;color:var(--text-3)}
.product-row-photo-empty .app-icon{width:27px;height:27px}

/* Közös STOP ÉDESSÉG SHOP termékkép-helyettesítő. A rajz tiszta SVG/CSS,
   ezért kis bélyegképen és nagy árellenőrző kártyán is éles marad. */
.product-photo-placeholder{--photo-ph-navy:#071b3c;--photo-ph-red:#e5154d;--photo-ph-gold:#d5a619;position:relative;isolation:isolate;box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;align-content:center;gap:3px;overflow:hidden;padding:12px;border-radius:inherit;background:radial-gradient(circle at 22% 16%,rgba(255,255,255,.96),rgba(255,255,255,0) 30%),linear-gradient(145deg,#fffdf8 0%,#f4ead5 52%,#e8dcc2 100%);color:var(--photo-ph-navy);box-shadow:inset 0 0 0 1px rgba(7,27,60,.1),inset 0 1px 0 #fff;font-family:"Segoe UI",Arial,sans-serif;text-align:center}
.product-photo-placeholder:before{content:"";position:absolute;z-index:-1;inset:-28% 28% 38% -22%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--photo-ph-red) 17%,transparent),transparent 68%);transform:rotate(-12deg);pointer-events:none}
.product-photo-placeholder:after{content:"";position:absolute;z-index:-1;right:-10%;bottom:-18%;width:58%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--photo-ph-gold) 26%,transparent);border-radius:50%;box-shadow:0 0 0 13px color-mix(in srgb,var(--photo-ph-gold) 5%,transparent),0 0 0 28px color-mix(in srgb,var(--photo-ph-red) 3%,transparent);pointer-events:none}
.product-photo-placeholder-art{display:block;width:min(58%,132px);height:auto;max-height:100%;overflow:visible;filter:drop-shadow(0 8px 10px rgba(7,27,60,.2))}
.product-photo-placeholder-disc{fill:var(--photo-ph-navy)}
.product-photo-placeholder-ring{fill:none;stroke:var(--photo-ph-gold);stroke-width:3.5;opacity:.92}
.product-photo-placeholder-spark{fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;opacity:.88}
.product-photo-placeholder-stick{fill:none;stroke:var(--photo-ph-gold);stroke-width:10;stroke-linecap:round}
.product-photo-placeholder-lollipop{fill:var(--photo-ph-red);stroke:#fff;stroke-width:7}
.product-photo-placeholder-swirl{fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round}
.product-photo-placeholder-candy{fill:var(--photo-ph-gold);stroke:#fff;stroke-width:5;stroke-linejoin:round}
.product-photo-placeholder-wrapper{fill:var(--photo-ph-red);stroke:#fff;stroke-width:5;stroke-linejoin:round}
.product-photo-placeholder-candy-line{fill:none;stroke:var(--photo-ph-navy);stroke-width:4;stroke-linecap:round;opacity:.72}
.product-photo-placeholder-copy{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;align-items:center;line-height:1;text-transform:uppercase}
.product-photo-placeholder-copy b{color:var(--photo-ph-red);font-family:Impact,"Arial Black",sans-serif;font-size:clamp(23px,3.2vw,38px);font-weight:950;letter-spacing:.08em;text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff,0 3px 8px rgba(7,27,60,.18)}
.product-photo-placeholder-copy strong{margin-top:2px;color:var(--photo-ph-navy);font-size:clamp(10px,1.25vw,15px);font-weight:950;letter-spacing:.13em;white-space:nowrap}
.product-photo-placeholder-copy small{margin-top:7px;padding-top:6px;border-top:1px solid color-mix(in srgb,var(--photo-ph-gold) 52%,transparent);color:#6e5d3a;font-size:clamp(8px,.8vw,10px);font-weight:900;letter-spacing:.075em;line-height:1.15;white-space:nowrap}
.product-photo-placeholder-copy em{max-width:100%;margin-top:4px;color:#77694d;font-size:clamp(6px,.62vw,8px);font-style:normal;font-weight:750;letter-spacing:.025em;line-height:1.2;white-space:normal;text-transform:none}
.product-photo-placeholder--thumb{display:grid;grid-template-rows:1fr;padding:4px;border-radius:inherit}
.product-photo-placeholder--thumb .product-photo-placeholder-art{width:92%;max-height:92%;filter:drop-shadow(0 3px 4px rgba(7,27,60,.18))}
.product-photo-placeholder--thumb .product-photo-placeholder-copy,.product-photo-placeholder--row .product-photo-placeholder-copy{display:none}
.product-photo-placeholder--row{display:grid;grid-template-rows:1fr;padding:5px}
.product-photo-placeholder--row .product-photo-placeholder-art{width:90%;max-height:90%;filter:drop-shadow(0 4px 6px rgba(7,27,60,.2))}
#pg-products #prod-list>.product-row.product-row-showcase .product-photo-placeholder--row{grid-template-rows:minmax(0,1fr) auto;padding:13px}
#pg-products #prod-list>.product-row.product-row-showcase .product-photo-placeholder--row .product-photo-placeholder-art{width:min(65%,112px);max-height:112px}
#pg-products #prod-list>.product-row.product-row-showcase .product-photo-placeholder--row .product-photo-placeholder-copy{display:flex}
#pg-products #prod-list>.product-row.product-row-showcase .product-photo-placeholder--row .product-photo-placeholder-copy b{font-size:27px}
#pg-products #prod-list>.product-row.product-row-showcase .product-photo-placeholder--row .product-photo-placeholder-copy strong{font-size:10px}
#pg-products #prod-list>.product-row.product-row-showcase .product-photo-placeholder--row .product-photo-placeholder-copy small{margin-top:5px;padding-top:5px;font-size:7px}
.price-pick-photo-empty>.product-photo-placeholder{border-radius:9px}
html[data-theme] #pg-price-reader .price-reader-photo.is-empty>span.product-photo-placeholder{position:relative;z-index:1;inset:auto;right:auto;bottom:auto;width:100%;height:100%;padding:clamp(16px,3vw,30px);border-radius:inherit;background:radial-gradient(circle at 22% 16%,rgba(255,255,255,.96),rgba(255,255,255,0) 30%),linear-gradient(145deg,#fffdf8 0%,#f4ead5 52%,#e8dcc2 100%);color:var(--photo-ph-navy);box-shadow:inset 0 0 0 1px rgba(7,27,60,.1),inset 0 1px 0 #fff}
html[data-theme] #pg-price-reader .price-reader-photo.is-empty>span.product-photo-placeholder .product-photo-placeholder-art{width:min(56%,190px)}
html[data-theme] #pg-price-reader .price-reader-photo.is-empty>span.product-photo-placeholder .product-photo-placeholder-copy b{font-size:clamp(30px,4vw,54px)}
html[data-theme] #pg-price-reader .price-reader-photo.is-empty>span.product-photo-placeholder .product-photo-placeholder-copy strong{font-size:clamp(12px,1.4vw,18px)}
@media(max-width:620px){html[data-theme] #pg-price-reader .price-reader-photo.is-empty>span.product-photo-placeholder{padding:15px}.product-photo-placeholder--form .product-photo-placeholder-art{width:min(50%,96px)}.product-photo-placeholder--form .product-photo-placeholder-copy b{font-size:25px}.product-photo-placeholder--form .product-photo-placeholder-copy strong{font-size:10px}.product-photo-placeholder--form .product-photo-placeholder-copy small{font-size:8px}.product-photo-placeholder--form .product-photo-placeholder-copy em{font-size:6px}}
img[data-product-photo-view]{cursor:zoom-in}
img[data-product-photo-view]:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 78%,#fff);outline-offset:3px}
.product-photo-viewer-open{overflow:hidden}
.product-photo-viewer{--product-photo-from-x:0px;--product-photo-from-y:24px;--product-photo-viewer-width:min(775px,calc(100vw - 52px - var(--safe-left) - var(--safe-right)),calc((100dvh - 24px - var(--safe-top) - var(--safe-bottom)) * .916));--product-photo-viewer-height:min(846px,calc(100dvh - 24px - var(--safe-top) - var(--safe-bottom)));position:fixed;inset:0;z-index:24000;display:flex;align-items:center;justify-content:center;padding:calc(12px + var(--safe-top)) calc(26px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(26px + var(--safe-left));background:radial-gradient(circle at 50% 42%,rgba(34,45,62,.58),rgba(4,13,27,.88) 76%);backdrop-filter:blur(12px) saturate(.78);-webkit-backdrop-filter:blur(12px) saturate(.78);animation:product-photo-viewer-backdrop-in .24s ease-out both}
.product-photo-viewer-panel{position:relative;width:var(--product-photo-viewer-width);height:var(--product-photo-viewer-height);max-width:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid #d6b93f;border-radius:22px;background:#0b203f;box-shadow:0 34px 110px rgba(0,0,0,.72),0 0 45px rgba(214,185,63,.09);animation:product-photo-viewer-panel-in .48s cubic-bezier(.18,.86,.28,1.16) both}
.product-photo-viewer-head{position:relative;z-index:1;min-height:106px;box-sizing:border-box;display:flex;align-items:center;gap:18px;padding:20px 20px;border-bottom:1px solid #d6b93f;background:#0b203f}
.product-photo-viewer-title-wrap{flex:1;min-width:0;display:grid;gap:13px}
.product-photo-viewer-title-wrap span{color:#f1d45c;font-size:13px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}
.product-photo-viewer-title-wrap h2{margin:0;color:#fff;font-size:clamp(19px,2.3vw,25px);font-weight:950;line-height:1.1;letter-spacing:.015em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-photo-viewer-close{width:52px;height:52px;flex:0 0 52px;border:1px solid #60708a;border-radius:14px;background:#142a49;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .16s ease,color .16s ease,border-color .16s ease,background .16s ease}
.product-photo-viewer-close .app-icon{width:21px;height:21px}
.product-photo-viewer-close:hover,.product-photo-viewer-close:focus-visible{transform:rotate(5deg) scale(1.05);border-color:color-mix(in srgb,var(--accent) 58%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--bg-inset));color:var(--accent);outline:none}
.product-photo-viewer-stage{position:relative;flex:1 1 auto;box-sizing:border-box;width:100%;min-height:0;margin:0;padding:26px 67px 24px;border:0;border-radius:0;background:#fbf8f1;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y}
.product-photo-viewer-panel.has-gallery .product-photo-viewer-stage{padding-bottom:18px}
.product-photo-viewer-image{position:relative;z-index:1;display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:0;filter:none;animation:product-photo-viewer-image-in .5s .13s cubic-bezier(.2,.78,.25,1) both}
.product-photo-viewer-image.is-changing{animation:product-photo-viewer-image-change .34s cubic-bezier(.2,.78,.25,1) both}
.product-photo-viewer-nav{position:absolute;z-index:4;top:50%;width:48px;height:60px;transform:translateY(-50%);border:1px solid color-mix(in srgb,var(--accent) 48%,var(--border-strong));border-radius:14px;background:color-mix(in srgb,var(--bg-page) 84%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--accent);font-size:36px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.36);transition:transform .16s ease,background .16s ease,border-color .16s ease}
.product-photo-viewer-nav.is-prev{left:12px}.product-photo-viewer-nav.is-next{right:12px}
.product-photo-viewer-nav:hover,.product-photo-viewer-nav:focus-visible{transform:translateY(-50%) scale(1.07);background:color-mix(in srgb,var(--accent) 16%,var(--bg-page));border-color:var(--accent);outline:none}
.product-photo-viewer-counter{position:absolute;z-index:4;right:12px;top:12px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border-strong));border-radius:999px;background:color-mix(in srgb,var(--bg-page) 88%,transparent);color:var(--text-2);font-size:11px;font-weight:850;box-shadow:0 5px 16px rgba(0,0,0,.28)}
.product-photo-viewer-counter b{color:var(--accent);font-size:13px}
.product-photo-viewer-thumbs{display:flex;align-items:center;justify-content:center;gap:9px;padding:8px 16px 10px;border-top:1px solid #e2ddd2;background:#fbf8f1}
.product-photo-viewer-thumb{width:62px;height:48px;padding:4px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-inset);cursor:pointer;opacity:.64;transition:opacity .16s ease,transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.product-photo-viewer-thumb img{display:block;width:100%;height:100%;object-fit:contain;border-radius:6px}
.product-photo-viewer-thumb:hover,.product-photo-viewer-thumb:focus-visible,.product-photo-viewer-thumb.is-active{opacity:1;transform:translateY(-2px);border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent),0 8px 18px rgba(0,0,0,.28);outline:none}
.product-photo-viewer-foot{min-height:48px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:10px 18px;border-top:1px solid #d6b93f;background:#0b203f;color:#fff}
.product-photo-viewer-foot small{font-size:11px;font-weight:650;text-align:center;line-height:1.35}
.product-photo-viewer.is-closing{animation:product-photo-viewer-backdrop-out .22s ease-in both;pointer-events:none}
.product-photo-viewer.is-closing .product-photo-viewer-panel{animation:product-photo-viewer-panel-out .22s ease-in both}
@keyframes product-photo-viewer-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes product-photo-viewer-backdrop-out{from{opacity:1}to{opacity:0}}
@keyframes product-photo-viewer-panel-in{0%{opacity:.15;transform:translate(var(--product-photo-from-x),var(--product-photo-from-y)) scale(.12);filter:blur(5px)}70%{opacity:1;filter:blur(0);transform:translate(0,0) scale(1.018)}100%{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes product-photo-viewer-panel-out{from{opacity:1;transform:translate(0,0) scale(1)}to{opacity:0;transform:translate(var(--product-photo-from-x),var(--product-photo-from-y)) scale(.12);filter:blur(4px)}}
@keyframes product-photo-viewer-image-in{from{opacity:0;transform:scale(.94);filter:blur(4px)}to{opacity:1;transform:scale(1);filter:blur(0)}}
@keyframes product-photo-viewer-image-change{from{opacity:.2;transform:translateY(8px) scale(.97);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@media (max-width:760px){.product-photo-viewer{--product-photo-viewer-width:min(calc(100vw - 24px - var(--safe-left) - var(--safe-right)),calc((100dvh - 24px - var(--safe-top) - var(--safe-bottom)) * .916));--product-photo-viewer-height:min(846px,calc(100dvh - 24px - var(--safe-top) - var(--safe-bottom)));padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(12px + var(--safe-left))}.product-photo-viewer-panel{border-radius:18px}.product-photo-viewer-head{min-height:88px;padding:15px 16px;gap:12px}.product-photo-viewer-title-wrap{gap:8px}.product-photo-viewer-title-wrap span{font-size:11px}.product-photo-viewer-title-wrap h2{font-size:clamp(16px,4.4vw,21px)}.product-photo-viewer-close{width:44px;height:44px;flex-basis:44px}.product-photo-viewer-stage{padding:18px 24px}.product-photo-viewer-panel.has-gallery .product-photo-viewer-stage{padding-bottom:14px}.product-photo-viewer-nav{width:40px;height:52px;border-radius:12px;font-size:30px}.product-photo-viewer-nav.is-prev{left:7px}.product-photo-viewer-nav.is-next{right:7px}.product-photo-viewer-thumbs{padding:7px 12px 8px}.product-photo-viewer-thumb{width:56px;height:43px}.product-photo-viewer-foot{min-height:50px;padding:8px 14px}.product-photo-viewer-foot small{font-size:10px}}
@media (max-height:560px) and (orientation:landscape){.product-photo-viewer{--product-photo-viewer-width:min(775px,calc(100vw - 28px - var(--safe-left) - var(--safe-right)));--product-photo-viewer-height:calc(100dvh - 20px - var(--safe-top) - var(--safe-bottom));padding:calc(10px + var(--safe-top)) calc(14px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(14px + var(--safe-left))}.product-photo-viewer-panel{width:var(--product-photo-viewer-width)}.product-photo-viewer-head{min-height:72px;padding:10px 14px}.product-photo-viewer-title-wrap{gap:5px}.product-photo-viewer-close{width:42px;height:42px;flex-basis:42px}.product-photo-viewer-stage{padding:12px 42px}.product-photo-viewer-thumbs{position:absolute;z-index:5;left:50%;bottom:49px;transform:translateX(-50%);padding:5px 8px;border:1px solid #d6b93f;border-radius:12px;background:rgba(11,32,63,.92)}.product-photo-viewer-thumb{width:48px;height:38px}.product-photo-viewer-foot{min-height:42px;padding:6px 12px}}
@media (prefers-reduced-motion:reduce){.product-row-photo-button,.product-row-photo-expand,.product-photo-viewer,.product-photo-viewer-panel,.product-photo-viewer-image,.product-photo-viewer.is-closing,.product-photo-viewer.is-closing .product-photo-viewer-panel{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.pf-photo-limit{margin-left:7px;padding:3px 8px;border:1px solid color-mix(in srgb,var(--info) 44%,var(--border));border-radius:999px;color:var(--info);font-size:10px;font-weight:900;text-transform:none;letter-spacing:0;white-space:nowrap}
.pf-photo-gallery-card{padding:12px;border:1px solid var(--border-strong);border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--bg-surface) 92%,var(--info) 5%),var(--bg-page));box-shadow:inset 0 1px rgba(255,255,255,.025),0 10px 24px rgba(0,0,0,.16)}
.pf-photo-preview-wrap{width:100%;max-width:502px;height:238px;margin:0 auto 12px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px dashed color-mix(in srgb,var(--info) 35%,var(--border-strong));border-radius:12px;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--bg-surface-2) 80%,var(--info) 5%),var(--bg-inset));cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.pf-photo-preview-wrap:hover{border-color:var(--info);box-shadow:0 0 0 3px color-mix(in srgb,var(--info) 10%,transparent),0 12px 28px rgba(0,0,0,.2)}
.pf-photo-preview-wrap>img{display:none;width:100%;height:100%;object-fit:contain;padding:8px}
.pf-photo-preview-wrap.photo-bg-warm{background:#f5f0e6}
.pf-photo-preview-wrap.photo-bg-neutral{background:#f2f4f7}
.pf-photo-preview-wrap.photo-bg-dark{background:#182231}
.pf-photo-preview-wrap.photo-bg-category{background:linear-gradient(145deg,#edf3f0,#dfe9e4)}
.pf-photo-preview-wrap.photo-has-alpha.photo-shadow-none>img{filter:none}
.pf-photo-preview-wrap.photo-has-alpha.photo-shadow-soft>img{filter:drop-shadow(0 9px 8px rgba(25,32,40,.24))}
.pf-photo-preview-wrap.photo-has-alpha.photo-shadow-strong>img{filter:drop-shadow(0 14px 10px rgba(18,25,34,.4))}
.pf-photo-presentation-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 12px}
.pf-photo-presentation-settings label{display:grid;gap:5px;font-size:12px;color:var(--text-3)}
.pf-photo-presentation-settings select{width:100%;min-height:42px;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg-inset);color:var(--text-1);padding:8px 10px}
.pf-photo-placeholder{width:100%;height:100%;text-align:center;color:var(--text-3);font-size:13px;font-weight:750}.pf-photo-placeholder>.product-photo-placeholder{border-radius:10px}.pf-photo-placeholder-icon{font-size:40px;margin-bottom:7px}.pf-photo-placeholder small{display:block;color:inherit}
#pf-photo-del{display:none;place-items:center;position:absolute;z-index:3;right:9px;top:9px;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:linear-gradient(145deg,#d33a5d,#8f1838);color:#fff;font-family:Arial,sans-serif;font-size:21px;line-height:1;cursor:pointer;box-shadow:0 7px 18px rgba(100,8,35,.42);transition:transform .16s ease,filter .16s ease}
#pf-photo-del:hover,#pf-photo-del:focus-visible{transform:scale(1.08);filter:brightness(1.12);outline:none}
.pf-photo-primary-badge{display:none;position:absolute;left:9px;top:9px;align-items:center;gap:5px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--accent) 58%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--bg-page) 88%,transparent);color:var(--accent);font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 5px 16px rgba(0,0,0,.3)}
.pf-photo-thumbs{display:flex;justify-content:center;gap:9px;min-height:66px;overflow-x:auto;padding:2px 2px 5px;scrollbar-width:thin}
.pf-photo-thumb{position:relative;flex:0 0 72px;width:72px;height:60px;padding:5px;border:1px solid var(--border-strong);border-radius:11px;background:var(--bg-inset);cursor:pointer;opacity:.68;transition:opacity .16s ease,transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.pf-photo-thumb img{display:block;width:100%;height:100%;object-fit:contain;border-radius:7px}.pf-photo-thumb>span{position:absolute;right:3px;bottom:3px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--bg-page);color:var(--text-2);font-size:9px;font-weight:950;display:flex;align-items:center;justify-content:center}
.pf-photo-thumb:hover,.pf-photo-thumb:focus-visible,.pf-photo-thumb.is-active{opacity:1;transform:translateY(-2px);border-color:var(--info);box-shadow:0 0 0 2px color-mix(in srgb,var(--info) 15%,transparent),0 8px 18px rgba(0,0,0,.24);outline:none}
.pf-photo-thumb-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-style:dashed;color:var(--info)}.pf-photo-thumb-add b{font-size:22px;line-height:1}.pf-photo-thumb-add small{font-size:9px;font-weight:850}
.pf-photo-gallery-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px}.pf-photo-primary-action{display:none;flex:0 1 auto;padding:7px 10px!important;background:color-mix(in srgb,var(--accent) 12%,var(--bg-inset))!important;color:var(--accent)!important;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border))!important;font-size:10px!important}.pf-photo-count{margin-left:auto;color:var(--text-3);font-size:11px;font-weight:900;white-space:nowrap}
.pf-photo-format{display:none;text-align:center;color:var(--info);font-size:11px;font-weight:850;margin:8px 0 9px}.pf-photo-guidance{margin-top:9px;padding:9px 10px;border-left:3px solid color-mix(in srgb,var(--info) 62%,var(--border));border-radius:7px;background:color-mix(in srgb,var(--info) 7%,var(--bg-page));color:var(--text-3);font-size:10px;font-weight:650;line-height:1.45}
.pf-photo-file-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);gap:9px;align-items:stretch}.pf-photo-file-actions .sbtn{width:100%;min-height:42px;margin:0;display:flex;align-items:center;justify-content:center;text-align:center}
.pf-photo-download-action{border:1px solid color-mix(in srgb,var(--success) 55%,var(--border-strong))!important;background:linear-gradient(180deg,color-mix(in srgb,var(--success) 20%,var(--bg-surface)),color-mix(in srgb,var(--success) 10%,var(--bg-inset)))!important;color:var(--success-text)!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 7px 18px rgba(0,0,0,.18);transition:transform .16s ease,filter .16s ease,border-color .16s ease,box-shadow .16s ease}
.pf-photo-download-action:not(:disabled):hover,.pf-photo-download-action:not(:disabled):focus-visible{transform:translateY(-1px);filter:brightness(1.1);border-color:var(--success-text)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 14%,transparent),0 10px 22px rgba(0,0,0,.26);outline:none}.pf-photo-download-action:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.45)}.pf-photo-download-action.is-downloading{animation:pf-photo-download-pulse .9s ease-in-out infinite alternate}
@keyframes pf-photo-download-pulse{from{box-shadow:0 0 0 0 color-mix(in srgb,var(--success) 0%,transparent)}to{box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 17%,transparent),0 10px 22px rgba(0,0,0,.22)}}
@media (prefers-reduced-motion:reduce){.pf-photo-download-action{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media (max-width:520px){.pf-photo-gallery-card{padding:9px}.pf-photo-preview-wrap{height:210px}.pf-photo-thumb{flex-basis:65px;width:65px;height:55px}.pf-photo-gallery-actions{align-items:flex-end}.pf-photo-primary-action{white-space:normal;text-align:left}.pf-photo-file-actions{grid-template-columns:1fr}.pf-photo-file-actions .sbtn{min-height:44px}.pf-photo-presentation-settings{grid-template-columns:1fr}}
.product-row-wh{width:5px;align-self:stretch;border-radius:0 999px 999px 0;flex-shrink:0;box-shadow:0 0 16px color-mix(in srgb,currentColor 35%,transparent)}
.product-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;justify-content:center;overflow:hidden;padding-right:4px}
.product-row-head{display:flex;align-items:center;gap:9px;min-width:0}
.product-row-name{font-weight:950;font-size:19px;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em}
.product-row-warehouse{flex:0 0 auto;border:1px solid color-mix(in srgb,var(--row-wh) 70%,var(--bg-page));background:color-mix(in srgb,var(--row-wh) 22%,var(--bg-page));color:color-mix(in srgb,var(--row-wh) 76%,var(--text-1));font-size:11px;font-weight:850;border-radius:999px;padding:4px 8px;text-transform:uppercase;white-space:nowrap}
.product-row-meta{font-size:12px;color:var(--text-2);display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;overflow:visible;white-space:normal;line-height:1.35}
.doc-item-drs-line{display:inline-flex;align-items:center;align-self:flex-start;width:auto;max-width:100%;gap:6px;margin-top:3px;padding:3px 8px;border:1px solid rgba(49,184,115,.38);border-radius:999px;background:rgba(22,96,62,.26);color:var(--success);font-size:11px;font-weight:850;vertical-align:middle}
.doc-item-drs-line .app-icon{width:13px;height:13px;color:var(--success)}
.doc-item-drs-line b{color:var(--success);font-size:12px}
.doc-item-drs-line small{color:var(--text-2);font-weight:650}
.doc-item-unit-drs{display:inline-flex;align-items:center;margin-left:8px;color:var(--success);font-weight:850;white-space:nowrap}
.doc-item-card{position:relative;margin:10px 10px 0;padding:13px 12px 13px 0;border:1px solid var(--border-strong);border-radius:12px;background:linear-gradient(180deg,var(--bg-surface),var(--bg-page));box-shadow:0 8px 20px rgba(0,0,0,.22);display:flex;align-items:stretch;gap:14px;min-height:108px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}
.doc-item-card:hover{border-color:#546072;box-shadow:0 14px 28px rgba(0,0,0,.32)}
.doc-item-wh{width:5px;align-self:stretch;border-radius:0 999px 999px 0;flex-shrink:0;box-shadow:0 0 16px color-mix(in srgb,currentColor 35%,transparent)}
.doc-item-photo{width:64px;height:64px;object-fit:contain;border-radius:12px;background:var(--bg-inset);border:1px solid var(--border);padding:5px;align-self:center;flex:0 0 64px}
.doc-item-photo-empty{display:flex;align-items:center;justify-content:center;color:var(--text-3)}
.doc-item-photo-empty .app-icon{width:24px;height:24px}
.doc-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;justify-content:center;overflow:hidden;padding-right:3px}
.doc-item-head{display:flex;align-items:center;gap:9px;min-width:0}
.doc-item-name{font-weight:950;font-size:17px;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em}
.doc-item-warehouse{flex:0 0 auto;border:1px solid color-mix(in srgb,var(--row-wh) 70%,var(--bg-page));background:color-mix(in srgb,var(--row-wh) 22%,var(--bg-page));color:color-mix(in srgb,var(--row-wh) 76%,var(--text-1));font-size:10px;font-weight:850;border-radius:999px;padding:4px 8px;text-transform:uppercase;white-space:nowrap}
/* Az adatsor (vonalkód + ár + DRS) végig vastag, az ár DRS-szerű kiemeléssel. */
.doc-item-meta{font-size:12px;color:var(--text-1);font-weight:800;display:flex;align-items:center;gap:7px 10px;flex-wrap:wrap;overflow:visible;white-space:normal;line-height:1.35}
.doc-item-meta span{display:inline-flex;align-items:center;gap:4px}
.doc-item-meta .app-icon{width:13px;height:13px;color:#7e8797}
.doc-item-meta b{color:var(--accent)}
.doc-item-unit-price,.doc-item-meta .doc-item-unit-price{color:var(--success);font-weight:950;white-space:nowrap}
.doc-item-details{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--text-2);line-height:1.35}
.doc-item-side{width:208px;flex:0 0 208px;display:grid;grid-template-columns:1fr;gap:8px;align-self:center}
.doc-item-qty,.doc-item-value{border:1px solid var(--border-strong);border-radius:10px;background:linear-gradient(180deg,var(--bg-inset),var(--bg-inset));padding:9px 11px;text-align:right;min-height:50px;display:flex;flex-direction:column;justify-content:center;gap:2px}
.doc-item-qty span,.doc-item-value span{font-size:10px;color:#7f8795;text-transform:uppercase;font-weight:800;letter-spacing:.04em}
.doc-item-qty b{font-size:20px;color:var(--accent)}
.doc-item-value b{font-size:18px;color:var(--mod-sales)}
.doc-item-actions{display:flex;align-items:center;gap:7px;align-self:center}
.doc-item-warehouse-group{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 2px 6px;padding:8px 12px;border-left:5px solid var(--row-wh,var(--info));border-radius:9px;background:color-mix(in srgb,var(--row-wh,var(--info)) 12%,var(--bg-surface));color:var(--text-1)}
.doc-item-warehouse-group:first-child{margin-top:2px}
.doc-item-warehouse-group b{font-size:13px;font-weight:950}
.doc-item-warehouse-group span{color:var(--text-2);font-size:11px;font-weight:850;white-space:nowrap}
.doc-item-edit{min-width:54px;height:38px;border-radius:10px;border:1px solid rgba(29,214,194,.45);background:rgba(29,214,194,.14);color:var(--mod-management);font-size:12px;font-weight:950;padding:0 10px}
.doc-item-delete{width:40px!important;height:40px!important;border-radius:11px!important;background:rgba(255,67,83,.08)!important;border:1px solid rgba(255,67,83,.28)!important;color:var(--danger-text)!important;display:flex!important;align-items:center;justify-content:center;padding:0!important;flex:0 0 40px!important}
.doc-item-delete .app-icon{width:18px;height:18px}
@media (min-width:1180px){.doc-item-side{width:170px;flex-basis:170px;grid-template-columns:1fr}.doc-item-qty,.doc-item-value{text-align:center}}
@media (max-width:760px){.doc-item-card{margin:9px 8px 0;gap:10px;padding:10px 9px 10px 0;min-height:0;flex-wrap:wrap}.doc-item-photo{width:52px;height:52px;flex-basis:52px;padding:4px}.doc-item-head{align-items:flex-start;flex-direction:column;gap:5px}.doc-item-name{font-size:15px;white-space:normal;line-height:1.2}.doc-item-main{flex:1 1 calc(100% - 82px);gap:6px}.doc-item-side{width:100%;flex:1 1 100%;grid-template-columns:1fr 1fr;order:5}.doc-item-qty,.doc-item-value{text-align:left;min-height:44px}.doc-item-qty b{font-size:18px}.doc-item-value b{font-size:17px}.doc-item-actions{order:6;width:100%;justify-content:flex-end}.doc-item-delete{width:40px;min-width:40px}}
#de-items > div[style*="border-bottom"]{display:grid!important;grid-template-columns:48px minmax(0,1fr) minmax(96px,auto) 38px!important;align-items:center!important;gap:14px!important;padding:15px 18px!important;border-bottom:1px solid var(--bg-surface-2)!important;background:linear-gradient(180deg,var(--bg-inset),var(--bg-inset))!important}
#de-items > div[style*="border-bottom"]:hover{background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-inset))!important}
#de-items > div[style*="border-bottom"] > img{width:48px!important;height:48px!important;border-radius:10px!important;background:var(--bg-surface-2)!important;border:1px solid var(--bg-surface-2);padding:4px}
#de-items > div[style*="border-bottom"] > div:first-of-type{display:flex;flex-direction:column;gap:2px}
#de-items > div[style*="border-bottom"] > div:first-of-type > div:first-child{font-size:16px!important;font-weight:950!important;color:var(--text-1)!important;letter-spacing:.01em}
#de-items > div[style*="border-bottom"] > div:nth-last-of-type(1){min-width:112px;text-align:right!important}
#de-items > div[style*="border-bottom"] > div:nth-last-of-type(1) > div:first-child{font-size:18px!important;font-weight:950!important;color:var(--accent)!important}
#de-items > div[style*="border-bottom"] > div:nth-last-of-type(1) > div:last-child{font-size:12px!important;color:var(--text-2)!important}
#de-items [data-de-del-index]{width:34px!important;height:34px!important;border-radius:9px!important;background:rgba(255,67,83,.08)!important;border:1px solid rgba(255,67,83,.28)!important;color:var(--danger-text)!important;display:flex!important;align-items:center;justify-content:center}
@media (max-width:640px){
  #de-items > div[style*="border-bottom"]{grid-template-columns:44px minmax(0,1fr) 34px!important;gap:10px!important;padding:13px 12px!important}
  #de-items > div[style*="border-bottom"] > div:nth-last-of-type(1){grid-column:2 / 3;text-align:left!important;min-width:0}
}
.product-row-meta span{display:inline-flex;align-items:center;gap:4px}
.product-row-meta .app-icon{width:13px;height:13px;color:#7e8797}
.product-row-meta b{color:var(--accent)}
.product-row-details{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-height:22px}
.product-row-chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;border:1px solid #303644;background:var(--bg-surface);color:var(--text-2);font-size:11px;font-weight:800;padding:4px 8px;line-height:1.15;white-space:nowrap}
.product-row-chip .app-icon{width:13px;height:13px;color:currentColor}
.product-row-chip b{color:var(--text-1)}
.product-row-chip-cat{background:var(--bg-surface-2);border-color:var(--accent-strong);color:var(--accent)}
.product-row-chip-supplier{background:var(--bg-surface-2);border-color:var(--info);color:var(--info)}
.product-row-chip-pack{background:var(--bg-surface-2);border-color:var(--mod-management-strong);color:var(--mod-management)}
.product-row-chip-whbreak{background:linear-gradient(180deg,color-mix(in srgb,var(--info) 12%,var(--bg-surface)),var(--bg-surface-2));border-color:color-mix(in srgb,var(--info) 70%,var(--border));color:var(--info);max-width:100%;white-space:normal}
.product-row-whbreak-title{font-weight:900;color:var(--text-1)}
.product-row-wh-part{display:inline-flex;align-items:center;gap:4px;color:var(--text-2);font-weight:800}
.product-row-wh-part i{width:8px;height:8px;border-radius:50%;background:var(--row-wh);box-shadow:0 0 0 2px color-mix(in srgb,var(--row-wh) 25%,transparent)}
.product-row-wh-part b{color:var(--text-1)}
.doc-item-pack-side{border:1px solid color-mix(in srgb,var(--mod-management) 44%,var(--border-strong));border-radius:10px;background:color-mix(in srgb,var(--mod-management) 9%,var(--bg-inset));padding:8px 10px;text-align:center;min-width:86px;min-height:50px;display:flex;flex-direction:column;justify-content:center;gap:2px}
.doc-item-pack-side span{display:block;color:var(--mod-management);font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.02em;margin-bottom:0;white-space:nowrap}
.doc-item-pack-side b{display:block;color:var(--mod-management);font-size:26px;line-height:1;font-weight:950}
.doc-item-pack-side small{display:block;color:var(--text-3);font-size:10px;line-height:1.15;font-weight:850;margin-top:4px;white-space:nowrap}
.doc-item-side{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.doc-item-card{box-sizing:border-box;width:calc(100% - 20px);max-width:100%;overflow:hidden}
.doc-item-main,.doc-item-side,.doc-item-actions{min-width:0}
.doc-item-side{flex:0 1 260px}
.doc-item-qty,.doc-item-value{min-width:116px}
@media (max-width:1100px){
  /* Álló (tablet) nézet: ugyanaz a kompakt, EGYSOROS elrendezés, mint fekvőben —
     az adatok balra, a gyűjtő/mennyiség kis kártyák jobbra. Korábban a
     mennyiség-dobozok külön sorba törtek és óriásira nyúltak. */
  .doc-item-card{display:grid;grid-template-columns:5px auto minmax(0,1fr) auto auto;grid-template-areas:"bar photo main side actions";align-items:center;gap:10px 10px;padding:12px 10px 12px 0}
  .doc-item-wh{grid-area:bar;width:5px;height:100%;align-self:stretch}
  .doc-item-photo{grid-area:photo;align-self:stretch;height:100%;width:auto;aspect-ratio:1/1;min-height:56px;max-height:104px;flex-basis:auto}
  .doc-item-main{grid-area:main;justify-content:center;padding-right:0;overflow:visible}
  .doc-item-head{align-items:flex-start;flex-direction:column;gap:5px}
  .doc-item-name{white-space:normal;line-height:1.18}
  .doc-item-side{grid-area:side;width:auto;flex:initial;display:flex;gap:8px;align-items:center;justify-content:flex-end}
  .doc-item-pack-side,.doc-item-qty,.doc-item-value{min-width:0;min-height:48px;text-align:center}
  .doc-item-pack-side{display:flex;flex-direction:column;justify-content:center;padding:6px 10px}
  .doc-item-pack-side b{font-size:20px}
  .doc-item-pack-side small{display:none}
  .doc-item-qty,.doc-item-value{text-align:center;align-items:center;padding:7px 10px}
  .doc-item-qty b{font-size:17px}
  .doc-item-value b{font-size:16px}
  .doc-item-actions{grid-area:actions;align-self:center;justify-content:center;flex-direction:column}
  .doc-item-delete{width:42px!important;height:42px!important}
}
@media (max-width:760px){
  .doc-item-card{display:flex;width:calc(100% - 16px);overflow:hidden}
  .doc-item-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
}
@media (max-width:560px){
  .doc-item-side{grid-template-columns:1fr}
  .doc-item-pack-side{grid-column:auto}
}
.doc-item-card{
  display:grid;
  /* A műveleti oszlop automata szélességű: bevételezésnél KÉT gomb van
     (Szerk. + törlés) — a korábbi fix 46px-be nem fértek be, ezért
     rácsúsztak a mennyiség-dobozra. */
  grid-template-columns:5px auto minmax(0,1fr) minmax(150px,190px) auto;
  grid-template-areas:"bar photo main side actions";
  align-items:center;
  gap:14px;
  min-height:148px;
  padding:14px 14px 14px 0;
}
.doc-item-wh{grid-area:bar;height:100%;align-self:stretch}
/* A termékfotó a sor magasságához igazodik (négyzetes, felső korláttal). */
.doc-item-photo{grid-area:photo;align-self:stretch;height:100%;width:auto;aspect-ratio:1/1;min-height:72px;max-height:128px;flex-basis:auto;object-fit:contain}
.doc-item-main{grid-area:main;justify-content:center;overflow:visible}
.doc-item-side{
  grid-area:side;
  width:100%;
  flex:initial;
  display:grid;
  grid-template-columns:1fr;
  align-items:stretch;
  gap:8px;
  justify-self:end;
}
.doc-item-pack-side,.doc-item-qty{
  min-height:52px;
  padding:8px 12px;
  border-radius:12px;
}
.doc-item-pack-side span,.doc-item-qty span{font-size:11px}
.doc-item-pack-side b,.doc-item-qty b{font-size:22px}
.doc-item-actions{grid-area:actions;justify-content:center;flex-direction:column;gap:8px}
.doc-item-delete{width:42px!important;height:42px!important}
@media (max-width:1100px){
  /* Álló tablet: ugyanaz a kompakt, EGYSOROS elrendezés, mint fekvőben —
     korábban itt a mennyiség-dobozok külön sorba törtek és óriásira nőttek. */
  .doc-item-card{
    grid-template-columns:5px auto minmax(0,1fr) auto auto;
    grid-template-areas:"bar photo main side actions";
    gap:10px 12px;
    min-height:0;
    padding:12px 12px 12px 0;
  }
  .doc-item-photo{align-self:stretch;height:100%;width:auto;aspect-ratio:1/1;min-height:56px;max-height:104px;flex-basis:auto}
  .doc-item-head{flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}
  .doc-item-side{width:auto;min-width:130px;justify-self:end;grid-template-columns:1fr;gap:8px}
  .doc-item-pack-side,.doc-item-qty{min-height:52px;padding:7px 10px}
  .doc-item-pack-side b,.doc-item-qty b{font-size:20px}
  .doc-item-qty{min-width:104px}
}
@media (max-width:760px){
  .doc-item-card{
    display:grid;
    width:calc(100% - 16px);
    grid-template-columns:5px auto minmax(0,1fr) 44px;
    grid-template-areas:"bar photo main actions" "bar photo side actions";
    min-height:174px;
    gap:10px 12px;
    padding:12px 12px 12px 0;
  }
  .doc-item-photo{align-self:stretch;height:100%;width:auto;aspect-ratio:1/1;min-height:56px;max-height:92px;flex-basis:auto}
  .doc-item-side{grid-template-columns:1fr;width:auto;min-width:120px;justify-self:end}
  .doc-item-pack-side,.doc-item-qty{min-height:64px}
  .doc-item-pack-side b,.doc-item-qty b{font-size:26px}
}
.doc-footer-chip{display:inline-flex;align-items:baseline;gap:5px;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-inset);padding:4px 8px;margin:2px 4px 2px 0;line-height:1.15}
.doc-footer-chip small{color:var(--text-3);font-size:10px;text-transform:uppercase;font-weight:900}
.doc-footer-chip b{color:var(--text-1);font-size:12px;font-weight:950}
.doc-footer-chip em{font-style:normal;color:var(--text-3);font-size:10px;font-weight:800}
.doc-footer-chip.is-value b{color:var(--accent)}
.doc-footer-chip.is-drs b{color:var(--success)}
.doc-footer-chip.is-weight{border-color:color-mix(in srgb,var(--mod-management) 38%,var(--border-strong));color:var(--mod-management)}
.doc-footer-chip.is-warehouse{border-color:color-mix(in srgb,var(--info) 42%,var(--border-strong));color:var(--info)}
.product-row-chip-ai{background:var(--bg-surface-2);border-color:#73510d;color:var(--accent)}
.product-row-chip-expiry{background:var(--bg-surface-2);border-color:#236a3f;color:var(--success-text)}
.product-row-chip-expiry b{color:currentColor}
.product-row-chip-expiry span{color:var(--text-2);font-weight:750}
.product-row-chip-expiry-warn{background:var(--bg-surface-2);border-color:var(--accent-strong);color:var(--accent)}
.product-row-chip-expiry-warn span{color:var(--accent)}
.product-row-chip-expiry-bad{background:var(--bg-surface-2);border-color:var(--mod-sales-strong);color:var(--danger-text)}
.product-row-chip-expiry-bad span{color:var(--danger-text)}
.product-row-chip-expiry-more{background:var(--bg-surface);border-color:var(--border-strong);color:var(--text-2)}
.product-row-chip-shelf{border-color:color-mix(in srgb,var(--info) 56%,var(--border-strong));background:color-mix(in srgb,var(--info) 12%,var(--bg-surface));color:var(--info);cursor:pointer}
button.product-row-chip-shelf{font-family:inherit}
.product-row-chip-shelf:hover{filter:brightness(1.12);border-color:var(--info)}
.product-row-chip-muted{color:var(--text-3);font-weight:900}
.product-row-chip-edit{font-size:12px;color:var(--accent);font-weight:950}
.storage-shelf-picker-backdrop{position:fixed;inset:0;z-index:1200;background:rgba(2,6,18,.58);display:flex;align-items:center;justify-content:center;padding:18px}
.storage-shelf-picker{width:min(460px,100%);max-height:min(82vh,620px);border:1px solid var(--border-strong);border-radius:14px;background:var(--bg-surface);box-shadow:0 22px 70px rgba(0,0,0,.55);display:flex;flex-direction:column;overflow:hidden}
.storage-shelf-picker-head{padding:16px 16px 12px;border-bottom:1px solid var(--border-strong);display:grid;gap:4px}
.storage-shelf-picker-head strong{font-size:17px;color:var(--text-1);line-height:1.15}
.storage-shelf-picker-head span{font-size:12px;color:var(--text-3);font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.storage-shelf-picker-list{display:grid;gap:8px;padding:12px;overflow-y:auto}
.storage-shelf-choice{min-height:48px;border:1px solid var(--border-strong);border-radius:11px;background:var(--bg-inset);color:var(--text-1);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;font-size:15px;font-weight:900;text-align:left}
.storage-shelf-choice b{font-size:11px;color:var(--success-text);text-transform:uppercase;letter-spacing:.05em}
.storage-shelf-choice.is-active{border-color:var(--success);background:color-mix(in srgb,var(--success) 16%,var(--bg-inset))}
.storage-shelf-choice.is-empty{border-style:dashed;color:var(--text-2)}
.storage-shelf-cancel{margin:0 12px 12px;min-height:44px;border:1px solid var(--border-strong);border-radius:11px;background:var(--bg-surface-2);color:var(--text-2);font-size:14px;font-weight:900}
.product-row-dot{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.65}
.product-row-price-line{font-size:13px}
.product-row-price{color:var(--text-3)}
.product-row-price b{color:var(--mod-sales);font-size:14px}
/* A jobb oldali dobozok a TARTALOMHOZ igazodnak szélességben. */
.product-row-side{width:auto;flex:0 0 auto;display:grid;grid-template-columns:auto;gap:8px;align-self:center;justify-items:end}
.product-row-stock,.product-row-sale{width:fit-content;min-width:0}
.product-row-stock,.product-row-sale{border:1px solid var(--border-strong);border-radius:10px;background:linear-gradient(180deg,var(--bg-inset),var(--bg-inset));padding:9px 11px;text-align:right;min-height:54px;display:flex;flex-direction:column;justify-content:center;gap:2px}
.product-row-stock span,.product-row-sale span{font-size:10px;color:#7f8795;text-transform:uppercase;font-weight:800;letter-spacing:.04em}
.product-row-stock b{font-size:21px;color:var(--success)}
.product-row-stock.low b{color:var(--danger-text)}
.product-row-sale b{font-size:20px;color:var(--accent)}
.product-row-sale > span + b{display:block}
.product-row-sale.is-promo{border-color:rgba(255,75,97,.68);background:linear-gradient(180deg,rgba(255,75,97,.12),var(--bg-inset))}
.product-row-sale.is-promo>span,.product-row-sale.is-promo>b{color:var(--danger-text)}
.product-row-sale>small{display:block;color:var(--text-3);font-size:10px;font-weight:800;white-space:nowrap}
.product-row-chip-promo{border-color:rgba(255,75,97,.56)!important;background:rgba(255,75,97,.12)!important;color:var(--danger-text)!important;font-weight:950!important;letter-spacing:.035em}
.product-row-price-note{display:block;margin-top:3px;color:var(--text-3);font-size:11px;font-weight:750}
.product-row-price-note b{white-space:nowrap;display:inline-block}
.product-row-price-note b{color:var(--accent);font-size:12px}
.product-row-drs{color:var(--success)}
.product-row-drs .app-icon{width:12px;height:12px}
.product-row-actions{display:flex;flex-direction:column;gap:8px;align-self:center}
.product-row-op,.product-row-label{width:46px;min-width:46px;min-height:44px;border-radius:11px;background:var(--bg-surface-2);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);padding:0;color:var(--accent);display:flex;align-items:center;justify-content:center}
.product-row-label{border-color:color-mix(in srgb,var(--success) 48%,transparent);color:var(--success-text)}
.product-row-op .app-icon,.product-row-label .app-icon{width:20px;height:20px}
.product-row-delete,.product-row-lifecycle{width:46px;min-width:46px;min-height:44px;border-radius:11px;background:var(--bg-surface-2);border:1px solid color-mix(in srgb,var(--warning) 46%,transparent);padding:0;color:var(--warning);align-self:center;display:flex;align-items:center;justify-content:center}
.product-row-delete .app-icon,.product-row-lifecycle .app-icon{width:20px;height:20px}
.product-row-lifecycle.is-delete{border-color:color-mix(in srgb,var(--mod-sales) 40%,transparent);color:var(--danger-text)}
.product-row-lifecycle.is-restore{border-color:color-mix(in srgb,var(--success) 48%,transparent);color:var(--success-text)}
.product-row-discontinued{border-color:color-mix(in srgb,var(--warning) 42%,var(--border-strong))}
.product-row-discontinued-badge{display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--warning) 58%,transparent);border-radius:999px;background:color-mix(in srgb,var(--warning) 14%,var(--bg-surface));color:var(--warning);font-size:10px;font-weight:950;text-transform:uppercase;padding:4px 8px;white-space:nowrap}
.product-lifecycle-modal{position:fixed;inset:0;z-index:18000;display:flex;align-items:center;justify-content:center;padding:calc(18px + var(--safe-top)) calc(18px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(18px + var(--safe-left));background:rgba(0,0,0,.78);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.product-lifecycle-panel{width:min(480px,100%);border:1px solid color-mix(in srgb,var(--warning) 46%,var(--border-strong));border-radius:16px;background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-page));box-shadow:0 28px 70px rgba(0,0,0,.58);padding:20px;text-align:center}
.product-lifecycle-icon{width:56px;height:56px;margin:0 auto 12px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--warning) 18%,var(--bg-inset));color:var(--warning);border:1px solid color-mix(in srgb,var(--warning) 46%,transparent)}
.product-lifecycle-icon .app-icon{width:30px;height:30px}
.product-lifecycle-panel h3{margin:0;color:var(--text-1);font-size:20px;font-weight:950;overflow-wrap:anywhere}
.product-lifecycle-panel p{margin:12px 0 18px;color:var(--text-2);font-size:14px;line-height:1.5;font-weight:700}
.product-lifecycle-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.product-lifecycle-actions button{min-height:48px;border-radius:11px;border:1px solid var(--border-strong);font-size:13px;font-weight:950;padding:8px 12px;cursor:pointer}
.product-lifecycle-cancel{background:var(--bg-inset);color:var(--text-2)}
.product-lifecycle-discontinue{background:color-mix(in srgb,var(--warning) 22%,var(--bg-surface));border-color:color-mix(in srgb,var(--warning) 58%,var(--border-strong))!important;color:var(--warning)}
.product-lifecycle-delete{grid-column:1 / -1;background:var(--danger);border-color:var(--danger)!important;color:#fff}
@media (max-width:560px){.product-lifecycle-modal{align-items:flex-end;padding:10px calc(10px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(10px + var(--safe-left))}.product-lifecycle-panel{border-radius:16px 16px 12px 12px;padding:16px}.product-lifecycle-actions{grid-template-columns:1fr}.product-lifecycle-delete{grid-column:auto}}
.product-row-empty{opacity:.48}
.product-row-empty .product-row-name{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--text-3);color:#8b8f98}
.product-row-empty .product-row-wh{filter:grayscale(1);opacity:.55}
.product-row-empty .product-row-photo{filter:grayscale(1)}
@media (min-width:1180px){.product-row-side{width:auto;flex-basis:auto;grid-template-columns:auto auto;justify-content:end}.product-row-stock,.product-row-sale{text-align:left}}
@media (max-width:760px){
  .product-row{margin:9px 8px 0;gap:10px;padding:10px 9px 10px 0;min-height:0;flex-wrap:wrap}
  .product-row-photo{width:52px;height:52px;padding:4px}
  /* Terméknév + raktár típus EGY sorban (hosszú név ... jellel rövidül). */
  .product-row-head{align-items:center;flex-direction:row;gap:8px;flex-wrap:nowrap}
  .product-row-head .product-title-combo{flex:1 1 auto;min-width:0}
  .product-row-name{font-size:15px;line-height:1.2}
  .product-title-combo .product-size-badge{font-size:15px}
  .product-row-warehouse{flex:0 1 auto;min-width:0;max-width:45%;overflow:hidden;text-overflow:ellipsis}
  /* A fő oszlop helyet hagy a jobb oldali gomboknak is — így a gombok
     NEM törnek új sorba (korábban bal oldalt üres sávot csináltak). */
  .product-row-main{flex:1 1 calc(100% - 180px);gap:6px}
  .product-row-actions{gap:6px;align-self:center}
  .product-row-op,.product-row-label,.product-row-delete,.product-row-lifecycle{width:40px;min-width:40px;min-height:40px}
  /* Alsó adatsor EGY vízszintes sorban: Összesen | Eladási ár | Egységár.
     (Csak ha tényleg nem fér el, akkor törik.) */
  .product-row-side{width:100%;flex:1 1 100%;order:5;display:flex;flex-wrap:wrap;gap:8px}
  .product-row-stock,.product-row-sale{flex:1 1 auto;width:auto;min-height:44px}
  /* Első oszlop: tartalom középre. */
  .product-row-stock{align-items:center;text-align:center}
  /* Második oszlop: középre, az egységár pedig lentre igazítva. */
  .product-row-sale{display:grid;grid-auto-flow:column;grid-template-rows:auto auto;column-gap:14px;align-items:center;justify-content:center;text-align:center}
  .product-row-sale .product-row-price-note{margin-top:0;grid-row:1 / span 2;align-self:end;padding-bottom:1px;text-align:center}
  .product-row-stock b{font-size:18px}
  .product-row-sale b{font-size:17px}
  /* Raktárbontás chip: a részek egymás alá törhetnek, de egy részen
     belül a szöveg nem tördelődik függőleges oszlopokba. */
  .product-row-chip-whbreak{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
  .product-row-wh-part{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .product-row-chip-whbreak .product-row-dot{display:none}
}
/* Mobil ÁLLÓ nézet: csak a lényeg — kép, vonalkód, gyűjtő, Min és ÁFA rejtve. */
@media (max-width:560px){
  .product-row-photo{display:none}
  .product-row-meta > span:not(.product-row-chip){display:none}
  .product-row-chip-pack{display:none}
  .product-row-chip-ai{display:none}
  .product-row-main{flex:1 1 calc(100% - 110px)}
}
@media (max-width:430px){
  .product-row-main{flex:1 1 calc(100% - 105px)}
  .product-row-name{font-size:14px}
  .product-row-chip{font-size:10px;padding:3px 7px}
  /* 2 ablakos / keskeny nézet: a három adat EGY sorban, tömören. */
  .product-row-side{gap:6px;flex-wrap:nowrap}
  .product-row-stock,.product-row-sale{padding:6px 8px;min-height:40px;flex:1 1 auto;min-width:0}
  .product-row-stock span,.product-row-sale span{font-size:9px;letter-spacing:.02em}
  .product-row-stock b{font-size:15px;white-space:nowrap}
  .product-row-sale b{font-size:15px;white-space:nowrap}
  .product-row-sale{column-gap:10px}
  .product-row-sale .product-row-price-note{font-size:9px;text-transform:uppercase;font-weight:800}
  .product-row-sale .product-row-price-note b{display:block;margin-top:2px;font-size:13px}
}
.product-ops-backdrop{position:fixed;inset:0;z-index:2600;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:calc(18px + var(--safe-top)) calc(18px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(18px + var(--safe-left));background:color-mix(in srgb,#020817 76%,transparent);backdrop-filter:blur(9px) saturate(118%);-webkit-backdrop-filter:blur(9px) saturate(118%)}
.product-ops-card{position:relative;width:min(820px,100%);max-height:calc(100dvh - 36px - var(--safe-top) - var(--safe-bottom));overflow:auto;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--border-strong));border-radius:19px;background:var(--bg-surface);box-shadow:0 30px 85px rgba(0,0,0,.64);color:var(--text-1);scrollbar-gutter:stable}
.product-ops-card.is-quick-price{width:min(620px,100%)}
.product-ops-card.is-quick-price .product-ops-summary{grid-template-columns:1fr;margin-top:14px}.product-ops-card.is-quick-price .product-ops-price-list{display:none}.product-ops-card.is-quick-price .product-ops-body{padding-top:14px}
.product-ops-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px 18px;border-bottom:1px solid color-mix(in srgb,var(--border-strong) 78%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--bg-surface)),var(--bg-surface))}
.product-ops-heading{min-width:0}.product-ops-kicker{display:block;color:var(--accent);font-size:11px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.product-ops-heading h2{margin:4px 0 3px;color:var(--text-1);font-size:25px;line-height:1.08;font-weight:950}.product-ops-heading p{margin:0;color:var(--text-3);font-size:13px;font-weight:750}
.product-ops-close{display:grid;place-items:center;width:48px;min-width:48px;height:48px;padding:0;border:1px solid var(--border-strong);border-radius:14px;background:var(--bg-inset);color:var(--text-1);cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.product-ops-close svg{width:25px;height:25px}.product-ops-close:hover,.product-ops-close:focus-visible{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg-inset))}
.product-ops-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin:18px 24px 0;padding:15px 16px;border:1px solid var(--border-strong);border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 6%,var(--bg-inset)),var(--bg-inset));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.product-ops-summary-main{min-width:0}.product-ops-product-name{display:block;margin-top:4px;overflow:hidden;color:var(--text-1);font-size:18px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.product-ops-product-meta{display:flex;align-items:center;gap:7px;margin-top:6px;color:var(--text-3);font-size:12px;font-weight:800}.product-ops-product-meta i{color:var(--accent);font-style:normal}
.product-ops-price-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.product-ops-price-list>span{display:grid;grid-template-columns:auto auto;gap:1px 10px;align-items:baseline;min-width:154px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border-strong));border-radius:10px;background:var(--bg-surface)}.product-ops-price-list em{grid-column:1/-1;color:var(--text-3);font-size:10px;font-style:normal;font-weight:900;text-transform:uppercase}.product-ops-price-list b{color:var(--accent);font-size:15px}.product-ops-price-list small{justify-self:end;color:var(--text-2);font-size:12px;font-weight:850}
.product-ops-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 24px 0}
.product-ops-tabs button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;min-height:64px;padding:10px 13px;border:1px solid var(--border-strong);border-radius:12px;background:var(--bg-inset);color:var(--text-2);text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.product-ops-tabs button b{font-size:14px;font-weight:950}.product-ops-tabs button small{display:block;margin-top:3px;overflow:hidden;color:var(--text-3);font-size:10px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.product-ops-tabs button:hover,.product-ops-tabs button:focus-visible{border-color:color-mix(in srgb,var(--accent) 60%,var(--border-strong));color:var(--text-1)}.product-ops-tabs button.on{border-color:var(--accent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 18%,var(--bg-inset)),color-mix(in srgb,var(--accent) 7%,var(--bg-inset)));color:var(--accent);box-shadow:inset 3px 0 0 var(--accent),0 5px 16px color-mix(in srgb,var(--accent) 10%,transparent)}.product-ops-tabs button.on small{color:var(--text-2)}.product-ops-card.is-scrap .product-ops-tabs button.on{border-color:var(--danger);color:var(--danger-text);background:color-mix(in srgb,var(--danger) 12%,var(--bg-inset));box-shadow:inset 3px 0 0 var(--danger)}
.product-ops-body{padding:16px 24px 24px}.product-ops-section{display:flex;flex-direction:column;gap:14px;padding:16px;border:1px solid var(--border-strong);border-radius:14px;background:color-mix(in srgb,var(--bg-inset) 88%,transparent)}
.product-ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-ops-field{display:flex;min-width:0;flex-direction:column;gap:7px}.product-ops-field>span{color:var(--text-2);font-size:11px;font-weight:950;letter-spacing:.055em;text-transform:uppercase}.product-ops-field>small{color:var(--text-3);font-size:10px;font-weight:750;line-height:1.35}
.product-ops-field>input,.product-ops-field>select,.product-ops-field>textarea,.product-ops-field>.app-num-field>input{width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:11px;background:var(--bg-surface);color:var(--text-1);padding:12px 13px;font-size:16px;font-weight:850;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.product-ops-field>input:focus,.product-ops-field>select:focus,.product-ops-field>textarea:focus,.product-ops-field>.app-num-field>input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.product-ops-field>select{min-height:50px}.product-ops-field>textarea{min-height:82px;resize:vertical;font-weight:700;line-height:1.4}.product-ops-field>.app-num-field{grid-template-columns:minmax(0,1fr) 52px;gap:8px}.product-ops-field>.app-num-field>.app-num-trigger{width:52px;min-height:52px;border-radius:11px}.product-ops-field>.app-num-field>.app-num-trigger .app-num-trigger-icon{width:32px;height:44px}
.product-ops-field.is-primary{padding:11px;border:1px solid color-mix(in srgb,var(--accent) 36%,var(--border-strong));border-radius:12px;background:color-mix(in srgb,var(--accent) 7%,var(--bg-surface))}.product-ops-current-value{display:flex;align-items:center;min-height:52px;padding:0 14px;border:1px solid var(--border-strong);border-radius:11px;background:var(--bg-surface);color:var(--accent);font-family:var(--font-mono);font-size:22px;font-weight:950;font-variant-numeric:tabular-nums}.product-ops-full{padding-top:2px}
.product-ops-hint{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--info) 36%,var(--border-strong));border-radius:11px;background:color-mix(in srgb,var(--info) 8%,var(--bg-surface));color:var(--text-2)}.product-ops-hint>span{display:grid;place-items:center;width:21px;min-width:21px;height:21px;border-radius:50%;background:color-mix(in srgb,var(--info) 24%,var(--bg-inset));color:var(--info);font-size:12px;font-weight:950}.product-ops-hint p{margin:1px 0 0;font-size:12px;font-weight:750;line-height:1.45}.product-ops-hint.is-warning{border-color:color-mix(in srgb,var(--danger) 40%,var(--border-strong));background:color-mix(in srgb,var(--danger) 8%,var(--bg-surface))}.product-ops-hint.is-warning>span{background:color-mix(in srgb,var(--danger) 22%,var(--bg-inset));color:var(--danger-text)}
.product-ops-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:2px}.product-ops-primary,.product-ops-secondary{min-height:48px;border-radius:11px;padding:0 18px;font-weight:950;cursor:pointer}.product-ops-primary{min-width:210px;border:1px solid transparent;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:var(--accent-text);box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 18%,transparent)}.product-ops-primary.is-danger{background:linear-gradient(135deg,var(--danger),color-mix(in srgb,var(--danger) 72%,#711));color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.22)}.product-ops-secondary{border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-2)}.product-ops-primary:hover,.product-ops-secondary:hover{filter:brightness(1.08);transform:translateY(-1px)}
@media(max-width:760px){.product-ops-backdrop{align-items:flex-end;padding:10px calc(10px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(10px + var(--safe-left))}.product-ops-card{max-height:calc(100dvh - 20px - var(--safe-bottom));border-radius:18px 18px 12px 12px}.product-ops-head{padding:17px 16px 14px}.product-ops-heading h2{font-size:22px}.product-ops-summary{grid-template-columns:1fr;margin:12px 16px 0;padding:12px}.product-ops-price-list{justify-content:flex-start}.product-ops-tabs{margin:11px 16px 0;gap:6px}.product-ops-tabs button{min-height:52px;padding:8px;align-items:center;text-align:center}.product-ops-tabs button small{display:none}.product-ops-body{padding:12px 16px 18px}.product-ops-grid{grid-template-columns:1fr}.product-ops-section{padding:12px}.product-ops-actions{display:grid;grid-template-columns:.78fr 1.22fr}.product-ops-primary,.product-ops-secondary{width:100%;min-width:0;padding:0 10px}}
@media(orientation:landscape) and (max-height:720px){.product-ops-backdrop{padding:8px calc(8px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(8px + var(--safe-left))}.product-ops-card{max-height:calc(100dvh - 16px - var(--safe-top) - var(--safe-bottom))}.product-ops-head{padding:14px 18px 11px}.product-ops-heading h2{font-size:21px}.product-ops-heading p{display:none}.product-ops-close{width:42px;min-width:42px;height:42px}.product-ops-summary{margin:10px 18px 0;padding:10px 12px}.product-ops-product-name{font-size:16px}.product-ops-tabs{margin:9px 18px 0}.product-ops-tabs button{min-height:48px;padding:7px 10px}.product-ops-body{padding:10px 18px 16px}.product-ops-section{gap:9px;padding:11px}.product-ops-field{gap:4px}.product-ops-field.is-primary{padding:8px}.product-ops-field>textarea{min-height:56px}.product-ops-current-value{min-height:48px}.product-ops-field>.app-num-field>.app-num-trigger{min-height:48px}.product-ops-hint{padding:7px 9px}.product-ops-actions button{min-height:43px}}
@media(prefers-reduced-motion:reduce){.product-ops-primary:hover,.product-ops-secondary:hover{transform:none}}
.product-label-backdrop{position:fixed;inset:0;z-index:2650;display:flex;align-items:center;justify-content:center;padding:calc(14px + var(--safe-top)) calc(14px + var(--safe-right)) calc(14px + var(--safe-bottom)) calc(14px + var(--safe-left));background:rgba(3,7,18,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.product-label-dialog{width:min(620px,100%);max-height:calc(100dvh - 28px);overflow:auto;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--border-strong);border-radius:16px;background:var(--bg-surface);box-shadow:0 28px 80px rgba(0,0,0,.55)}
.product-label-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.product-label-head>div{display:flex;flex-direction:column;gap:2px}.product-label-head span{color:var(--success-text);font-size:11px;font-weight:950;letter-spacing:.12em}.product-label-head b{color:var(--text-1);font-size:22px;font-weight:950}.product-label-head button{width:46px;height:46px;border:1px solid var(--border-strong);border-radius:12px;background:var(--bg-inset);color:var(--text-1);font-size:26px}
.product-label-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.product-label-presets button{min-height:46px;border:1px solid var(--border-strong);border-radius:11px;background:var(--bg-inset);color:var(--text-2);font-weight:900}.product-label-presets button.is-active{border-color:var(--success);background:color-mix(in srgb,var(--success) 16%,var(--bg-inset));color:var(--success-text)}
.product-label-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.product-label-fields label{display:flex;flex-direction:column;gap:5px}.product-label-fields span{color:var(--text-2);font-size:10px;font-weight:900;text-transform:uppercase}.product-label-fields input{min-width:0;min-height:46px;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-inset);color:var(--text-1);padding:8px 10px;font-size:16px;font-weight:900}
.product-label-toggle{display:flex;align-items:center;gap:9px;color:var(--text-1);font-size:14px;font-weight:850}.product-label-toggle input{width:22px;height:22px;accent-color:var(--success)}
.product-label-preview{flex:0 0 auto;display:flex;justify-content:center;min-height:180px;padding:14px;border:1px dashed var(--border-strong);border-radius:12px;background:var(--bg-inset)}.product-label-preview-sheet{width:min(430px,calc(300px * var(--label-width-ratio)),100%);box-sizing:border-box;display:flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:4%;border:2px solid #111;border-radius:4px;background:#fff;color:#050505;box-shadow:0 8px 24px rgba(0,0,0,.22);text-align:center}.product-label-preview-sheet strong{max-width:100%;font-size:clamp(14px,3.2vw,24px);font-weight:900;line-height:1.05}.product-label-preview-sheet b{margin-top:4px;font-size:clamp(25px,6vw,48px);font-weight:950;line-height:1}.product-label-preview-sheet small{font-size:11px;font-weight:800;line-height:1.15}.product-label-preview-sheet small.is-bulk{margin-top:3px;padding:2px 5px;border:1px solid #111;border-radius:3px;font-weight:950}.product-label-preview-sheet small.is-unit{margin-top:2px}.product-label-preview-bars{width:62%;height:38px;flex:0 0 38px;margin-top:5px;background:repeating-linear-gradient(90deg,#000 0 2px,transparent 2px 4px,#000 4px 5px,transparent 5px 8px)}.product-label-preview-sheet em{font-size:10px;font-style:normal;letter-spacing:.08em}.product-label-preview-sheet.is-compact{padding:2.5%}.product-label-preview-sheet.is-compact strong{font-size:clamp(12px,2.6vw,19px)}.product-label-preview-sheet.is-compact b{font-size:clamp(22px,5vw,38px)}.product-label-preview-sheet.is-compact small{font-size:9px}.product-label-preview-sheet.is-compact .product-label-preview-bars{height:26px;flex-basis:26px;margin-top:3px}.product-label-preview-sheet.is-compact em{font-size:8px}
.product-label-summary{color:var(--text-2);font-size:13px;font-weight:850;text-align:center}.product-label-help{padding:10px;border-radius:10px;background:color-mix(in srgb,var(--info) 11%,var(--bg-inset));color:var(--text-2);font-size:12px;line-height:1.4}.product-label-print{min-height:52px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--success),color-mix(in srgb,var(--success) 72%,#004d2d));color:#fff;font-size:15px;font-weight:950}
@media(max-width:700px){.product-label-backdrop{align-items:flex-end;padding:8px calc(8px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(8px + var(--safe-left))}.product-label-dialog{max-height:calc(100dvh - 16px);padding:12px}.product-label-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.product-label-preview{min-height:145px;padding:9px}}
.docprod-shell{padding:14px 16px 28px;display:flex;flex-direction:column;gap:12px;min-height:0;flex:1;background:var(--bg-inset)}
#pg-doc-add-prod.docprod-topbar-collapsed>#docprod-topbar{display:none!important}
.docprod-reader-search{position:sticky;top:0;z-index:3;background:var(--bg-page);border:1px solid var(--border-strong);border-radius:13px;padding:10px;box-shadow:0 10px 24px rgba(0,0,0,.24)}
.docprod-inbound-target{--inbound-target-color:var(--info);margin-bottom:10px;border:2px solid color-mix(in srgb,var(--inbound-target-color) 58%,var(--border-strong));border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--inbound-target-color) 14%,var(--bg-surface)),var(--bg-inset));padding:10px;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.docprod-inbound-target[hidden]{display:none!important}
.docprod-target-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.docprod-target-head>div:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.docprod-target-head span{color:var(--text-3);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.docprod-target-head b{color:var(--text-1);font-size:15px;font-weight:950}
.docprod-target-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:min(420px,58%)}
.docprod-target-modes button{min-height:40px;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-surface);color:var(--text-2);font-size:12px;font-weight:900;padding:7px 10px;cursor:pointer}
.docprod-target-modes button.is-active{border-color:var(--inbound-target-color);background:color-mix(in srgb,var(--inbound-target-color) 20%,var(--bg-surface));color:var(--text-1);box-shadow:0 0 0 1px color-mix(in srgb,var(--inbound-target-color) 24%,transparent)}
.docprod-target-fixed-panel{display:grid;grid-template-columns:auto minmax(220px,1fr);align-items:center;gap:10px;margin-top:10px}
.docprod-target-fixed-panel[hidden]{display:none!important}
.docprod-target-fixed-panel label{color:var(--text-2);font-size:12px;font-weight:900;white-space:nowrap}
.docprod-target-fixed-panel label span{color:var(--danger)}
.docprod-target-fixed-panel select{width:100%;min-height:48px;border:2px solid color-mix(in srgb,var(--inbound-target-color) 70%,var(--border-strong));border-radius:10px;background:var(--bg-page);color:var(--text-1);font-size:16px;font-weight:950;padding:10px 12px;cursor:pointer}
.docprod-inbound-target:not(.is-ready):not(.is-mixed) .docprod-target-fixed-panel select{border-color:var(--danger);box-shadow:0 6px 14px rgba(7,19,38,.16)}
.docprod-target-summary{margin-top:8px;color:var(--text-2);font-size:11px;font-weight:700;line-height:1.4}
.docprod-target-summary b{color:var(--inbound-target-color);font-weight:950}
.docprod-target-summary span{display:block;margin-top:3px;color:var(--text-3)}
.docprod-inbound-target.is-mixed{--inbound-target-color:var(--warning);border-style:dashed}
@media (max-width:700px){.docprod-target-head{align-items:stretch;flex-direction:column}.docprod-target-modes{min-width:0;width:100%}.docprod-target-fixed-panel{grid-template-columns:1fr;gap:5px}.docprod-target-fixed-panel select{min-height:50px}}
.docprod-reader-row{display:flex;align-items:center;gap:8px}
.docprod-reader-inputbox{position:relative;flex:1;min-width:0}
.docprod-reader-search:focus-within{border-color:var(--info);box-shadow:0 0 0 2px color-mix(in srgb,var(--info) 22%,transparent),0 12px 28px rgba(0,0,0,.32)}
.docprod-search-icon{width:20px;height:20px;color:var(--text-2);display:flex;align-items:center;justify-content:center;flex:0 0 20px}
.docprod-search-icon:before{content:"";width:17px;height:17px;border:2px solid currentColor;border-radius:50%;display:block;box-sizing:border-box;box-shadow:8px 8px 0 -6px currentColor;transform:rotate(-12deg)}
.docprod-reader-inputbox .docprod-search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);pointer-events:none}
#docprod-search{background:var(--bg-surface)!important;border:2px solid var(--info)!important;border-radius:10px!important;outline:none!important;color:var(--text-1);font-size:16px;width:100%;padding:12px 12px 12px 42px!important;margin:0!important;box-sizing:border-box}
.docprod-reader-icon-btn,.docprod-reader-search-btn{min-height:46px;border-radius:10px;border:1px solid var(--border-strong);font-weight:950;cursor:pointer;white-space:nowrap}
.docprod-reader-icon-btn{background:var(--bg-surface);color:var(--text-1);padding:0 14px;font-size:18px;flex:0 0 auto}
.docprod-new-product-btn{color:var(--success)}
.docprod-new-product-btn[hidden]{display:none!important}
.docprod-new-product-btn:hover,.docprod-new-product-btn:focus-visible{border-color:var(--success);background:color-mix(in srgb,var(--success) 14%,var(--bg-surface));outline:none}
.docprod-new-product-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}
.docprod-category-trigger{color:var(--info)}
.docprod-category-trigger:hover,.docprod-category-trigger:focus-visible{border-color:var(--info);background:color-mix(in srgb,var(--info) 15%,var(--bg-surface));outline:none}
.docprod-category-trigger.is-active{border-color:color-mix(in srgb,var(--info) 76%,transparent);background:color-mix(in srgb,var(--info) 22%,var(--bg-surface));color:var(--info);box-shadow:0 0 0 1px color-mix(in srgb,var(--info) 22%,transparent)}
.docprod-category-trigger .app-icon{width:22px;height:22px}
.docprod-panel-toggle,.docprod-category-row-toggle{color:var(--text-2)}
.docprod-panel-toggle:hover,.docprod-panel-toggle:focus-visible,.docprod-category-row-toggle:hover,.docprod-category-row-toggle:focus-visible{border-color:var(--info);background:color-mix(in srgb,var(--info) 12%,var(--bg-surface));color:var(--info);outline:none}
.docprod-panel-toggle.is-active,.docprod-category-row-toggle.is-active{border-color:color-mix(in srgb,var(--info) 70%,var(--border-strong));background:color-mix(in srgb,var(--info) 17%,var(--bg-surface));color:var(--info)}
.docprod-category-row-toggle.has-filter{box-shadow:inset 0 -3px 0 var(--accent)}
.docprod-panel-toggle .app-icon,.docprod-category-row-toggle .app-icon{width:22px;height:22px}
.docprod-zero-stock-toggle{color:var(--text-2)}
.docprod-zero-stock-toggle.is-active{border-color:color-mix(in srgb,var(--accent) 68%,transparent);background:color-mix(in srgb,var(--accent) 18%,var(--bg-surface));color:var(--accent)}
.docprod-zero-stock-toggle[hidden]{display:none!important}
.docprod-reader-search-btn{background:linear-gradient(135deg,var(--info),color-mix(in srgb,var(--info) 72%,var(--mod-sales)));color:var(--on-color);padding:0 16px;font-size:13px;box-shadow:0 8px 18px rgba(45,107,228,.20);flex:0 0 auto}
.docprod-reader-help{font-size:11px;color:var(--text-3);margin-top:6px;text-align:center}
.docprod-category-filter{margin-top:9px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-inset);padding:8px 10px}
.docprod-category-filter[hidden],.docprod-inline-category[hidden]{display:none!important}
.docprod-category-filter label{font-size:11px;color:var(--text-3);font-weight:950;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.docprod-category-filter select{min-width:0;width:100%;border:1px solid color-mix(in srgb,var(--info) 40%,var(--border-strong));border-radius:9px;background:var(--bg-surface);color:var(--text-1);font-size:14px;font-weight:850;padding:9px 10px;outline:none}
.docprod-category-filter select:focus{border-color:var(--info);box-shadow:0 0 0 2px color-mix(in srgb,var(--info) 22%,transparent)}
.docprod-reader-status{display:none;margin-top:10px;border:3px solid color-mix(in srgb,var(--success) 72%,var(--border-strong));background:linear-gradient(135deg,color-mix(in srgb,var(--success) 28%,var(--bg-surface)),color-mix(in srgb,var(--info) 16%,var(--bg-page)));color:var(--success-text);border-radius:13px;padding:15px 18px;font-size:23px;font-weight:950;text-align:center;line-height:1.2;box-shadow:0 12px 28px rgba(34,197,94,.22);letter-spacing:.01em}
.docprod-reader-status.is-on{display:block;animation:docprodStatusSuccessPulse .32s ease-out 1}
.docprod-reader-status.is-error{border-color:rgba(239,68,68,.88);background:linear-gradient(135deg,rgba(239,68,68,.28),rgba(245,158,11,.16));color:var(--danger-text);box-shadow:0 12px 28px rgba(7,19,38,.20);animation:docprodStatusErrorPulse .32s ease-out 1}
.docprod-status-title{display:block;font-size:18px;line-height:1.1;text-transform:uppercase;letter-spacing:.04em;color:currentColor}
.docprod-status-name{display:block;margin-top:4px;font-size:22px;line-height:1.18;color:var(--text-1);overflow-wrap:anywhere;word-break:normal}
.docprod-status-tail{display:inline-flex;margin-top:8px;border-radius:999px;border:2px solid color-mix(in srgb,var(--accent) 72%,var(--success));background:color-mix(in srgb,var(--accent) 24%,var(--bg-surface));color:var(--accent);padding:7px 16px;font-size:26px;line-height:1;font-weight:950;white-space:nowrap;box-shadow:0 8px 18px rgba(245,166,35,.20)}
.docprod-reader-status.is-error .docprod-status-name{color:var(--danger-text)}
.docprod-reader-status.is-error .docprod-status-tail{border-color:rgba(239,68,68,.72);background:rgba(239,68,68,.16);color:var(--danger-text)}
@keyframes docprodStatusSuccessPulse{0%,100%{background:linear-gradient(135deg,color-mix(in srgb,var(--success) 24%,var(--bg-surface)),color-mix(in srgb,var(--success) 12%,var(--bg-page)));border-color:color-mix(in srgb,var(--success) 72%,var(--border-strong));box-shadow:0 10px 24px rgba(34,197,94,.20)}50%{background:linear-gradient(135deg,color-mix(in srgb,var(--info) 38%,var(--bg-surface)),color-mix(in srgb,var(--success) 30%,var(--bg-page)));border-color:color-mix(in srgb,var(--info) 72%,var(--success));box-shadow:0 16px 36px rgba(45,107,228,.28)}}
@keyframes docprodStatusErrorPulse{0%,100%{background:linear-gradient(135deg,rgba(239,68,68,.18),rgba(239,68,68,.10));border-color:rgba(239,68,68,.78);box-shadow:0 10px 24px rgba(7,19,38,.18)}50%{background:linear-gradient(135deg,rgba(239,68,68,.38),rgba(245,158,11,.24));border-color:rgba(245,158,11,.92);box-shadow:0 16px 36px rgba(7,19,38,.28)}}
.doc-own-store-default{margin-bottom:10px;border:1px solid color-mix(in srgb,var(--success) 42%,var(--border-strong));background:linear-gradient(135deg,color-mix(in srgb,var(--success) 13%,var(--bg-page)),var(--bg-page));border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.doc-own-store-default div{min-width:0}
.doc-own-store-default span{display:block;font-size:10px;color:var(--text-3);font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.doc-own-store-default b{display:block;color:var(--success-text);font-size:18px;font-weight:950;line-height:1.1}
.doc-own-store-default small{display:block;color:var(--text-2);font-size:11px;margin-top:3px}
.doc-own-store-default button{border:1px solid color-mix(in srgb,var(--info) 45%,var(--border-strong));background:color-mix(in srgb,var(--info) 16%,var(--bg-surface));color:var(--text-1);border-radius:9px;padding:9px 12px;font-size:12px;font-weight:950;white-space:nowrap;cursor:pointer}
.docprod-reader-search{z-index:30}
.docprod-list{overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:2px 0 12px;align-items:stretch;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
/* Termékkártya-anatómia: színes fejléc-sáv (név+ár) + törzs. Az erős keret,
   a nagy kártyaköz és a sáv teszi szemre szétválaszthatóvá a termékeket. */
.docpick-card{position:relative;display:flex;flex-direction:column;flex:0 0 auto;gap:0;margin:0;border:2px solid color-mix(in srgb,var(--row-wh) 42%,var(--border-strong));border-radius:14px;background:var(--bg-surface);box-shadow:0 10px 24px rgba(0,0,0,.26);padding:0;cursor:pointer;overflow:hidden;box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:auto;min-height:0;contain:layout paint style}
.docpick-card:hover{border-color:color-mix(in srgb,var(--row-wh) 70%,var(--border-strong));box-shadow:0 14px 28px rgba(0,0,0,.32)}
.docpick-card:active{transform:scale(.995)}
.docpick-card.is-unavailable{cursor:not-allowed;border-color:color-mix(in srgb,var(--danger) 46%,var(--border-strong));opacity:.72}
.docpick-card.is-unavailable:hover{transform:none;box-shadow:0 10px 24px rgba(0,0,0,.26)}
.docpick-band{display:flex;align-items:center;gap:12px;min-width:0;width:100%;padding:10px 12px;background:linear-gradient(90deg,color-mix(in srgb,var(--row-wh) 20%,var(--bg-surface-2)),color-mix(in srgb,var(--row-wh) 6%,var(--bg-surface-2)));border-bottom:1px solid color-mix(in srgb,var(--row-wh) 38%,var(--border));box-sizing:border-box}
.docpick-band-main{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:5px}
.docpick-band-price{flex:0 0 auto;margin-left:auto;text-align:right;display:flex;flex-direction:column;gap:1px;padding-left:12px;border-left:1px dashed color-mix(in srgb,var(--row-wh) 40%,var(--border))}
.docpick-band-price span{font-size:10px;color:var(--text-3);text-transform:uppercase;font-weight:800;letter-spacing:.04em}
.docpick-band-price b{font-size:21px;color:var(--accent);font-weight:950;white-space:nowrap}
.docpick-band-price .product-row-price-note{font-size:10px}
.docpick-band-price.is-promo{border-left-color:rgba(255,75,97,.68)}
.docpick-band-price.is-promo>span,.docpick-band-price.is-promo>b{color:var(--danger-text)}
.docpick-band-price>small{display:block;color:var(--text-3);font-size:9px;font-weight:800;white-space:normal;max-width:190px}
.docqty-promo-note{display:block;margin-top:4px;color:var(--text-3);font-size:10px;font-weight:800;line-height:1.25}
.docqty-summary-card.is-promo{border-color:rgba(255,75,97,.68);background:linear-gradient(180deg,rgba(255,75,97,.12),var(--bg-inset))}
/* Alsó sor: a gyűjtő/min/szavidő címkék és a készletsáv EGY sorban —
   címkék balra, készlet-számok jobbra. */
.docpick-body{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px 12px;min-width:0}
.docpick-body .docpick-details{flex:1 1 auto;min-width:0}
.docpick-body .docprod-stock-panel{flex:0 0 auto;margin-left:auto;width:auto}
.docpick-top{display:flex;align-items:center;gap:12px;min-width:0;width:100%}
.docpick-wh{width:5px;align-self:stretch;min-height:70px;border-radius:999px;box-shadow:0 0 16px color-mix(in srgb,currentColor 35%,transparent);flex:0 0 5px}
.docpick-photo{width:64px;height:64px;object-fit:contain;border-radius:12px;background:var(--bg-inset);border:1px solid var(--border);padding:5px}
.docpick-photo-empty{display:flex;align-items:center;justify-content:center;color:var(--text-3)}
.docpick-photo-empty .app-icon{width:24px;height:24px}
.docpick-main{min-width:0;display:flex;flex-direction:column;gap:7px;justify-content:center;overflow:visible}
.docpick-head{display:flex;align-items:center;gap:9px;min-width:0}
.docpick-name{font-weight:950;font-size:18px;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em}
.docpick-warehouse{flex:0 0 auto;border:1px solid color-mix(in srgb,var(--row-wh) 70%,var(--bg-page));background:color-mix(in srgb,var(--row-wh) 22%,var(--bg-page));color:color-mix(in srgb,var(--row-wh) 76%,var(--text-1));font-size:11px;font-weight:850;border-radius:999px;padding:4px 8px;text-transform:uppercase;white-space:nowrap}
.docpick-meta{font-size:12px;color:var(--text-2);display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;line-height:1.35}
.docpick-meta span{display:inline-flex;align-items:center;gap:4px}
.docpick-meta .app-icon{width:13px;height:13px;color:#7e8797}
.docpick-meta b{color:var(--accent)}
.docpick-discontinued{border:1px solid color-mix(in srgb,var(--warning) 58%,transparent);border-radius:999px;background:color-mix(in srgb,var(--warning) 14%,var(--bg-surface));color:var(--warning);font-size:10px;font-weight:950;text-transform:uppercase;padding:3px 7px}
.docpick-details{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-height:22px;min-width:0;overflow:visible}
.docpick-side{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:8px;align-items:stretch;min-width:0;max-width:100%;width:100%}
.docpick-sale{border:1px solid var(--border-strong);border-radius:10px;background:linear-gradient(180deg,var(--bg-inset),var(--bg-inset));padding:8px 10px;text-align:right;min-height:58px;display:flex;flex-direction:column;justify-content:center;gap:2px}
.docpick-sale span{font-size:10px;color:#7f8795;text-transform:uppercase;font-weight:800;letter-spacing:.04em}
.docpick-sale b{font-size:19px;color:var(--accent);font-weight:950}
.docpick-sale .product-row-price-note{font-size:10px}
/* Készletsáv: vízszintes, a kártya teljes szélességében — címke felül,
   érték alul, így egy pillantással olvasható. */
.docprod-stock-panel{border:1px solid color-mix(in srgb,var(--success) 40%,var(--border-strong));border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--success) 10%,var(--bg-inset)),var(--bg-inset));padding:8px 12px;display:flex;align-items:center;justify-content:flex-end;gap:10px 26px;flex-wrap:wrap;min-height:0;text-align:left;min-width:0}
.docprod-stock-panel div{display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.docprod-stock-panel span{font-size:9px;color:#7f8795;text-transform:uppercase;font-weight:900;letter-spacing:.035em;line-height:1.1;text-align:left}
.docprod-stock-panel b{font-size:17px;color:var(--success);font-weight:950;white-space:nowrap}
.docprod-stock-panel .is-listed b{color:var(--accent);font-size:19px}
.docprod-stock-panel .is-available b{color:var(--info);font-size:21px}
.docprod-stock-panel em{display:inline-flex;align-items:center;border-radius:8px;background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.36);color:var(--danger-text);font-style:normal;font-size:10px;font-weight:950;text-align:center;padding:4px 7px;line-height:1.15;margin-right:auto;order:-1}
.docprod-stock-panel.is-empty{border-color:rgba(239,68,68,.78);background:linear-gradient(180deg,rgba(239,68,68,.17),var(--bg-inset))}
.docprod-stock-panel.is-empty .is-available b{color:var(--danger-text)}
.docprod-stock-panel.is-low{border-color:color-mix(in srgb,var(--accent) 62%,var(--border-strong))}
.docprod-stock-panel.is-inbound{border-color:color-mix(in srgb,var(--info) 45%,var(--border-strong));background:linear-gradient(180deg,color-mix(in srgb,var(--info) 10%,var(--bg-inset)),var(--bg-inset))}
@media (max-width:720px){
  .docpick-band{gap:10px;padding:9px 10px;flex-wrap:wrap}
  .docpick-band-price{padding-left:10px}
  .docpick-photo{width:52px;height:52px;padding:4px}
  .docpick-head{align-items:flex-start;flex-direction:column;gap:5px}
  .docpick-name{font-size:15px;white-space:normal;line-height:1.2}
  .docpick-body{padding:9px 10px 10px}
  .docpick-side{grid-template-columns:1fr;gap:7px}
  .docprod-category-filter{grid-template-columns:1fr}
  .docprod-status-tail{font-size:22px;white-space:normal}
}
@media (min-width:721px) and (max-width:1320px){
  .docpick-photo{width:58px;height:58px}
}
.docprod-card{position:relative;border:1px solid var(--border-strong);border-radius:12px;background:linear-gradient(180deg,var(--bg-surface),var(--bg-page));box-shadow:0 8px 20px rgba(0,0,0,.22);display:flex;align-items:center;gap:12px;padding:12px 13px 12px 0;cursor:pointer;overflow:hidden;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.docprod-card:hover{transform:translateY(-1px);border-color:#465064;box-shadow:0 14px 28px rgba(0,0,0,.34)}
.docprod-wh-strip{align-self:stretch;width:5px;border-radius:0 999px 999px 0;background:var(--docprod-wh);box-shadow:0 0 16px color-mix(in srgb,var(--docprod-wh) 45%,transparent);flex:0 0 5px}
.docprod-photo{width:54px;height:54px;object-fit:contain;border-radius:10px;background:var(--bg-inset);border:1px solid var(--border);flex:0 0 54px}
.docprod-photo-empty{display:flex;align-items:center;justify-content:center;color:#4d5565}
.docprod-photo-empty .app-icon{width:24px;height:24px}
.docprod-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.docprod-title-row{display:flex;align-items:center;gap:8px;min-width:0}
.docprod-title-row b{font-size:17px;font-weight:950;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.docprod-title-row span{flex:0 0 auto;border:1px solid color-mix(in srgb,var(--docprod-wh) 70%,var(--bg-page));background:color-mix(in srgb,var(--docprod-wh) 22%,var(--bg-page));color:color-mix(in srgb,var(--docprod-wh) 76%,var(--text-1));font-size:11px;font-weight:850;border-radius:999px;padding:4px 8px;text-transform:uppercase}
.docprod-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--text-2);font-size:12px}
.docprod-meta span{display:inline-flex;align-items:center;gap:4px}
.docprod-meta .app-icon{width:13px;height:13px;color:#7e8797}
.docprod-expiry{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.docprod-expiry-chip,.docprod-expiry-more{display:inline-flex;align-items:center;gap:5px;border-radius:999px;border:1px solid #303644;background:var(--bg-surface);color:var(--text-2);font-size:11px;font-weight:850;padding:4px 8px;line-height:1.15}
.docprod-expiry-chip .app-icon{width:13px;height:13px;color:currentColor}
.docprod-expiry-chip b{color:var(--text-1)}
.docprod-expiry-chip em{font-style:normal;color:#c7d3c9}
.docprod-expiry-chip.ok{background:var(--bg-surface-2);border-color:#236a3f;color:var(--success-text)}
.docprod-expiry-chip.warn{background:var(--bg-surface-2);border-color:var(--accent-strong);color:var(--accent)}
.docprod-expiry-chip.warn em{color:#f0d08b}
.docprod-expiry-chip.bad{background:var(--bg-surface-2);border-color:var(--mod-sales-strong);color:var(--danger-text)}
.docprod-expiry-chip.bad em{color:#ffb1bb}
.docprod-side{width:132px;flex:0 0 132px;text-align:right;background:var(--bg-page);border:1px solid var(--border-strong);border-radius:10px;padding:9px 10px}
.docprod-side span{display:block;font-size:10px;color:#7f8795;text-transform:uppercase;font-weight:800;letter-spacing:.04em}
.docprod-side b{display:block;color:var(--mod-sales);font-size:18px;font-weight:950;margin-top:2px}
.docprod-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-3);padding:44px 20px}
.docprod-empty .app-icon{width:34px;height:34px}
@media (max-width:720px){.docprod-shell{padding:10px}.docprod-card{gap:10px;padding-right:10px;flex-wrap:wrap}.docprod-photo{width:48px;height:48px;flex-basis:48px}.docprod-title-row{align-items:flex-start;flex-direction:column;gap:5px}.docprod-title-row b{font-size:15px;white-space:normal;line-height:1.2}.docprod-main{flex:1 1 calc(100% - 82px)}.docprod-side{width:100%;flex:1 1 100%;text-align:left;order:5}.docprod-reader-search{border-radius:10px;padding:9px}.docprod-reader-row{display:grid;grid-template-columns:1fr auto}.docprod-reader-search-btn{grid-column:1 / -1;width:100%}#docprod-search{font-size:15px;padding:12px 12px 12px 40px!important}}
#pg-doc-add-prod,#pg-doc-add-prod *{box-sizing:border-box}
#pg-doc-add-prod{overflow-x:hidden}
#pg-doc-add-prod .docprod-shell{width:100%;max-width:100%;overflow-x:hidden}
#pg-doc-add-prod .docprod-reader-search{position:relative;top:auto;width:100%;max-width:100%;overflow:visible;z-index:2;height:auto;min-height:0;margin-bottom:8px;flex:0 0 auto}
#pg-doc-add-prod .docprod-reader-row{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
#pg-doc-add-prod .docprod-reader-row::-webkit-scrollbar{display:none;width:0;height:0}
#pg-doc-add-prod .docprod-reader-inputbox{min-width:240px;width:auto;flex:1 0 280px}
#pg-doc-add-prod .docprod-reader-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:54px;min-width:54px;flex:0 0 54px;padding:0}
#pg-doc-add-prod .docprod-reader-separator{align-self:stretch;width:1px;min-width:1px;flex:0 0 1px;margin:5px 2px;background:var(--border-strong);border-radius:999px}
#pg-doc-add-prod .docprod-reader-search-btn{width:auto;min-width:132px;max-width:160px;flex:0 1 160px;padding:0 10px;font-size:12px;overflow:hidden;text-overflow:ellipsis}
#pg-doc-add-prod .docprod-reader-help,
#pg-doc-add-prod .docprod-inline-category{flex:0 0 auto}
#pg-doc-add-prod .docprod-inline-category:not([hidden]){display:block!important;width:100%;margin:0 0 8px;overflow:hidden;border:1px solid color-mix(in srgb,var(--kps-gold,#cda72e) 68%,var(--kps-navy-900,#0d1c35));border-radius:11px;background:var(--kps-navy-800,#142a4c)!important;background-image:none!important;box-shadow:0 6px 16px rgba(7,19,38,.18)}
#pg-doc-add-prod .docprod-inline-category .product-category-path,
#pg-doc-add-prod .docprod-inline-category .product-category-row,
#pg-doc-add-prod .docprod-inline-category .product-category-tabs,
#pg-doc-add-prod .docprod-inline-category .product-category-back-cell{background:var(--kps-navy-800,#142a4c)!important;background-image:none!important}
#pg-doc-add-prod .docprod-inline-category .product-category-path{border-bottom-color:color-mix(in srgb,var(--kps-gold,#cda72e) 68%,var(--kps-navy-900,#0d1c35))}
#pg-doc-add-prod .docprod-inline-category .product-category-crumb-current{background:var(--bg-surface);color:var(--text-1)}
#pg-doc-add-prod .docprod-inline-category .product-category-level-row{max-height:64px}
#pg-doc-add-prod .docprod-inline-category.is-auto-collapsed .product-category-level-row{max-height:0}
#pg-doc-add-prod .docprod-inline-category .product-category-tabs{min-height:62px;padding:9px 11px}
#pg-doc-add-prod .docprod-list{width:100%;max-width:100%;overflow-x:hidden;padding-top:6px;padding-bottom:110px}
#pg-doc-add-prod .docpick-card{width:100%;max-width:100%;min-width:0;flex:0 0 auto;box-shadow:0 3px 10px rgba(0,0,0,.16)!important}
#pg-doc-add-prod .docpick-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.2)!important}
#pg-doc-add-prod .docpick-side{width:100%;max-width:100%;min-width:0}
#pg-doc-add-prod .docprod-pack-actions{display:inline-flex;max-width:100%;align-items:center;gap:5px;padding:3px 4px 3px 7px;white-space:normal}
#pg-doc-add-prod .docprod-pack-actions>.app-icon{flex:0 0 auto}
#pg-doc-add-prod .docprod-pack-action{display:inline-flex;width:auto;min-width:0;min-height:0;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid color-mix(in srgb,var(--success) 54%,var(--border-strong));border-radius:10px;background:color-mix(in srgb,var(--success) 13%,var(--bg-surface));color:var(--text-1);padding:6px 10px;font:inherit;font-size:11px;font-weight:900;line-height:1.05;white-space:nowrap;cursor:pointer;touch-action:manipulation}
#pg-doc-add-prod .docprod-pack-action b{display:block;color:var(--success);font-size:16px;font-weight:950;line-height:1}
#pg-doc-add-prod .docprod-pack-action.is-big{border-color:color-mix(in srgb,var(--accent) 64%,var(--border-strong));background:color-mix(in srgb,var(--accent) 12%,var(--bg-surface))}
#pg-doc-add-prod .docprod-pack-action.is-big b{color:var(--accent)}
#pg-doc-add-prod .docprod-pack-action:hover{filter:brightness(1.08);transform:translateY(-1px)}
#pg-doc-add-prod .docprod-pack-action:active{filter:brightness(.96);transform:none}
#pg-doc-add-prod .docprod-pack-action:focus-visible{outline:3px solid color-mix(in srgb,var(--info) 72%,transparent);outline-offset:2px}
@media (max-width:560px){
  #pg-doc-add-prod .docprod-pack-actions{display:flex;width:100%;flex-wrap:wrap;justify-content:flex-start;border-radius:12px}
  #pg-doc-add-prod .docprod-pack-action{flex:0 0 auto}
  #pg-doc-add-prod .docprod-pack-actions .product-row-dot{display:none}
}
.docout-picking-list{display:none;min-width:0;min-height:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--border-strong));border-radius:14px;background:var(--bg-page);box-shadow:0 14px 32px rgba(0,0,0,.28)}
.docout-picking-list[hidden]{display:none!important}
.docout-picking-list-content{display:flex;flex:1;min-width:0;min-height:0;flex-direction:column;overflow:hidden}
.docout-picking-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:10px 12px;border-bottom:2px solid color-mix(in srgb,var(--accent) 56%,var(--border-strong));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,var(--bg-surface)),var(--bg-surface))}
.docout-picking-head>div{display:flex;align-items:center;gap:9px;min-width:0}
.docout-picking-head-icon{display:flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:9px;background:color-mix(in srgb,var(--accent) 20%,var(--bg-inset));color:var(--accent);flex:0 0 32px}
.docout-picking-head-icon .app-icon{width:20px;height:20px}
.docout-picking-head h2{margin:0;color:var(--text-1);font-size:18px;font-weight:950;white-space:nowrap}
.docout-picking-head>b{border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border-strong));border-radius:999px;background:var(--bg-inset);color:var(--accent);padding:6px 9px;font-size:12px;font-weight:950;white-space:nowrap}
.docout-picking-rows{flex:1;min-height:0;overflow-y:auto;padding:4px 8px 10px}
.docout-picking-row{display:grid;grid-template-columns:20px 40px minmax(0,1fr) auto 34px;align-items:center;gap:7px;padding:10px 3px;border-bottom:1px solid var(--border);color:var(--text-1)}
.docout-picking-row:last-child{border-bottom:0}
.docout-picking-index{align-self:start;padding-top:3px;color:var(--accent);font-size:11px;font-weight:950;text-align:right}
.docout-picking-photo{display:flex;width:40px;height:40px;align-items:center;justify-content:center;object-fit:contain;border:1px solid var(--border);border-radius:9px;background:var(--bg-inset);padding:3px}
.docout-picking-photo.is-empty{color:var(--text-3)}
.docout-picking-photo .app-icon{width:21px;height:21px}
.docout-picking-main{display:flex;min-width:0;flex-direction:column;gap:3px}
.docout-picking-main>b{overflow:hidden;color:var(--text-1);font-size:13px;font-weight:950;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.docout-picking-main>span{overflow:hidden;color:var(--text-3);font-size:10px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.docout-picking-main>small{color:var(--mod-management);font-size:9px;font-weight:850;line-height:1.2}
.docout-picking-amount{display:flex;align-items:flex-end;flex-direction:column;gap:3px;text-align:right;white-space:nowrap}
.docout-picking-amount>strong{color:var(--accent);font-size:15px;font-weight:950}
.docout-picking-amount>span{color:var(--text-2);font-size:11px;font-weight:850}
.docout-picking-remove{display:flex;width:32px;height:32px;align-items:center;justify-content:center;border:1px solid rgba(255,67,83,.34);border-radius:9px;background:rgba(255,67,83,.08);color:var(--danger-text);cursor:pointer;padding:0}
.docout-picking-remove .app-icon{width:16px;height:16px}
.docout-picking-empty{display:flex;height:100%;min-height:210px;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:24px;color:var(--text-3);text-align:center}
.docout-picking-empty>.app-icon{width:38px;height:38px;color:var(--accent)}
.docout-picking-empty>b{color:var(--text-1);font-size:15px}
.docout-picking-empty>span{max-width:250px;font-size:12px;line-height:1.4}
.docout-picking-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:11px 12px;border-top:2px solid color-mix(in srgb,var(--accent) 54%,var(--border-strong));background:linear-gradient(180deg,var(--bg-surface),var(--bg-page))}
.docout-picking-summary>div{display:flex;min-width:0;flex-direction:column;gap:2px}
.docout-picking-summary>div:nth-child(2){align-items:flex-end;text-align:right}
.docout-picking-summary span{color:var(--text-3);font-size:10px;font-weight:900;text-transform:uppercase}
.docout-picking-summary strong{color:var(--text-1);font-size:18px;font-weight:950;white-space:nowrap}
.docout-picking-summary>div:nth-child(2) strong{color:var(--accent)}
.docout-picking-summary>small{grid-column:1 / -1;color:var(--success);font-size:10px;font-weight:900;text-align:right}
#b-docout-picking-done{grid-column:1 / -1;min-height:44px;border:1px solid color-mix(in srgb,var(--success) 62%,var(--border-strong));border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--success) 86%,#000),var(--success));color:var(--on-color);font-size:13px;font-weight:950;cursor:pointer}
.docout-picking-list.is-inventory-preview{border-color:color-mix(in srgb,var(--success) 46%,var(--border-strong))}
.docout-picking-list.is-inventory-preview .docout-picking-head{border-bottom-color:color-mix(in srgb,var(--success) 52%,var(--border-strong));background:linear-gradient(135deg,color-mix(in srgb,var(--success) 13%,var(--bg-surface)),var(--bg-surface))}
.docout-picking-list.is-inventory-preview .docout-picking-head-icon{background:color-mix(in srgb,var(--success) 18%,var(--bg-inset));color:var(--success)}
.docout-picking-list.is-inventory-preview .docout-picking-head>b{border-color:color-mix(in srgb,var(--success) 38%,var(--border-strong));color:var(--success)}
.docinventory-preview-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:62px;padding:9px 4px;border-bottom:1px solid var(--border);color:var(--text-1)}
.docinventory-preview-row:last-child{border-bottom:0}
.docinventory-preview-main{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:5px}
.docinventory-preview-name{max-width:100%;overflow:hidden;border:0;background:transparent;color:var(--text-1);cursor:pointer;font:inherit;font-size:13px;font-weight:950;line-height:1.25;padding:0;text-align:left;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--success) 54%,transparent);text-decoration-thickness:1px;text-underline-offset:3px;text-overflow:ellipsis;white-space:nowrap}
.docinventory-preview-name:hover,.docinventory-preview-name:focus-visible{color:var(--success);text-decoration-color:currentColor}
.docinventory-preview-name:focus-visible{border-radius:4px;outline:2px solid color-mix(in srgb,var(--success) 70%,transparent);outline-offset:3px}
.docinventory-preview-name.is-readonly{cursor:default;text-decoration:none}
.docinventory-preview-name.is-readonly:hover{color:var(--text-1)}
.docinventory-preview-main>span{color:var(--text-3);font-size:10px;font-weight:750}
.docinventory-preview-main>span>b{color:var(--text-2);font-weight:900}
.docinventory-preview-qty{color:var(--success);font-size:15px;font-weight:950;white-space:nowrap}
@media (orientation:landscape) and (min-width:900px){
  #pg-doc-add-prod .docprod-shell{display:grid;grid-template-columns:minmax(0,1fr) clamp(320px,31vw,420px);grid-template-rows:auto minmax(0,1fr);gap:10px 12px;overflow:hidden;padding:10px 12px 12px}
  #pg-doc-add-prod .docprod-reader-search{grid-column:1;grid-row:1;margin-bottom:0}
  #pg-doc-add-prod .docprod-list{grid-column:1;grid-row:2;min-height:0;padding:2px 0 12px}
  #pg-doc-add-prod .docout-picking-list:not([hidden]){display:flex;grid-column:2;grid-row:1 / 3;min-height:0}
}
@media (max-width:760px){
  #pg-doc-add-prod .docprod-reader-search-btn{width:100%;max-width:none;flex:1 0 100%}
}
@media (max-width:559px){
  #pg-doc-add-prod .docprod-reader-icon-btn{width:50px;min-width:50px;flex-basis:50px}
}
@media (min-width:761px) and (max-width:1320px){
  #pg-doc-add-prod .docprod-reader-search-btn{max-width:190px;min-height:46px;flex-basis:190px}
}
@media (orientation:landscape) and (min-width:761px){
  #pg-doc-add-prod .docprod-stock-panel div{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;text-align:right;gap:2px}
  #pg-doc-add-prod .docprod-stock-panel span{text-align:right}
}
/* A kétablakos mobil/tablet nézetet is beleértve egyetlen munkasáv.
   Nem függ a gyártó által jelentett CSS-magasságtól vagy orientációtól. */
@media (min-width:560px){
  #pg-doc-add-prod .docprod-shell{padding-top:8px;gap:8px}
  #pg-doc-add-prod .docprod-reader-search{display:block;padding:7px;margin-bottom:4px}
  #pg-doc-add-prod .docprod-inbound-target{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,40%);grid-template-areas:"target modes";align-items:center;gap:8px;margin-bottom:7px;padding:6px 7px;border-radius:10px;box-shadow:0 5px 14px rgba(0,0,0,.16)}
  #pg-doc-add-prod .docprod-target-head{display:contents}
  #pg-doc-add-prod .docprod-target-head>div:first-child{display:none}
  #pg-doc-add-prod .docprod-target-modes{grid-area:modes;min-width:0;width:100%;gap:5px}
  #pg-doc-add-prod .docprod-target-modes button{min-height:44px;padding:5px 8px;font-size:11px;border-radius:8px}
  #pg-doc-add-prod .docprod-target-fixed-panel{grid-area:target;grid-template-columns:minmax(0,1fr);gap:7px;margin:0}
  #pg-doc-add-prod .docprod-target-fixed-panel label{display:none;font-size:11px}
  #pg-doc-add-prod .docprod-target-fixed-panel select{min-height:44px;padding:7px 10px;font-size:14px;border-radius:8px}
  #pg-doc-add-prod .docprod-target-summary{display:none!important;margin:0}
  #pg-doc-add-prod .docprod-inbound-target.is-mixed .docprod-target-modes{grid-column:1 / -1;grid-row:1}
  #pg-doc-add-prod .docprod-inbound-target{width:100%;margin-bottom:7px}
  #pg-doc-add-prod .docprod-reader-row{display:flex;flex-wrap:nowrap;min-width:0;width:100%;gap:7px;overflow-x:auto;overflow-y:hidden}
  #pg-doc-add-prod .docprod-reader-inputbox{min-width:220px;flex:0 0 220px}
  #pg-doc-add-prod .docprod-reader-icon-btn{width:46px;min-width:46px;flex:0 0 46px}
  #pg-doc-add-prod .docprod-reader-help{display:none}
  #pg-doc-add-prod .docprod-reader-status{margin-top:7px}
}
@media (min-width:701px){
  #pg-doc-add-prod .docprod-target-fixed-panel{grid-template-columns:auto minmax(0,1fr)}
  #pg-doc-add-prod .docprod-target-fixed-panel label{display:block}
}
.stock-ai-card{background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-inset));border:1px solid #303746;border-radius:12px;padding:14px;margin-bottom:14px;box-shadow:0 12px 28px rgba(0,0,0,.22)}
.stock-ai-title{display:flex;align-items:center;gap:9px;color:var(--accent);font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.03em;margin-bottom:13px}
.stock-ai-mark{width:11px;height:11px;border-radius:50%;background:var(--mod-management);box-shadow:0 0 0 5px rgba(29,214,194,.1),0 0 18px rgba(29,214,194,.36)}
.stock-ai-top{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.stock-ai-field{min-width:0}
.stock-ai-min-input{background:var(--bg-inset)!important;color:var(--accent)!important;font-weight:900!important;border:1px solid rgba(245,176,25,.45)!important;border-radius:10px!important;padding:12px!important;font-size:18px!important}
.stock-ai-suggest{background:linear-gradient(180deg,var(--bg-inset),var(--bg-inset));border:1px solid rgba(29,214,194,.75);border-radius:10px;padding:12px;color:var(--mod-management);font-weight:950;font-size:19px;min-height:46px;display:flex;align-items:center}
.stock-ai-apply{background:var(--mod-management)!important;color:var(--on-color)!important;width:100%;justify-content:center;font-size:14px!important;margin-bottom:12px!important;border-radius:10px!important;font-weight:950!important;padding:12px!important}
.stock-ai-apply:hover{background:var(--mod-management)!important}
.stock-ai-stats{font-size:12px;color:var(--text-2);line-height:1.35}
.stock-ai-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
.stock-ai-metric{border:1px solid var(--bg-surface-2);background:var(--bg-inset);border-radius:10px;padding:10px 11px;min-height:72px;display:flex;flex-direction:column;justify-content:center;gap:4px}
.stock-ai-metric span{font-size:10px;color:var(--text-3);text-transform:uppercase;font-weight:850;letter-spacing:.04em}
.stock-ai-metric b{font-size:17px;color:var(--text-1);font-weight:950}
.stock-ai-metric em{font-style:normal;font-size:11px;color:var(--text-3);font-weight:700}
.stock-ai-metric-good{border-color:rgba(54,210,123,.45);background:linear-gradient(180deg,rgba(54,210,123,.09),var(--bg-inset))}
.stock-ai-metric-good b{color:var(--success)}
.stock-ai-metric-warn{border-color:rgba(245,176,25,.5);background:linear-gradient(180deg,rgba(245,176,25,.1),var(--bg-inset))}
.stock-ai-metric-warn b{color:var(--accent)}
.stock-ai-metric-bad{border-color:rgba(255,75,97,.55);background:linear-gradient(180deg,rgba(255,75,97,.1),var(--bg-inset))}
.stock-ai-metric-bad b{color:var(--danger-text)}
.stock-ai-empty{border:1px dashed #3a4250;background:var(--bg-inset);border-radius:10px;padding:12px;color:var(--text-2);display:flex;flex-direction:column;gap:5px}
.stock-ai-empty b{color:var(--text-1);font-size:14px}
.stock-ai-empty strong{color:var(--accent)}
.stock-ai-empty small{color:var(--text-3)}
@media (max-width:760px){.stock-ai-card{padding:12px}.stock-ai-top{grid-template-columns:1fr}.stock-ai-metric-grid{grid-template-columns:1fr 1fr}.stock-ai-metric b{font-size:15px}}
.fab{position:fixed;bottom:calc(24px + var(--safe-bottom));right:calc(18px + var(--safe-right));width:54px;height:54px;border-radius:50%;background:var(--accent);border:none;color:var(--bg-inset);font-size:26px;box-shadow:0 4px 16px rgba(0,0,0,.6);z-index:99;touch-action:none;user-select:none}
.fab.is-dragged{right:auto!important;bottom:auto!important}
.fab.is-dragging{opacity:.86;box-shadow:0 8px 28px rgba(0,0,0,.8);transform:scale(1.04)}
.product-form-body{padding:16px;overflow-y:auto}
.pf-sticky-product-name{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:11px;min-width:0;margin:0 0 12px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--pf-heading-light,var(--accent)) 58%,var(--border-strong));border-radius:12px;background:linear-gradient(145deg,var(--pf-card-blue,var(--bg-surface-2)),var(--pf-card-blue-deep,var(--bg-inset)));box-shadow:0 9px 22px rgba(3,12,27,.34),inset 0 1px 0 rgba(255,255,255,.10)}
.pf-sticky-product-name>span{flex:0 0 auto;color:#dbe7f7;font-size:10px;font-weight:900;letter-spacing:.075em;text-transform:uppercase}
.pf-sticky-product-name>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pf-heading-light,var(--accent));font-size:15px;font-weight:950;letter-spacing:.012em;text-shadow:0 1px 2px rgba(3,12,27,.72)}
.pf-section{--pf-accent:var(--accent);position:relative;background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-inset));border-radius:12px;padding:14px 14px 14px 18px;margin-bottom:14px;border:1px solid color-mix(in srgb,var(--pf-accent) 36%,var(--border-strong));box-shadow:0 10px 24px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.03)}
.pf-section:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:0 8px 8px 0;background:var(--pf-accent);box-shadow:0 0 16px color-mix(in srgb,var(--pf-accent) 34%,transparent)}
.pf-section-ident{--pf-accent:var(--mod-sales)}
.pf-section-place{--pf-accent:var(--info)}
.pf-section-pack{--pf-accent:var(--mod-management)}
.pf-section-stock{--pf-accent:var(--success)}
.pf-section-buy{--pf-accent:var(--accent)}
.pf-section-sale{--pf-accent:var(--mod-sales)}
.pf-section-drs{--pf-accent:var(--success)}
.pf-section-photo{--pf-accent:var(--info)}
.pf-section-title{font-size:12px;color:var(--accent);font-weight:950;margin-bottom:10px;text-transform:uppercase;letter-spacing:.045em;display:flex;align-items:center;gap:8px}
.pf-section .pf-section-title{color:var(--pf-accent)}
.pf-section-title:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 14%,transparent)}
.pf-data-verification{position:relative;display:flex;align-items:center;gap:11px;min-height:58px;margin:0 0 12px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--danger) 48%,var(--border-strong));border-radius:12px;background:color-mix(in srgb,var(--danger) 8%,var(--bg-inset));cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.pf-data-verification>input{position:absolute;opacity:0;pointer-events:none}
.pf-data-verification-dot,.product-data-verification-dot{display:inline-block;flex:0 0 auto;width:12px;height:12px;border-radius:50%;background:var(--danger);border:2px solid color-mix(in srgb,var(--danger) 68%,#fff);box-shadow:0 2px 6px rgba(7,19,38,.24)}
.pf-data-verification-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px;color:var(--text-1)}
.pf-data-verification-copy b{font-size:14px;font-weight:950}.pf-data-verification-copy small{color:var(--text-2);font-size:11px;font-weight:700;line-height:1.35}
.pf-data-verification-copy .is-verified{display:none;color:var(--success-text)}
.pf-data-verification-switch{position:relative;flex:0 0 46px;width:46px;height:26px;border-radius:999px;background:color-mix(in srgb,var(--danger) 35%,var(--bg-page));border:1px solid color-mix(in srgb,var(--danger) 55%,var(--border-strong));box-shadow:inset 0 2px 5px rgba(0,0,0,.28)}
.pf-data-verification-switch i{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.38);transition:transform .18s ease}
.pf-data-verification>input:checked~.pf-data-verification-dot,.product-data-verification-dot.is-verified{background:var(--success);border-color:color-mix(in srgb,var(--success) 65%,#fff);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 16%,transparent),0 0 12px color-mix(in srgb,var(--success) 52%,transparent)}
.pf-data-verification>input:checked~.pf-data-verification-copy .is-unverified{display:none}.pf-data-verification>input:checked~.pf-data-verification-copy .is-verified{display:inline}
.pf-data-verification:has(>input:checked){border-color:color-mix(in srgb,var(--success) 50%,var(--border-strong));background:color-mix(in srgb,var(--success) 8%,var(--bg-inset))}
.pf-data-verification>input:checked~.pf-data-verification-switch{background:color-mix(in srgb,var(--success) 74%,var(--bg-page));border-color:var(--success)}
.pf-data-verification>input:checked~.pf-data-verification-switch i{transform:translateX(20px)}
.pf-data-verification:focus-within{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
.product-data-verification-dot{width:11px;height:11px;flex-basis:11px;border-width:1px;box-shadow:0 2px 5px rgba(7,19,38,.22)}
.product-data-verification-dot.is-verified{box-shadow:none}
.pf-section-help{font-size:12px;color:var(--text-2);line-height:1.35;margin:-4px 0 12px}
.pf-form-grid{display:grid;gap:10px;margin-bottom:10px}
.pf-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.pf-form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.pf-form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
#pg-prod-form select{
  appearance:none!important;
  -webkit-appearance:none!important;
  min-height:44px!important;
  border-radius:11px!important;
  border:1px solid color-mix(in srgb,var(--pf-accent,var(--accent)) 34%,var(--border-strong))!important;
  background:
    linear-gradient(45deg,transparent 50%,var(--accent) 50%) calc(100% - 18px) 18px/7px 7px no-repeat,
    linear-gradient(135deg,var(--bg-surface),var(--bg-inset))!important;
  color:var(--text-1)!important;
  padding:10px 42px 10px 12px!important;
  font-size:15px!important;
  font-weight:850!important;
  line-height:1.2!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 18px rgba(0,0,0,.10)!important;
}
#pg-prod-form select:focus{
  outline:none!important;
  border-color:var(--pf-accent,var(--accent))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--pf-accent,var(--accent)) 22%,transparent),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#pg-prod-form select:disabled{
  opacity:.64!important;
  color:var(--disabled-text)!important;
  background:
    linear-gradient(45deg,transparent 50%,var(--text-3) 50%) calc(100% - 18px) 18px/7px 7px no-repeat,
    linear-gradient(135deg,var(--disabled-bg),var(--bg-page))!important;
}
#pg-prod-form select option{
  background:var(--bg-surface)!important;
  color:var(--text-1)!important;
  font-size:15px!important;
  font-weight:850!important;
  line-height:1.35!important;
  padding:10px 12px!important;
  min-height:38px!important;
}
#pg-prod-form select option:checked{
  background:linear-gradient(135deg,var(--accent),var(--accent-strong))!important;
  color:var(--accent-text)!important;
  font-weight:950!important;
}
#pg-prod-form select option:hover{
  background:color-mix(in srgb,var(--pf-accent,var(--accent)) 18%,var(--bg-surface))!important;
  color:var(--text-1)!important;
}
#pg-prod-form select optgroup{
  background:var(--bg-inset)!important;
  color:var(--accent)!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
}
html[data-theme="light"] #pg-prod-form select{
  background:
    linear-gradient(45deg,transparent 50%,var(--accent) 50%) calc(100% - 18px) 18px/7px 7px no-repeat,
    linear-gradient(135deg,#ffffff,#f1f5fb)!important;
  box-shadow:0 8px 20px rgba(16,24,40,.08)!important;
}
html[data-theme="light"] #pg-prod-form select option{background:#ffffff!important;color:var(--text-1)!important}
html[data-theme="light"] #pg-prod-form select option:checked{background:linear-gradient(135deg,#b36b00,#9c2638)!important;color:#fff!important}
html[data-theme="light"] #pg-prod-form select optgroup{background:#f1f5fb!important;color:var(--accent)!important}
/* Termékszerkesztő: egységes témakék kártyák, világos adatmezők minden témában. */
#pg-prod-form{
  --pf-card-blue:var(--kps-navy-800,#142a4c);
  --pf-card-blue-deep:var(--kps-navy-900,#0d1c35);
  --pf-field-light:#f8fafc;
  --pf-field-light-disabled:#e8edf4;
  --pf-field-ink:#172033;
  --pf-field-muted:#667087;
  --pf-field-sample:#78869c;
  --pf-field-border:#b8c4d6;
  --pf-heading-light:var(--kps-gold-soft,#f4e5a4);
}
#pg-prod-form :where(.pf-section,.pf-subpanel,.pf-promo-card,.pf-photo-gallery-card,.stock-ai-card){
  background:linear-gradient(145deg,var(--pf-card-blue),var(--pf-card-blue-deep))!important;
  background-image:linear-gradient(145deg,var(--pf-card-blue),var(--pf-card-blue-deep))!important;
  box-shadow:0 10px 24px rgba(3,12,27,.28),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
#pg-prod-form :where(.lbl,.pf-section-help,.pf-muted-note,.pf-subpanel-head span,.pf-mini-title,.pf-photo-presentation-settings label){
  color:#dbe7f7;
}
#pg-prod-form :where(.pf-section-title,.pf-subpanel-head span,.pf-mini-title,.stock-ai-title,.pf-promo-head b){
  color:var(--pf-heading-light)!important;
  text-shadow:0 1px 2px rgba(3,12,27,.72);
}
#pg-prod-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
#pg-prod-form select,
#pg-prod-form textarea{
  background:var(--pf-field-light)!important;
  background-image:none!important;
  border-color:var(--pf-field-border)!important;
  color:var(--pf-field-ink)!important;
  color-scheme:light;
  box-shadow:inset 0 1px 2px rgba(13,28,53,.08),0 1px 0 rgba(255,255,255,.55)!important;
}
#pg-prod-form select{
  background:
    linear-gradient(45deg,transparent 50%,var(--pf-card-blue) 50%) calc(100% - 18px) 18px/7px 7px no-repeat,
    var(--pf-field-light)!important;
}
#pg-prod-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"])::placeholder,
#pg-prod-form textarea::placeholder{
  color:var(--pf-field-sample)!important;
  -webkit-text-fill-color:var(--pf-field-sample);
  font-style:italic;
  font-weight:600!important;
  opacity:1;
}
#pg-prod-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
#pg-prod-form select:focus,
#pg-prod-form textarea:focus{
  outline:none!important;
  border-color:var(--pf-accent,var(--accent))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--pf-accent,var(--accent)) 28%,transparent),inset 0 1px 2px rgba(13,28,53,.08)!important;
}
#pg-prod-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):disabled,
#pg-prod-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"])[readonly],
#pg-prod-form select:disabled,
#pg-prod-form textarea:disabled,
#pg-prod-form textarea[readonly]{
  background:var(--pf-field-light-disabled)!important;
  background-image:none!important;
  color:var(--pf-field-muted)!important;
  opacity:1!important;
}
/* A mintaszöveg és a mentett/beírt érték ne legyen összetéveszthető.
   A :placeholder-shown állapot a JS-ből kitöltött, readonly csomagmezőknél is működik. */
#pg-prod-form input[placeholder]:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not(:placeholder-shown),
#pg-prod-form textarea[placeholder]:not(:placeholder-shown){
  color:var(--pf-field-ink)!important;
  -webkit-text-fill-color:var(--pf-field-ink);
  font-style:normal;
  font-weight:900!important;
}
#pg-prod-form select:disabled{
  background:
    linear-gradient(45deg,transparent 50%,var(--pf-field-muted) 50%) calc(100% - 18px) 18px/7px 7px no-repeat,
    var(--pf-field-light-disabled)!important;
}
#pg-prod-form select option{background:#fff!important;color:var(--pf-field-ink)!important}
#pg-prod-form select optgroup{background:var(--pf-field-light-disabled)!important;color:var(--pf-card-blue)!important}
.pf-inline-control{display:flex;align-items:center;gap:8px}
.pf-barcode-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;min-width:0}
.pf-barcode-control input{min-width:0;margin-bottom:0!important}
.pf-barcode-generate{min-width:116px;min-height:48px;border:1px solid color-mix(in srgb,var(--accent) 76%,#876600);border-radius:10px;background:linear-gradient(180deg,#fff8da,#ecdfaa);color:#523d00;padding:8px 11px;font-size:11px;font-weight:950;line-height:1.15;cursor:pointer;box-shadow:0 3px 9px rgba(3,12,27,.16)}
.pf-barcode-generate:disabled{background:#e2e7ef;color:#68758a;border-color:#aeb9c9;cursor:wait;box-shadow:none}
.pf-barcode-internal-note{margin:9px 2px 0;padding:8px 10px;border:1px solid rgba(114,185,240,.58);border-radius:9px;background:rgba(18,47,82,.72);color:#dce7f5;font-size:10px;font-weight:750;line-height:1.4}
.pf-subpanel{background:color-mix(in srgb,var(--bg-page) 76%,var(--pf-accent));border:1px solid color-mix(in srgb,var(--pf-accent) 22%,var(--border-strong));border-radius:10px;padding:11px;margin-top:10px}
.pf-promo-card{margin-top:12px;padding:12px;border:1px solid color-mix(in srgb,var(--danger) 42%,var(--border-strong));border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--danger) 9%,var(--bg-page)),var(--bg-inset));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.pf-promo-card.is-active{border-color:rgba(255,75,97,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.pf-promo-card.is-scheduled{border-color:color-mix(in srgb,var(--info) 58%,var(--border-strong))}
.pf-promo-card.is-expired{border-color:var(--border-strong);filter:saturate(.72)}
.pf-promo-card.is-invalid{border-color:color-mix(in srgb,var(--warning) 68%,var(--border-strong))}
.pf-promo-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.pf-promo-head>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.pf-promo-head b{color:var(--text-1);font-size:15px;font-weight:950}
.pf-promo-kicker{color:var(--danger-text);font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.07em}
.pf-promo-badge{flex:0 0 auto;border:1px solid rgba(255,75,97,.68);border-radius:999px;background:rgba(255,75,97,.16);color:var(--danger-text);padding:5px 9px;font-size:10px;font-weight:950;letter-spacing:.06em}
.pf-promo-grid{margin-bottom:8px}
.pf-promo-grid input{min-height:44px}
.pf-promo-reference-note{display:block;margin-top:4px;color:var(--text-3);font-size:9px;font-weight:750;line-height:1.25}.pf-promo-reference-note.is-warning{color:var(--warning)}.pf-promo-reference-note.is-complete{color:var(--success)}
.pf-promo-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pf-promo-status{color:var(--text-3);font-size:11px;font-weight:800;line-height:1.35}
.pf-promo-status.is-active{color:var(--danger-text)}
.pf-promo-status.is-scheduled{color:#8fc7ff}
.pf-promo-status.is-invalid{color:var(--warning)}
.pf-promo-clear{flex:0 0 auto;min-height:36px;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-surface-2);color:var(--text-2);padding:7px 10px;font-size:11px;font-weight:900;cursor:pointer}
.pf-promo-clear:disabled{opacity:.38;cursor:not-allowed}
.pf-pack-inline{margin-top:0}
.pf-shared-barcode{display:flex;align-items:center;gap:10px;min-height:48px;margin:6px 0 12px;color:var(--text-1);font-size:14px;line-height:1.4;cursor:pointer}
.pf-pack-inline .pf-shared-barcode input[type="checkbox"]{flex:0 0 22px;width:22px;height:22px;min-height:22px;margin:0;accent-color:var(--accent)}
.product-shared-barcode-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(680px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid var(--border-strong);border-radius:18px;background:var(--bg-surface);color:var(--text-1);box-shadow:0 24px 80px #0008}
.product-shared-barcode-dialog::backdrop{background:rgba(0,0,0,.78)}
.product-shared-barcode-dialog h2{margin:0 0 12px;font-size:24px;overflow-wrap:anywhere}
.product-shared-barcode-dialog p{margin:0 0 20px;font-size:16px;line-height:1.5;color:var(--text-2)}
.product-shared-barcode-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:12px}
.product-shared-barcode-options button{min-height:88px;padding:16px;border:2px solid var(--accent);border-radius:12px;background:var(--bg-inset);color:var(--text-1);font-size:20px;font-weight:800;cursor:pointer}
.product-shared-barcode-cancel{display:block;min-height:48px;margin:18px 0 0 auto;padding:10px 22px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-inset);color:var(--text-2);font-size:16px;cursor:pointer}
.product-shared-barcode-dialog button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.product-shared-barcode-dialog button:disabled{opacity:.5;cursor:not-allowed}
.pf-pack-inline input{margin-bottom:8px}
.pf-pack-inline input:last-child{margin-bottom:0}
.pf-subpanel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.pf-subpanel-head span,.pf-mini-title{font-size:11px;color:var(--text-3);font-weight:950;text-transform:uppercase;letter-spacing:.055em}
.pf-muted-note{font-size:11px;color:var(--text-3);line-height:1.35;margin-top:6px}
.pf-nested-section{margin:12px 0 0;box-shadow:none}
.pf-section-toggle-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
/* A két kedvezmény-kártya egymás mellett azonos magasságú; a Kalkulátor
   gomb és a magyarázó sor mindkettőben a kártya aljára igazodik. */
.pf-price-grid{align-items:stretch;margin-top:12px;margin-bottom:0}
.pf-price-grid>.pf-subpanel{display:flex;flex-direction:column;box-sizing:border-box;margin-top:10px}
.pf-price-grid>.pf-subpanel>button{margin-top:auto!important}
.pf-price-grid>.pf-subpanel>.pf-muted-note{margin-top:6px}
.pf-bulk-discount-fields>.pf-discount-field,.pf-bulk-discount-fields>div{display:flex;flex-direction:column;min-width:0}
.pf-carton-discount-fields{display:flex;flex-direction:column;min-width:0}
.pf-discount-control-row{margin-bottom:10px}
.pf-discount-control-row .lbl{display:flex;align-items:flex-end;min-height:2.45em;line-height:1.2}
.pf-collapsible-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.pf-collapsible-head .pf-section-title{margin-bottom:5px}
.pf-collapse-toggle{background:var(--bg-surface-2)!important;color:var(--text-2)!important;border:1px solid var(--border-strong)!important;padding:8px 12px!important;white-space:nowrap;box-shadow:none!important}
.pf-collapsible-body{margin-top:10px}
.pf-section.is-collapsed .pf-collapsible-body{display:none}
.pf-section.is-collapsed{background:linear-gradient(180deg,var(--bg-surface),var(--bg-inset))}
.pf-section-supplier-ref{border-color:rgba(29,214,194,.72);background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-inset))}
.pf-section-supplier-ref .pf-section-title{color:var(--mod-management)}
.pf-section-supplier-ref .pf-section-title:before{background:var(--mod-management);box-shadow:0 0 0 4px rgba(29,214,194,.12)}
.pf-ref-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px}
.pf-ref-list{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}
.pf-ref-chip{border:1px solid rgba(245,176,25,.4);background:var(--bg-page);color:var(--text-2);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}
.pf-ref-chip b{color:var(--accent)}
@media (max-width:900px){.pf-form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-ref-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.product-form-body{padding:12px}.pf-section{padding:12px 12px 12px 16px;border-radius:10px}.pf-ref-grid,.pf-form-grid.two,.pf-form-grid.three,.pf-form-grid.four,.pf-price-grid{grid-template-columns:1fr}.pf-inline-control{align-items:stretch}.pf-inline-control button{flex:0 0 auto}.pf-barcode-control{grid-template-columns:minmax(0,1fr) minmax(104px,auto)}.pf-barcode-generate{min-width:104px;padding:7px 8px}.pf-section-toggle-head,.pf-collapsible-head{align-items:flex-start;flex-direction:column}.pf-promo-footer{align-items:stretch;flex-direction:column}.pf-promo-clear{width:100%}}

/* Termékszerkesztő – átlátható, nagy kontrasztú és tabletbarát munkafelület. */
#pg-prod-form .pf-form-topbar{gap:8px}
#pg-prod-form .pf-form-topbar .ttl{font-size:clamp(15px,1.75vw,20px);letter-spacing:.035em}
#pg-prod-form .pf-topbar-action{flex:0 0 auto;min-width:44px!important;max-width:128px;height:44px!important;padding:0 11px!important;overflow:hidden}
#pg-prod-form .pf-topbar-action-icon{flex:0 0 auto;font-size:20px;line-height:1}
#pg-prod-form .pf-topbar-action-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900}
#pg-prod-form .product-form-body{box-sizing:border-box;width:min(100%,1460px);min-height:0;margin:0 auto;padding:16px clamp(14px,2vw,24px);scrollbar-gutter:stable;overscroll-behavior:contain}
#pg-prod-form .pf-sticky-product-name{min-height:42px;box-sizing:border-box;margin-bottom:14px;padding:9px 14px;border-color:color-mix(in srgb,var(--pf-heading-light) 66%,#6980a0);box-shadow:0 8px 20px rgba(3,12,27,.30),inset 0 1px 0 rgba(255,255,255,.12)}
#pg-prod-form .pf-sticky-product-name>span{color:#e6eef9;font-size:10px}
#pg-prod-form .pf-sticky-product-name>strong{font-size:16px}
#pg-prod-form>.badge{min-height:28px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-bottom:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));background:color-mix(in srgb,var(--pf-field-light) 88%,var(--accent));color:color-mix(in srgb,var(--accent) 82%,#5b4400)}
#pg-prod-form .pf-section{margin-bottom:12px;padding:15px 16px 16px 20px;border-color:color-mix(in srgb,var(--pf-accent) 52%,#647895);box-shadow:0 7px 18px rgba(3,12,27,.22),inset 0 1px 0 rgba(255,255,255,.08)}
#pg-prod-form .pf-section:before{top:10px;bottom:10px}
#pg-prod-form .pf-section-title{margin-bottom:12px;font-size:13px;letter-spacing:.055em}
#pg-prod-form :where(.pf-subpanel,.pf-promo-card,.pf-photo-gallery-card,.stock-ai-card){background:linear-gradient(145deg,#17345c,#102440)!important;background-image:linear-gradient(145deg,#17345c,#102440)!important;border-color:rgba(197,211,231,.52)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 5px 14px rgba(3,12,27,.18)!important}
#pg-prod-form .pf-subpanel{padding:12px;margin-top:9px}
#pg-prod-form :where(.lbl,.pf-section-help,.pf-muted-note,.pf-subpanel-head span,.pf-mini-title,.pf-photo-presentation-settings label){color:#e4edf9!important}
#pg-prod-form .lbl{margin-bottom:5px;font-size:11px;font-weight:850;line-height:1.25;letter-spacing:.025em}
#pg-prod-form :where(.pf-section-help,.pf-muted-note){font-size:11px;font-weight:700;line-height:1.45}
#pg-prod-form .pf-section-help{color:#cbd8e8!important}
#pg-prod-form .pf-muted-note{color:#c4d2e5!important}
#pg-prod-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
#pg-prod-form select,
#pg-prod-form textarea{min-height:48px;box-sizing:border-box;border-radius:10px!important;padding:10px 12px!important;font-size:15px!important;font-weight:750!important;line-height:1.25}
#pg-prod-form :where(input[type="number"],input[inputmode="numeric"],input[inputmode="decimal"]){
  color:#10192b!important;
  -webkit-text-fill-color:#10192b!important;
  font-family:var(--font-mono)!important;
  font-size:17px!important;
  font-weight:950!important;
  letter-spacing:.012em;
  font-variant-numeric:tabular-nums lining-nums;
}
#pg-prod-form :where(.pf-number-emphasis,#pf-buy-hint b,.stock-ai-empty strong){
  color:var(--pf-heading-light)!important;
  font-family:var(--font-mono)!important;
  font-size:13px;
  font-weight:950!important;
  letter-spacing:.012em;
  font-variant-numeric:tabular-nums lining-nums;
  text-shadow:0 1px 2px rgba(3,12,27,.78);
}
#pg-prod-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):disabled,
#pg-prod-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"])[readonly],
#pg-prod-form select:disabled,
#pg-prod-form textarea:disabled,
#pg-prod-form textarea[readonly]{color:#536178!important;font-weight:750!important;border-color:#c7d0dd!important}
#pg-prod-form :where(input[type="number"],input[inputmode="numeric"],input[inputmode="decimal"]):is(:disabled,[readonly]){
  color:#27354b!important;
  -webkit-text-fill-color:#27354b!important;
  font-weight:950!important;
  opacity:1!important;
}
#pg-prod-form .app-num-field{grid-template-columns:minmax(0,1fr) 50px;gap:8px}
#pg-prod-form .app-num-trigger{width:50px;min-height:48px;border-radius:10px;box-shadow:none}
#pg-prod-form .pf-inline-control{min-width:0}
#pg-prod-form .pf-inline-control>*{min-width:0}
#pg-prod-form #b-pf-cat-mgr,#pg-prod-form #b-bc-unlock{min-height:48px!important;border:1px solid color-mix(in srgb,var(--accent) 72%,#876600)!important;border-radius:10px!important;background:linear-gradient(180deg,#fff8da,#ecdfaa)!important;color:#523d00!important;padding:9px 13px!important;font-size:12px!important;font-weight:950!important;box-shadow:0 3px 9px rgba(3,12,27,.16)!important}
#pg-prod-form #b-bc-unlock:disabled{background:#e2e7ef!important;color:#68758a!important;border-color:#aeb9c9!important;opacity:1!important}
#pg-prod-form .pf-data-verification{min-height:54px;padding:9px 12px;background:#fff7f7;border-color:#dfa6ae;box-shadow:inset 0 1px 2px rgba(113,26,42,.06)}
#pg-prod-form .pf-data-verification-copy{color:#172033}
#pg-prod-form .pf-data-verification-copy b{color:#172033;font-size:14px}
#pg-prod-form .pf-data-verification-copy small{color:#536178;font-size:11px}
#pg-prod-form .pf-data-verification:has(>input:checked){background:#f2fbf5;border-color:#82c59e}
#pg-prod-form .pf-location-grid{grid-template-columns:minmax(180px,.9fr) minmax(250px,1.35fr) minmax(120px,.55fr);align-items:start}
#pg-prod-form .pf-stock-grid{align-items:start}
#pg-prod-form .pf-stock-summary-column label[for="pf-shelf"]{margin-top:12px}
#pg-prod-form .pf-pack-card-grid>.pf-subpanel{margin-top:0}
#pg-prod-form .pf-pallet-grid{align-items:end}
#pg-prod-form .pf-price-grid>.pf-subpanel{margin-top:0}
#pg-prod-form .pf-promo-reference-note{margin-top:6px;color:#d5dfed;font-size:10px;font-weight:800;line-height:1.35}
#pg-prod-form .pf-promo-reference-note.is-warning{color:#ffd166}
#pg-prod-form .pf-promo-status{color:#cbd8e8;font-size:11px;line-height:1.4}
#pg-prod-form .pf-promo-clear:disabled{background:#dfe5ee;color:#6a7688;border-color:#b9c3d1;opacity:1}
#pg-prod-form .stock-ai-suggest{min-height:48px;box-sizing:border-box;background:#f7fbff;color:#196f75}
#pg-prod-form .stock-ai-stats{color:#46556d}
#pg-prod-form .stock-ai-empty{border-color:#aab7c8;background:#f4f7fb;color:#46556d}
#pg-prod-form .stock-ai-empty b{color:#172033}
#pg-prod-form .stock-ai-empty small{color:#637087}
#pg-prod-form .pf-section-drs .pf-section-toggle-head>div:last-child>span{color:#dce7f5!important;font-weight:800}
#pg-prod-form .pf-photo-preview-wrap{max-width:480px;height:220px;margin-bottom:10px;background:radial-gradient(circle at 50% 42%,#f8f5eb,#e9edf3)}
#pg-prod-form .pf-photo-preview-wrap.photo-bg-warm{background:#f5f0e6}
#pg-prod-form .pf-photo-preview-wrap.photo-bg-neutral{background:#f2f4f7}
#pg-prod-form .pf-photo-preview-wrap.photo-bg-dark{background:#182231}
#pg-prod-form .pf-photo-preview-wrap.photo-bg-category{background:linear-gradient(145deg,#edf3f0,#dfe9e4)}
#pg-prod-form .pf-photo-count{color:#dce7f5;font-size:11px}
#pg-prod-form .pf-photo-format{color:#9ed3ff}
#pg-prod-form .pf-photo-guidance{border-color:#72b9f0;background:#f2f6fb;color:#4d5d74;font-size:11px;font-weight:700;line-height:1.5}
#pg-prod-form .pf-photo-file-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
#pg-prod-form .pf-photo-file-actions .sbtn{min-height:48px;padding:10px 12px;font-size:12px}
#pg-prod-form .pf-form-actions{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:10px;margin-top:4px}
#pg-prod-form .pf-form-actions button{width:100%;min-height:52px;margin:0!important;border-radius:11px!important;padding:11px 14px!important;font-size:14px!important;font-weight:950!important;cursor:pointer}
#pg-prod-form #b-pf-savebtn{border:1px solid color-mix(in srgb,var(--accent) 78%,#755800)!important;background:linear-gradient(135deg,var(--accent),var(--accent-strong))!important;color:var(--accent-text)!important;box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 25%,transparent)!important}
#pg-prod-form #b-pf-qr{border:1px solid color-mix(in srgb,var(--accent) 72%,#8b6c14)!important;background:#fffdf5!important;color:#725500!important;box-shadow:0 5px 14px rgba(3,12,27,.10)}
@media (max-width:1100px){
  #pg-prod-form .pf-topbar-action{max-width:48px;padding:0 10px!important}
  #pg-prod-form .pf-topbar-action-label{display:none}
  #pg-prod-form .pf-photo-file-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  #pg-prod-form .pf-photo-file-actions .product-photo-studio-launch{grid-column:1 / -1}
}
@media (max-width:980px){
  #pg-prod-form .pf-pack-card-grid,#pg-prod-form .pf-price-grid{grid-template-columns:1fr}
  #pg-prod-form .pf-pack-card-grid>.pf-subpanel+ .pf-subpanel{margin-top:2px}
  #pg-prod-form .pf-price-grid>.pf-subpanel+ .pf-subpanel{margin-top:2px}
  #pg-prod-form .pf-photo-preview-wrap{height:205px}
}
@media (max-width:760px){
  #pg-prod-form .product-form-body{padding:12px}
  #pg-prod-form .pf-sticky-product-name{align-items:flex-start;flex-direction:column;gap:3px}
  #pg-prod-form .pf-location-grid{grid-template-columns:1fr}
  #pg-prod-form .pf-photo-file-actions,#pg-prod-form .pf-photo-presentation-settings,#pg-prod-form .pf-form-actions{grid-template-columns:1fr}
  #pg-prod-form .pf-photo-file-actions .product-photo-studio-launch{grid-column:auto}
  #pg-prod-form .pf-section-toggle-head,#pg-prod-form .pf-collapsible-head{width:100%}
  #pg-prod-form .pf-section-toggle-head>div:last-child,#pg-prod-form .pf-collapse-toggle{width:100%}
  #pg-prod-form .pf-section-toggle-head>div:last-child{justify-content:space-between}
}
@media (max-width:520px){
  #pg-prod-form .pf-form-topbar{gap:5px}
  #pg-prod-form .pf-form-topbar .ttl{font-size:14px;letter-spacing:.02em}
  #pg-prod-form .pf-topbar-action{min-width:40px!important;max-width:40px;height:40px!important;padding:0!important}
  #pg-prod-form .pf-section{padding:13px 12px 14px 17px}
  #pg-prod-form .pf-data-verification{align-items:flex-start}
  #pg-prod-form .pf-data-verification-switch{margin-top:2px}
  #pg-prod-form .pf-photo-preview-wrap{height:190px}
}
.field{margin-bottom:14px}
.lbl{font-size:11px;color:var(--text-3);margin-bottom:4px;display:block;text-transform:uppercase}
.sbtn{padding:11px 18px;border-radius:10px;font-weight:800;font-size:14px;cursor:pointer;border:1px solid transparent;box-shadow:0 6px 16px rgba(0,0,0,.16);transition:transform .14s ease,filter .14s ease,box-shadow .14s ease;line-height:1.25}
.sbtn:hover{transform:translateY(-1px);filter:brightness(1.1)}
.sbtn:active{transform:translateY(0);filter:brightness(.96)}
.sbtn.acc{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:var(--accent-text);border-color:var(--accent-strong)}
.sbtn.red{background:linear-gradient(135deg,var(--mod-sales),var(--mod-sales-strong));color:var(--on-color);border-color:var(--mod-sales-strong)}
.sbtn.green{background:linear-gradient(135deg,var(--success),color-mix(in srgb,var(--success) 62%,black));color:var(--on-color);border-color:var(--success)}
.sbtn.yellow{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:var(--accent-text);border-color:var(--accent-strong)}
.sbtn.grey{background:var(--bg-surface-2);color:var(--text-2);border-color:var(--border-strong);box-shadow:0 4px 12px rgba(0,0,0,.10)}
.sbtn.grey:hover{background:var(--bg-inset);color:var(--text-1)}
.sbtn[disabled],.sbtn:disabled{opacity:.55;cursor:not-allowed;transform:none!important;filter:none!important}
.wh-shelf-row{margin:0 16px 10px;border:1px solid var(--border-strong);border-radius:12px;background:linear-gradient(180deg,var(--bg-surface),var(--bg-page));gap:12px}
.wh-shelf-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:color-mix(in srgb,var(--info) 13%,var(--bg-inset));border:1px solid color-mix(in srgb,var(--info) 42%,var(--border-strong));font-size:20px;flex:0 0 42px}
.wh-shelf-main{min-width:0;flex:1}
.wh-shelf-name{color:var(--text-1);font-size:16px;font-weight:950;line-height:1.15}
.wh-shelf-count{margin-top:4px;color:var(--text-3);font-size:12px;font-weight:850}
.wh-shelf-action,.wh-shelf-delete{width:42px;height:42px;border-radius:11px;border:1px solid var(--border-strong);background:var(--bg-inset);color:var(--text-2);font-size:17px;font-weight:950;flex:0 0 42px}
.wh-shelf-action:hover{border-color:var(--accent);color:var(--accent)}
.wh-shelf-delete{border-color:color-mix(in srgb,var(--danger) 38%,var(--border-strong));color:var(--danger-text)}
.wh-shelf-rename-input{min-height:38px!important;font-size:16px!important;font-weight:950!important}
.tabs{display:flex;overflow-x:auto;overflow-y:visible;flex-shrink:0;background:var(--bg-surface);border-bottom:1px solid var(--border-strong)}
.tabs::-webkit-scrollbar{display:none}
.tab{padding:12px 14px;border:none;border-bottom:2px solid transparent;background:none;color:var(--text-3);font-size:12px;white-space:nowrap;cursor:pointer}
.tab.on{color:var(--text-1);font-weight:700;border-bottom-color:var(--accent)}
.doc-filter-panel{margin:10px 12px 8px;border:1px solid rgba(232,160,32,.46);border-radius:14px;background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-surface));box-shadow:0 12px 28px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}
.doc-filter-toggle{width:100%;min-height:54px;border:none;background:linear-gradient(90deg,color-mix(in srgb, var(--accent) 22%, transparent),var(--bg-surface));color:var(--text-1);display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;text-align:left;cursor:pointer}
.doc-filter-toggle span{font-size:14px;font-weight:950;text-transform:uppercase;letter-spacing:.07em;color:var(--accent)}
.doc-filter-toggle small{font-size:12px;font-weight:800;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.doc-filter-toggle b{border:1px solid rgba(232,160,32,.45);border-radius:999px;background:var(--bg-page);color:var(--accent);padding:7px 12px;font-size:12px;font-weight:950}
.doc-filter-toggle b:after{content:" ▾";font-size:10px;opacity:.85}
.doc-filter-panel.is-open .doc-filter-toggle b:after{content:" ▴"}
.doc-filter-body{padding:12px;border-top:1px solid rgba(232,160,32,.22);background:linear-gradient(180deg,var(--bg-page),var(--bg-page))}
.doc-filter-panel.is-closed .doc-filter-body{display:none}
.doc-filter-panel.is-open{border-color:rgba(232,160,32,.78);box-shadow:0 16px 34px rgba(0,0,0,.42),0 0 0 1px rgba(232,160,32,.08)}
.doc-filter-body #doc-search{background:var(--bg-inset);border:1px solid #3b414e;border-radius:10px;padding:11px 13px;width:100%;font-size:14px;color:var(--text-1);box-sizing:border-box;margin-bottom:8px;outline:none}
.doc-filter-body #doc-search:focus,.doc-filter-date-row input:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(232,160,32,.18)}
.doc-filter-date-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;gap:7px;align-items:center}
.doc-filter-date-row input{background:var(--bg-inset);border:1px solid #3b414e;border-radius:9px;padding:9px 10px;font-size:13px;color:var(--text-1);outline:none}
.doc-filter-date-row span{color:var(--text-3);font-size:13px;font-weight:900}
.doc-filter-date-row button{height:38px;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-surface-2);color:var(--text-2);font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap;padding:0 12px}
.doc-filter-date-row button:hover{filter:brightness(1.12)}
.doc-quick-date-filter{display:grid;grid-template-columns:auto repeat(3,minmax(130px,1fr));gap:7px;align-items:center;margin-top:8px;padding:8px;border:1px solid var(--border-strong);border-radius:10px;background:linear-gradient(180deg,var(--bg-page),var(--bg-page))}
.doc-quick-date-title{font-size:11px;font-weight:950;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:0 4px}
.doc-quick-date-filter select{height:38px;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-page);color:var(--text-1);padding:0 10px;font-size:13px;font-weight:800;outline:none}
.doc-quick-date-filter select:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(232,160,32,.18)}
@media (max-width:720px){.doc-filter-toggle{flex-wrap:wrap}.doc-filter-toggle small{position:static;flex:0 0 100%;max-width:100%;text-align:center}.doc-filter-date-row,.doc-quick-date-filter{grid-template-columns:1fr}.doc-quick-date-title{padding:0}}
#pg-docs #doc-tabs{gap:4px;padding:0 8px;background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-page))!important;border-bottom:1px solid var(--border-strong);scrollbar-width:none}
#pg-docs #doc-tabs .doc-tab-pill{min-width:132px;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;line-height:1.15;border-radius:10px 10px 0 0;margin-top:6px;border:1px solid var(--bg-surface-2)!important;border-bottom-width:3px;background:var(--bg-page);color:var(--text-2);font-size:12px;font-weight:850;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .14s ease,filter .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease}
#pg-docs #doc-tabs .doc-tab-pill.on{background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-inset))!important;color:var(--text-1)!important;border-color:color-mix(in srgb, var(--accent) 33%, transparent)!important;border-bottom-color:var(--accent)!important;box-shadow:0 8px 20px rgba(0,0,0,.24),inset 0 -3px 0 var(--accent)}
#pg-docs #doc-tabs .doc-tab-pill[data-doctab="prein"].on{background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-surface-2))!important;border-color:color-mix(in srgb, var(--mod-management) 47%, transparent)!important;border-bottom-color:var(--mod-management)!important;box-shadow:0 10px 22px rgba(29,214,194,.15),inset 0 -3px 0 var(--mod-management)}
#pg-docs #doc-tabs .doc-tab-pill small{font-size:11px;color:var(--text-3);font-weight:900;line-height:1}
#pg-docs #doc-tabs .doc-tab-pill.on small{color:var(--accent)}
#pg-docs #doc-tabs .doc-tab-label{pointer-events:none;max-width:126px;overflow:hidden;text-overflow:ellipsis}
#pg-docs #doc-tabs .doc-tab-pill:hover{filter:brightness(1.16);transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.28)}
@media (max-width:720px){#pg-docs #doc-tabs{padding:0 6px}#pg-docs #doc-tabs .doc-tab-pill{min-width:112px;min-height:56px;font-size:11px;padding:10px 11px}}
.doc-create-modal{position:fixed;inset:0;z-index:240;background:rgba(0,0,0,.68);display:flex;align-items:center;justify-content:center;padding:18px;box-sizing:border-box;backdrop-filter:blur(6px)}
.doc-create-panel{width:min(760px,100%);background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-surface));border:1px solid var(--border-strong);border-radius:16px;box-shadow:0 28px 70px rgba(0,0,0,.62);overflow:hidden}
.doc-create-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid var(--border-strong)}
.doc-create-head b{font-size:18px;color:var(--text-1);font-weight:950;text-transform:uppercase;letter-spacing:.035em}
.doc-create-head button{width:36px;height:36px;border:none;border-radius:10px;background:var(--bg-surface-2);color:var(--text-2);font-size:24px;line-height:1;cursor:pointer}
.doc-create-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;padding:14px}
.doc-create-option{--doc-create-accent:var(--accent);min-height:82px;border:1px solid color-mix(in srgb,var(--doc-create-accent) 38%,var(--border-strong));border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--doc-create-accent) 22%,var(--bg-surface)),var(--bg-page));color:var(--text-1);display:flex;align-items:center;gap:12px;text-align:left;padding:13px;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.26);transition:transform .15s ease,filter .15s ease,border-color .15s ease,box-shadow .15s ease}
.doc-create-option:hover{transform:translateY(-1px);filter:brightness(1.12);box-shadow:0 16px 32px rgba(0,0,0,.36)}
.doc-create-option.is-in{--doc-create-accent:var(--mod-management)}
.doc-create-option.is-out{--doc-create-accent:var(--info)}
.doc-create-option.is-sale{--doc-create-accent:var(--mod-sales)}
.doc-create-option.is-loan{--doc-create-accent:var(--mod-admin)}
.doc-create-option.is-transfer{--doc-create-accent:var(--info)}
.doc-create-option.is-inventory{--doc-create-accent:var(--accent)}
.doc-create-option.is-scrap{--doc-create-accent:var(--danger)}
.doc-create-icon{width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--doc-create-accent) 24%,var(--bg-page));color:var(--doc-create-accent);display:flex;align-items:center;justify-content:center;flex:0 0 42px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--doc-create-accent) 42%,transparent)}
.doc-create-icon .app-icon{width:23px;height:23px}
.doc-create-option b{display:block;font-size:15px;font-weight:950;color:var(--text-1);margin-bottom:3px}
.doc-create-option small{display:block;font-size:11px;line-height:1.25;color:var(--text-2);font-weight:750}
@media (max-width:520px){.doc-create-modal{align-items:flex-end;padding:10px}.doc-create-panel{border-radius:16px 16px 12px 12px}.doc-create-grid{grid-template-columns:1fr}.doc-create-head b{font-size:16px}}
.server-doc-archive-period-modal{position:fixed;inset:0;z-index:18000;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:calc(18px + var(--safe-top)) calc(18px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(18px + var(--safe-left));box-sizing:border-box;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.server-doc-archive-period-panel{width:min(520px,100%);max-height:min(82vh,680px);display:flex;flex-direction:column;background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-surface));border:1px solid var(--border-strong);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.62);overflow:hidden}
.server-doc-archive-period-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid var(--border-strong)}
.server-doc-archive-period-head small{display:block;color:var(--accent);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.server-doc-archive-period-head b{display:block;color:var(--text-1);font-size:19px;font-weight:950;line-height:1.15}
.server-doc-archive-period-head button{width:40px;height:40px;border:1px solid var(--border-strong);border-radius:12px;background:var(--bg-inset);color:var(--text-2);font-size:28px;line-height:1;cursor:pointer;flex:0 0 40px}
.server-doc-archive-period-lead{margin:0;padding:13px 18px;color:var(--text-2);font-size:13px;font-weight:750;line-height:1.35;border-bottom:1px solid var(--border-strong);background:color-mix(in srgb,var(--accent) 9%,transparent)}
.server-doc-archive-period-list{display:grid;gap:9px;padding:14px;overflow:auto}
.server-doc-archive-period-choice{width:100%;min-height:72px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border-strong));border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,var(--bg-surface)),var(--bg-page));color:var(--text-1);display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;padding:14px 16px;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.24);transition:transform .14s ease,filter .14s ease,border-color .14s ease}
.server-doc-archive-period-choice:hover,.server-doc-archive-period-choice:focus{filter:brightness(1.13);transform:translateY(-1px);border-color:var(--accent);outline:none}
.server-doc-archive-period-choice b{display:block;color:var(--text-1);font-size:20px;font-weight:950;line-height:1}
.server-doc-archive-period-choice small{display:block;color:var(--text-3);font-size:12px;font-weight:850;margin-top:7px}
.server-doc-archive-period-choice strong{display:inline-flex;align-items:center;justify-content:center;min-width:76px;min-height:42px;border-radius:11px;background:color-mix(in srgb,var(--accent) 18%,var(--bg-inset));border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);color:var(--accent);font-size:18px;font-weight:950;white-space:nowrap}
.server-doc-archive-period-actions{padding:12px 14px 14px;border-top:1px solid var(--border-strong)}
.server-doc-archive-period-actions button{width:100%;min-height:48px;border:1px solid var(--border-strong);border-radius:12px;background:var(--bg-inset);color:var(--text-2);font-size:15px;font-weight:900;cursor:pointer}
@media (max-width:520px){.server-doc-archive-period-modal{align-items:flex-end;padding:10px calc(10px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(10px + var(--safe-left))}.server-doc-archive-period-panel{border-radius:16px 16px 12px 12px;max-height:86vh}.server-doc-archive-period-choice{min-height:66px}.server-doc-archive-period-choice b{font-size:18px}}
.products-sticky-head{position:sticky;top:0;z-index:6;background:var(--bg-page);flex-shrink:0}
.product-category-browser{background:var(--bg-page);border-bottom:1px solid var(--border-strong);flex-shrink:0;min-width:0}
.product-category-path{display:flex;align-items:center;gap:7px;min-height:42px;padding:5px 10px;background:var(--bg-page);border-bottom:1px solid color-mix(in srgb,var(--accent) 24%,var(--border-strong));cursor:pointer}
.product-category-back{width:38px;min-width:38px;height:34px;display:grid;place-items:center;padding:0;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--border-strong));border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,var(--bg-inset));color:var(--accent);line-height:0;cursor:pointer}
.product-category-back .product-category-back-icon{display:block;width:19px;height:19px;margin:0;fill:none;stroke:currentColor;stroke-width:3.1;stroke-linecap:round;stroke-linejoin:round}
.product-category-crumbs{display:flex;align-items:center;gap:6px;min-width:0;flex:1;overflow-x:auto;scrollbar-width:none;white-space:nowrap;padding:1px 2px}
.product-category-crumbs::-webkit-scrollbar{display:none}
.product-category-crumbs button:not(.product-category-crumb-current){min-height:30px;border:0;background:transparent;color:var(--text-3);font-size:11px;font-weight:850;letter-spacing:.02em;cursor:pointer;padding:4px 3px;white-space:nowrap}
.product-category-crumb-separator{color:var(--text-3);font-size:15px;opacity:.7}
.product-category-crumb-current{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border-strong));border-radius:9px;background:color-mix(in srgb,var(--accent) 12%,var(--bg-inset));color:var(--accent);font-size:12px;font-weight:950;white-space:nowrap}
.product-category-toggle{display:grid;place-items:center;width:34px;min-width:34px;height:32px;padding:0;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border-strong));border-radius:10px;background:color-mix(in srgb,var(--accent) 10%,var(--bg-inset));color:var(--accent);cursor:pointer;line-height:0}
.product-category-toggle-icon{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
.product-category-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch;min-width:0;background:var(--bg-page)}
.product-category-level-row{max-height:72px;min-height:0;overflow:hidden;opacity:1;transform:translateY(0);border-top:0;transition:max-height .2s ease,opacity .16s ease,transform .2s ease}
.product-category-level-row.is-root-level{grid-template-columns:minmax(0,1fr)}
.product-category-browser.is-auto-collapsed .product-category-level-row{max-height:0;opacity:0;transform:translateY(-7px);pointer-events:none}
.product-category-browser.is-auto-collapsed .product-category-path{border-bottom-color:transparent}
.product-category-browser.is-auto-collapsed .product-category-toggle-icon{transform:rotate(180deg)}
.product-category-sub-row,.product-category-third-row{grid-template-columns:auto minmax(0,1fr);border-top:1px solid color-mix(in srgb,var(--accent) 24%,var(--border-strong))}
.product-category-back-cell{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:10px 10px 10px 12px;background:var(--bg-page);border-right:1px solid color-mix(in srgb,var(--accent) 42%,var(--border-strong));box-shadow:10px 0 18px rgba(0,0,0,.18)}
.product-category-fixed{position:relative;z-index:2;display:flex;align-items:center;padding:10px 10px 10px 12px;background:var(--bg-page);border-right:1px solid color-mix(in srgb,var(--accent) 42%,var(--border-strong));box-shadow:10px 0 18px rgba(0,0,0,.18)}
.product-category-tabs{gap:9px;padding:10px 12px;background:var(--bg-page);border-bottom:0;scrollbar-width:none;min-width:0;min-height:64px;flex-shrink:1;overflow-x:auto;overflow-y:visible;align-items:center;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.product-category-sub-tabs,.product-category-third-tabs{padding-top:7px}
.product-category-tabs .tab,.product-category-fixed .tab{min-height:44px;padding:10px 16px!important;border:1px solid #2f3440;border-radius:999px;background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-surface));color:var(--text-2)!important;font-size:13px!important;font-weight:850;box-shadow:0 6px 14px rgba(0,0,0,.18);border-bottom-width:1px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.product-category-tabs .tab.is-date-active:not(.on){border-color:color-mix(in srgb,var(--warning) 76%,var(--border-strong));box-shadow:0 6px 16px rgba(0,0,0,.18),0 0 0 2px color-mix(in srgb,var(--warning) 13%,transparent)}
.product-category-current-badge{display:inline-flex;align-items:center;min-height:22px;padding:3px 7px;border-radius:999px;background:var(--warning);color:#172033!important;font-size:9px!important;font-weight:950!important;letter-spacing:.035em;text-transform:uppercase;box-shadow:0 3px 8px color-mix(in srgb,var(--warning) 25%,transparent)}
.product-category-tabs .tab.on .product-category-current-badge{background:#fff;color:#17345f!important;box-shadow:none}
.product-category-option-arrow{display:grid;place-items:center;width:22px;height:22px;min-width:22px;flex:0 0 22px;margin-right:-7px;padding:0;overflow:hidden;border-radius:50%;background:var(--info);color:#fff!important;line-height:0;box-shadow:0 3px 8px color-mix(in srgb,var(--info) 28%,transparent)}
.product-category-option-arrow .product-category-chevron-icon{display:block;width:14px;height:14px;margin:0;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;transform:none}
.topbar .app-back-button{display:grid!important;place-items:center!important;padding:0!important;line-height:0}
.topbar .app-back-button .app-back-icon{display:block!important;width:27px!important;height:27px!important;margin:0!important;fill:none!important;stroke:currentColor!important;stroke-width:3.2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.product-category-tabs .tab.on,.product-category-fixed .tab.on{background:linear-gradient(135deg,var(--mod-sales),var(--mod-sales-strong));border-color:var(--accent);color:var(--on-color)!important;box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 26%,transparent),0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent)}
.product-category-tabs .tab:not(.on):hover,.product-category-fixed .tab:not(.on):hover{filter:brightness(1.14);border-color:#596174}
.product-category-fixed .product-category-option{position:relative;overflow:hidden}
[data-category-order-trigger="1"]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.product-category-crumbs .product-category-crumb-current{position:relative;overflow:hidden}
[data-category-order-trigger="1"].is-category-order-hold::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--info);transform:scaleX(0);transform-origin:left center;animation:product-category-order-hold 3s linear forwards}
@keyframes product-category-order-hold{to{transform:scaleX(1)}}
.product-category-order-dialog{position:fixed;inset:0;z-index:10040;display:grid;place-items:center;padding:22px}
.product-category-order-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(5,15,31,.72);backdrop-filter:blur(4px)}
.product-category-order-panel{position:relative;width:min(520px,100%);border:1px solid color-mix(in srgb,var(--accent) 70%,var(--border));border-radius:22px;background:var(--bg-surface);color:var(--text);box-shadow:0 24px 70px rgba(0,0,0,.42);overflow:hidden}
.product-category-order-panel header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:var(--theme-blue,var(--navy));color:#fff}
.product-category-order-panel header span{display:block;margin-bottom:3px;color:var(--accent);font-size:11px;font-weight:950;letter-spacing:.1em}
.product-category-order-panel h2{margin:0;color:#fff;font-family:var(--font-display);font-size:23px;line-height:1.1}
.product-category-order-close{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:14px;background:rgba(255,255,255,.08);color:#fff;font-size:30px;line-height:1}
.product-category-order-panel>p{margin:0;padding:16px 20px 4px;color:var(--text-2);font-size:13px;font-weight:750;line-height:1.45}
.product-category-order-options{display:grid;gap:10px;padding:16px 20px 20px}
.product-category-order-option{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:68px;padding:13px 15px;border:1px solid var(--border);border-radius:16px;background:var(--bg-surface-2);color:var(--text);text-align:left;box-shadow:none}
.product-category-order-option span{display:grid;gap:4px}
.product-category-order-option b{font-size:16px}.product-category-order-option small{color:var(--text-2);font-size:12px;font-weight:700}
.product-category-order-option i{display:grid;place-items:center;width:30px;height:30px;min-width:30px;border-radius:50%;background:var(--bg-surface);color:transparent;font-style:normal;font-weight:950}
.product-category-order-option.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,var(--bg-surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}
.product-category-order-option.is-active i{background:var(--accent);color:var(--on-color)}
@media (max-width:620px){.product-category-path{min-height:40px;padding:4px 8px}.product-category-back{width:36px;min-width:36px;height:32px}.product-category-fixed,.product-category-back-cell{padding:8px 7px 8px 8px}.product-category-tabs{padding:8px;gap:8px;min-height:58px}.product-category-level-row{max-height:58px}.product-category-tabs .tab,.product-category-fixed .tab{min-height:42px;padding:9px 12px!important;font-size:12px!important}.product-category-crumb-current{font-size:11px}.product-category-toggle{width:32px;min-width:32px;height:30px}}
@media (prefers-reduced-motion:reduce){.product-category-level-row,.product-category-toggle-icon{transition:none}}
@media (max-width:620px){.product-category-order-dialog{padding:12px}.product-category-order-panel{border-radius:18px}.product-category-order-panel header{padding:15px 16px}.product-category-order-panel h2{font-size:20px}.product-category-order-panel>p{padding:14px 16px 2px}.product-category-order-options{padding:14px 16px 16px}}
.card{background:var(--bg-inset);border-radius:10px;padding:16px;margin-bottom:12px;border:1px solid var(--border-strong)}
.empty{text-align:center;padding:60px 20px;color:var(--text-3);font-size:15px}
.bar{background:var(--border-strong);border-radius:4px;height:8px;overflow:hidden;margin:4px 0}
.bar-fill{height:100%;border-radius:4px}
.footer{background:var(--bg-surface);border-top:1px solid var(--border-strong);padding:8px calc(16px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(16px + var(--safe-left));font-size:12px;color:var(--text-3)}
.product-summary-footer{display:flex;align-items:center;gap:12px;min-height:40px;color:var(--text-3);font-size:13px;padding-left:calc(12px + var(--safe-left));padding-right:calc(12px + var(--safe-right))}
#pg-products{overflow:hidden}
#pg-products #prod-list{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:18px 18px 30px;box-sizing:border-box;contain:layout paint style}
#pg-products #prod-list.is-category-selection-required{display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--info) 9%,transparent),transparent 48%)}
.product-category-prompt{position:relative;isolation:isolate;width:min(620px,calc(100% - 20px));min-height:360px;box-sizing:border-box;display:grid;grid-template-rows:auto auto auto auto auto;justify-items:center;align-content:center;padding:34px 42px;overflow:hidden;border:1px solid color-mix(in srgb,var(--info) 52%,var(--border-strong));border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--info) 12%,var(--bg-surface)),color-mix(in srgb,var(--bg-inset) 94%,transparent));color:var(--text-1);text-align:center;box-shadow:0 24px 56px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.1)}
.product-category-prompt:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.055),transparent 37%,color-mix(in srgb,var(--info) 5%,transparent));pointer-events:none}
.product-category-prompt-icon{width:78px;height:78px;display:grid;place-items:center;margin-bottom:18px;border:1px solid color-mix(in srgb,var(--info) 72%,var(--border-strong));border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--info) 22%,var(--bg-surface)),color-mix(in srgb,var(--info) 8%,var(--bg-inset)));color:var(--info);box-shadow:0 12px 30px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.12)}
.product-category-prompt-icon .app-icon{width:40px;height:40px;stroke-width:1.8}.product-category-prompt-eyebrow{color:var(--accent);font-size:10px;font-weight:950;letter-spacing:.16em;line-height:1.2;text-transform:uppercase}.product-category-prompt h2{margin:9px 0 10px;color:var(--text-1);font-size:clamp(27px,3vw,40px);font-weight:950;letter-spacing:.012em;line-height:1.08;text-transform:uppercase}.product-category-prompt p{max-width:470px;margin:0;color:var(--text-2);font-size:15px;font-weight:720;line-height:1.55}.product-category-prompt small{display:inline-flex;align-items:center;min-height:30px;margin-top:22px;padding:6px 13px;border:1px solid var(--border-strong);border-radius:999px;background:color-mix(in srgb,var(--bg-inset) 88%,transparent);color:var(--text-2);font-size:10px;font-weight:900;letter-spacing:.025em}
#pg-products #prod-list>.product-row{margin:0}
#pg-products #prod-list>.product-row+.product-row{margin-top:18px}
@media (max-width:620px){#pg-products #prod-list{padding:12px 12px 24px}#pg-products #prod-list.is-category-selection-required{padding:14px 10px}.product-category-prompt{width:100%;min-height:330px;padding:28px 20px;border-radius:19px}.product-category-prompt-icon{width:68px;height:68px;border-radius:19px}.product-category-prompt h2{font-size:28px}.product-category-prompt p{font-size:13px}#pg-products #prod-list>.product-row+.product-row{margin-top:14px}}
#pg-products #prod-footer{position:relative;z-index:7;flex-shrink:0;box-shadow:0 -10px 24px rgba(0,0,0,.24)}
#pg-products #prod-footer[hidden]{display:none!important}
.product-list-scroll-progress{position:absolute;z-index:9;right:calc(22px + var(--safe-right));bottom:calc(72px + var(--safe-bottom));width:68px;height:68px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;filter:drop-shadow(0 12px 22px rgba(3,10,24,.42));transition:transform .18s ease,opacity .18s ease;touch-action:manipulation}
.product-list-scroll-progress[hidden]{display:none!important}.product-list-scroll-progress:hover{transform:translateY(-2px) scale(1.03)}.product-list-scroll-progress:active{transform:scale(.96)}.product-list-scroll-progress:focus-visible{outline:3px solid color-mix(in srgb,var(--info) 72%,#fff 28%);outline-offset:4px}
.product-list-scroll-progress-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}
.product-list-scroll-progress-ring circle{fill:none;stroke-width:5.5}.product-list-scroll-progress-track{stroke:color-mix(in srgb,var(--text-3) 30%,var(--bg-surface) 70%)}.product-list-scroll-progress-value{stroke:var(--danger,#ff3158);stroke-linecap:butt;transition:stroke-dasharray .16s linear}
.product-list-scroll-progress-core{position:absolute;inset:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;border:1px solid rgba(255,255,255,.17);border-radius:50%;background:linear-gradient(145deg,#11162f,#03071c);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 0 0 2px color-mix(in srgb,var(--bg-surface) 78%,transparent)}
.product-list-scroll-progress-core strong{display:block;max-width:46px;overflow:hidden;color:#fff;font-size:19px;font-weight:950;line-height:1;font-variant-numeric:tabular-nums;text-overflow:clip;white-space:nowrap}.product-list-scroll-progress-core small{display:block;margin-top:3px;color:rgba(255,255,255,.76);font-size:7px;font-weight:950;line-height:1;letter-spacing:.055em;text-transform:uppercase}
.product-list-end-summary{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0 4px;padding:14px 12px;border-top:1px solid color-mix(in srgb,var(--accent) 42%,var(--border-strong));color:var(--text-3);font-size:11px;font-weight:850;text-align:center}.product-list-end-summary span{text-transform:uppercase;letter-spacing:.055em}.product-list-end-summary b{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--border-strong));border-radius:999px;background:color-mix(in srgb,var(--accent) 9%,var(--bg-inset));color:var(--accent);font-size:12px;font-weight:950;font-variant-numeric:tabular-nums}
@media(max-width:620px){.product-list-scroll-progress{right:calc(12px + var(--safe-right));bottom:calc(66px + var(--safe-bottom));width:62px;height:62px}.product-list-scroll-progress-core{inset:6px}.product-list-scroll-progress-core strong{max-width:42px;font-size:17px}.product-list-scroll-progress-core small{font-size:6px}.product-list-scroll-progress-ring circle{stroke-width:5}.product-list-end-summary{flex-direction:column;gap:7px;padding:12px 8px}}
@media(prefers-reduced-motion:reduce){.product-list-scroll-progress,.product-list-scroll-progress-value{transition:none}}
.product-promotion-topbtn{border-color:rgba(255,75,97,.62)!important;background:linear-gradient(135deg,rgba(255,75,97,.18),var(--bg-inset))!important;color:var(--danger-text)!important}
#pg-promotions,#pg-promotion-form{overflow:hidden;background:var(--bg-page)}
.promotion-list-head{flex:0 0 auto;padding:12px 16px;border-bottom:1px solid var(--border-strong);background:linear-gradient(180deg,var(--bg-surface),var(--bg-page));display:grid;gap:10px}
.promotion-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.promotion-summary>div{min-height:68px;border:1px solid rgba(255,75,97,.32);border-radius:12px;background:linear-gradient(135deg,rgba(255,75,97,.1),var(--bg-inset));padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.promotion-summary span{color:var(--text-2);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.045em}.promotion-summary b{color:var(--danger-text);font-size:25px;font-weight:950}
.promotion-tabs{display:flex;align-items:center;gap:7px;overflow-x:auto;padding-bottom:2px}.promotion-tab{flex:0 0 auto;min-height:38px;border:1px solid var(--border-strong);border-radius:999px;background:var(--bg-inset);color:var(--text-2);padding:7px 12px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900;text-transform:uppercase;cursor:pointer}.promotion-tab b{min-width:22px;height:22px;border-radius:999px;background:var(--bg-surface-2);color:var(--text-1);display:grid;place-items:center;font-size:10px}.promotion-tab.is-active{border-color:rgba(255,75,97,.72);background:rgba(255,75,97,.13);color:var(--danger-text)}
.promotion-search-row,.promotion-product-search{display:flex;align-items:center;gap:7px}.promotion-search-row input,.promotion-product-search input{flex:1;min-width:0}.promotion-search-row button,.promotion-product-search button{width:44px;height:44px;flex:0 0 44px;border:1px solid var(--border-strong);border-radius:11px;background:var(--bg-inset);color:var(--text-2);font-size:24px;cursor:pointer}.promotion-product-search input{border:2px solid color-mix(in srgb,var(--info) 72%,var(--border-strong))}.promotion-product-search-hint{margin-top:5px;color:var(--text-3);font-size:9px;font-weight:750;text-align:center}
.promotion-list{flex:1 1 auto;min-height:0;overflow:auto;padding:14px 16px 30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px;align-content:start}
.promotion-card{position:relative;border:1px solid var(--border-strong);border-radius:14px;background:linear-gradient(180deg,var(--bg-surface),var(--bg-inset));overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.22)}.promotion-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--text-3)}.promotion-card.is-active:before{background:var(--danger)}.promotion-card.is-scheduled:before{background:var(--info)}.promotion-card.is-expired:before{background:var(--text-3)}.promotion-card.is-invalid:before{background:var(--warning)}
.promotion-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 14px 11px 19px;border-bottom:1px solid var(--border)}.promotion-card h3{margin:4px 0 3px;color:var(--text-1);font-size:18px;line-height:1.15}.promotion-card header p{margin:0;color:var(--text-2);font-size:12px;font-weight:850}.promotion-state{display:inline-flex;border:1px solid currentColor;border-radius:999px;padding:3px 7px;color:var(--text-3);font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.is-active .promotion-state{color:var(--danger-text)}.is-scheduled .promotion-state{color:#8fc7ff}.is-expired .promotion-state{color:var(--text-3)}
.promotion-card-count{flex:0 0 auto;min-width:66px;border:1px solid var(--border-strong);border-radius:11px;background:var(--bg-page);padding:8px;text-align:center}.promotion-card-count b{display:block;color:var(--accent);font-size:22px}.promotion-card-count span{color:var(--text-3);font-size:9px;font-weight:900;text-transform:uppercase}.promotion-card-note{padding:9px 14px 0 19px;color:var(--text-2);font-size:11px;line-height:1.35}.promotion-card-items{padding:10px 14px 12px 19px;display:grid;gap:5px}.promotion-card-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--border);padding:5px 0;font-size:11px}.promotion-card-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-2)}.promotion-card-item b{flex:0 0 auto;color:var(--danger-text);font-size:11px}.promotion-card-item s{color:var(--text-3);font-weight:750}.promotion-card-more{color:var(--accent);font-size:10px;font-weight:900;text-align:right}.promotion-card>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px 10px 19px;border-top:1px solid var(--border);background:rgba(0,0,0,.1)}.promotion-card>footer span{color:var(--text-3);font-size:9px}.promotion-card>footer button{border:1px solid rgba(255,75,97,.58);border-radius:9px;background:rgba(255,75,97,.12);color:var(--danger-text);padding:8px 11px;font-size:11px;font-weight:900;cursor:pointer}.promotion-empty{grid-column:1/-1;min-height:220px;border:1px dashed var(--border-strong);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;text-align:center;color:var(--text-3)}.promotion-empty b{color:var(--text-1);font-size:18px}.promotion-empty span{max-width:520px;font-size:12px;line-height:1.4}
.promotion-form-scroll{flex:1 1 auto;min-height:0;overflow:auto;padding:11px 14px 30px;display:grid;gap:10px;align-content:start}.promotion-form-section{border:1px solid var(--border-strong);border-radius:14px;background:linear-gradient(180deg,var(--bg-surface),var(--bg-inset));padding:11px 13px;box-shadow:0 12px 28px rgba(0,0,0,.18)}.promotion-section-title{display:flex;align-items:center;gap:9px;margin-bottom:8px}.promotion-section-title>span{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--danger),var(--mod-sales-strong));color:#fff;display:grid;place-items:center;font-weight:950}.promotion-section-title>div{min-width:0;display:flex;flex-direction:column;gap:1px}.promotion-section-title b{color:var(--text-1);font-size:14px}.promotion-section-title small{color:var(--text-3);font-size:10px}.promotion-section-title>strong{margin-left:auto;color:var(--danger-text);font-size:12px}.promotion-form-grid{margin-bottom:6px}.promotion-form-section textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:42px;max-height:76px}.promotion-form-state{margin-top:6px;border:1px solid var(--border);border-radius:9px;background:var(--bg-page);color:var(--text-3);padding:7px 10px;font-size:10px;font-weight:800}.promotion-form-state.is-active{border-color:rgba(255,75,97,.48);color:var(--danger-text)}.promotion-form-state.is-scheduled{border-color:rgba(63,140,255,.48);color:#8fc7ff}.promotion-form-state.is-invalid{border-color:rgba(240,165,29,.55);color:var(--warning)}
.promotion-product-results{margin-top:7px;display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:7px;max-height:210px;overflow:auto;padding-right:3px}.promotion-search-result-count{grid-column:1/-1;color:var(--info);font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.055em}.promotion-picker-ready{grid-column:1/-1;min-height:48px;border:1px dashed color-mix(in srgb,var(--info) 36%,var(--border-strong));border-radius:10px;background:color-mix(in srgb,var(--info) 6%,var(--bg-page));display:flex;align-items:center;justify-content:center;gap:9px;padding:7px 11px;text-align:center}.promotion-picker-ready b{color:var(--info);font-size:11px}.promotion-picker-ready span{color:var(--text-3);font-size:9px}.promotion-picker-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--border);border-radius:11px;background:var(--bg-page);padding:8px}.promotion-picker-row img,.promotion-picker-photo{width:46px;height:46px;box-sizing:border-box;border:1px solid var(--border);border-radius:9px;background:var(--bg-inset);object-fit:contain;display:grid;place-items:center;color:var(--text-3)}.promotion-picker-row>div:nth-child(2){min-width:0}.promotion-picker-row b{display:block;color:var(--text-1);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.promotion-picker-row span,.promotion-picker-row small{display:block;margin-top:3px;color:var(--text-3);font-size:9px}.promotion-picker-row small{color:var(--warning)}.promotion-picker-row button{border:1px solid rgba(255,75,97,.55);border-radius:9px;background:rgba(255,75,97,.12);color:var(--danger-text);padding:8px 10px;font-size:10px;font-weight:900;cursor:pointer}.promotion-picker-row button:disabled{opacity:.48;cursor:not-allowed}.promotion-picker-row.is-conflict{border-color:rgba(240,165,29,.4)}.promotion-picker-row.is-selected{border-color:color-mix(in srgb,var(--success) 45%,var(--border))}.promotion-picker-empty{grid-column:1/-1;padding:14px;border:1px dashed var(--border-strong);border-radius:10px;color:var(--text-3);text-align:center;font-size:11px}.promotion-picker-missing{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.promotion-picker-missing b{color:var(--text-1)}.promotion-picker-missing span{color:var(--text-3)}.promotion-picker-missing button{border:1px solid rgba(255,75,97,.55);border-radius:9px;background:rgba(255,75,97,.12);color:var(--danger-text);padding:8px 11px;font-size:10px;font-weight:900;cursor:pointer}
.promotion-selected-list{display:grid;gap:7px}.promotion-selected-row{display:grid;grid-template-columns:34px minmax(180px,1fr) 110px minmax(150px,.55fr) 58px 40px;gap:9px;align-items:center;border:1px solid var(--border);border-radius:11px;background:var(--bg-page);padding:8px 9px}.promotion-selected-index{width:28px;height:28px;border-radius:8px;background:var(--bg-surface-2);color:var(--text-2);display:grid;place-items:center;font-size:10px;font-weight:950}.promotion-selected-main{min-width:0}.promotion-selected-main b{display:block;color:var(--text-1);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.promotion-selected-main span,.promotion-regular-price span,.promotion-price-field span{display:block;color:var(--text-3);font-size:9px;font-weight:850;text-transform:uppercase}.promotion-regular-price b{display:block;margin-top:3px;color:var(--text-2);font-size:13px}.promotion-price-field input{width:100%;box-sizing:border-box;min-height:40px;color:var(--danger-text);font-weight:950}.promotion-discount{color:var(--success);font-size:13px;font-weight:950;text-align:center}.promotion-remove{width:36px;height:36px;border:1px solid rgba(255,75,97,.45);border-radius:9px;background:rgba(255,75,97,.1);color:var(--danger-text);font-size:20px;cursor:pointer}.promotion-selected-empty{padding:24px;border:1px dashed var(--border-strong);border-radius:11px;color:var(--text-3);font-size:11px;text-align:center}
@media(max-width:1180px){.product-promotion-topbtn span{display:none}}
@media(max-width:900px){.promotion-list{grid-template-columns:1fr}.promotion-selected-row{grid-template-columns:30px minmax(160px,1fr) 105px minmax(130px,.7fr) 50px 38px}.promotion-form-scroll{padding:11px}}
@media(min-width:901px) and (max-height:900px){.promotion-form-scroll{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.promotion-form-basics{grid-column:1/-1}.promotion-form-picker,.promotion-form-selected{min-width:0;height:max-content}.promotion-product-results{grid-template-columns:1fr;max-height:320px}.promotion-selected-list{max-height:420px;overflow-y:auto;overflow-x:hidden;padding-right:2px}.promotion-selected-row{grid-template-columns:30px minmax(110px,1fr) 82px minmax(100px,.65fr) 42px 34px;gap:6px;padding:7px}.promotion-selected-row .promotion-remove{width:32px;height:32px}}
@media(max-width:700px){.promotion-list-head{padding:10px}.promotion-summary{grid-template-columns:1fr 1fr}.promotion-summary>div:nth-child(3){grid-column:1/-1}.promotion-list{padding:10px 10px 24px}.promotion-card>footer{align-items:stretch;flex-direction:column}.promotion-card>footer button{width:100%}.promotion-form-section{padding:9px 10px}.promotion-form-basics .promotion-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.promotion-form-basics .promotion-form-grid>div:first-child{grid-column:1/-1}.promotion-form-section textarea{min-height:38px}.promotion-product-results{grid-template-columns:1fr;max-height:170px}.promotion-picker-ready{align-items:flex-start;flex-direction:column;gap:2px;text-align:left}.promotion-selected-row{grid-template-columns:30px minmax(0,1fr) 38px}.promotion-regular-price{grid-column:2}.promotion-price-field{grid-column:2}.promotion-discount{grid-column:2;text-align:left}.promotion-remove{grid-column:3;grid-row:1 / 3}.promotion-section-title{align-items:flex-start;flex-wrap:wrap}.promotion-section-title>strong{width:100%;margin-left:37px}.promotion-card-item{align-items:flex-start;flex-direction:column;gap:3px}.promotion-card-item b{align-self:flex-end}.promotion-selected-empty{padding:15px}.promotion-product-search-hint{text-align:left}}

/* Akciós árak: valódi, helytakarékos háromlépcsős munkafolyamat. */
.promotion-form-section{transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.promotion-form-section.is-active{border-color:color-mix(in srgb,var(--accent) 58%,var(--border-strong));box-shadow:0 14px 34px rgba(0,0,0,.24),0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}
.promotion-form-section.is-collapsed{padding-top:8px;padding-bottom:8px;background:linear-gradient(180deg,var(--bg-surface),var(--bg-page))}
.promotion-form-section.is-locked{opacity:.62;padding-top:8px;padding-bottom:8px}
.promotion-form-section.is-collapsed .promotion-step-body,.promotion-form-section.is-locked .promotion-step-body{display:none}
.promotion-form-section.is-active .promotion-step-summary{display:none}
.promotion-step-summary{margin:-3px 0 0 37px;min-width:0;cursor:pointer}
.promotion-step-summary b,.promotion-step-summary span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.promotion-step-summary b{color:var(--text-1);font-size:11px}.promotion-step-summary span{margin-top:2px;color:var(--text-3);font-size:9px}
.promotion-section-title[data-promotion-step-open]{cursor:pointer;margin-bottom:6px}
.promotion-form-section.is-collapsed .promotion-section-title,.promotion-form-section.is-locked .promotion-section-title{margin-bottom:0}
.promotion-note-button{margin-left:auto;width:34px;height:34px;flex:0 0 34px;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-page);color:var(--text-2);font-size:20px;cursor:pointer}
.promotion-note-button.has-note{border-color:color-mix(in srgb,var(--success) 60%,var(--border-strong));color:var(--success);background:color-mix(in srgb,var(--success) 9%,var(--bg-page))}
.promotion-step-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:9px;padding-top:8px;border-top:1px solid var(--border)}
.promotion-step-actions.is-between{justify-content:space-between}.promotion-step-actions>span{color:var(--text-3);font-size:10px;font-weight:800}
.promotion-step-actions button{min-height:39px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-inset);color:var(--text-2);padding:8px 14px;font-weight:900;cursor:pointer}
.promotion-step-actions .promotion-step-primary,.promotion-note-panel .promotion-step-primary{border-color:color-mix(in srgb,var(--success) 60%,var(--border-strong));background:color-mix(in srgb,var(--success) 15%,var(--bg-surface));color:var(--success)}
.promotion-step-actions button:disabled{opacity:.44;cursor:not-allowed}
.promotion-filter-bar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(230px,1.25fr) minmax(130px,.55fr);gap:8px;margin-top:8px}
.promotion-filter-bar label{display:grid;gap:4px;min-width:0}.promotion-filter-bar label>span{color:var(--text-3);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.035em}
.promotion-filter-bar select{width:100%;min-width:0;min-height:41px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-page);color:var(--text-1);padding:7px 34px 7px 10px;font-weight:850}
.promotion-form-section.is-active .promotion-product-results{max-height:min(52vh,540px)}
.promotion-picker-row .product-filter-metric-badge{margin-top:5px;display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.promotion-picker-row .product-filter-metric-badge span{display:inline-flex;margin:0;border:1px solid color-mix(in srgb,var(--info) 35%,var(--border));border-radius:999px;padding:2px 6px;color:var(--info);font-size:8px;background:color-mix(in srgb,var(--info) 7%,var(--bg-page))}
.promotion-picker-row .product-filter-metric-badge i{display:none}
.promotion-load-more{grid-column:1/-1;min-height:42px;border:1px solid color-mix(in srgb,var(--info) 48%,var(--border-strong));border-radius:10px;background:color-mix(in srgb,var(--info) 8%,var(--bg-page));color:var(--info);font-weight:900;cursor:pointer}
.promotion-price-actions{display:grid;grid-template-columns:minmax(90px,1fr) auto;align-items:end;gap:6px;min-width:0}
.promotion-price-actions>button{min-height:40px;border:1px solid color-mix(in srgb,var(--accent) 60%,var(--border-strong));border-radius:9px;background:color-mix(in srgb,var(--accent) 10%,var(--bg-page));color:var(--accent);padding:6px 9px;font-size:10px;font-weight:950;white-space:nowrap;cursor:pointer}
.promotion-note-modal,.promotion-margin-modal{position:fixed;inset:0;z-index:2100;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.82);backdrop-filter:blur(5px)}
.promotion-note-panel,.promotion-margin-panel{width:min(680px,100%);max-height:min(82vh,760px);border:1px solid var(--border-strong);border-radius:16px;background:var(--bg-surface);box-shadow:0 24px 80px rgba(0,0,0,.55);overflow:hidden;display:flex;flex-direction:column}
.promotion-note-panel header,.promotion-margin-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-surface))}
.promotion-note-panel header small,.promotion-margin-panel header small{color:var(--accent);font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}
.promotion-note-panel h2,.promotion-margin-panel h2{margin:2px 0 0;color:var(--text-1);font-size:19px}.promotion-margin-panel header p{margin:4px 0 0;color:var(--text-3);font-size:10px}
.promotion-note-panel header>button,.promotion-margin-panel header>button{width:36px;height:36px;flex:0 0 36px;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-page);color:var(--text-2);font-size:23px;cursor:pointer}
.promotion-note-panel textarea{margin:14px;width:auto;min-height:150px;box-sizing:border-box;resize:vertical;font:inherit;color:var(--text-1);background:var(--bg-page)}
.promotion-note-panel footer{display:flex;justify-content:flex-end;gap:8px;padding:0 14px 14px}.promotion-note-panel footer button{min-height:40px;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-page);color:var(--text-2);padding:8px 13px;font-weight:900;cursor:pointer}
.promotion-margin-list{overflow-y:auto;padding:8px}.promotion-margin-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text-1);padding:12px;text-align:left;cursor:pointer}.promotion-margin-row:hover,.promotion-margin-row:focus{outline:none;background:color-mix(in srgb,var(--accent) 9%,var(--bg-surface))}.promotion-margin-row>span{display:grid;gap:2px}.promotion-margin-row>span:last-child{text-align:right}.promotion-margin-row b{color:var(--accent);font-size:16px}.promotion-margin-row>span:last-child b{color:var(--text-1)}.promotion-margin-row small{color:var(--text-3);font-size:10px}.promotion-margin-empty{padding:30px 18px;color:var(--text-3);text-align:center;font-size:12px}
@media(min-width:901px) and (max-height:900px){.promotion-form-scroll{grid-template-columns:1fr}.promotion-form-basics,.promotion-form-picker,.promotion-form-selected{grid-column:1;min-width:0;height:auto}.promotion-form-section.is-active .promotion-product-results{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));max-height:min(49vh,440px)}.promotion-selected-list{max-height:none;overflow:visible}.promotion-selected-row{grid-template-columns:30px minmax(150px,1fr) 95px minmax(210px,.8fr) 50px 34px}}
@media(max-width:900px){.promotion-filter-bar{grid-template-columns:1fr 1fr}.promotion-filter-bar label:first-child{grid-column:1/-1}.promotion-price-actions{grid-template-columns:minmax(90px,1fr) auto}}
@media(max-width:700px){.promotion-form-section.is-collapsed,.promotion-form-section.is-locked{padding:7px 9px}.promotion-step-summary{margin-left:37px}.promotion-filter-bar{grid-template-columns:1fr 1fr}.promotion-filter-bar label:first-child{grid-column:1/-1}.promotion-form-section.is-active .promotion-product-results{max-height:min(49vh,430px)}.promotion-price-actions{grid-column:2;grid-template-columns:minmax(90px,1fr) auto}.promotion-price-field{grid-column:auto}.promotion-remove{grid-row:1 / 4}.promotion-step-actions.is-between{align-items:stretch;flex-direction:column}.promotion-step-actions.is-between button{width:100%}.promotion-step-actions.is-between span{text-align:center}.promotion-note-modal,.promotion-margin-modal{align-items:flex-end;padding:0}.promotion-note-panel,.promotion-margin-panel{width:100%;max-height:88vh;border-radius:16px 16px 0 0;border-left:0;border-right:0;border-bottom:0}.promotion-margin-row{padding:11px 9px}.promotion-margin-row small{font-size:9px}}
.promotion-selected-row{grid-template-columns:34px minmax(160px,1fr) 88px minmax(145px,.7fr) minmax(175px,.72fr) 55px 40px}
.promotion-reference-price{display:grid;gap:3px;min-width:0}.promotion-reference-price>span{color:var(--warning);font-size:9px;font-weight:950;line-height:1.1;text-transform:uppercase}.promotion-reference-price input{width:100%;min-width:0;min-height:40px;box-sizing:border-box;border-color:color-mix(in srgb,var(--warning) 55%,var(--border-strong));color:var(--warning);font-weight:950}.promotion-reference-price small{overflow:hidden;color:var(--text-3);font-size:8px;font-weight:750;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.promotion-reference-price.is-warning small{color:var(--warning)}.promotion-reference-price.is-verified small{color:var(--success)}
.promotion-card-item b small{display:inline;color:var(--text-3);font-size:9px;font-weight:850}
.promotion-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.promotion-card-actions .promotion-poster-button{border-color:color-mix(in srgb,var(--accent) 64%,var(--border-strong));background:color-mix(in srgb,var(--accent) 11%,var(--bg-page));color:var(--accent)}.promotion-card-actions .promotion-delete-button,.topbar .promotion-delete-topbtn{border-color:color-mix(in srgb,var(--danger) 62%,var(--border-strong))!important;background:color-mix(in srgb,var(--danger) 18%,var(--bg-surface))!important;color:var(--danger-text)!important}
.promotion-poster-modal{position:fixed;inset:0;z-index:2250;display:flex;align-items:center;justify-content:center;padding:14px;background:rgba(0,0,0,.86);backdrop-filter:blur(6px)}
.promotion-poster-panel{width:min(1500px,100%);height:min(94vh,980px);height:min(94dvh,980px);border:1px solid color-mix(in srgb,var(--accent) 52%,var(--border-strong));border-radius:18px;background:linear-gradient(150deg,var(--bg-surface),var(--bg-page));box-shadow:0 30px 100px rgba(0,0,0,.64),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.promotion-poster-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:14px 17px;border-bottom:1px solid var(--border-strong);background:linear-gradient(115deg,color-mix(in srgb,var(--danger) 15%,var(--bg-surface-2)),var(--bg-surface))}.promotion-poster-panel>header small{color:var(--accent);font-size:9px;font-weight:950;letter-spacing:.1em}.promotion-poster-panel>header h2{margin:3px 0 0;color:var(--text-1);font-size:21px}.promotion-poster-panel>header p{margin:4px 0 0;color:var(--text-3);font-size:10px}.promotion-poster-panel>header>button{width:40px;height:40px;flex:0 0 40px;border:1px solid var(--border-strong);border-radius:11px;background:var(--bg-page);color:var(--text-2);font-size:26px;cursor:pointer}
.promotion-poster-body{min-height:0;display:grid;grid-template-columns:minmax(330px,410px) minmax(0,1fr)}.promotion-poster-controls{min-height:0;overflow-y:auto;border-right:1px solid var(--border-strong);padding:13px;display:grid;align-content:start;gap:11px;background:color-mix(in srgb,var(--bg-inset) 88%,transparent)}
.promotion-poster-heading{display:grid;gap:5px}.promotion-poster-heading>span,.promotion-poster-control>span{color:var(--text-3);font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}.promotion-poster-heading input{width:100%;min-height:42px;box-sizing:border-box;font-weight:900}.promotion-poster-control{display:grid;gap:5px}.promotion-poster-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.promotion-poster-choice.is-layout{grid-template-columns:repeat(3,minmax(0,1fr))}.promotion-poster-choice button{min-height:40px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-page);color:var(--text-2);padding:7px 8px;font-size:11px;font-weight:900;cursor:pointer}.promotion-poster-choice button.is-active{border-color:var(--accent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,var(--bg-surface)),color-mix(in srgb,var(--danger) 12%,var(--bg-page)));color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}
.promotion-poster-template-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.promotion-poster-template-choice button{min-height:44px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-page);color:var(--text-2);padding:6px 8px;display:flex;align-items:center;gap:7px;text-align:left;cursor:pointer}.promotion-poster-template-choice button i{width:24px;flex:0 0 24px;font-style:normal;font-size:18px;text-align:center}.promotion-poster-template-choice button b{font-size:10px;line-height:1.1}.promotion-poster-template-choice button.is-active{border-color:var(--accent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,var(--bg-surface)),color-mix(in srgb,var(--danger) 12%,var(--bg-page)));color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}
.promotion-poster-products-head{display:flex;align-items:flex-end;justify-content:space-between;gap:9px;padding-top:3px;border-top:1px solid var(--border)}.promotion-poster-products-head>div:first-child{display:grid;gap:2px}.promotion-poster-products-head b{color:var(--text-1);font-size:11px}.promotion-poster-products-head span{color:var(--accent);font-size:9px;font-weight:900}.promotion-poster-products-head>div:last-child{display:flex;gap:5px}.promotion-poster-products-head button{border:1px solid var(--border-strong);border-radius:8px;background:var(--bg-page);color:var(--text-2);padding:5px 7px;font-size:9px;font-weight:900;cursor:pointer}
.promotion-poster-products{display:grid;gap:6px;max-height:36vh;overflow-y:auto;padding-right:2px}.promotion-poster-product{min-width:0;border:1px solid var(--border);border-radius:10px;background:var(--bg-page);padding:6px;display:grid;grid-template-columns:22px 44px minmax(0,1fr);gap:7px;align-items:center;cursor:pointer}.promotion-poster-product:has(input:checked){border-color:color-mix(in srgb,var(--success) 48%,var(--border));background:color-mix(in srgb,var(--success) 7%,var(--bg-page))}.promotion-poster-product input{width:18px;height:18px;accent-color:var(--success)}.promotion-poster-product img,.promotion-poster-product-empty{width:42px;height:42px;border:1px solid var(--border);border-radius:8px;background:#fff;object-fit:contain;display:grid;place-items:center;color:var(--text-3)}.promotion-poster-product>span:last-child{min-width:0}.promotion-poster-product b,.promotion-poster-product small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.promotion-poster-product b{color:var(--text-1);font-size:10px}.promotion-poster-product small{margin-top:3px;color:var(--text-3);font-size:8px}
.promotion-poster-stage{min-width:0;min-height:0;overflow:auto;padding:18px;display:flex;align-items:flex-start;justify-content:center;background:radial-gradient(circle at 50% 0,rgba(63,140,255,.13),transparent 52%),#282d37}.promotion-poster-preview{width:100%;display:grid;justify-items:center;gap:8px}.promotion-poster-preview-note{position:sticky;top:0;z-index:2;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(10,12,18,.88);color:#eef2f8;padding:6px 11px;font-size:9px;font-weight:900;box-shadow:0 7px 18px rgba(0,0,0,.28)}
.promotion-poster-preview .poster-page{position:relative;width:min(100%,680px);aspect-ratio:210/297;border-radius:4px;background:#fff;color:#111;padding:3.6%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:2%;overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.42)}.promotion-poster-preview.is-landscape .poster-page{width:min(100%,920px);aspect-ratio:297/210}.promotion-poster-preview.is-a3 .poster-page:after{content:"A3";position:absolute;left:1.2%;bottom:1%;border-radius:999px;background:#111;color:#fff;padding:3px 6px;font-size:7px;font-weight:900;opacity:.56}.promotion-poster-preview.is-a4 .poster-page:after{content:"A4";position:absolute;left:1.2%;bottom:1%;border-radius:999px;background:#111;color:#fff;padding:3px 6px;font-size:7px;font-weight:900;opacity:.56}
.promotion-poster-preview .poster-head{min-height:11%;border-radius:10px;background:linear-gradient(115deg,#d50054,#ff3d3d 58%,#ffbf00);color:#fff;padding:2.2% 2.8%;display:flex;align-items:center;justify-content:space-between;gap:3%;box-shadow:0 6px 16px rgba(7,19,38,.22)}.promotion-poster-preview .poster-kicker{display:block;font-size:clamp(5px,.72vw,9px);font-weight:950;letter-spacing:.13em}.promotion-poster-preview .poster-head h1{margin:1% 0 0;font-size:clamp(11px,2vw,27px);line-height:1;text-transform:uppercase}.promotion-poster-preview .poster-head-season{flex:0 0 auto;display:grid;justify-items:end;gap:5px}.promotion-poster-preview .poster-season-badges{display:flex;align-items:center;gap:clamp(3px,.5vw,7px);font-family:"Segoe UI Emoji","Apple Color Emoji",Arial,sans-serif}.promotion-poster-preview .poster-season-badges span{width:clamp(22px,3.4vw,42px);height:clamp(22px,3.4vw,42px);border:2px solid rgba(255,255,255,.92);border-radius:50%;background:rgba(255,255,255,.97);display:grid;place-items:center;color:#a4003c;font-size:clamp(12px,2vw,25px);line-height:1;box-shadow:0 3px 9px rgba(0,0,0,.24)}.promotion-poster-preview .poster-head strong{border:1px solid rgba(255,255,255,.75);border-radius:999px;padding:3px 8px;font-size:clamp(5px,.72vw,9px);white-space:nowrap}
.promotion-poster-preview .poster-head,.promotion-poster-preview .poster-products,.promotion-poster-preview .poster-foot{position:relative;z-index:1}.promotion-poster-preview .poster-season-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.09}.promotion-poster-preview .poster-season-decoration span{position:absolute;font-size:clamp(48px,12vw,140px);line-height:1}.promotion-poster-preview .poster-season-decoration span:nth-child(1){left:-2%;top:13%;transform:rotate(-18deg)}.promotion-poster-preview .poster-season-decoration span:nth-child(2){right:-2%;top:46%;transform:rotate(16deg)}.promotion-poster-preview .poster-season-decoration span:nth-child(3){left:42%;bottom:-3%;transform:rotate(-8deg)}.promotion-poster-preview .poster-template-valentine{background:linear-gradient(145deg,#fff 62%,#ffe5ef)}.promotion-poster-preview .poster-template-valentine .poster-head{background:linear-gradient(120deg,#8d0038,#e00059 56%,#ff789c)}.promotion-poster-preview .poster-template-valentine .poster-price{background:#c4004f;box-shadow:inset 0 0 0 2px #ffafc6}.promotion-poster-preview .poster-template-womensday{background:linear-gradient(145deg,#fff 62%,#f2e7ff)}.promotion-poster-preview .poster-template-womensday .poster-head{background:linear-gradient(120deg,#64208f,#a13dc1 55%,#f08bc6)}.promotion-poster-preview .poster-template-womensday .poster-price{background:#7b2ca2;box-shadow:inset 0 0 0 2px #efb4e0}.promotion-poster-preview .poster-template-mothersday{background:linear-gradient(145deg,#fff 60%,#fff0e6)}.promotion-poster-preview .poster-template-mothersday .poster-head{background:linear-gradient(120deg,#b83767,#ec7183 54%,#f2ae72)}.promotion-poster-preview .poster-template-mothersday .poster-price{background:#c7476f;box-shadow:inset 0 0 0 2px #ffd0a8}.promotion-poster-preview .poster-template-memorial{background:linear-gradient(145deg,#fff 62%,#e8e1d5)}.promotion-poster-preview .poster-template-memorial .poster-head{background:linear-gradient(120deg,#1d2330,#3c4654 58%,#8c7754)}.promotion-poster-preview .poster-template-memorial .poster-price{background:#303946;box-shadow:inset 0 0 0 2px #c9ad78}.promotion-poster-preview .poster-template-santa{background:linear-gradient(145deg,#fff 62%,#e7f2ea)}.promotion-poster-preview .poster-template-santa .poster-head{background:linear-gradient(120deg,#8d0015,#d10b22 58%,#247044)}.promotion-poster-preview .poster-template-santa .poster-price{background:#b8001a;box-shadow:inset 0 0 0 2px #fff}.promotion-poster-preview .poster-template-christmas{background:linear-gradient(145deg,#fff 60%,#e5f1e8)}.promotion-poster-preview .poster-template-christmas .poster-head{background:linear-gradient(120deg,#0c4f34,#137548 55%,#b88a20)}.promotion-poster-preview .poster-template-christmas .poster-price{background:#08613b;box-shadow:inset 0 0 0 2px #d8b44a}
.promotion-poster-preview .poster-products{min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);gap:2%}.promotion-poster-preview.layout-pair.is-landscape .poster-products,.promotion-poster-preview.layout-grid .poster-products{grid-template-columns:repeat(2,minmax(0,1fr))}.promotion-poster-preview.layout-pair:not(.is-landscape) .poster-products,.promotion-poster-preview.layout-grid .poster-products{grid-template-rows:repeat(2,minmax(0,1fr))}.promotion-poster-preview.layout-pair.is-landscape .poster-products{grid-template-rows:minmax(0,1fr)}
.promotion-poster-preview .poster-product{position:relative;min-width:0;min-height:0;border:clamp(1px,.28vw,4px) solid #171717;border-radius:clamp(5px,1.2vw,14px);padding:2.2%;background:#fff;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:1.6%;overflow:hidden}.promotion-poster-preview .poster-photo{min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.promotion-poster-preview .poster-photo img{width:100%;height:100%;object-fit:contain}.promotion-poster-preview .poster-photo-empty{width:100%;height:100%;border:2px dashed #ccc;border-radius:10px;display:grid;place-items:center;color:#999;font-size:10px;font-weight:900}.promotion-poster-preview .poster-product h2{margin:0;text-align:center;font-size:clamp(7px,1.65vw,22px);line-height:1.05;text-transform:uppercase;overflow:hidden}.promotion-poster-preview.layout-pair .poster-product h2,.promotion-poster-preview.layout-grid .poster-product h2{font-size:clamp(6px,1.1vw,15px)}
.promotion-poster-preview .poster-price-block{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:2%;align-items:stretch}.promotion-poster-preview .poster-reference,.promotion-poster-preview .poster-price{border-radius:8px;padding:4%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.promotion-poster-preview .poster-reference{border:2px solid #222;background:#f3f3f3}.promotion-poster-preview .poster-reference span,.promotion-poster-preview .poster-price span{font-size:clamp(4px,.72vw,9px);font-weight:950;line-height:1}.promotion-poster-preview .poster-reference s{margin-top:4%;font-size:clamp(8px,1.6vw,21px);font-weight:950}.promotion-poster-preview .poster-price{background:#d50054;color:#fff;box-shadow:inset 0 0 0 2px #ffbf00}.promotion-poster-preview .poster-price b{margin-top:3%;font-size:clamp(12px,2.7vw,38px);line-height:.95;white-space:nowrap}.promotion-poster-preview.layout-pair .poster-price b,.promotion-poster-preview.layout-grid .poster-price b{font-size:clamp(9px,1.8vw,24px)}.promotion-poster-preview .poster-discount{position:absolute;z-index:1;right:3%;top:3%;width:clamp(28px,7vw,70px);aspect-ratio:1;border-radius:50%;background:#ffbf00;color:#17100a;border:2px solid #fff;display:grid;place-items:center;font-size:clamp(8px,1.55vw,19px);font-weight:950;box-shadow:0 4px 10px rgba(0,0,0,.25)}.promotion-poster-preview.layout-pair .poster-discount,.promotion-poster-preview.layout-grid .poster-discount{width:clamp(22px,4.5vw,48px);font-size:clamp(6px,1vw,12px)}.promotion-poster-preview .poster-foot{text-align:center;color:#444;font-size:clamp(4px,.62vw,8px);font-weight:750}
.promotion-poster-preview-empty{width:min(520px,100%);min-height:240px;border:1px dashed rgba(255,255,255,.28);border-radius:15px;display:grid;place-items:center;color:#d8dde8;text-align:center;padding:20px}.promotion-poster-panel>footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:11px 15px;border-top:1px solid var(--border-strong);background:var(--bg-surface)}.promotion-poster-panel>footer>span{margin-right:auto;color:var(--text-3);font-size:9px}.promotion-poster-panel>footer button{min-height:42px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-page);color:var(--text-2);padding:8px 14px;font-weight:900;cursor:pointer}.promotion-poster-panel>footer .promotion-poster-print{border-color:color-mix(in srgb,var(--success) 64%,var(--border-strong));background:color-mix(in srgb,var(--success) 16%,var(--bg-surface));color:var(--success)}.promotion-poster-panel>footer button:disabled{opacity:.42;cursor:not-allowed}body.promotion-poster-open{overflow:hidden}
@media(max-width:1040px){.promotion-poster-panel{height:96dvh}.promotion-poster-body{display:block;overflow-y:auto}.promotion-poster-controls{overflow:visible;border-right:0;border-bottom:1px solid var(--border-strong)}.promotion-poster-products{max-height:31vh}.promotion-poster-stage{min-height:520px}.promotion-poster-panel>footer{flex-wrap:wrap}.promotion-poster-panel>footer>span{width:100%;margin:0;text-align:center}}
@media(max-width:700px){.promotion-poster-modal{align-items:stretch;padding:0}.promotion-poster-panel{width:100%;height:100dvh;border:0;border-radius:0}.promotion-poster-panel>header{padding:11px 12px}.promotion-poster-panel>header h2{font-size:17px}.promotion-poster-panel>header p{display:none}.promotion-poster-controls{padding:10px}.promotion-poster-choice.is-layout{grid-template-columns:1fr}.promotion-poster-products{max-height:28vh}.promotion-poster-stage{min-height:390px;padding:10px}.promotion-poster-panel>footer{padding:8px}.promotion-poster-panel>footer button{flex:1;min-width:120px}.promotion-poster-panel>footer>span{display:none}.promotion-card-actions{width:100%}.promotion-card-actions button{flex:1}}
@media(max-width:1100px){.promotion-selected-row{grid-template-columns:30px minmax(135px,1fr) 80px minmax(128px,.72fr) minmax(160px,.8fr) 48px 36px;gap:6px}}
@media(min-width:901px) and (max-height:900px){.promotion-selected-row{grid-template-columns:30px minmax(140px,1fr) 82px minmax(135px,.65fr) minmax(190px,.8fr) 48px 34px}.promotion-reference-price small{white-space:normal}}
@media(max-width:700px){.promotion-selected-row{grid-template-columns:30px minmax(0,1fr) 38px}.promotion-regular-price,.promotion-reference-price,.promotion-price-actions,.promotion-discount{grid-column:2}.promotion-reference-price small{white-space:normal}.promotion-remove{grid-column:3;grid-row:1 / 5}}
.product-summary-footer.is-product-count{justify-content:center;background:linear-gradient(180deg,color-mix(in srgb,var(--info) 10%,var(--bg-surface)),var(--bg-surface))}
.product-summary-filter-count{display:flex;align-items:center;justify-content:center;gap:8px}.product-summary-filter-count b{color:var(--accent);font-size:15px}
.product-summary-footer.is-financial{display:grid;grid-template-columns:minmax(100px,.65fr) minmax(180px,1fr) minmax(150px,1fr);gap:10px}
.product-summary-item{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}
.product-summary-footer.is-financial .product-summary-item{min-width:0}
.product-summary-label{color:#7b7f87}
.product-summary-item b{color:var(--accent);font-size:15px}
.product-summary-sep{width:1px;height:18px;background:var(--border-strong)}
@media (max-width:720px){.product-summary-footer.is-financial{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:6px}.product-summary-footer.is-financial .product-summary-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;white-space:normal}.product-summary-footer.is-financial .product-summary-label{font-size:10px;line-height:1.15}.product-summary-footer.is-financial .product-summary-item b{font-size:13px;white-space:nowrap}}
@media (max-width:520px){.product-summary-footer{gap:9px;font-size:12px}.product-summary-footer:not(.is-financial) .product-summary-item{gap:4px}.product-summary-footer:not(.is-financial) .product-summary-label{max-width:80px;overflow:hidden;text-overflow:ellipsis}.product-summary-item b{font-size:14px}}
.form-box{background:var(--bg-inset);border-bottom:1px solid var(--border-strong);padding:16px;display:none}
.form-box.on{display:block}
.overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:98}
.overlay.on{display:block}
.drawer{position:fixed;top:0;left:-238px;bottom:0;width:228px;background:var(--bg-surface);border-right:1px solid var(--border-strong);z-index:99;transition:left .2s;overflow:hidden;display:flex;flex-direction:column;padding-bottom:var(--safe-bottom);box-sizing:border-box}
.drawer.on{left:0}
@media (max-width:1023px){
  .drawer{width:min(288px,86vw);left:calc(-1 * min(288px,86vw) - 12px)}
  .drawer-brand{padding:16px 16px 12px}
  .brand-logo-drawer{width:min(232px,calc(86vw - 42px));height:auto;min-height:0}
}
@media (max-width:420px){
  .drawer{width:min(280px,88vw);left:calc(-1 * min(280px,88vw) - 12px)}
  .brand-logo-drawer{width:min(226px,calc(88vw - 42px));min-height:0}
  .brand-product-name{font-size:12px}
}
body.desktop-sidebar-on .drawer{left:-238px}
body.desktop-sidebar-on .drawer.on{left:0;z-index:99;box-shadow:0 20px 50px rgba(0,0,0,.55);transition:left .2s}
body.desktop-sidebar-on .overlay.on{display:block!important}
body.desktop-sidebar-on .page{left:0}
body.desktop-sidebar-on .topbar{padding-left:calc(14px + var(--safe-left))}
body.desktop-sidebar-on #b-home-menu{display:flex!important}
body.desktop-sidebar-on .fab{right:calc(24px + var(--safe-right))}
body.price-reader-fullscreen-on .drawer,
body.price-reader-fullscreen-on .session-header-status,
body.price-reader-fullscreen-on .overlay{display:none!important}
body.price-reader-fullscreen-on #pg-price-reader,
body.desktop-sidebar-on.price-reader-fullscreen-on #pg-price-reader,
body.session-header-on.price-reader-fullscreen-on #pg-price-reader{left:0!important;right:0!important;top:0!important;bottom:0!important;width:100vw!important;height:100vh!important;height:100dvh!important}
body.price-reader-fullscreen-on #pg-price-reader .topbar{padding-left:calc(14px + var(--safe-left))!important}
body.price-reader-fullscreen-on #pg-price-reader #b-pr-back{display:flex!important}
@media (min-width:1180px) and (hover:hover) and (pointer:fine){
  body.session-header-on .drawer{left:-238px}
  body.session-header-on .drawer.on{left:0;z-index:99;box-shadow:0 20px 50px rgba(0,0,0,.55);transition:left .2s}
  body.session-header-on .overlay.on{display:block!important}
  body.session-header-on .page{left:0}
  body.session-header-on .topbar{padding-left:calc(14px + var(--safe-left))}
  body.session-header-on #b-home-menu{display:flex!important}
  body.session-header-on .fab{right:calc(24px + var(--safe-right))}
}
.ditem{padding:13px 18px;border-bottom:1px solid var(--border-strong);cursor:pointer;font-size:15px;display:flex;align-items:center;gap:10px}
#dm-theme-toggle #drawer-theme-icon{width:1.2em;min-width:1.2em;text-align:center;color:var(--accent);font-size:18px;line-height:1}
#dm-theme-toggle #drawer-theme-text{white-space:nowrap}
.ditem:active{background:var(--bg-surface-2)}
.ditem.is-active{background:linear-gradient(135deg,color-mix(in srgb, var(--mod-sales) 28%, var(--bg-surface)),var(--bg-surface-2) 58%,var(--bg-inset));color:var(--text-1);font-weight:900;box-shadow:inset 5px 0 0 var(--mod-sales),inset 0 2px 8px rgba(0,0,0,.35),inset 0 -1px 0 rgba(255,255,255,.06),0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent);border-bottom-color:var(--mod-sales-strong)}
.ditem.is-active .app-icon{color:var(--accent);filter:drop-shadow(0 0 10px rgba(232,160,32,.38))}
.ditem .app-icon{width:19px;height:19px;flex:0 0 19px;color:currentColor}
.drawer .ditem#dm-kassza,.drawer .ditem#dm-products,.drawer .ditem#dm-docs{--drawer-fast:var(--mod-sales);position:relative;background:linear-gradient(90deg,color-mix(in srgb,var(--drawer-fast) 22%,var(--bg-surface)),var(--bg-surface) 68%);box-shadow:inset 5px 0 0 var(--drawer-fast);border-bottom-color:color-mix(in srgb,var(--drawer-fast) 32%,var(--border-strong));font-weight:850}
.drawer .ditem#dm-products{--drawer-fast:var(--mod-admin-strong)}
.drawer .ditem#dm-docs{--drawer-fast:var(--info)}
.drawer .ditem#dm-kassza .app-icon,.drawer .ditem#dm-products .app-icon,.drawer .ditem#dm-docs .app-icon{color:color-mix(in srgb,var(--drawer-fast) 85%,var(--text-1));filter:drop-shadow(0 0 8px color-mix(in srgb,var(--drawer-fast) 54%,transparent))}
.drawer .ditem#dm-kassza:hover,.drawer .ditem#dm-products:hover,.drawer .ditem#dm-docs:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--drawer-fast) 36%,var(--bg-surface-2)),var(--bg-surface-2) 72%);filter:brightness(1.08)}
.drawer .ditem#dm-kassza.is-active,.drawer .ditem#dm-products.is-active,.drawer .ditem#dm-docs.is-active{background:linear-gradient(90deg,color-mix(in srgb,var(--drawer-fast) 58%,var(--bg-surface-2)),color-mix(in srgb,var(--drawer-fast) 18%,var(--bg-inset)));box-shadow:inset 6px 0 0 var(--text-1),0 0 0 1px color-mix(in srgb,var(--drawer-fast) 46%,var(--border-strong)),0 10px 26px color-mix(in srgb,var(--drawer-fast) 22%,transparent);border-bottom-color:color-mix(in srgb,var(--drawer-fast) 55%,var(--border-strong))}
.drawer .ditem#dm-kassza.is-active .app-icon,.drawer .ditem#dm-products.is-active .app-icon,.drawer .ditem#dm-docs.is-active .app-icon{color:var(--text-1);filter:drop-shadow(0 0 12px color-mix(in srgb,var(--drawer-fast) 72%,transparent))}
.drawer-brand{flex:0 0 auto;position:relative;z-index:2;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.drawer-menu-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:8px}
#drawer-user{flex:0 0 auto;padding:12px;font-size:12px;color:var(--text-3);border-top:1px solid var(--border-strong);background:var(--bg-surface);min-height:42px}
.drawer-section-title{padding:12px 18px 6px;color:var(--accent);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;background:var(--bg-surface-2);border-bottom:1px solid var(--bg-surface-2)}
.drawer-group-toggle{display:flex;align-items:center;justify-content:flex-start;gap:10px;font-weight:700;color:var(--text-1)}
.drawer-caret{color:var(--accent);font-size:13px;transition:transform .15s ease}
.drawer-group-toggle .drawer-caret{margin-left:auto}
.drawer-group-toggle.is-open .drawer-caret{transform:rotate(180deg)}
.drawer-sub{display:none;background:var(--bg-inset);border-bottom:1px solid var(--border-strong)}
.drawer-sub.is-open{display:block}
.drawer-subitem{padding-left:34px;font-size:14px;color:var(--text-1);background:var(--bg-surface)}
.drawer-subitem:last-child{border-bottom:none}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.ok{color:var(--success);font-weight:700}
.low{color:var(--danger);font-weight:700}
.doc-type-be .show-be { display:block !important; }
.doc-type-ki .show-ki { display:block !important; }
.doc-type-at .show-at { display:block !important; }
.doc-type-le .show-le { display:block !important; }
.show-be, .show-ki, .show-at, .show-le { display:none !important; }

#pg-doc-edit{background:radial-gradient(circle at 18% 0,color-mix(in srgb,var(--accent) 7%,transparent),transparent 36%),var(--bg-page)}
#pg-doc-edit .doc-edit-header{flex:0 0 auto;margin:14px 14px 0;padding:14px 14px 25px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border-strong));border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--bg-surface)),var(--bg-surface));box-shadow:0 12px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045)}
#pg-doc-edit .doc-edit-header.is-collapsed{padding:8px 12px 18px}
#pg-doc-edit .doc-edit-header.is-collapsed .doc-header-shell{padding-bottom:0}
#pg-doc-edit .doc-edit-header.is-collapsed .doc-header-summary{min-height:42px;margin:0;padding:8px 11px}
#pg-doc-edit .doc-header-fields{display:grid;gap:11px}
#pg-doc-edit .doc-header-shell.is-collapsed .doc-header-fields{display:none}
#pg-doc-edit .doc-header-shell.is-collapsed .doc-header-summary{display:flex}
#pg-doc-edit .doc-header-fields>div{margin:0!important;padding:12px 13px;border:1px solid var(--border-strong);border-radius:12px;background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-inset));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
#pg-doc-edit .doc-header-fields>div:first-child{margin:0!important}
#pg-doc-edit .doc-header-fields .lbl{display:block;margin-bottom:6px;color:var(--text-2);font-size:11px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
#pg-doc-edit .doc-header-fields input,#pg-doc-edit .doc-header-fields select{min-height:48px!important;padding:10px 12px!important;border:1px solid var(--border-strong)!important;border-radius:10px!important;background:var(--bg-page)!important;color:var(--text-1)!important;box-shadow:none!important}
#pg-doc-edit .doc-header-fields input:focus,#pg-doc-edit .doc-header-fields select:focus{outline:none!important;border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 17%,transparent)!important}
#pg-doc-edit .doc-header-fields #de-ref,#pg-doc-edit .doc-header-fields #de-disc{color:var(--accent)!important;font-weight:900!important}
#pg-doc-edit .doc-header-fields #de-disc{border:2px solid color-mix(in srgb,var(--accent) 75%,var(--border-strong))!important}
#pg-doc-edit .doc-header-fields #b-de-new-sup,#pg-doc-edit .doc-header-fields #b-de-new-cust{min-height:48px;border-radius:10px!important;padding:0 16px!important;box-shadow:0 7px 18px rgba(0,0,0,.18)}
#pg-doc-edit .doc-header-fields .doc-payment-box,#pg-doc-edit .doc-header-fields .doc-invoice-box{margin:0!important}
#pg-doc-edit .doc-edit-items{flex:1;min-height:0;overflow-y:auto;margin:12px 14px;padding:10px;border:1px solid var(--border-strong);border-radius:16px;background:linear-gradient(180deg,var(--bg-inset),color-mix(in srgb,var(--bg-inset) 88%,var(--bg-page)));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
#pg-doc-edit .doc-edit-empty{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:42px 20px;border:1px dashed color-mix(in srgb,var(--accent) 34%,var(--border-strong));border-radius:13px;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--accent) 8%,var(--bg-surface)),var(--bg-inset) 64%);color:var(--text-2);text-align:center}
#pg-doc-edit .doc-edit-empty-icon{width:62px;height:62px;display:grid;place-items:center;margin-bottom:5px;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border-strong));border-radius:18px;background:color-mix(in srgb,var(--accent) 10%,var(--bg-surface));color:var(--accent)}
#pg-doc-edit .doc-edit-empty-icon .app-icon{width:36px;height:36px;stroke-width:1.65}
#pg-doc-edit .doc-edit-empty strong{color:var(--text-1);font-size:17px;font-weight:950}
#pg-doc-edit .doc-edit-empty small{color:var(--text-3);font-size:12px;font-weight:750}
#pg-doc-edit .doc-edit-footer{flex:0 0 auto;min-height:72px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid color-mix(in srgb,var(--accent) 28%,var(--border-strong));background:linear-gradient(180deg,var(--bg-surface),var(--bg-surface-2));box-shadow:0 -10px 26px rgba(0,0,0,.2)}
#pg-doc-edit .doc-edit-totals{flex:1;min-width:0;color:var(--text-3);font-size:13px;font-weight:750;line-height:1.45}
#pg-doc-edit .doc-edit-totals b{color:var(--text-1);font-size:14px;font-variant-numeric:tabular-nums}
#pg-doc-edit .doc-edit-totals #de-total-val{display:inline-flex;align-items:center;min-height:28px;padding:3px 9px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border-strong));border-radius:999px;background:color-mix(in srgb,var(--accent) 9%,var(--bg-page));color:var(--accent)}
#pg-doc-edit .doc-edit-add-product{width:52px;height:52px;min-width:52px;flex:0 0 52px;border-radius:50%;cursor:pointer}
#pg-doc-edit.doc-mobile-issue .doc-edit-header{margin:7px 7px 0}
#pg-doc-edit.doc-mobile-issue .doc-edit-items{margin:7px;padding:4px}
#pg-doc-edit.doc-mobile-issue #b-de-add-prod .app-plus-icon{display:none}

html[data-theme="light"] #pg-doc-edit .doc-edit-header{background:var(--bg-surface);border-color:var(--border);box-shadow:var(--card-shadow)}
html[data-theme="light"] #pg-doc-edit .doc-header-fields>div{background:var(--bg-surface);border-color:var(--border);box-shadow:none}
html[data-theme="light"] #pg-doc-edit .doc-header-fields input,html[data-theme="light"] #pg-doc-edit .doc-header-fields select{background:var(--bg-input)!important;border-color:var(--border-strong)!important}
html[data-theme="light"] #pg-doc-edit .doc-edit-items{background:var(--bg-surface);border-color:var(--border);box-shadow:var(--card-shadow)}
html[data-theme="light"] #pg-doc-edit .doc-edit-empty{background:linear-gradient(145deg,var(--bg-surface),var(--bg-surface-2));border-color:var(--brand-gold-border)}
html[data-theme="light"] #pg-doc-edit .doc-edit-empty-icon{background:var(--brand-gold-soft);border-color:var(--brand-gold-border);color:var(--brand-gold-dark)}
html[data-theme="light"] #pg-doc-edit .doc-edit-footer{background:var(--bg-surface);border-color:var(--border);box-shadow:0 -7px 22px rgba(14,27,51,.08)}

@media(max-width:760px){
  #pg-doc-edit .doc-edit-header{margin:8px 8px 0;padding:10px 10px 20px;border-radius:13px}
  #pg-doc-edit .doc-header-fields{gap:8px}
  #pg-doc-edit .doc-header-fields>div{padding:9px 10px;border-radius:10px}
  #pg-doc-edit .doc-edit-items{margin:8px;padding:6px;border-radius:13px}
  #pg-doc-edit .doc-edit-footer{min-height:64px;padding:8px 10px}
  #pg-doc-edit .doc-edit-add-product{width:48px;height:48px;min-width:48px;flex-basis:48px}
}

.doc-header-shell{position:relative;padding-bottom:22px}
.doc-header-summary{display:none;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--text-3);background:var(--bg-page);border:1px solid var(--border-strong);border-radius:8px;padding:8px 10px;margin-bottom:8px}
.doc-header-summary span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}
.doc-header-summary span:nth-child(2){color:var(--accent);font-weight:800}
.doc-header-summary .doc-header-audit{color:var(--text-3);font-weight:800;max-width:520px}
.doc-header-fields{display:block}
.doc-header-shell.is-collapsed .doc-header-fields{display:none}
.doc-header-shell.is-collapsed .doc-header-summary{display:flex}
.doc-header-toggle{position:absolute;left:50%;bottom:-15px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--bg-surface-2) 70%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-strong);border-radius:999px;color:var(--accent);padding:7px 13px;font-size:12px;font-weight:800;box-shadow:0 8px 22px rgba(0,0,0,.32);z-index:3;transition:transform .14s ease,filter .14s ease}
.doc-header-toggle:hover{filter:brightness(1.12)}
.doc-header-toggle-icon{font-size:14px;line-height:1}
.doc-header-shell:not(.is-collapsed) .doc-header-toggle{bottom:-15px}
.doc-payment-box{background:linear-gradient(180deg,var(--bg-page),var(--bg-page));border:1px solid var(--border-strong);border-radius:10px;padding:11px 12px;margin:0 0 10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.doc-payment-title{color:var(--accent);font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px}
.doc-payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.doc-payment-grid select,.doc-payment-grid input{width:100%;box-sizing:border-box;background:var(--bg-inset)!important;border:1px solid var(--border-strong)!important;border-radius:9px!important;color:var(--text-1)!important;padding:10px 11px!important;font-size:14px!important;font-weight:800!important;color-scheme:dark}
.doc-payment-grid select:focus,.doc-payment-grid input:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 2px rgba(232,160,32,.16)}
.doc-payment-grid .is-disabled{opacity:.45}
.doc-payment-grid .is-disabled input{cursor:not-allowed}
.doc-invoice-box{background:linear-gradient(180deg,var(--bg-page),var(--bg-inset));border:1px solid color-mix(in srgb,var(--info) 35%,var(--border-strong));border-radius:10px;padding:11px 12px;margin:0 0 10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.doc-invoice-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.doc-invoice-head b{display:block;color:var(--text-1);font-size:13px;font-weight:950}
.doc-invoice-head span{display:block;color:var(--text-3);font-size:11px;font-weight:750;margin-top:3px}
.doc-invoice-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.doc-invoice-title{color:var(--info);font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.doc-invoice-upload{min-height:36px;border:1px solid color-mix(in srgb,var(--info) 55%,var(--border-strong));border-radius:9px;background:linear-gradient(135deg,var(--info),color-mix(in srgb,var(--info) 66%,var(--bg-inset)));color:var(--on-color);padding:8px 13px;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap}
.doc-invoice-upload:disabled{opacity:.55;cursor:not-allowed}
.doc-invoice-analyze{border-color:color-mix(in srgb,var(--accent) 60%,var(--border-strong));color:var(--accent);background:rgba(232,160,32,.12)}
.doc-invoice-help{font-size:11px;color:var(--text-3);line-height:1.35;margin-bottom:8px}
.doc-invoice-list{display:flex;flex-direction:column;gap:7px}
.doc-invoice-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:9px;padding:8px 9px}
.doc-invoice-open{min-width:0;text-align:left;border:0;background:transparent;color:var(--text-1);padding:0;cursor:pointer}
.doc-invoice-open b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:900}
.doc-invoice-open span{display:block;color:var(--text-3);font-size:10px;font-weight:750;margin-top:2px}
.doc-invoice-delete{width:34px;height:34px;border:1px solid rgba(255,91,111,.5);border-radius:9px;background:rgba(255,91,111,.12);color:var(--danger-text);font-size:20px;font-weight:900;cursor:pointer}
.doc-invoice-name{min-width:0;font-size:12px;font-weight:850;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.doc-invoice-meta{display:block;color:var(--text-3);font-size:10px;font-weight:700;margin-top:2px}
.doc-invoice-action{min-height:32px;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg-inset);color:var(--text-1);padding:6px 10px;font-size:11px;font-weight:850;cursor:pointer}
.doc-invoice-action.is-danger{border-color:rgba(255,91,111,.5);color:var(--danger-text);background:rgba(255,91,111,.12)}
.doc-invoice-empty{border:1px dashed var(--border-strong);border-radius:9px;padding:9px 10px;color:var(--text-3);font-size:12px;text-align:center}
.doc-invoice-status,.accounting-invoice-status{min-height:18px;color:var(--text-3);font-size:11px;font-weight:750;line-height:1.35;margin-top:8px}
.doc-invoice-status.is-error,.accounting-invoice-status.is-error{color:var(--danger-text)}
.doc-invoice-status.is-ok,.accounting-invoice-status.is-ok{color:var(--success-text)}
.doc-invoice-upload.is-camera{background:linear-gradient(135deg,color-mix(in srgb,var(--info) 72%,#111),color-mix(in srgb,var(--accent) 58%,var(--info)));box-shadow:0 8px 22px rgba(25,118,210,.2),inset 0 1px 0 rgba(255,255,255,.22)}
body.invoice-scan-open{overflow:hidden}
.invoice-scan-modal{position:fixed;inset:0;z-index:18000;display:flex;align-items:center;justify-content:center;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:rgba(3,6,12,.82);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.invoice-scan-modal[hidden]{display:none!important}
.invoice-scan-shell{width:min(1240px,100%);height:min(96dvh,980px);min-height:560px;display:flex;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 52%,var(--border-strong));border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--bg-surface) 94%,transparent),color-mix(in srgb,var(--bg-page) 97%,transparent));box-shadow:0 26px 80px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.12)}
.invoice-scan-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--border-strong);background:linear-gradient(110deg,rgba(232,160,32,.18),rgba(25,118,210,.1),transparent)}
.invoice-scan-head span{display:block;color:var(--accent);font-size:11px;font-weight:950;letter-spacing:.11em}
.invoice-scan-head h2{margin:3px 0 0;color:var(--text-1);font-size:25px;line-height:1.1}
.invoice-scan-head p{margin:5px 0 0;color:var(--text-3);font-size:11px;font-weight:750}
.invoice-scan-head>button{flex:0 0 auto;width:48px;height:48px;border:1px solid var(--border-strong);border-radius:14px;background:var(--bg-inset);color:var(--text-1);font-size:32px;line-height:1;cursor:pointer}
.invoice-scan-body{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:12px;padding:12px;overflow:hidden}
.invoice-scan-capture,.invoice-scan-pages-panel{min-height:0;border:1px solid var(--border-strong);border-radius:16px;background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.075)}
.invoice-scan-capture{display:flex;flex-direction:column;padding:12px;overflow:auto}
.invoice-scan-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.invoice-scan-toolbar button,.invoice-scan-footer button,.invoice-scan-add-page{min-height:42px;border:1px solid var(--border-strong);border-radius:11px;background:var(--bg-inset);color:var(--text-1);padding:9px 14px;font-size:12px;font-weight:900;cursor:pointer}
.invoice-scan-toolbar button.is-primary,.invoice-scan-footer button.is-primary{border-color:color-mix(in srgb,var(--accent) 58%,var(--border-strong));background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 64%,#cf184e));color:#16100a;box-shadow:0 8px 22px rgba(232,160,32,.22),inset 0 1px 0 rgba(255,255,255,.28)}
.invoice-scan-toolbar button:disabled,.invoice-scan-footer button:disabled,.invoice-scan-add-page:disabled{opacity:.46;cursor:not-allowed}
.invoice-scan-status{margin:10px 0 8px;min-height:19px;border-left:3px solid var(--info);padding:3px 0 3px 9px;color:var(--text-2);font-size:12px;font-weight:800;line-height:1.35}
.invoice-scan-status.is-ok{border-color:var(--success);color:var(--success-text)}
.invoice-scan-status.is-warning{border-color:var(--accent);color:var(--accent)}
.invoice-scan-status.is-error{border-color:var(--danger);color:var(--danger-text)}
.invoice-scan-status.is-working{border-color:var(--info);color:var(--info)}
.invoice-scan-empty{min-height:240px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:2px dashed color-mix(in srgb,var(--info) 48%,var(--border-strong));border-radius:14px;background:radial-gradient(circle at 50% 35%,rgba(25,118,210,.13),transparent 55%);padding:24px}
.invoice-scan-empty[hidden],.invoice-scan-editor-wrap[hidden],.invoice-scan-live[hidden],.invoice-scan-corrections[hidden]{display:none!important}
.invoice-scan-empty:before{content:'📄';display:grid;place-items:center;width:76px;height:92px;margin-bottom:14px;border:2px solid var(--accent);border-radius:9px;background:rgba(232,160,32,.09);font-size:38px;box-shadow:0 13px 30px rgba(0,0,0,.26)}
.invoice-scan-empty b{color:var(--text-1);font-size:17px}
.invoice-scan-empty span{max-width:500px;margin-top:7px;color:var(--text-3);font-size:12px;line-height:1.45}
.invoice-scan-live{position:relative;min-height:0;flex:1;display:grid;place-items:center;overflow:hidden;border:2px solid rgba(255,201,40,.5);border-radius:15px;background:#030609;isolation:isolate;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 14px 38px rgba(0,0,0,.42);transition:border-color .18s ease,box-shadow .18s ease}
.invoice-scan-live.is-detected{border-color:rgba(255,201,40,.9);box-shadow:inset 0 0 28px rgba(255,201,40,.09),0 14px 38px rgba(0,0,0,.42)}
.invoice-scan-live.is-ready{border-color:#28e77d;box-shadow:inset 0 0 30px rgba(40,231,125,.15),0 0 24px rgba(40,231,125,.28),0 14px 38px rgba(0,0,0,.42)}
#invoice-scan-video,#invoice-scan-live-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#invoice-scan-video{z-index:0;background:#020305}
#invoice-scan-live-overlay{z-index:1;pointer-events:none}
.invoice-scan-live-badge{position:absolute;z-index:2;top:10px;left:50%;transform:translateX(-50%);max-width:calc(100% - 24px);border:1px solid rgba(255,201,40,.65);border-radius:999px;background:rgba(8,10,14,.78);color:#ffd557;padding:7px 13px;font-size:11px;font-weight:950;letter-spacing:.045em;text-align:center;box-shadow:0 7px 22px rgba(0,0,0,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.invoice-scan-live-badge.is-detected{color:#fff0ad}
.invoice-scan-live-badge.is-ready{border-color:rgba(40,231,125,.84);background:rgba(5,39,23,.82);color:#69f5a4;box-shadow:0 0 18px rgba(40,231,125,.3)}
.invoice-scan-thumb-captures{position:absolute;z-index:3;inset:0;pointer-events:none}
.invoice-scan-thumb-capture{position:absolute;top:62%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:78px;height:78px;transform:translateY(-50%);border:2px solid rgba(255,213,87,.82);border-radius:50%;background:linear-gradient(145deg,rgba(19,23,30,.92),rgba(4,7,11,.82));color:#ffd557;box-shadow:0 11px 30px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.2),0 0 0 5px rgba(0,0,0,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;pointer-events:auto;touch-action:manipulation}
.invoice-scan-thumb-capture.is-left{left:12px}
.invoice-scan-thumb-capture.is-right{right:12px}
.invoice-scan-thumb-capture span{font-size:25px;line-height:1}
.invoice-scan-thumb-capture b{font-size:10px;line-height:1;letter-spacing:.09em}
.invoice-scan-thumb-capture.is-ready{border-color:#28e77d;background:linear-gradient(145deg,rgba(20,96,55,.96),rgba(4,35,20,.9));color:#8bffb9;box-shadow:0 0 26px rgba(40,231,125,.46),inset 0 1px 0 rgba(255,255,255,.27),0 0 0 5px rgba(3,36,19,.34)}
.invoice-scan-thumb-capture:disabled{opacity:.55;cursor:wait}
.invoice-scan-live-hint{position:absolute;z-index:2;left:12px;right:12px;bottom:10px;border-radius:9px;background:rgba(2,5,8,.72);color:#eef5f8;padding:7px 10px;font-size:10px;font-weight:800;line-height:1.35;text-align:center;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
[data-invoice-scan-capture].is-ready{border-color:#28e77d;background:linear-gradient(135deg,#28e77d,#0cae5a);color:#03130a;box-shadow:0 0 20px rgba(40,231,125,.38),inset 0 1px 0 rgba(255,255,255,.42)}
.invoice-scan-editor-wrap{min-height:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:auto;border:1px solid var(--border-strong);border-radius:14px;background:#080a0e;padding:8px}
#invoice-scan-editor{display:block;max-width:100%;max-height:calc(96dvh - 325px);width:auto;height:auto;border-radius:9px;touch-action:none;box-shadow:0 12px 34px rgba(0,0,0,.45)}
.invoice-scan-editor-wrap small{display:block;margin:7px 4px 1px;color:var(--text-3);font-size:11px;font-weight:750;text-align:center}
.invoice-scan-corrections{display:flex;flex-direction:column;gap:6px;margin-top:8px;border:1px solid var(--border-strong);border-radius:12px;background:rgba(0,0,0,.14);padding:7px}
.invoice-scan-correction-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.invoice-scan-correction-row b{min-width:74px;color:var(--text-3);font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.045em}
.invoice-scan-correction-row button{min-height:32px;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg-inset);color:var(--text-2);padding:6px 9px;font-size:10px;font-weight:900;cursor:pointer}
.invoice-scan-correction-row button.is-active{border-color:rgba(40,231,125,.66);background:rgba(40,231,125,.13);color:#69f5a4;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.invoice-scan-correction-row .invoice-scan-clean-button{border-color:rgba(78,188,255,.5);color:#a9ddff}
.invoice-scan-clean-button small{display:block;margin-top:2px;color:var(--text-3);font-size:8px;font-weight:800;line-height:1.05}
.invoice-scan-clean-button.is-active small{color:#9bf5bd}
.invoice-scan-add-page{width:100%;margin-top:9px;border-color:rgba(34,197,94,.45);background:rgba(34,197,94,.11);color:var(--success-text)}
.invoice-scan-pages-panel{display:flex;flex-direction:column;overflow:hidden;padding:10px}
.invoice-scan-pages-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 3px 9px;border-bottom:1px solid var(--border-strong)}
.invoice-scan-pages-head b{color:var(--accent);font-size:13px;text-transform:uppercase;letter-spacing:.05em}
.invoice-scan-pages-head span{color:var(--text-3);font-size:10px;font-weight:800}
.invoice-scan-name{display:flex;flex-direction:column;gap:5px;margin:9px 0 2px;padding:9px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border-strong));border-radius:11px;background:rgba(232,160,32,.055)}
.invoice-scan-name>span{color:var(--accent);font-size:10px;font-weight:950;letter-spacing:.06em;text-transform:uppercase}
.invoice-scan-name input{width:100%;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg-inset);color:var(--text-1);padding:8px 9px;font:800 11px/1.3 inherit;outline:none}
.invoice-scan-name input:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(232,160,32,.13)}
.invoice-scan-name small{min-height:14px;color:var(--text-3);font-size:9px;font-weight:750;line-height:1.35}
.invoice-scan-name small.is-ok{color:var(--success-text)}
.invoice-scan-name small.is-working{color:var(--info)}
.invoice-scan-name small.is-warning{color:var(--accent)}
.invoice-scan-pages{min-height:0;flex:1;display:flex;flex-direction:column;gap:8px;overflow:auto;padding-top:9px}
.invoice-scan-pages-empty{display:grid;place-items:center;min-height:120px;border:1px dashed var(--border-strong);border-radius:11px;color:var(--text-3);font-size:11px;font-weight:800;text-align:center;padding:12px}
.invoice-scan-page{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) 30px;align-items:center;gap:8px;border:1px solid var(--border-strong);border-radius:11px;background:var(--bg-inset);padding:7px}
.invoice-scan-page img{width:58px;height:74px;object-fit:cover;border-radius:7px;background:#fff}
.invoice-scan-page span{color:var(--text-1);font-size:12px;font-weight:900}
.invoice-scan-page button{width:30px;height:30px;border:1px solid rgba(255,91,111,.48);border-radius:8px;background:rgba(255,91,111,.12);color:var(--danger-text);font-size:21px;cursor:pointer}
.invoice-scan-footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:11px 14px;border-top:1px solid var(--border-strong);background:rgba(0,0,0,.12)}
@media (max-width:900px){.invoice-scan-shell{height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)));border-radius:17px}.invoice-scan-body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;overflow:auto}.invoice-scan-capture{min-height:430px;overflow:visible}.invoice-scan-toolbar #b-invoice-scan-capture{display:none!important}.invoice-scan-live{min-height:52dvh}.invoice-scan-pages-panel{min-height:180px;max-height:235px}.invoice-scan-name{margin-top:7px}.invoice-scan-pages{flex-direction:row;overflow-x:auto;overflow-y:hidden}.invoice-scan-page{flex:0 0 185px}.invoice-scan-pages-empty{width:100%;min-height:62px}#invoice-scan-editor{max-height:58dvh}}
@media (max-width:620px){.invoice-scan-modal{padding:0}.invoice-scan-shell{width:100%;height:100dvh;min-height:0;border-radius:0;border-left:0;border-right:0}.invoice-scan-head{padding:10px 12px}.invoice-scan-head h2{font-size:20px}.invoice-scan-head p{display:none}.invoice-scan-head>button{width:44px;height:44px}.invoice-scan-body{padding:8px;gap:8px}.invoice-scan-capture{min-height:390px;padding:9px}.invoice-scan-toolbar{display:grid;grid-template-columns:1fr 1fr}.invoice-scan-toolbar button{padding:8px 6px}.invoice-scan-toolbar #b-invoice-scan-retake{grid-column:1/-1}.invoice-scan-live{min-height:56dvh}.invoice-scan-live-badge{top:7px;font-size:9px;padding:6px 9px}.invoice-scan-thumb-capture{top:64%;width:68px;height:68px}.invoice-scan-thumb-capture.is-left{left:8px}.invoice-scan-thumb-capture.is-right{right:8px}.invoice-scan-thumb-capture span{font-size:21px}.invoice-scan-correction-row b{width:100%;min-width:0}.invoice-scan-correction-row button{flex:1}.invoice-scan-footer{padding:8px}.invoice-scan-footer button{flex:1;padding:8px 7px}.invoice-scan-footer .is-primary{flex:1.8}#invoice-scan-editor{max-height:48dvh}}
.supplier-invoice-template-input{background:var(--bg-inset);color:var(--text-1);border:1px solid var(--border-strong);padding:10px;border-radius:6px;width:100%;min-height:96px;font-size:14px;line-height:1.45}
.supplier-invoice-template-help{display:block;color:var(--text-3);margin-top:6px;font-size:12px;line-height:1.35}
.supplier-invoice-template-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;margin:8px 0}
.supplier-invoice-template-btn{min-height:36px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--border-strong));border-radius:9px;background:rgba(232,160,32,.1);color:var(--accent);padding:8px 12px;font-size:12px;font-weight:900;cursor:pointer}
.supplier-invoice-template-btn:hover{background:rgba(232,160,32,.18)}
.supplier-invoice-template-status{min-height:18px;color:var(--text-3);font-size:11px;font-weight:800;line-height:1.35;margin:4px 0 8px}
.supplier-invoice-template-status.is-ok{color:var(--success-text)}
.supplier-invoice-template-status.is-error{color:var(--danger-text)}
.supplier-invoice-map-panel{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.supplier-invoice-map-card{border:1px solid var(--border-strong);border-radius:12px;background:linear-gradient(180deg,var(--bg-surface),var(--bg-inset));padding:10px}
.supplier-invoice-map-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.supplier-invoice-map-card-head b{display:block;color:var(--accent);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}
.supplier-invoice-map-card-head span{display:block;color:var(--text-3);font-size:10px;font-weight:800;text-align:right}
.supplier-invoice-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.supplier-invoice-field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.9fr);gap:8px;align-items:center;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-page);padding:8px}
.supplier-invoice-field-source{min-width:0;color:var(--text-1);font-size:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.supplier-invoice-map-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.supplier-invoice-map-head b{display:block;color:var(--accent);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}
.supplier-invoice-map-head span{display:block;color:var(--text-3);font-size:10px;font-weight:800;text-align:right}
.supplier-invoice-map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.supplier-invoice-map-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.9fr);gap:8px;align-items:center;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-page);padding:8px}
.supplier-invoice-map-source{min-width:0;color:var(--text-1);font-size:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.supplier-invoice-map-source b,.supplier-invoice-field-source b{display:block;color:var(--text-1);font-size:12px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.supplier-invoice-map-source span,.supplier-invoice-field-source span{display:block;color:var(--text-3);font-size:10px;font-weight:800;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.supplier-invoice-map-empty{grid-column:1/-1;border:1px dashed var(--border-strong);border-radius:9px;padding:10px;color:var(--text-3);font-size:12px;text-align:center;font-weight:800}
.supplier-invoice-field-row select,.supplier-invoice-product-tools input,.supplier-invoice-product-tools select{min-height:36px;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg-inset);color:var(--text-1);padding:7px 9px;font-size:12px;font-weight:850;min-width:0}
.supplier-invoice-product-tools{display:grid;grid-template-columns:minmax(140px,.9fr) minmax(180px,1fr) minmax(220px,1.3fr) auto;gap:8px;align-items:end}
.supplier-invoice-product-tools button{min-height:36px;border:1px solid rgba(34,197,94,.45);border-radius:9px;background:rgba(34,197,94,.12);color:var(--success-text);padding:8px 12px;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap}
.supplier-invoice-product-preview{display:flex;flex-direction:column;gap:6px;margin-top:9px}
.supplier-invoice-product-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg-page);padding:7px 8px}
.supplier-invoice-product-row b{display:block;color:var(--text-1);font-size:12px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.supplier-invoice-product-row span{display:block;color:var(--text-3);font-size:10px;font-weight:800;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.supplier-invoice-product-row em{font-style:normal;color:var(--accent);font-size:11px;font-weight:900;text-align:right;white-space:nowrap}
.supplier-invoice-product-empty{border:1px dashed var(--border-strong);border-radius:9px;padding:10px;color:var(--text-3);font-size:12px;text-align:center;font-weight:800}
.invoice-analysis-panel{margin-top:10px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border-strong));border-radius:12px;background:linear-gradient(180deg,var(--bg-surface),var(--bg-page));padding:10px}
.invoice-analysis-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.invoice-analysis-head b{display:block;color:var(--accent);font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}
.invoice-analysis-head span{display:block;color:var(--text-3);font-size:11px;font-weight:750;margin-top:3px}
.invoice-analysis-head button,.invoice-analysis-actions button{min-height:34px;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-inset);color:var(--text-1);padding:7px 11px;font-size:12px;font-weight:900;cursor:pointer}
.invoice-analysis-note{border:1px solid rgba(232,160,32,.25);background:rgba(232,160,32,.09);border-radius:9px;padding:8px 10px;color:var(--accent);font-size:12px;font-weight:850;margin-bottom:8px}
.invoice-analysis-text{width:100%;min-height:96px;background:var(--bg-inset);border:1px solid var(--border-strong);border-radius:10px;color:var(--text-1);padding:10px 11px;font-size:13px;line-height:1.45;resize:vertical}
.invoice-analysis-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0}
.invoice-analysis-actions button{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 72%,var(--bg-inset)));color:var(--bg-page);border-color:rgba(232,160,32,.55)}
.invoice-analysis-actions span{color:var(--text-3);font-size:12px;font-weight:850}
.invoice-analysis-list{display:flex;flex-direction:column;gap:7px}
.invoice-analysis-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) 64px auto;gap:8px;align-items:center;border:1px solid var(--border-strong);border-left:4px solid var(--text-3);border-radius:10px;background:var(--bg-inset);padding:8px}
.invoice-analysis-row.is-high{border-left-color:var(--success)}
.invoice-analysis-row.is-mid{border-left-color:var(--accent)}
.invoice-analysis-row.is-low{border-left-color:var(--danger)}
.invoice-analysis-line,.invoice-analysis-match{min-width:0}
.invoice-analysis-line b,.invoice-analysis-match b{display:block;color:var(--text-1);font-size:12px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.invoice-analysis-line span,.invoice-analysis-match span{display:block;color:var(--text-3);font-size:10px;font-weight:750;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.invoice-analysis-score{font-size:18px;font-weight:950;text-align:center;color:var(--accent)}
.invoice-analysis-accept{min-height:34px;border:1px solid rgba(34,197,94,.45);border-radius:9px;background:rgba(34,197,94,.11);color:var(--success-text);padding:7px 10px;font-size:11px;font-weight:900;cursor:pointer;white-space:nowrap}
.invoice-analysis-accept.is-accepted{background:var(--success);color:#fff}
.invoice-analysis-empty{border:1px dashed var(--border-strong);border-radius:10px;padding:14px;color:var(--text-3);font-size:12px;text-align:center;font-weight:800}
.toggle-row{display:flex;align-items:flex-start;gap:9px;color:var(--text-2);font-size:12px;font-weight:750;line-height:1.35}
.toggle-row input{width:18px;height:18px;margin:0;accent-color:var(--accent);flex:0 0 18px}
@media (max-width:620px){.doc-header-summary span{max-width:180px}.doc-header-toggle-text{display:none}.doc-header-toggle{padding:8px 12px}}
@media (max-width:620px){.doc-invoice-head{align-items:flex-start;flex-direction:column}.doc-invoice-actions,.doc-invoice-upload{width:100%}.doc-invoice-row{grid-template-columns:1fr}.doc-invoice-action{width:100%}.invoice-analysis-head,.invoice-analysis-actions{align-items:stretch;flex-direction:column}.invoice-analysis-row{grid-template-columns:1fr}.invoice-analysis-score{text-align:left}.invoice-analysis-accept{width:100%}.supplier-invoice-field-grid,.supplier-invoice-field-row,.supplier-invoice-map-grid,.supplier-invoice-map-row,.supplier-invoice-product-tools,.supplier-invoice-product-row{grid-template-columns:1fr}.supplier-invoice-map-card-head,.supplier-invoice-map-head{align-items:flex-start;flex-direction:column}.supplier-invoice-map-card-head span,.supplier-invoice-map-head span{text-align:left}}
#sup-list,#cust-list,#wh-list{padding-bottom:96px}
#prod-list{padding-bottom:24px}
#pg-sup-form > div:last-child,#pg-cust-form > div:last-child{padding-bottom:96px !important}

.home-quick{border:none;padding:14px 12px;cursor:pointer;display:flex;align-items:center;gap:10px;text-align:left;color:var(--text-1)}
.home-quick-title{font-size:13px;font-weight:700;color:var(--text-1)}
.home-quick-sub{font-size:10px;color:rgba(255,255,255,.6)}
.home-stat-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:14px;padding:8px;border-radius:10px;background:linear-gradient(180deg,var(--bg-surface),var(--bg-inset));border:1px solid var(--bg-surface-2);box-shadow:0 10px 28px rgba(0,0,0,.28)}
.home-stat-strip.is-product-stat-restricted{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-stat{background:linear-gradient(180deg,var(--bg-inset),var(--bg-page));border:1px solid var(--border-strong);border-radius:8px;padding:12px 10px;text-align:center;min-width:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.home-stat-label{font-size:10px;color:var(--text-3);margin-bottom:4px;text-transform:uppercase;font-weight:850;letter-spacing:.08em}
.home-stat-value{font-size:23px;font-weight:900;line-height:1.12;text-shadow:0 0 16px currentColor}
.home-stat-sub{font-size:10px;color:var(--text-3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-menu-item{display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:10px;cursor:pointer;background:none;border:none;width:100%;text-align:left;margin-bottom:2px;color:var(--text-1)}
.home-menu-item:active{background:var(--bg-surface-2)}
.home-menu-groups{display:flex;flex-direction:column;gap:16px;padding-bottom:16px}
.home-menu-group{min-width:0;padding:16px 14px 14px;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:16px;box-shadow:0 10px 26px rgba(0,0,0,.16),0 1px 0 rgba(255,255,255,.05) inset}
.home-section-label{font-size:13px;color:var(--text-1);font-weight:900;letter-spacing:.6px;padding:0 2px 12px;text-transform:uppercase;display:flex;align-items:center;gap:9px}
.home-section-label:before{content:'';display:inline-block;width:5px;height:18px;border-radius:3px;background:var(--section-accent,var(--accent))}
.home-menu-group[data-home-group="sales"] .home-section-label{--section-accent:var(--mod-sales)}
.home-menu-group[data-home-group="warehouse"] .home-section-label{--section-accent:var(--mod-warehouse)}
.home-menu-group[data-home-group="manager"] .home-section-label{--section-accent:var(--mod-management)}
.home-menu-group[data-home-group="admin"] .home-section-label{--section-accent:var(--mod-admin)}
.home-tile-grid{display:grid;grid-template-columns:1fr;gap:8px;align-items:start}
.home-menu-tile{--tile-color:var(--info);min-height:84px;border:1px solid var(--border);border-left:6px solid var(--tile-color);border-radius:14px;background:var(--bg-surface);color:var(--text-1);padding:12px 12px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.12);overflow:hidden}
.home-menu-tile:hover{border-color:color-mix(in srgb,var(--tile-color) 55%,var(--border))}
.home-menu-group[data-home-group="sales"] .home-menu-tile{--tile-color:var(--mod-sales)}
.home-menu-group[data-home-group="warehouse"] .home-menu-tile{--tile-color:var(--mod-warehouse)}
.home-menu-group[data-home-group="manager"] .home-menu-tile{--tile-color:var(--mod-management)}
.home-menu-group[data-home-group="admin"] .home-menu-tile{--tile-color:var(--mod-admin)}
.home-menu-tile:has(.home-alert-badge){padding-right:10px;gap:10px}
.home-menu-tile:active{transform:translateY(1px);filter:brightness(.94)}
.home-menu-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 42px;border-radius:12px;background:color-mix(in srgb,var(--tile-color) 15%,transparent);color:var(--tile-color);font-size:22px;font-weight:850;line-height:1}
.home-menu-icon .app-icon{width:22px;height:22px;color:currentColor;stroke-width:2.2}
.home-menu-copy{min-width:76px;flex:1 1 auto;display:flex;flex-direction:column;gap:2px}
.home-menu-title{font-size:14px;font-weight:950;line-height:1.15;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;word-break:normal}
.home-menu-sub{font-size:11px;line-height:1.2;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;word-break:normal}
.home-alert-badges{display:flex;flex-direction:column;gap:4px;margin-left:auto;flex:0 0 auto}
.home-alert-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:56px;max-width:78px;border-radius:10px;padding:7px 8px;border:1px solid rgba(255,255,255,.20);box-shadow:0 8px 16px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.14);line-height:1;text-align:center;white-space:normal}
.home-alert-badge b{font-size:18px;font-weight:950;line-height:1;color:var(--text-1);text-shadow:0 1px 6px rgba(0,0,0,.35)}
.home-alert-badge small{font-size:9px;font-weight:950;line-height:1.05;text-transform:uppercase;letter-spacing:.03em;color:rgba(255,255,255,.94)}
.home-alert-badge.is-danger{background:linear-gradient(135deg,#ef3d4f,var(--mod-sales-strong))}
.home-alert-badge.is-warning{background:linear-gradient(135deg,var(--bg-surface-2),var(--bg-surface-2));border-color:rgba(255,190,58,.44)}
.home-alert-badge.is-warning b{color:var(--accent)}
html[data-theme="light"] .home-alert-badge.is-warning{background:linear-gradient(135deg,#fff1bd,#ffe382);border-color:#d69a17;box-shadow:0 7px 15px rgba(113,74,0,.16),inset 0 1px 0 rgba(255,255,255,.86)}
html[data-theme="light"] .home-alert-badge.is-warning b{color:#7a4600;text-shadow:none}
html[data-theme="light"] .home-alert-badge.is-warning small{color:#633b00;text-shadow:none}
.exp-badge.home-alert-badge{margin-left:auto;flex:0 0 auto;min-width:70px;max-width:82px}
.exp-badge.home-alert-badge small{font-size:8.5px}
@media (min-width:560px) and (max-width:899px){.home-tile-grid{grid-template-columns:repeat(3,1fr)}}
@media (min-width:900px) and (max-width:1199px){.home-tile-grid{grid-template-columns:repeat(3,1fr);gap:10px}.home-menu-tile{min-height:86px;padding:13px 12px}}
@media (min-width:1200px){.home-tile-grid{grid-template-columns:repeat(3,1fr);gap:10px}.home-menu-tile{min-height:86px;padding:13px 12px}}
@media (min-width:1600px){.home-tile-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:520px){.home-menu-tile{align-items:flex-start}.home-menu-copy{min-width:0}.home-menu-title,.home-menu-sub{white-space:normal;overflow:visible;text-overflow:clip}.home-alert-badges{margin-left:0;flex-direction:row;flex-wrap:wrap}.home-alert-badge{min-width:54px;padding:6px 8px}.home-alert-badge b{font-size:16px}.home-alert-badge small{font-size:8px}}
#bt-products{position:relative}
#bt-products:has(.home-alert-badge.is-low-stock){padding-right:50px}
#bt-products .home-alert-badge.is-low-stock{position:absolute;z-index:2;top:5px;right:5px;width:36px;height:36px;min-width:36px;max-width:36px;min-height:36px;max-height:36px;padding:0;border:1px solid #c85600;border-radius:50%;background:#e8750a;box-shadow:0 6px 14px rgba(156,69,0,.28),inset 0 1px 0 rgba(255,255,255,.28);color:#fff;white-space:nowrap}
#bt-products .home-alert-badge.is-low-stock b{font-size:18px;line-height:1;color:#fff;text-shadow:none}
.home-warehouse-card{--wh-bg:var(--mod-sales);--wh-fg:var(--text-1);width:calc(100% - 16px);margin:8px 8px 0;border:1px solid rgba(255,255,255,.10);border-radius:8px;background:linear-gradient(135deg,var(--wh-bg),color-mix(in srgb,var(--wh-bg) 76%,var(--bg-inset)));color:var(--wh-fg);min-height:58px;padding:10px 13px;display:flex;align-items:center;gap:11px;text-align:left;box-shadow:0 10px 22px rgba(0,0,0,.22);flex-shrink:0}
.page-warehouse-card{cursor:pointer;width:calc(100% - 20px);margin:10px 10px 0}
.home-warehouse-card:active{transform:translateY(1px);filter:brightness(.95)}
.home-warehouse-icon{width:34px;height:34px;border-radius:8px;background:rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;color:var(--wh-fg);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);flex:0 0 34px}
.home-warehouse-icon .app-icon{width:22px;height:22px;color:currentColor}
.home-warehouse-copy{min-width:0;display:flex;flex-direction:column;gap:2px;flex:1;align-items:center;text-align:center}
.home-warehouse-label{font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--wh-fg) 72%,transparent)}
.home-warehouse-name{font-size:15px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--wh-fg)}
.home-warehouse-caret{font-size:14px;font-weight:900;opacity:.9;flex:0 0 auto}
@media (min-width:760px){.home-warehouse-card{min-height:64px;margin:10px 10px 0;padding:12px 16px}.home-warehouse-name{font-size:16px}}
#pg-home,#home-layout{overflow-x:hidden!important}
.hmi-icon{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;color:var(--text-1)}
.hmi-text{flex:1;min-width:0}
.hmi-label{font-size:14px;font-weight:600;color:var(--border)}
.hmi-sub{font-size:11px;color:var(--text-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hmi-badge{background:var(--bg-surface-2);color:var(--info);font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;flex-shrink:0}
.hmi-arrow{color:var(--border-strong);font-size:20px;flex-shrink:0;font-weight:300}
.home-bottom{display:none;align-items:center;background:var(--bg-surface);border-top:1px solid var(--border-strong);flex-shrink:0;padding:0 4px}
.home-bottom-user{flex:1;padding:10px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;background:none;border:none;color:var(--text-1);min-width:0}
.home-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-surface-2);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.home-user-name{font-size:13px;font-weight:600;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-user-role{font-size:10px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-bottom-action{padding:10px 14px;background:none;border:none;border-left:1px solid var(--bg-surface-2);color:var(--text-3);display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;font-size:9px;flex-shrink:0}
.home-bottom-action span{font-size:22px}
.home-bottom-logout{color:#e86b6b}
.home-bottom-logout:active{background:var(--bg-surface-2)}
.session-header-status{position:static;z-index:auto;min-width:0;max-width:70%;height:40px;margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:0;box-sizing:border-box;flex:0 1 auto;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.session-user-chip{min-width:0;max-width:220px;display:flex;align-items:center;gap:7px;background:var(--bg-inset);border:1px solid var(--border-strong);border-radius:999px;padding:7px 11px;color:var(--text-1);flex-shrink:0}
.session-user-icon{width:22px;height:22px;border-radius:50%;background:var(--bg-surface-2);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}
.session-user-name{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}
.session-network-chip{position:relative;width:40px;min-width:40px;height:40px;border-radius:13px;border:1px solid var(--border-strong);background:var(--bg-inset);color:var(--text-3);display:grid;place-items:center;padding:0;flex-shrink:0}
.session-network-chip.is-online{border-color:#2f8b57;background:rgba(47,139,87,.16);color:var(--success-text)}
.session-network-chip.is-offline{border-color:#9a2f36;background:rgba(154,47,54,.16);color:var(--danger-text)}
.session-network-dot{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor;flex-shrink:0}
.session-network-icon{width:24px;height:24px;display:grid;place-items:center;color:currentColor}
.session-network-icon .app-icon{width:24px;height:24px;padding:0;border:0;background:transparent;stroke:currentColor;stroke-width:2.3}
.session-network-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.session-help-button{width:40px;height:40px;border-radius:50%;border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);background:rgba(232,160,32,.16);color:var(--accent);align-items:center;justify-content:center;font-size:20px;font-weight:900;flex-shrink:0}
.session-help-button:active{background:var(--accent);color:var(--text-1)}
.topbar .session-header-status .edit-lock-status{height:34px;padding:0 11px;border-radius:999px;font-size:11px}
.topbar .session-header-status .session-help-button{width:36px;min-width:36px;height:36px;padding:0;border-radius:50%;font-size:19px}
@media (hover:hover) and (pointer:fine){
  .home-menu-tile,.home-warehouse-card,.ditem,.session-user-chip,.sync-live-status,.session-network-chip,.session-help-button{transition:transform .16s ease,filter .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}
  .topbar button[id$="-back"],#b-home-menu,.drawer-menu-button,#b-pr-back,#b-kassza-back{transition:transform .16s ease,filter .16s ease,box-shadow .16s ease,background .16s ease}
  .topbar button[id$="-back"]:hover,#b-home-menu:hover,.drawer-menu-button:hover,#b-pr-back:hover,#b-kassza-back:hover{background:rgba(232,160,32,.12);filter:brightness(1.18);transform:translateX(-1px);box-shadow:0 8px 18px rgba(0,0,0,.26);border-radius:10px}
  .home-menu-tile:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 16px 30px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.10)}
  .home-warehouse-card:hover{transform:translateY(-2px);filter:brightness(1.10);box-shadow:0 18px 34px rgba(0,0,0,.36),0 0 0 1px color-mix(in srgb,var(--wh-fg) 34%,transparent)}
.ditem:hover{background:var(--bg-surface-2);color:var(--text-1);box-shadow:inset 3px 0 0 var(--accent)}
  .drawer-subitem:hover{background:var(--bg-surface-2)}
  .session-user-chip:hover,.sync-live-status:hover,.session-network-chip:hover,.session-help-button:hover{filter:brightness(1.14);transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.28)}
  .home-stat:hover{border-color:#4b5365;background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-inset))}
  #pg-kassza #kassza-tabs .tab,#pg-kassza .row,#pg-kassza .card,#pg-kassza #b-kassza-print,#pg-kassza #b-kassza-save,#pg-kassza #b-kassza-reset{transition:transform .16s ease,filter .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}
  #pg-kassza #kassza-tabs .tab:not(.on):hover{filter:brightness(1.18);background:var(--bg-surface-2)!important;box-shadow:inset 0 -3px 0 var(--accent),0 8px 18px rgba(0,0,0,.22)}
  #pg-kassza .row:hover,#pg-kassza .card:hover{background:var(--bg-surface-2);border-color:#404654;box-shadow:0 8px 22px rgba(0,0,0,.22)}
  #pg-kassza #b-kassza-print:hover,#pg-kassza #b-kassza-save:hover,#pg-kassza #b-kassza-reset:hover{filter:brightness(1.18);transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.34)}
  #pg-kassza #b-kassza-reset:disabled:hover{transform:none;filter:grayscale(.6);box-shadow:none}
}
.role-help-content{padding:16px;overflow-y:auto;flex:1;padding-bottom:78px}
.role-help-hero{background:var(--bg-inset);border:1px solid var(--bg-surface-2);border-left:4px solid var(--accent);border-radius:12px;padding:16px;margin-bottom:12px}
.role-help-kicker{font-size:11px;color:var(--accent);text-transform:uppercase;font-weight:800;letter-spacing:.08em;margin-bottom:8px}
.role-help-hero h2{font-size:20px;line-height:1.2;margin-bottom:8px;color:var(--text-1)}
.role-help-hero p{font-size:13px;color:var(--text-2);line-height:1.45}
.role-help-card{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:10px;padding:14px;margin-bottom:10px}
.role-help-card h3{font-size:15px;color:var(--text-1);margin-bottom:10px}
.role-help-list{list-style:none;display:flex;flex-direction:column;gap:8px}
.role-help-list li{position:relative;padding-left:18px;color:var(--text-2);font-size:13px;line-height:1.45}
.role-help-list li:before{content:"";position:absolute;left:0;top:.68em;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.role-help-discovery{margin-bottom:14px;padding:14px;border:1px solid color-mix(in srgb,var(--info) 45%,var(--border-strong));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--info) 7%,var(--bg-surface))}
.role-help-discovery-head{display:flex;align-items:end;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}
.role-help-discovery-head span,.role-help-tip-badge{color:var(--info);font-size:var(--font-size-xs);font-weight:var(--font-weight-heavy);letter-spacing:.08em;text-transform:uppercase}
.role-help-discovery-head h2{margin:3px 0 0;color:var(--text-1);font-size:var(--font-size-lg)}
.role-help-discovery-head p{margin:0;color:var(--text-3);font-size:var(--font-size-xs)}
.role-help-tip{margin-bottom:var(--space-2);padding:var(--space-3);border:1px solid var(--border-strong);border-left:4px solid var(--info);border-radius:var(--radius-md);background:var(--bg-inset)}
.role-help-tip h3{margin:4px 0 5px;color:var(--text-1);font-size:var(--font-size-md)}
.role-help-tip p{margin:0;color:var(--text-2);font-size:var(--font-size-sm);line-height:1.45}
.role-help-tip-actions{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}
.role-help-tip-actions .sbtn{min-height:40px;padding:8px 14px}
.role-help-tip-dismiss{min-height:40px;border:0;background:transparent;color:var(--text-3);font-weight:var(--font-weight-strong);cursor:pointer}
.home-feature-tip{margin:0 0 var(--space-3)}
.home-feature-tip[hidden]{display:none}
.home-feature-tip .role-help-tip{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--space-3);margin:0;padding:10px 12px;border-left-color:var(--accent);background:linear-gradient(105deg,color-mix(in srgb,var(--accent) 11%,var(--bg-surface)),var(--bg-surface))}
.home-feature-tip .role-help-tip-badge,.home-feature-tip .role-help-tip h3,.home-feature-tip .role-help-tip p{grid-column:1}
.home-feature-tip .role-help-tip-badge{color:var(--accent)}
.home-feature-tip .role-help-tip-actions{grid-column:2;grid-row:1/4;align-self:center;margin:0}
.home-feature-tip .role-help-tip p{font-size:var(--font-size-xs)}
@media (max-width:1180px){.session-header-status{max-width:62%;gap:6px}.session-header-status .session-user-chip{width:34px;padding:5px}.session-header-status .session-user-name{display:none}.session-header-status .session-user-icon{margin:auto}}
@media (max-width:900px){.session-header-status{max-width:58%;gap:5px}.session-header-status .sync-live-status,.session-header-status .edit-lock-status{min-width:34px;width:34px;padding:0;font-size:0}.session-header-status .sync-live-status::before,.session-header-status .edit-lock-status::before{margin:0}.session-header-status .session-network-chip{min-width:34px;width:34px;height:34px;padding:0}.session-header-status .session-network-text{display:none}.session-header-status .session-help-button{width:34px;height:34px}}
@media (max-width:620px){.session-header-status{max-width:64%;height:36px}.session-user-chip{max-width:130px;padding:6px 9px}.session-user-name{max-width:86px;font-size:11px}.session-network-chip{min-width:34px;height:32px;padding:0;font-size:10px}.session-help-button{width:34px;height:34px}}
@media(max-width:620px){.role-help-discovery-head{align-items:flex-start;flex-direction:column}.home-feature-tip .role-help-tip{display:block}.home-feature-tip .role-help-tip-actions{margin-top:var(--space-2)}.home-feature-tip .role-help-tip-actions .sbtn{flex:1}.home-feature-tip .role-help-tip-dismiss{flex:1}}
@media(forced-colors:active){.role-help-tip{border-left-color:Highlight}.role-help-tip-dismiss{border:1px solid ButtonText}}
@media (max-width:420px){.session-header-status{gap:4px;max-width:68%}.session-user-chip{max-width:108px}.session-user-name{max-width:64px}.session-network-chip{min-width:30px;width:32px;padding:0}.session-network-text{display:none}}
.module-permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.module-permission-grid label{display:flex;align-items:center;gap:10px;min-height:44px;background:var(--bg-surface-2);border:1px solid color-mix(in srgb,var(--text-2) 42%,var(--border-strong));border-radius:9px;padding:10px 11px;font-size:13px;font-weight:800;line-height:1.3;color:var(--text-1);cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease}
.module-permission-grid label:has(input:checked){background:color-mix(in srgb,var(--accent) 15%,var(--bg-surface));border-color:color-mix(in srgb,var(--accent) 72%,var(--border-strong));box-shadow:inset 4px 0 0 var(--accent),0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}
.module-permission-grid label:focus-within{outline:3px solid color-mix(in srgb,var(--info) 55%,transparent);outline-offset:2px}
.module-permission-grid input{width:20px;min-width:20px;height:20px;min-height:20px;padding:0;margin:0;accent-color:var(--accent);flex:0 0 20px;cursor:pointer}
html[data-theme="industrial"] .module-permission-grid input{width:20px;min-width:20px;height:20px;min-height:20px}
.module-permission-grid label.is-disabled{opacity:1;background:var(--disabled-bg);border-color:var(--border-strong);color:var(--disabled-text);cursor:not-allowed;box-shadow:none}
.module-permission-grid label.is-disabled:has(input:checked){background:color-mix(in srgb,var(--accent) 8%,var(--disabled-bg));border-color:color-mix(in srgb,var(--accent) 35%,var(--border-strong));color:var(--text-2);box-shadow:inset 3px 0 0 color-mix(in srgb,var(--accent) 60%,var(--border-strong))}
.module-permission-grid label.is-disabled input{cursor:not-allowed}
@media (hover:hover) and (pointer:fine){.module-permission-grid label:not(.is-disabled):hover{background:color-mix(in srgb,var(--accent) 9%,var(--bg-surface-2));border-color:color-mix(in srgb,var(--accent) 58%,var(--border-strong));transform:translateY(-1px)}}
@media (max-width:560px){.module-permission-grid{grid-template-columns:1fr}}
.kassza-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
.kassza-summary-card{background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-inset));border:1px solid var(--border-strong);border-radius:12px;padding:15px 16px;box-shadow:0 12px 26px rgba(0,0,0,.22)}
.kassza-summary-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}
.kassza-summary-title{font-size:17px;font-weight:900;color:var(--text-1);letter-spacing:.01em}
.kassza-summary-total{font-size:20px;font-weight:950;color:var(--mod-sales);white-space:nowrap}
.kassza-summary-cols{display:grid;grid-template-columns:1fr 1fr;gap:8px 22px;font-size:13px;color:var(--text-2)}
.kassza-summary-cols span{display:flex;justify-content:space-between;align-items:center;gap:14px;min-width:0;border-bottom:1px solid rgba(255,255,255,.055);padding:4px 0}
.kassza-summary-cols b{white-space:nowrap;font-weight:900}
.kassza-daily-total-card{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:18px;align-items:stretch;background:linear-gradient(135deg,var(--mod-sales),var(--mod-sales-strong));border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:16px;margin:8px 0 12px;box-shadow:0 14px 30px rgba(0,0,0,.26)}
.kassza-daily-total-main{display:flex;flex-direction:column;justify-content:center;gap:8px;background:rgba(0,0,0,.13);border-radius:10px;padding:14px 16px}
.kassza-daily-total-main span{font-size:11px;color:rgba(255,255,255,.85);text-transform:uppercase;font-weight:800;letter-spacing:.04em}
.kassza-daily-total-main b{font-size:30px;line-height:1;color:#fff;font-weight:950}
.kassza-daily-total-cols{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;align-content:center}
.kassza-daily-total-cols span{display:flex;justify-content:space-between;gap:14px;color:rgba(255,255,255,.85);border-bottom:1px solid rgba(255,255,255,.14);padding:5px 0;font-size:13px}
.kassza-daily-total-cols b{color:#fff;white-space:nowrap;font-weight:900}
.kassza-report-box{background:var(--bg-surface-2);border:1px solid var(--border-strong);border-radius:12px;padding:12px;margin:10px 0}
.kassza-report-head{cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px;list-style:none}
.kassza-report-head::-webkit-details-marker{display:none}
.kassza-report-head::after{content:"▸";flex:0 0 auto;color:var(--accent);font-size:16px;font-weight:950;transition:transform .16s ease}
.kassza-report-box[open]>.kassza-report-head::after{transform:rotate(90deg)}
.kassza-report-box:not([open])>.kassza-report-head{margin-bottom:0}
.kassza-report-head:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 46%,transparent);outline-offset:4px;border-radius:6px}
.kassza-report-head b{color:var(--accent);font-size:15px}
.kassza-report-head span{color:var(--text-2);font-size:12px;text-align:right}
.kassza-report-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:8px;margin-bottom:10px}
.kassza-report-card{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:10px;padding:11px 12px;display:flex;flex-direction:column;gap:5px;min-height:58px}
.kassza-report-card span{color:var(--text-3);font-size:11px;text-transform:uppercase;font-weight:700}
.kassza-report-card b{font-size:18px;font-weight:950}
.kassza-report-vat{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:10px;padding:10px;margin-bottom:10px}
.kassza-report-vat>b,.kassza-report-tills>b{display:block;color:var(--text-1);margin-bottom:8px}
.kassza-report-tills>b{color:var(--accent);font-weight:950}
.kassza-report-vat>div{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:8px}
.kassza-report-vat span{display:flex;justify-content:space-between;gap:10px;background:var(--bg-inset);border-radius:8px;padding:8px 10px;color:var(--text-2);font-size:12px}
.kassza-report-vat b{color:var(--accent)}
.kassza-report-till{border-top:1px solid var(--border-strong);padding:8px 0}
.kassza-report-till>div{display:flex;justify-content:space-between;gap:12px;color:var(--text-1)}
.kassza-report-till>div span{color:var(--mod-sales);font-weight:900}
.kassza-report-till small{display:block;color:var(--text-2);margin-top:4px;line-height:1.45}
.report-period-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 8px 14px}
.report-period-tab{min-height:46px;border-radius:10px;border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-2);font-size:14px;font-weight:850;cursor:pointer}
.report-period-tab.is-active{background:var(--accent);color:var(--text-1);border-color:var(--accent);box-shadow:0 10px 24px rgba(232,160,32,.22)}
.report-intro{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;margin:0 8px 14px;padding:14px;border:1px solid var(--border-strong);border-radius:14px;background:linear-gradient(135deg,var(--bg-surface-2),var(--bg-page))}
.report-intro-icon,.report-section-icon,.report-expiry-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(232,160,32,.14);color:var(--accent);flex:0 0 42px}
.report-intro-icon .app-icon,.report-section-icon .app-icon,.report-expiry-icon .app-icon{width:22px;height:22px;color:currentColor}
.report-intro-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.report-intro-copy b{font-size:18px;font-weight:950;color:var(--text-1)}
.report-intro-copy span{font-size:13px;color:var(--text-2);line-height:1.45}
.report-intro-range{background:var(--bg-page);border:1px solid var(--border-strong);border-radius:12px;padding:10px 12px;text-align:right;min-width:190px}
.report-intro-range span{display:block;color:var(--text-3);font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;margin-bottom:3px}
.report-intro-range b{color:var(--accent);font-size:13px}
.report-section{margin:0 8px 14px;padding:14px;border:1px solid var(--border-strong);border-radius:14px;background:var(--bg-surface);box-shadow:0 10px 28px rgba(0,0,0,.18)}
.report-section-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}
.report-section-head h3{margin:0;color:var(--text-1);font-size:17px;font-weight:950}
.report-section-head p{margin:4px 0 0;color:var(--text-3);font-size:12px;line-height:1.45}
.report-metric-grid{display:grid;gap:10px}
.report-metric-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.report-metric-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.report-metric-card{background:var(--bg-surface);border:1px solid var(--border-strong);border-left:4px solid var(--metric-color,var(--accent));border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:5px;min-height:82px}
.report-metric-card span{font-size:10px;color:var(--text-3);font-weight:950;letter-spacing:.07em;text-transform:uppercase}
.report-metric-card b{font-size:22px;font-weight:950;color:var(--metric-color,var(--text-1));line-height:1.1}
.report-metric-card small{font-size:12px;color:var(--text-3);line-height:1.35}
.report-chart-panel{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-inset);padding:var(--space-2)}
.report-trend-svg{display:block;width:100%;min-width:560px;height:auto}
.report-chart-grid{stroke:var(--border-strong);stroke-width:1;stroke-dasharray:4 5}
.report-chart-axis{fill:var(--text-3);font-size:11px;font-weight:700}
.report-chart-line{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.report-chart-line.revenue{stroke:var(--info)}
.report-chart-line.profit{stroke:var(--success)}
.report-chart-dot{stroke:var(--bg-inset);stroke-width:2}
.report-chart-dot.revenue{fill:var(--info)}
.report-chart-dot.profit{fill:var(--success)}
.report-chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:0 0 var(--space-2);color:var(--text-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-strong)}
.report-chart-legend span{display:flex;align-items:center;gap:var(--space-2)}
.report-chart-legend span::before{content:"";width:22px;height:4px;border-radius:var(--radius-pill);background:currentColor}
.report-chart-legend .revenue{color:var(--info)}
.report-chart-legend .profit{color:var(--success)}
.report-chart-subtitle{margin:var(--space-5) 0 var(--space-3);color:var(--text-1);font-size:var(--font-size-md)}
.report-top-products{display:grid;gap:var(--space-2)}
.report-top-product{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-inset)}
.report-top-rank{color:var(--text-3);font-weight:var(--font-weight-heavy)}
.report-top-main{min-width:0}
.report-top-main>div:first-child{display:flex;justify-content:space-between;gap:var(--space-2);margin-bottom:6px}
.report-top-main b{overflow:hidden;color:var(--text-1);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap}
.report-top-main span{color:var(--text-3);font-size:var(--font-size-xs);white-space:nowrap}
.report-top-track{height:8px;overflow:hidden;border-radius:var(--radius-pill);background:var(--bg-surface-2)}
.report-top-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--info))}
.report-top-product>strong{color:var(--accent);font-size:var(--font-size-sm);white-space:nowrap}
.report-chart-empty{padding:var(--space-6);color:var(--text-3);text-align:center}
@media(max-width:600px){.report-top-product{grid-template-columns:24px minmax(0,1fr)}.report-top-product>strong{grid-column:2}.report-chart-panel{margin-inline:-6px}}
@media(forced-colors:active){.report-chart-line.revenue,.report-chart-line.profit{stroke:Highlight}.report-chart-dot.revenue,.report-chart-dot.profit,.report-top-track i{fill:Highlight;background:Highlight}.report-chart-line.profit{stroke-dasharray:8 5}}

.audit-usage-analytics{margin-bottom:12px}
.audit-usage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}
.audit-usage-head>div:first-child{display:flex;flex-direction:column;gap:4px}
.audit-usage-head b{color:var(--mod-management);font-size:var(--font-size-md);font-weight:var(--font-weight-heavy)}
.audit-usage-head span,.audit-usage-note{color:var(--text-3);font-size:var(--font-size-xs);line-height:1.45}
.audit-usage-filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.audit-usage-filters label{display:flex;flex-direction:column;gap:4px;color:var(--text-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-strong)}
.audit-usage-filters select{min-width:150px;padding:8px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-1)}
.audit-usage-summary{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--mod-management) 12%,var(--bg-inset));color:var(--text-2)}
.audit-usage-summary strong{color:var(--mod-management);font-size:var(--font-size-xl)}
.audit-usage-list{display:grid;gap:var(--space-2);margin-top:var(--space-3)}
.audit-usage-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px var(--space-3);padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-inset)}
.audit-usage-row>div:first-child{display:flex;min-width:0;flex-direction:column;gap:2px}
.audit-usage-row b{overflow:hidden;color:var(--text-1);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap}
.audit-usage-row span{color:var(--text-3);font-size:var(--font-size-xs)}
.audit-usage-row>strong{color:var(--mod-management);font-size:var(--font-size-lg)}
.audit-usage-track{grid-column:1/-1;height:7px;overflow:hidden;border-radius:var(--radius-pill);background:var(--bg-surface-2)}
.audit-usage-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mod-management),var(--info))}
.audit-usage-unused{display:flex;flex-direction:column;gap:4px;margin-top:var(--space-3);padding:var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);color:var(--text-3);font-size:var(--font-size-xs)}
.audit-usage-unused b{color:var(--warning);font-size:var(--font-size-sm)}
.audit-usage-note{margin:var(--space-3) 0 0}
@media(max-width:700px){.audit-usage-head{flex-direction:column}.audit-usage-filters,.audit-usage-filters label,.audit-usage-filters select{width:100%}}
@media(forced-colors:active){.audit-usage-track i{background:Highlight}.audit-usage-unused{border-style:solid}}
.report-diff-row,.report-side-total{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.report-diff-row>div,.report-side-total>div{background:var(--bg-surface);border:1px solid var(--bg-surface-2);border-radius:12px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.report-diff-row span,.report-side-total span{font-size:11px;color:var(--text-2);font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.report-diff-row b{color:var(--diff-color,var(--accent));font-size:20px;font-weight:950}
.report-side-total b{font-size:19px;font-weight:950}.report-side-total b.good{color:var(--success)}.report-side-total b.bad{color:var(--danger)}
.report-doc-list{border:1px solid var(--border-strong);border-radius:12px;overflow:hidden;background:var(--bg-surface)}
.report-doc-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--bg-surface-2)}
.report-doc-row:last-child{border-bottom:0}
.report-doc-row b{display:block;color:var(--text-1);font-size:14px;font-weight:950}
.report-doc-row span{display:block;color:var(--text-2);font-size:12px;margin-top:3px}
.report-doc-row strong{color:var(--success);font-size:16px;font-weight:950;white-space:nowrap}
.report-weight-list .report-doc-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center}
.report-weight-breakdown{color:var(--text-2);font-size:12px;white-space:nowrap}
.report-empty-note{border:1px dashed var(--border-strong);border-radius:12px;padding:14px;color:var(--text-3);background:var(--bg-surface)}
.report-ok-note{border:1px solid color-mix(in srgb, var(--success) 45%, var(--border-strong));background:color-mix(in srgb, var(--success) 14%, var(--bg-surface));color:var(--success);border-radius:12px;padding:12px;font-size:13px;font-weight:800}
.report-expiry-card{display:flex;gap:12px;border:1px solid color-mix(in srgb,var(--expiry-color) 55%,var(--bg-surface-2));border-left:4px solid var(--expiry-color);border-radius:12px;background:var(--bg-surface);padding:12px;margin-top:8px}
.report-expiry-icon{background:color-mix(in srgb,var(--expiry-color) 18%,transparent);color:var(--expiry-color)}
.report-expiry-main{min-width:0;flex:1}
.report-expiry-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.report-expiry-title-row b{font-size:14px;color:var(--text-1);font-weight:950}
.report-expiry-title-row span{font-size:12px;color:var(--text-2);white-space:nowrap}
.report-expiry-meta,.report-expiry-flow{font-size:12px;color:var(--text-2);margin-top:4px;line-height:1.4}
.report-expiry-meta strong,.report-expiry-reason{color:var(--expiry-color);font-weight:900}
.report-expiry-reason{font-size:12px;margin-top:4px}
.settings-shell{padding:16px;overflow-y:auto;flex:1;background:var(--bg-inset)}
.settings-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;background:linear-gradient(135deg,var(--bg-surface-2),var(--bg-inset));border:1px solid var(--border-strong);border-radius:14px;padding:16px;margin-bottom:16px;box-shadow:0 14px 34px rgba(0,0,0,.25)}
.settings-hero-icon{width:48px;height:48px;border-radius:14px;background:rgba(232,160,32,.16);color:var(--accent);display:flex;align-items:center;justify-content:center}
.settings-hero-icon .app-icon{width:25px;height:25px;color:currentColor}
.settings-hero-title{color:var(--text-1);font-size:20px;font-weight:950;letter-spacing:.01em}
.settings-hero-text{color:var(--text-2);font-size:13px;line-height:1.45;margin-top:4px}
.settings-directory{display:grid;gap:12px}
.settings-directory-head{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:0 2px}
.settings-directory-head b{color:var(--accent);font-size:13px;font-weight:950;letter-spacing:.07em;text-transform:uppercase}
.settings-directory-head span{color:var(--text-3);font-size:12px;text-align:right}
.settings-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.settings-directory-card{min-width:0;min-height:94px;display:grid;grid-template-columns:50px minmax(0,1fr) 24px;align-items:center;gap:13px;padding:15px;border:1px solid var(--border-strong);border-radius:15px;background:linear-gradient(145deg,var(--bg-surface),var(--bg-surface-2));color:var(--text-1);text-align:left;box-shadow:0 10px 25px rgba(0,0,0,.18)}
.settings-directory-card:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--border-strong));transform:translateY(-1px)}
.settings-directory-card:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px;border-color:var(--accent)}
.settings-directory-icon,.settings-subpage-icon{display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,var(--bg-inset));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:13px}
.settings-directory-icon{width:50px;height:50px}
.settings-directory-icon .app-icon,.settings-subpage-icon .app-icon{width:25px;height:25px}
.settings-directory-card>span:nth-child(2){min-width:0;display:grid;gap:5px}
.settings-directory-card b{color:var(--text-1);font-size:15px;font-weight:950;line-height:1.2}
.settings-directory-card small{color:var(--text-3);font-size:12px;line-height:1.35}
.settings-directory-arrow{color:var(--accent);font-size:30px;font-weight:500;line-height:1;text-align:center}
.settings-subpage-head{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:13px;margin-bottom:16px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border-strong));border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--bg-surface)),var(--bg-surface-2));box-shadow:0 10px 25px rgba(0,0,0,.16)}
.settings-subpage-icon{width:48px;height:48px}
.settings-subpage-head>div{min-width:0;display:grid;gap:4px}
.settings-subpage-head b{color:var(--text-1);font-size:19px;font-weight:950}
.settings-subpage-head span:not(.settings-subpage-icon){color:var(--text-2);font-size:12px;line-height:1.4}
.settings-directory[hidden],.settings-hero[hidden],.settings-subpage-head[hidden],[data-settings-section][hidden]{display:none!important}
#pg-settings[data-settings-view]:not([data-settings-view=""]) .settings-group-advanced>.settings-group-head{cursor:default;padding:0 2px;border:0;border-radius:0;background:transparent}
#pg-settings[data-settings-view]:not([data-settings-view=""]) .settings-group-advanced>.settings-group-head::after{display:none}
.settings-group{margin-bottom:16px}
.settings-group-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 2px 9px}
.settings-group-head span{color:var(--accent);font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.07em}
.settings-group-head small{color:var(--text-3);font-size:12px;text-align:right}
.settings-card-grid{display:grid;grid-template-columns:1fr;gap:12px}
.settings-card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.settings-stack{display:flex;flex-direction:column;gap:12px;min-width:0}
.settings-card{margin:0!important;border:1px solid var(--border-strong)!important;border-left:4px solid var(--settings-accent,var(--accent))!important;background:linear-gradient(180deg,var(--bg-surface),var(--bg-inset))!important;border-radius:14px!important;box-shadow:0 12px 26px rgba(0,0,0,.20);min-width:0}
.settings-card-title{display:flex;align-items:center;gap:10px;color:var(--settings-accent,var(--accent));font-weight:950;margin-bottom:10px}
.settings-card-icon{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--settings-accent,var(--accent)) 20%,transparent);color:var(--settings-accent,var(--accent));flex:0 0 34px}
.settings-card-icon .app-icon{width:19px;height:19px;color:currentColor}
.settings-card-blue{--settings-accent:var(--info)}.settings-card-purple{--settings-accent:var(--mod-admin)}.settings-card-gold{--settings-accent:var(--accent)}.settings-card-teal{--settings-accent:var(--mod-management)}.settings-card-green{--settings-accent:var(--success)}.settings-card-pink{--settings-accent:var(--mod-sales)}.settings-card-red{--settings-accent:var(--danger)}.settings-card-neutral{--settings-accent:var(--text-2)}
.thermal-print-bridge-status{font-size:13px;line-height:1.5;color:var(--text-2);padding:10px 12px;border-radius:10px;background:var(--bg-inset);border:1px solid var(--border-strong);margin-bottom:10px}
.thermal-print-bridge-status.is-error{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 58%,var(--border-strong))}
.thermal-print-test-button{width:100%;min-height:48px;justify-content:center!important;background:linear-gradient(135deg,var(--info),color-mix(in srgb,var(--info) 64%,var(--mod-management)))!important;color:#fff!important;font-weight:900!important}
.thermal-print-bridge-help{font-size:12px;line-height:1.5;color:var(--text-3);margin-top:10px}
.settings-maintenance-toggle-status{color:var(--text-2);font-size:13px;line-height:1.5;margin-bottom:12px}
.settings-maintenance-toggle{width:100%;min-height:46px;justify-content:center;border:1px solid var(--border-strong);background:var(--bg-inset);color:var(--text-2);font-weight:900}
.settings-maintenance-toggle.is-active{border-color:color-mix(in srgb,var(--success) 64%,var(--border-strong));background:color-mix(in srgb,var(--success) 18%,var(--bg-inset));color:#c7f5d8;box-shadow:0 0 0 1px color-mix(in srgb,var(--success) 15%,transparent)}
.settings-drs-bulk-intro{margin-bottom:12px;color:var(--text-2);font-size:12px;line-height:1.5}
.settings-drs-bulk-button{width:100%;min-height:46px;justify-content:center;border:1px solid color-mix(in srgb,var(--success) 56%,var(--border-strong));background:color-mix(in srgb,var(--success) 15%,var(--bg-inset));color:var(--success-text);font-weight:950}
body.drs-bulk-open{overflow:hidden}
body.drs-bulk-open>.app-select-backdrop{z-index:18100}
.drs-bulk-backdrop{position:fixed;inset:0;z-index:17900;display:flex;align-items:center;justify-content:center;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:rgba(2,5,9,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.drs-bulk-modal{width:min(1180px,100%);height:min(94dvh,920px);min-height:560px;display:flex;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--success) 52%,var(--border-strong));border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--bg-surface) 96%,transparent),color-mix(in srgb,var(--bg-page) 98%,transparent));box-shadow:0 28px 84px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.11)}
.drs-bulk-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-bottom:1px solid var(--border-strong);background:linear-gradient(110deg,rgba(34,197,94,.18),rgba(25,118,210,.08),transparent)}
.drs-bulk-head span{display:block;color:var(--success);font-size:10px;font-weight:950;letter-spacing:.12em}
.drs-bulk-head h2{margin:3px 0 0;color:var(--text-1);font-size:25px;line-height:1.1}
.drs-bulk-head p{margin:5px 0 0;color:var(--text-3);font-size:11px;font-weight:750}
.drs-bulk-head>button{flex:0 0 auto;width:46px;height:46px;border:1px solid var(--border-strong);border-radius:13px;background:var(--bg-inset);color:var(--text-1);font-size:30px;line-height:1;cursor:pointer}
.drs-bulk-filters{display:grid;grid-template-columns:minmax(220px,1.7fr) minmax(145px,.75fr) minmax(180px,1fr) 145px;gap:9px;padding:11px 12px;border-bottom:1px solid var(--border-strong);background:rgba(0,0,0,.1)}
.drs-bulk-filters label{display:flex;flex-direction:column;gap:5px;min-width:0}
.drs-bulk-filters label>span{color:var(--text-3);font-size:9px;font-weight:950;letter-spacing:.055em;text-transform:uppercase}
.drs-bulk-filters input,.drs-bulk-filters select{width:100%;height:42px;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-inset);color:var(--text-1);padding:8px 10px;font:850 12px/1.2 inherit;outline:none}
.drs-bulk-filters input:focus,.drs-bulk-filters select:focus{border-color:var(--success);box-shadow:0 0 0 2px rgba(34,197,94,.14)}
.drs-bulk-amount>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-inset);overflow:hidden}
.drs-bulk-amount>div input{border:0;border-radius:0;background:transparent;color:var(--success-text);font-size:16px;text-align:right}
.drs-bulk-amount>div b{padding:0 10px;color:var(--success);font-size:10px;white-space:nowrap}
.drs-bulk-toolbar{display:flex;align-items:center;gap:7px;padding:8px 12px;border-bottom:1px solid var(--border-strong)}
.drs-bulk-toolbar>button,.drs-bulk-more{min-height:35px;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-inset);color:var(--text-2);padding:7px 10px;font-size:10px;font-weight:900;cursor:pointer}
.drs-bulk-toolbar>[data-drs-bulk-summary]{min-width:0;margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.drs-bulk-toolbar>[data-drs-bulk-summary] b{color:var(--success-text);font-size:12px}
.drs-bulk-toolbar>[data-drs-bulk-summary] span{color:var(--text-3);font-size:9px;font-weight:750}
.drs-bulk-list{min-height:0;flex:1;display:flex;flex-direction:column;gap:7px;overflow:auto;padding:10px 12px;background:rgba(0,0,0,.08)}
.drs-bulk-row{min-height:68px;display:grid;grid-template-columns:36px 58px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--border-strong);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012));padding:7px 10px;content-visibility:auto;contain-intrinsic-size:84px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.drs-bulk-row.is-selected{border-color:rgba(34,197,94,.72);background:linear-gradient(135deg,rgba(34,197,94,.16),rgba(25,118,210,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 0 0 1px rgba(34,197,94,.08)}
.drs-bulk-check{position:relative;display:grid;place-items:center;width:34px;height:44px;cursor:pointer}
.drs-bulk-check input{position:absolute;opacity:0;pointer-events:none}
.drs-bulk-check span{display:grid;place-items:center;width:26px;height:26px;border:2px solid var(--text-3);border-radius:7px;background:var(--bg-inset)}
.drs-bulk-check input:checked+span{border-color:var(--success);background:var(--success);box-shadow:0 0 12px rgba(34,197,94,.25)}
.drs-bulk-check input:checked+span:after{content:'✓';color:#06120b;font-size:18px;font-weight:1000}
.drs-bulk-photo{width:58px;height:58px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border-strong);border-radius:10px;background:#fff;padding:0;cursor:pointer}
.drs-bulk-photo img{width:100%;height:100%;object-fit:contain;display:block}
.drs-bulk-photo.is-empty{background:var(--bg-inset);color:var(--text-3);font-size:24px}
.drs-bulk-main{min-width:0;display:flex;flex-direction:column;gap:3px}
.drs-bulk-main>b{overflow:hidden;color:var(--text-1);font-size:13px;font-weight:950;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.drs-bulk-main>small{overflow:hidden;color:var(--text-3);font-size:9px;font-weight:750;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.drs-bulk-state{justify-self:end;border:1px solid var(--border-strong);border-radius:999px;background:var(--bg-inset);color:var(--text-3);padding:6px 9px;font-size:9px;font-weight:950;white-space:nowrap}
.drs-bulk-state.is-yes{border-color:rgba(34,197,94,.5);background:rgba(34,197,94,.12);color:var(--success-text)}
.drs-bulk-state.is-mixed{border-color:rgba(255,190,40,.52);background:rgba(255,190,40,.11);color:var(--accent)}
.drs-bulk-empty{display:grid;place-items:center;min-height:150px;border:1px dashed var(--border-strong);border-radius:12px;color:var(--text-3);font-size:12px;font-weight:850;text-align:center;padding:20px}
.drs-bulk-more{margin:0 12px 8px}
.drs-bulk-more[hidden]{display:none!important}
.drs-bulk-progress{min-height:18px;margin:0 12px 8px;border-left:3px solid var(--info);padding:3px 0 3px 9px;color:var(--text-3);font-size:10px;font-weight:800;line-height:1.35}
.drs-bulk-progress.is-working{color:var(--info)}.drs-bulk-progress.is-ok{border-color:var(--success);color:var(--success-text)}.drs-bulk-progress.is-warning{border-color:var(--accent);color:var(--accent)}.drs-bulk-progress.is-error{border-color:var(--danger);color:var(--danger-text)}
.drs-bulk-actions{display:flex;justify-content:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--border-strong);background:rgba(0,0,0,.12)}
.drs-bulk-actions button{min-height:42px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-inset);color:var(--text-1);padding:8px 14px;font-size:11px;font-weight:950;cursor:pointer}
.drs-bulk-actions button:disabled{opacity:.42;cursor:not-allowed}
.drs-bulk-actions .is-primary{border-color:rgba(34,197,94,.66);background:linear-gradient(135deg,#27d873,#10964d);color:#06120b;box-shadow:0 8px 22px rgba(34,197,94,.2),inset 0 1px 0 rgba(255,255,255,.3)}
.drs-bulk-actions .is-off{border-color:rgba(255,190,40,.5);color:var(--accent)}
.product-supplier-bulk-button{border-color:color-mix(in srgb,var(--info) 55%,var(--border-strong))!important;color:var(--info)!important;background:color-mix(in srgb,var(--info) 10%,var(--bg-surface))!important}
.product-quantity-price-group-button{border-color:color-mix(in srgb,var(--accent) 58%,var(--border-strong))!important;color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 10%,var(--bg-surface))!important}
.pf-quantity-price-group-summary{display:flex;flex-direction:column;gap:3px;margin:0 0 9px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--border-strong));border-radius:9px;background:color-mix(in srgb,var(--accent) 10%,var(--bg-inset));color:var(--text-2)}
.pf-quantity-price-group-summary[hidden]{display:none!important}.pf-quantity-price-group-summary b{color:var(--accent);font-size:11px}.pf-quantity-price-group-summary span{font-size:9px;font-weight:750;line-height:1.4}
.quantity-price-group-modal{border-color:color-mix(in srgb,var(--accent) 62%,var(--border-strong))}.quantity-price-group-head{background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 19%,transparent),color-mix(in srgb,var(--info) 8%,transparent),transparent)}
.quantity-price-group-head span{color:var(--accent)}.quantity-price-group-form{display:grid;grid-template-columns:minmax(190px,1.25fr) minmax(220px,1.45fr) 125px 145px;gap:9px;padding:11px 12px;border-bottom:1px solid var(--border-strong);background:rgba(0,0,0,.1)}
.quantity-price-group-form label{display:flex;min-width:0;flex-direction:column;gap:5px}.quantity-price-group-form label>span{color:var(--text-3);font-size:9px;font-weight:950;letter-spacing:.055em;text-transform:uppercase}.quantity-price-group-form input,.quantity-price-group-form select{width:100%;height:42px;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-inset);color:var(--text-1);padding:8px 10px;font:850 12px/1.2 inherit;outline:none}
.quantity-price-group-form .app-num-field>input.app-num-field-input[readonly]{color:#102746!important;-webkit-text-fill-color:#102746!important;background:#fff!important;background-image:none!important;border:2px solid #8ca1bd!important;font-size:20px!important;font-weight:950!important;line-height:1!important;letter-spacing:.02em;text-align:center;font-variant-numeric:tabular-nums;opacity:1!important;box-shadow:inset 0 0 0 1px rgba(16,39,70,.06),0 2px 7px rgba(16,39,70,.12)!important}
.quantity-price-group-form input:focus,.quantity-price-group-form select:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.quantity-price-group-search{display:grid;grid-template-columns:minmax(300px,1fr) minmax(180px,240px) auto;align-items:end;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border-strong)}.quantity-price-group-search label{display:flex;min-width:0;flex-direction:column;align-items:stretch;gap:4px;color:var(--text-2);font-size:9px;font-weight:900}.quantity-price-group-search label>span{text-transform:uppercase;letter-spacing:.045em}.quantity-price-group-search input,.quantity-price-group-search select{min-width:0;width:100%;height:40px;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-inset);color:var(--text-1);padding:8px 11px;font-weight:800}.quantity-price-group-search>button{height:40px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-inset);color:var(--text-2);padding:7px 11px;font-size:10px;font-weight:900;white-space:nowrap}.quantity-price-group-category-browser{flex:0 0 auto;border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,var(--border-strong));background:color-mix(in srgb,var(--bg-page) 94%,var(--accent) 6%)}.quantity-price-group-category-browser .product-category-path,.quantity-price-group-category-browser .product-category-row,.quantity-price-group-category-browser .product-category-tabs,.quantity-price-group-category-browser .product-category-back-cell{background:transparent}.quantity-price-group-category-browser .product-category-tabs{min-height:58px;padding:8px 12px}.quantity-price-group-category-browser .product-category-level-row{max-height:58px}.quantity-price-group-category-browser.is-auto-collapsed .product-category-level-row{max-height:0}.quantity-price-group-category-browser .product-category-tabs .tab{min-height:40px;padding:8px 14px!important}.quantity-price-group-draft-bar{display:flex;align-items:center;gap:12px;padding:7px 12px;border-bottom:1px solid var(--border-strong);background:color-mix(in srgb,var(--info) 5%,transparent)}.quantity-price-group-draft-bar p{min-width:0;margin:0;color:var(--text-3);font-size:9px;font-weight:750;line-height:1.35}.quantity-price-group-view-tabs{display:flex;flex:0 0 auto;gap:5px}.quantity-price-group-view-tabs button{min-height:32px;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-inset);color:var(--text-2);padding:6px 10px;font-size:10px;font-weight:900}.quantity-price-group-view-tabs button.is-active{border-color:color-mix(in srgb,var(--info) 65%,var(--border-strong));background:color-mix(in srgb,var(--info) 14%,var(--bg-inset));color:var(--info)}
.drs-bulk-row.quantity-price-group-row{grid-template-columns:58px minmax(0,1fr) minmax(150px,auto)}.quantity-price-group-row-end{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.quantity-price-group-state{border:1px solid var(--border-strong);border-radius:999px;background:var(--bg-inset);color:var(--text-3);padding:6px 9px;font-size:9px;font-weight:950;white-space:nowrap}.quantity-price-group-state.is-current{border-color:color-mix(in srgb,var(--accent) 55%,var(--border-strong));background:color-mix(in srgb,var(--accent) 11%,var(--bg-inset));color:var(--accent)}.quantity-price-group-entry-action{min-width:96px;min-height:31px;border:1px solid color-mix(in srgb,var(--info) 58%,var(--border-strong));border-radius:9px;background:color-mix(in srgb,var(--info) 12%,var(--bg-inset));color:var(--info);padding:6px 9px;font-size:9px;font-weight:950}.quantity-price-group-entry-action.is-added{border-color:color-mix(in srgb,var(--success-text) 55%,var(--border-strong));color:var(--success-text);opacity:1}.quantity-price-group-entry-action.is-remove{border-color:color-mix(in srgb,var(--danger) 55%,var(--border-strong));background:color-mix(in srgb,var(--danger) 8%,var(--bg-inset));color:var(--danger-text)}.quantity-price-group-empty{min-height:120px;display:grid;place-items:center;padding:22px;text-align:center;line-height:1.55}.quantity-price-group-actions .is-remove{margin-right:auto;border-color:color-mix(in srgb,var(--danger) 55%,var(--border-strong));color:var(--danger-text)}.quantity-price-group-actions .is-primary{border-color:color-mix(in srgb,var(--accent) 70%,var(--border-strong));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 92%,#fff),var(--accent));color:#171006}
@media (max-width:900px){.quantity-price-group-form{grid-template-columns:1fr 1fr}.quantity-price-group-search{grid-template-columns:1fr 1fr}.quantity-price-group-search .is-search{grid-column:1/-1}.quantity-price-group-draft-bar{align-items:flex-start;flex-direction:column;gap:6px}.drs-bulk-row.quantity-price-group-row{grid-template-columns:54px minmax(0,1fr)}.quantity-price-group-row-end{grid-column:2;justify-self:start;align-items:flex-start;flex-direction:row;flex-wrap:wrap;margin-top:1px}}
@media (max-width:620px){.quantity-price-group-form{grid-template-columns:1fr 1fr;padding:8px}.quantity-price-group-form label:nth-child(-n+2){grid-column:1/-1}.quantity-price-group-search{grid-template-columns:1fr;padding:8px}.quantity-price-group-search .is-search{grid-column:auto}.quantity-price-group-view-tabs{width:100%}.quantity-price-group-view-tabs button{flex:1}.quantity-price-group-actions{grid-template-columns:1fr 1fr}.quantity-price-group-actions .is-remove{grid-column:1/-1;margin:0}.quantity-price-group-actions button:last-child{grid-column:2}}
#product-quantity-price-group-modal.drs-bulk-backdrop{align-items:stretch;justify-content:stretch;padding:0;background:rgba(2,5,9,.92)}
.quantity-price-group-modal{width:100%;height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none;background:linear-gradient(145deg,color-mix(in srgb,var(--bg-surface) 97%,transparent),color-mix(in srgb,var(--bg-page) 99%,transparent))}
.quantity-price-group-head{flex:0 0 auto;padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left))}.quantity-price-group-head h2{font-size:22px}.quantity-price-group-head p{margin-top:3px}.quantity-price-group-head>button{width:42px;height:42px;font-size:27px}
.quantity-price-group-form{flex:0 0 auto;grid-template-columns:minmax(190px,1.15fr) minmax(230px,1.35fr) 118px 138px;padding:8px max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left));background:color-mix(in srgb,var(--bg-page) 90%,var(--accent) 4%)}.quantity-price-group-form input,.quantity-price-group-form select{height:40px}
.quantity-price-group-draft-bar{display:none;flex:0 0 auto}
.quantity-price-group-workspace{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(360px,.82fr);gap:0;overflow:hidden;background:color-mix(in srgb,var(--bg-page) 96%,#000 4%)}
.quantity-price-group-pane{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:color-mix(in srgb,var(--bg-surface) 96%,transparent)}.quantity-price-group-draft-pane{border-left:1px solid color-mix(in srgb,var(--accent) 40%,var(--border-strong));background:color-mix(in srgb,var(--info) 4%,var(--bg-surface))}
.quantity-price-group-pane-head{min-height:48px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 12px;border-bottom:1px solid var(--border-strong);background:color-mix(in srgb,var(--bg-page) 92%,var(--accent) 5%)}.quantity-price-group-pane-head>div{min-width:0;display:flex;flex-direction:column;gap:2px}.quantity-price-group-pane-head b,.quantity-price-group-pane-head [data-quantity-price-summary] b{color:var(--text-1);font-size:13px;font-weight:950}.quantity-price-group-pane-head span,.quantity-price-group-pane-head [data-quantity-price-summary] span{color:var(--text-3);font-size:9px;font-weight:750;line-height:1.25}.quantity-price-group-pane-head>button{min-height:34px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--border-strong));border-radius:9px;background:color-mix(in srgb,var(--accent) 10%,var(--bg-inset));color:var(--accent);padding:6px 10px;font-size:9px;font-weight:950;cursor:pointer}
.quantity-price-group-filter-drawer{max-height:0;flex:0 0 auto;overflow:hidden;opacity:0;border-bottom:0;background:color-mix(in srgb,var(--bg-page) 94%,var(--accent) 4%);transition:max-height .22s ease,opacity .16s ease}.is-filters-expanded .quantity-price-group-filter-drawer{max-height:310px;opacity:1;border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,var(--border-strong))}
.quantity-price-group-search{flex:0 0 auto;grid-template-columns:minmax(220px,1fr) minmax(160px,220px) auto;padding:7px 10px;background:color-mix(in srgb,var(--bg-page) 96%,transparent)}.quantity-price-group-search input,.quantity-price-group-search select,.quantity-price-group-search>button{height:38px}.quantity-price-group-category-browser{border-bottom:0}.quantity-price-group-category-browser .product-category-tabs{min-height:54px;padding:6px 10px}.quantity-price-group-category-browser .product-category-tabs .tab{min-height:38px;padding:7px 12px!important}
.quantity-price-group-pane-toolbar{min-height:42px;flex:0 0 auto;padding:6px 10px}.quantity-price-group-pane-toolbar>span{margin-left:auto;color:var(--text-3);font-size:9px;font-weight:750}.quantity-price-group-pane>.drs-bulk-list{min-height:0;flex:1;padding:8px 10px}.quantity-price-group-pane>.drs-bulk-more{flex:0 0 auto;margin:0 10px 7px}
.quantity-price-group-pane .drs-bulk-row.quantity-price-group-row{min-height:66px;grid-template-columns:52px minmax(0,1fr);gap:8px;padding:6px 8px}.quantity-price-group-pane .drs-bulk-photo{width:52px;height:52px}.quantity-price-group-pane .quantity-price-group-row-end{grid-column:2;justify-self:start;align-items:center;flex-direction:row;flex-wrap:wrap;gap:5px}.quantity-price-group-pane .quantity-price-group-entry-action{min-width:90px;min-height:29px}.quantity-price-group-pane .quantity-price-group-state{padding:5px 8px}
.quantity-price-group-modal>.drs-bulk-progress{flex:0 0 auto;margin:6px 14px 7px}.quantity-price-group-actions{flex:0 0 auto;padding:8px max(14px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.quantity-price-group-actions button{min-height:40px}
@media (max-width:900px){.quantity-price-group-head{padding-top:max(8px,env(safe-area-inset-top))}.quantity-price-group-form{grid-template-columns:1fr 1fr}.quantity-price-group-draft-bar{display:flex;align-items:center;flex-direction:row;padding:6px 10px}.quantity-price-group-draft-bar p{margin-left:auto}.quantity-price-group-view-tabs{flex:1}.quantity-price-group-view-tabs button{flex:1;min-height:36px}.quantity-price-group-workspace{display:block;position:relative}.quantity-price-group-pane{display:none;height:100%}.is-search-view .quantity-price-group-search-pane,.is-draft-view .quantity-price-group-draft-pane{display:flex}.quantity-price-group-draft-pane{border-left:0}.quantity-price-group-search{grid-template-columns:minmax(0,1fr) minmax(170px,220px) auto}.quantity-price-group-pane .drs-bulk-row.quantity-price-group-row{grid-template-columns:54px minmax(0,1fr)}.quantity-price-group-pane .quantity-price-group-row-end{grid-column:2}}
@media (max-width:620px){.quantity-price-group-head{padding:8px 10px}.quantity-price-group-head h2{font-size:19px}.quantity-price-group-head p{display:none}.quantity-price-group-head>button{width:40px;height:40px}.quantity-price-group-form{grid-template-columns:1fr 1fr;padding:7px 8px}.quantity-price-group-form label:nth-child(-n+2){grid-column:1/-1}.quantity-price-group-form input,.quantity-price-group-form select{height:38px}.quantity-price-group-draft-bar{padding:5px 7px}.quantity-price-group-draft-bar p{display:none}.quantity-price-group-search{grid-template-columns:1fr;padding:6px 8px}.quantity-price-group-pane-head{min-height:44px;padding:6px 8px}.quantity-price-group-pane-toolbar{align-items:stretch;flex-wrap:wrap;padding:6px 8px}.quantity-price-group-pane-toolbar>button{width:100%}.quantity-price-group-pane-toolbar>span{display:none}.quantity-price-group-pane>.drs-bulk-list{padding:7px 8px}.quantity-price-group-modal>.drs-bulk-progress{margin:5px 8px 6px}.quantity-price-group-actions{grid-template-columns:1fr 1fr;padding:7px 8px max(7px,env(safe-area-inset-bottom))}.quantity-price-group-actions .is-remove{grid-column:1/-1;margin:0}.quantity-price-group-actions button:last-child{grid-column:2}}
.quantity-price-group-modal{--quantity-price-workspace-columns:minmax(0,1.28fr) minmax(360px,.82fr)}
.quantity-price-group-modal .quantity-price-group-head{padding:6px max(14px,env(safe-area-inset-right)) 6px max(14px,env(safe-area-inset-left))}.quantity-price-group-head>div{min-width:0}.quantity-price-group-modal .quantity-price-group-head h2{margin-top:2px;font-size:21px}.quantity-price-group-modal .quantity-price-group-head>button{width:38px;height:38px;font-size:25px}
.quantity-price-group-modal .quantity-price-group-form{grid-template-columns:var(--quantity-price-workspace-columns);gap:0;padding:0}.quantity-price-group-form-main,.quantity-price-group-form-pricing{min-width:0;display:grid;align-items:end;gap:9px;padding:7px 14px 8px}.quantity-price-group-form-main{grid-template-columns:fit-content(48%) minmax(260px,1fr)}.quantity-price-group-form-pricing{grid-template-columns:minmax(150px,.85fr) minmax(180px,1.15fr);border-left:1px solid color-mix(in srgb,var(--accent) 40%,var(--border-strong))}.quantity-price-group-form-main label,.quantity-price-group-form-pricing label{min-width:0}.quantity-price-group-workspace{grid-template-columns:var(--quantity-price-workspace-columns)}
.quantity-price-group-row[data-app-align="text"],.quantity-price-group-row .drs-bulk-main[data-app-align="text"]{text-align:left!important}.quantity-price-group-pane .drs-bulk-row.quantity-price-group-row{min-height:76px;grid-template-columns:52px minmax(0,1fr) minmax(112px,152px);gap:8px}.quantity-price-group-row .drs-bulk-main{width:100%;align-items:flex-start}.quantity-price-group-row .drs-bulk-main>b,.quantity-price-group-row .drs-bulk-main>small{width:100%;text-align:left!important}.quantity-price-group-row-meta{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;color:var(--text-3);text-align:left!important}.quantity-price-group-row-meta>small{min-width:0;color:var(--text-3);font-size:9px;font-weight:750;white-space:nowrap}.quantity-price-group-sale-price{flex:0 0 auto;color:var(--accent);font-size:10px;font-weight:950;white-space:nowrap}.quantity-price-group-pane .quantity-price-group-row-end{grid-column:3;grid-row:1;justify-self:stretch;align-items:stretch;flex-direction:column;gap:4px}.quantity-price-group-pane .quantity-price-group-state,.quantity-price-group-pane .quantity-price-group-entry-action{width:100%;max-width:152px;box-sizing:border-box;text-align:center;overflow:hidden;text-overflow:ellipsis}.quantity-price-group-pane .quantity-price-group-entry-action{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.quantity-price-group-pane .quantity-price-group-entry-action:disabled{cursor:default}
.quantity-price-group-search{max-height:72px;overflow:hidden;opacity:1;transition:max-height .2s ease,opacity .14s ease,padding .2s ease,border-color .2s ease}.is-filters-expanded .quantity-price-group-search{max-height:0;opacity:0;padding-top:0;padding-bottom:0;border-bottom-width:0;border-bottom-color:transparent;pointer-events:none}
@media (max-width:900px){.quantity-price-group-modal .quantity-price-group-form{grid-template-columns:1fr 1fr;gap:8px;padding:7px 10px}.quantity-price-group-form-main,.quantity-price-group-form-pricing{display:contents}.quantity-price-group-form-pricing{border-left:0}}
@media (max-width:620px){.quantity-price-group-modal .quantity-price-group-head{padding:5px 9px}.quantity-price-group-modal .quantity-price-group-head h2{font-size:18px}.quantity-price-group-modal .quantity-price-group-form{padding:6px 8px}.quantity-price-group-form-main label{grid-column:1/-1}.quantity-price-group-search{max-height:190px}.quantity-price-group-pane .drs-bulk-row.quantity-price-group-row{grid-template-columns:48px minmax(0,1fr)}.quantity-price-group-pane .quantity-price-group-row-end{grid-column:2;grid-row:auto;justify-self:start;align-items:center;flex-direction:row;flex-wrap:wrap}.quantity-price-group-pane .quantity-price-group-state,.quantity-price-group-pane .quantity-price-group-entry-action{width:auto;max-width:100%}}
body.supplier-bulk-open{overflow:hidden}
body.supplier-bulk-open>.app-select-backdrop{z-index:18100}
body.supplier-bulk-open>.numeric-pad-backdrop{z-index:18200}
.supplier-bulk-modal{border-color:color-mix(in srgb,var(--info) 58%,var(--border-strong))}
.supplier-bulk-head{background:linear-gradient(110deg,color-mix(in srgb,var(--info) 18%,transparent),color-mix(in srgb,var(--accent) 9%,transparent),transparent)}
.supplier-bulk-head span{color:var(--info)}
.supplier-bulk-filters{grid-template-columns:minmax(240px,.8fr) minmax(0,1.7fr)}
.supplier-bulk-scope{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:4px;padding:7px 11px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-inset)}
.supplier-bulk-scope>span{color:var(--text-3);font-size:9px;font-weight:950;letter-spacing:.055em;text-transform:uppercase}
.supplier-bulk-scope>b{overflow:hidden;color:var(--text-1);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.supplier-bulk-scope>small{color:var(--text-3);font-size:9px;font-weight:750}
.supplier-bulk-summary{min-width:0;margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.supplier-bulk-summary b{color:var(--info);font-size:12px}
.supplier-bulk-summary span{color:var(--text-3);font-size:9px;font-weight:750}
.supplier-bulk-state.is-yes{border-color:color-mix(in srgb,var(--info) 48%,var(--border-strong));background:color-mix(in srgb,var(--info) 11%,var(--bg-inset));color:var(--info)}
.supplier-bulk-state.is-mixed{border-color:rgba(255,190,40,.52);background:rgba(255,190,40,.11);color:var(--accent)}
.supplier-bulk-actions .is-primary{border-color:color-mix(in srgb,var(--info) 68%,var(--border-strong));background:linear-gradient(135deg,color-mix(in srgb,var(--info) 88%,#fff),var(--info));color:#fff;box-shadow:0 8px 22px color-mix(in srgb,var(--info) 22%,transparent),inset 0 1px 0 rgba(255,255,255,.3)}
@media (max-width:900px){.drs-bulk-modal{height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)));border-radius:17px}.drs-bulk-filters{grid-template-columns:1fr 1fr}.drs-bulk-search{grid-column:1/-1}.drs-bulk-row{grid-template-columns:36px 54px minmax(0,1fr)}.drs-bulk-photo{width:54px;height:54px}.drs-bulk-state{grid-column:3;justify-self:start;margin-top:1px}.drs-bulk-main>b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
@media (max-width:900px){.supplier-bulk-filters{grid-template-columns:1fr}.supplier-bulk-scope>b{white-space:normal}.supplier-bulk-summary{width:100%;align-items:flex-start;margin:2px 0 0;text-align:left}}
@media (max-width:620px){.drs-bulk-backdrop{padding:0}.drs-bulk-modal{width:100%;height:100dvh;min-height:0;border-radius:0;border-left:0;border-right:0}.drs-bulk-head{padding:10px 12px}.drs-bulk-head h2{font-size:20px}.drs-bulk-head p{display:none}.drs-bulk-head>button{width:44px;height:44px}.drs-bulk-filters{padding:8px;gap:7px}.drs-bulk-filters label>span{font-size:8px}.drs-bulk-toolbar{align-items:stretch;flex-wrap:wrap;padding:7px 8px}.drs-bulk-toolbar>button{flex:1}.drs-bulk-toolbar>[data-drs-bulk-summary]{width:100%;align-items:flex-start;margin:2px 0 0;text-align:left}.drs-bulk-list{padding:8px}.drs-bulk-row{grid-template-columns:32px 48px minmax(0,1fr);gap:8px;padding:7px}.drs-bulk-photo{width:48px;height:48px}.drs-bulk-main>b{font-size:12px}.drs-bulk-main>small:nth-of-type(2){display:none}.drs-bulk-actions{display:grid;grid-template-columns:1fr 1fr;padding:8px}.drs-bulk-actions button:first-child{grid-column:1/-1;order:3}.drs-bulk-actions .is-primary{grid-column:2}.drs-bulk-actions .is-off{grid-column:1}}
@media (max-width:620px){.supplier-bulk-actions{grid-template-columns:1fr}.supplier-bulk-actions button:first-child,.supplier-bulk-actions .is-primary{grid-column:1}.supplier-bulk-actions button:first-child{order:2}}
.settings-photo-export-intro{color:var(--text-2);font-size:13px;line-height:1.55;margin:-1px 0 12px}
.settings-photo-export-button{position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:44px;justify-content:center;border:1px solid color-mix(in srgb,var(--info) 58%,#fff 12%);background:linear-gradient(135deg,color-mix(in srgb,var(--info) 84%,#fff 8%),color-mix(in srgb,var(--info) 64%,var(--mod-management)));color:#fff;font-weight:950;letter-spacing:.01em;box-shadow:0 10px 22px color-mix(in srgb,var(--info) 26%,transparent);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.settings-photo-export-button::after{content:"";position:absolute;z-index:-1;inset:-60% -35%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.24) 48%,transparent 61%);transform:translateX(-70%);transition:transform .55s ease}
.settings-photo-export-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px color-mix(in srgb,var(--info) 34%,transparent);filter:saturate(1.08)}
.settings-photo-export-button:hover:not(:disabled)::after{transform:translateX(70%)}
.settings-photo-export-button:focus-visible{outline:3px solid color-mix(in srgb,var(--info) 45%,transparent);outline-offset:3px}
.settings-photo-export-button:disabled{cursor:wait;opacity:.92}
.settings-photo-export-status{margin-top:10px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--info) 28%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--info) 8%,var(--bg-inset));color:var(--text-2);font-size:12px;font-weight:750;line-height:1.45}
.settings-photo-export-status.is-error{border-color:color-mix(in srgb,var(--danger) 48%,var(--border));background:color-mix(in srgb,var(--danger) 10%,var(--bg-inset));color:color-mix(in srgb,var(--danger) 78%,#fff)}
.settings-photo-transfer-divider{height:1px;margin:16px 0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--info) 42%,var(--border)),transparent)}
.settings-photo-import-intro{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;color:var(--text-2);font-size:12px;line-height:1.5}
.settings-photo-import-intro b{color:var(--text-1);font-size:14px;font-weight:950}
.settings-photo-import-intro code{display:inline-block;padding:1px 5px;border:1px solid var(--border-strong);border-radius:5px;background:var(--bg-inset);color:var(--info);font-size:11px;font-weight:850;overflow-wrap:anywhere}
.settings-photo-import-input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.settings-photo-import-button{width:100%;min-height:44px;justify-content:center;--settings-accent:var(--success)}
.settings-photo-import-status{border-color:color-mix(in srgb,var(--success) 30%,var(--border));background:color-mix(in srgb,var(--success) 7%,var(--bg-inset))}
#settings-product-photo-export-card.is-exporting{box-shadow:0 14px 34px color-mix(in srgb,var(--info) 18%,rgba(0,0,0,.2))}
#settings-product-photo-export-card.is-exporting .settings-photo-export-button::after{animation:settings-photo-export-shine 1.35s ease-in-out infinite}
@keyframes settings-photo-export-shine{0%{transform:translateX(-80%)}100%{transform:translateX(80%)}}
.settings-security-card{overflow:hidden}
.settings-security-status{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:10px;margin-bottom:12px}
.settings-security-status>div{background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-inset));border:1px solid var(--border-strong);border-radius:12px;padding:11px 12px;line-height:1.45;min-width:0}
.settings-security-status small{display:block;color:var(--text-3);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.settings-security-status #set-last-backup,.settings-security-status #backup-status-detail{color:var(--text-1);font-size:13px;font-weight:800;margin:0}
.settings-security-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.settings-security-action{--security-color:var(--info);border:1px solid color-mix(in srgb,var(--security-color) 46%,var(--border-strong));background:linear-gradient(135deg,color-mix(in srgb,var(--security-color) 22%,var(--bg-inset)),var(--bg-page));color:var(--text-1);border-radius:13px;min-height:88px;padding:12px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:center;cursor:pointer;text-align:left;box-shadow:0 12px 24px rgba(0,0,0,.20);transition:transform .14s ease,filter .14s ease,border-color .14s ease}
.settings-security-action:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08);border-color:var(--security-color)}
.settings-security-action:active:not(:disabled){transform:translateY(0);filter:brightness(.98)}
.settings-security-action:disabled{opacity:.56;cursor:not-allowed;filter:saturate(.45);box-shadow:none}
.settings-security-action-icon{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--security-color) 28%,rgba(255,255,255,.04));color:var(--security-color);flex:0 0 40px}
.settings-security-action-icon .app-icon{width:22px;height:22px;color:currentColor}
.settings-security-action b{display:block;color:var(--text-1);font-size:14px;font-weight:950;line-height:1.15;margin-bottom:4px}
.settings-security-action em{display:block;color:var(--text-2);font-style:normal;font-size:12px;font-weight:700;line-height:1.3}
.settings-security-action.is-backup{--security-color:var(--info)}
.settings-security-action.is-package{--security-color:var(--mod-management)}
.settings-security-action.is-restore{--security-color:var(--text-2)}
.full-backup-progress{--backup-flow-color:var(--info);position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:10040;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 44px);overflow:auto;background:linear-gradient(145deg,color-mix(in srgb,var(--backup-flow-color) 13%,var(--bg-surface)),var(--bg-surface) 46%,var(--bg-inset));border:1px solid color-mix(in srgb,var(--backup-flow-color) 58%,var(--border-strong));border-radius:20px;padding:18px;box-shadow:0 24px 64px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.035) inset;color:var(--text-1);opacity:0;transform:translateY(14px) scale(.985);transition:opacity .18s ease,transform .18s ease,border-color .18s ease}
.full-backup-progress[hidden],.full-backup-progress-summary[hidden],.full-backup-progress button[hidden]{display:none!important}
.full-backup-progress.is-visible{opacity:1;transform:translateY(0) scale(1)}
.full-backup-progress[data-state="success"]{--backup-flow-color:var(--success)}
.full-backup-progress[data-state="error"]{--backup-flow-color:var(--danger)}
.full-backup-progress-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}
.full-backup-progress-mark{width:48px;height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--backup-flow-color) 18%,var(--bg-inset));border:1px solid color-mix(in srgb,var(--backup-flow-color) 42%,var(--border-strong));color:var(--backup-flow-color)}
.full-backup-progress-mark span{display:block;width:22px;height:22px;border:3px solid color-mix(in srgb,var(--backup-flow-color) 28%,var(--border-strong));border-top-color:var(--backup-flow-color);border-radius:50%;animation:full-backup-progress-spin .85s linear infinite}
.full-backup-progress[data-state="success"] .full-backup-progress-mark span,.full-backup-progress[data-state="error"] .full-backup-progress-mark span{border:0;animation:none;width:24px;height:24px;position:relative}
.full-backup-progress[data-state="success"] .full-backup-progress-mark span::before{content:"";position:absolute;left:5px;top:1px;width:9px;height:16px;border:solid currentColor;border-width:0 4px 4px 0;transform:rotate(45deg)}
.full-backup-progress[data-state="error"] .full-backup-progress-mark span::before{content:"!";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:950;line-height:1}
.full-backup-progress-heading{min-width:0}
.full-backup-progress-heading small{display:block;color:var(--backup-flow-color);font-size:10px;font-weight:950;letter-spacing:.13em;margin-bottom:3px}
.full-backup-progress-heading h2{margin:0;color:var(--text-1);font-size:19px;font-weight:950;line-height:1.2;overflow-wrap:anywhere}
.full-backup-progress-close{width:36px;height:36px;border:1px solid var(--border-strong);border-radius:11px;background:var(--bg-inset);color:var(--text-2);font-size:25px;line-height:1;cursor:pointer}
.full-backup-progress-close:hover{border-color:var(--backup-flow-color);color:var(--text-1)}
.full-backup-progress-detail{margin:14px 0 15px;color:var(--text-2);font-size:13px;font-weight:750;line-height:1.48}
.full-backup-progress-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.full-backup-progress-steps li{position:relative;min-width:0;padding-top:37px;text-align:center;color:var(--text-3)}
.full-backup-progress-steps li::after{content:"";position:absolute;top:14px;left:calc(50% + 18px);width:calc(100% - 28px);height:2px;background:var(--border-strong)}
.full-backup-progress-steps li:last-child::after{display:none}
.full-backup-progress-steps li>span{position:absolute;top:0;left:50%;z-index:1;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-inset);border:2px solid var(--border-strong);color:var(--text-3);font-size:11px;font-weight:950}
.full-backup-progress-steps li>b,.full-backup-progress-steps li>small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.full-backup-progress-steps li>b{font-size:12px;font-weight:950;color:var(--text-2)}
.full-backup-progress-steps li>small{font-size:9px;font-weight:750;margin-top:2px}
.full-backup-progress-steps li.is-active>span{border-color:var(--backup-flow-color);color:var(--backup-flow-color);box-shadow:0 0 0 5px color-mix(in srgb,var(--backup-flow-color) 13%,transparent)}
.full-backup-progress-steps li.is-active>b{color:var(--backup-flow-color)}
.full-backup-progress-steps li.is-done>span{border-color:var(--success);background:var(--success);color:var(--on-color)}
.full-backup-progress-steps li.is-done::after{background:var(--success)}
.full-backup-progress-steps li.is-done>b{color:var(--text-1)}
.full-backup-progress-steps li.is-error>span{border-color:var(--danger);color:var(--danger)}
.full-backup-progress-summary{margin:16px 0 0;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(90px,.65fr);gap:8px}
.full-backup-progress-summary>div{min-width:0;background:color-mix(in srgb,var(--backup-flow-color) 7%,var(--bg-inset));border:1px solid color-mix(in srgb,var(--backup-flow-color) 24%,var(--border-strong));border-radius:11px;padding:9px 10px}
.full-backup-progress-summary dt{color:var(--text-3);font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}
.full-backup-progress-summary dd{margin:0;color:var(--text-1);font-size:11px;font-weight:850;line-height:1.35;overflow-wrap:anywhere}
.full-backup-progress-advice{margin:14px 0 0;padding:10px 11px;border-left:3px solid var(--backup-flow-color);border-radius:0 9px 9px 0;background:color-mix(in srgb,var(--backup-flow-color) 9%,var(--bg-inset));color:var(--text-2);font-size:12px;font-weight:750;line-height:1.45}
.full-backup-progress-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.full-backup-progress-actions button{min-height:40px;border-radius:11px;padding:8px 15px;font-size:12px;font-weight:950;cursor:pointer}
.full-backup-progress-secondary{background:var(--bg-inset);border:1px solid var(--border-strong);color:var(--text-2)}
.full-backup-progress-primary{background:var(--backup-flow-color);border:1px solid var(--backup-flow-color);color:var(--on-color);box-shadow:0 8px 20px color-mix(in srgb,var(--backup-flow-color) 24%,transparent)}
@keyframes full-backup-progress-spin{to{transform:rotate(360deg)}}
@media (max-width:760px){
  .full-backup-progress{left:50%;right:auto;bottom:max(12px,env(safe-area-inset-bottom));width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:15px;border-radius:17px;transform:translate(-50%,14px) scale(.985)}
  .full-backup-progress.is-visible{transform:translate(-50%,0) scale(1)}
  .full-backup-progress-heading h2{font-size:17px}
  .full-backup-progress-summary{grid-template-columns:minmax(0,1.45fr) minmax(88px,.7fr)}
}
@media (max-width:480px){
  .full-backup-progress-head{gap:9px}
  .full-backup-progress-mark{width:42px;height:42px;border-radius:13px}
  .full-backup-progress-detail{margin:11px 0 13px}
  .full-backup-progress-steps li{padding-top:35px}
  .full-backup-progress-summary{grid-template-columns:1fr 1fr}
  .full-backup-progress-summary>div:first-child{grid-column:1/-1}
  .full-backup-progress-actions button{flex:1}
}
@media (prefers-reduced-motion:reduce){.full-backup-progress{transition:none}.full-backup-progress-mark span{animation:none}}
.settings-stability-card{--settings-accent:var(--accent)}
.settings-stability-card.is-ok{--settings-accent:var(--success)}
.settings-stability-card.is-warn{--settings-accent:var(--accent)}
.settings-stability-card.is-bad{--settings-accent:var(--danger)}
.settings-stability-title{font-size:20px;font-weight:950;color:var(--settings-accent);margin-bottom:5px}
.settings-stability-detail{font-size:13px;line-height:1.45;color:var(--text-2);margin-bottom:12px}
.settings-stability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.settings-stability-grid>div{background:var(--bg-inset);border:1px solid var(--border-strong);border-radius:10px;padding:9px 10px;min-width:0}
.settings-stability-grid small{display:block;color:var(--text-3);font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}
.settings-stability-grid b{display:block;color:var(--text-1);font-size:13px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.settings-stability-grid em{display:block;color:var(--text-2);font-style:normal;font-size:11px;font-weight:700;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.settings-stability-sync{width:100%;justify-content:center;margin-top:10px}
.doc-outbox-review-status{margin-top:10px;color:var(--text-2);font-size:12px;line-height:1.45}
.doc-outbox-review-empty{background:var(--bg-inset);border:1px solid var(--border-strong);border-radius:12px;padding:10px 12px;color:var(--text-3);font-weight:800}
.doc-outbox-review-list{display:flex;flex-direction:column;gap:8px}
.doc-outbox-review-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.35fr);gap:10px;align-items:start;background:var(--bg-inset);border:1px solid var(--border-strong);border-left:4px solid var(--accent);border-radius:12px;padding:10px 11px;min-width:0}
.doc-outbox-review-row.is-manual{border-left-color:var(--danger);background:linear-gradient(135deg,rgba(232,58,58,.12),var(--bg-inset))}
.doc-outbox-review-row.is-failed{border-left-color:var(--warning);background:linear-gradient(135deg,rgba(245,179,38,.12),var(--bg-inset))}
.doc-outbox-review-row.is-pending{border-left-color:var(--info)}
.doc-outbox-review-main{min-width:0}
.doc-outbox-review-main b{display:block;color:var(--text-1);font-size:14px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.doc-outbox-review-main small,.doc-outbox-review-side small{display:block;color:var(--text-3);font-size:10px;font-weight:850;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.doc-outbox-review-main em{display:block;color:var(--text-2);font-style:normal;font-size:12px;font-weight:750;margin-top:6px;overflow-wrap:anywhere}
.doc-outbox-review-side{min-width:0;text-align:right}
.doc-outbox-review-side span{display:block;color:var(--accent);font-size:12px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.doc-outbox-review-more{background:var(--bg-inset);border:1px dashed var(--border-strong);border-radius:12px;padding:8px 10px;color:var(--text-3);font-weight:850;text-align:center}
.sync-outbox-review{display:flex;flex-direction:column;gap:10px}
.sync-outbox-review-summary{background:linear-gradient(135deg,color-mix(in srgb,var(--settings-accent,var(--accent)) 16%,var(--bg-inset)),var(--bg-inset));border:1px solid color-mix(in srgb,var(--settings-accent,var(--accent)) 42%,var(--border-strong));border-radius:13px;padding:11px 12px}
.sync-outbox-review-summary b{display:block;color:var(--settings-accent,var(--accent));font-size:15px;font-weight:950;margin-bottom:4px}
.sync-outbox-review-summary span{display:block;color:var(--text-1);font-size:12px;font-weight:850;line-height:1.35}
.sync-outbox-review-summary em{display:block;color:var(--text-2);font-style:normal;font-size:12px;font-weight:750;margin-top:6px;line-height:1.35;overflow-wrap:anywhere}
.sync-outbox-review-queues{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sync-outbox-review-queue{--queue-color:var(--success);background:var(--bg-inset);border:1px solid color-mix(in srgb,var(--queue-color) 44%,var(--border-strong));border-left:4px solid var(--queue-color);border-radius:12px;padding:9px 10px;min-width:0}
.sync-outbox-review-queue.is-warn{--queue-color:var(--warning)}
.sync-outbox-review-queue.is-bad{--queue-color:var(--danger)}
.sync-outbox-review-queue-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.sync-outbox-review-queue-head b{color:var(--text-1);font-size:12px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sync-outbox-review-queue-head span{color:var(--queue-color);font-size:10px;font-weight:950;text-align:right;white-space:nowrap}
.sync-outbox-review-queue-count{color:var(--queue-color);font-size:22px;font-weight:950;line-height:1.15;margin-top:6px}
.sync-outbox-review-queue small{display:block;color:var(--text-2);font-size:11px;font-weight:750;line-height:1.35;margin-top:4px;overflow-wrap:anywhere}
.sync-outbox-review-notes{background:var(--bg-inset);border:1px solid var(--border-strong);border-radius:12px;padding:9px 10px;font-size:12px;font-weight:800;line-height:1.4}
.sync-outbox-review-notes.is-bad{border-color:color-mix(in srgb,var(--danger) 50%,var(--border-strong));color:var(--danger-text)}
.sync-outbox-review-notes.is-warn{border-color:color-mix(in srgb,var(--warning) 50%,var(--border-strong));color:var(--accent)}
.sync-outbox-last-issue{background:var(--bg-inset);border:1px dashed var(--border-strong);border-radius:12px;padding:9px 10px;color:var(--text-2)}
.sync-outbox-last-issue b{display:block;color:var(--text-1);font-size:12px;font-weight:950}
.sync-outbox-last-issue span{display:block;color:var(--text-3);font-size:10px;font-weight:850;margin-top:2px}
.sync-outbox-last-issue em{display:block;color:var(--text-2);font-style:normal;font-size:12px;font-weight:750;margin-top:5px;overflow-wrap:anywhere}
.sync-outbox-document-detail{display:block}
#pg-settings .settings-card .sbtn,#pg-settings .settings-advanced .sbtn{background:linear-gradient(135deg,color-mix(in srgb,var(--settings-accent,var(--accent)) 28%,var(--bg-inset)),var(--bg-page))!important;color:var(--text-1)!important;border:1px solid color-mix(in srgb,var(--settings-accent,var(--accent)) 44%,var(--border-strong))!important;border-radius:12px!important;min-height:44px!important;font-weight:900!important;box-shadow:0 10px 20px rgba(0,0,0,.18);transition:transform .14s ease,filter .14s ease,border-color .14s ease}
#pg-settings .settings-card .sbtn:hover,#pg-settings .settings-advanced .sbtn:hover{transform:translateY(-1px);filter:brightness(1.08);border-color:var(--settings-accent,var(--accent))!important}
#pg-settings #settings-product-photo-export-card .settings-photo-export-button{background:linear-gradient(135deg,color-mix(in srgb,var(--info) 84%,#fff 8%),color-mix(in srgb,var(--info) 64%,var(--mod-management)))!important;color:#fff!important;border-color:color-mix(in srgb,var(--info) 58%,#fff 12%)!important;box-shadow:0 10px 22px color-mix(in srgb,var(--info) 26%,transparent)}
#pg-settings .settings-card .sbtn.red,#pg-settings .settings-card-red .sbtn{--settings-accent:var(--danger);background:linear-gradient(135deg,rgba(232,58,58,.22),var(--bg-inset))!important}
#pg-settings .settings-card input,#pg-settings .settings-card textarea,#pg-settings .settings-advanced input,#pg-settings .settings-advanced textarea{background:var(--bg-surface)!important;border:1px solid var(--border-strong)!important;border-radius:10px!important;color:var(--text-1)!important}
#pg-settings .settings-card .lbl,#pg-settings .settings-advanced .lbl{color:var(--text-2);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
@media (prefers-reduced-motion:reduce){#settings-product-photo-export-card.is-exporting .settings-photo-export-button::after{animation:none}.settings-photo-export-button{transition:none}.settings-photo-export-button::after{transition:none}}
.contacts-shell{flex:1;overflow-y:auto;padding:14px 16px 28px;background:var(--bg-inset)}
.contacts-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;align-items:center;background:linear-gradient(135deg,var(--bg-surface-2),var(--bg-inset));border:1px solid var(--border-strong);border-radius:14px;padding:15px;margin-bottom:12px;box-shadow:0 14px 34px rgba(0,0,0,.25)}
.contacts-hero-icon{width:48px;height:48px;border-radius:14px;background:rgba(232,160,32,.15);color:var(--accent);display:flex;align-items:center;justify-content:center}
.contacts-suppliers .contacts-hero-icon{background:rgba(26,140,130,.17);color:var(--mod-management)}
.contacts-customers .contacts-hero-icon{background:rgba(45,107,228,.17);color:var(--info)}
.contacts-hero-icon .app-icon{width:25px;height:25px;color:currentColor}
.contacts-hero-title{color:var(--text-1);font-size:20px;font-weight:950;letter-spacing:.01em}
.contacts-hero-text{color:var(--text-2);font-size:13px;line-height:1.45;margin-top:3px}
.contacts-view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:9px 10px 9px 13px;border:1px solid var(--border-strong);border-radius:13px;background:linear-gradient(135deg,var(--bg-surface),var(--bg-inset));box-shadow:0 9px 22px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.05)}
.contacts-view-toolbar>div:first-child{min-width:0}
.contacts-view-toolbar>div:first-child b{display:block;color:var(--text-1);font-size:13px;font-weight:950}
.contacts-view-toolbar>div:first-child span{display:block;margin-top:2px;color:var(--text-3);font-size:10px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contacts-view-switch{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid var(--border-strong);border-radius:11px;background:var(--bg-page)}
.contacts-view-switch button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-2);padding:7px 11px;font-size:11px;font-weight:900;cursor:pointer}
.contacts-view-switch button .app-icon{width:17px;height:17px}
.contacts-view-switch button.is-active{border-color:color-mix(in srgb,var(--mod-management) 62%,var(--border-strong));background:linear-gradient(135deg,color-mix(in srgb,var(--mod-management) 28%,var(--bg-inset)),color-mix(in srgb,var(--accent) 15%,var(--bg-inset)));color:var(--text-1);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 5px 13px rgba(0,0,0,.2)}
.contacts-search-bar{margin-bottom:12px;background:var(--bg-inset);border:1px solid #303743;border-radius:13px;padding:10px;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.contacts-search-bar input{width:100%;background:var(--bg-surface)!important;border:1px solid #3a4150!important;border-radius:10px!important;color:var(--text-1)!important;padding:12px!important;font-size:15px!important}
.contacts-list{display:flex;flex-direction:column;gap:10px}
.contact-card{--contact-accent:var(--info);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;background:linear-gradient(180deg,var(--bg-surface),var(--bg-inset));border:1px solid var(--border-strong);border-left:4px solid var(--contact-accent);border-radius:14px;padding:13px 14px;box-shadow:0 12px 26px rgba(0,0,0,.20);min-width:0;transition:transform .14s ease,filter .14s ease,border-color .14s ease}
.contact-card.is-supplier{--contact-accent:var(--mod-management)}
.contact-card.is-customer{--contact-accent:var(--info)}
.contact-card.is-editable{cursor:pointer}
.contact-card:hover{transform:translateY(-1px);filter:brightness(1.06);border-color:var(--border-strong)}
.contact-card-icon{width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--contact-accent) 22%,var(--bg-page));color:var(--contact-accent);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--contact-accent) 38%,transparent)}
.contact-card-icon .app-icon{width:23px;height:23px;color:currentColor}
.contact-card-main{min-width:0}
.contact-card-title{display:flex;align-items:center;gap:8px;min-width:0}
.contact-card-title b{font-size:16px;color:var(--text-1);font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contact-badge{font-size:10px;font-weight:950;color:var(--text-1);background:var(--accent);border-radius:999px;padding:3px 7px}
.contact-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px;color:var(--text-2);font-size:12px}
.contact-meta span{display:inline-flex;align-items:center;gap:5px;min-width:0}
.contact-meta .app-icon{width:13px;height:13px;color:#75839a}
.contact-address{color:#7f8b9d;font-size:12px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contact-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.contact-chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;border:1px solid var(--border-strong)}
.contact-chip .app-icon{width:13px;height:13px}
.contact-chip-green{background:var(--bg-surface-2);color:var(--success);border-color:var(--success)}
.contact-chip-blue{background:var(--bg-surface-2);color:var(--info);border-color:var(--info)}
.contact-chip-gold{background:var(--bg-surface-2);color:var(--accent);border-color:#664c0e}
.supplier-report-card{background:linear-gradient(135deg,var(--bg-surface-2),var(--bg-page));border:1px solid var(--border-strong);border-left:4px solid var(--accent);border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:0 14px 30px rgba(0,0,0,.24)}
.supplier-report-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.supplier-report-head>span{width:42px;height:42px;border-radius:12px;background:rgba(232,160,32,.16);color:var(--accent);display:flex;align-items:center;justify-content:center;flex:0 0 42px}
.supplier-report-head .app-icon{width:22px;height:22px;color:currentColor}
.supplier-report-head b{display:block;color:var(--text-1);font-size:16px;font-weight:950}
.supplier-report-head small{display:block;color:var(--text-2);font-size:12px;margin-top:3px}
.supplier-report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.supplier-report-metric{background:linear-gradient(180deg,color-mix(in srgb,var(--supplier-metric-color) 16%,var(--bg-surface-2)),var(--bg-page));border:1px solid color-mix(in srgb,var(--supplier-metric-color) 42%,var(--border-strong));border-radius:12px;padding:11px 12px;min-width:0}
.supplier-report-metric span,.supplier-stat-cell span{display:block;color:var(--text-3);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}
.supplier-report-metric b{display:block;color:var(--supplier-metric-color);font-size:20px;font-weight:950;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.supplier-report-metric small,.supplier-stat-cell small{display:block;color:var(--text-2);font-size:11px;margin-top:3px;font-weight:750}
.supplier-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:9px}
.supplier-stat-cell{background:var(--bg-inset);border:1px solid #2d3440;border-radius:10px;padding:8px 9px;min-width:0}
.supplier-stat-cell b{display:block;color:var(--accent);font-size:14px;font-weight:950;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.supplier-cash-limit{margin-top:10px;border:1px solid rgba(34,197,94,.42);background:linear-gradient(135deg,rgba(34,197,94,.14),var(--bg-inset) 72%);border-radius:13px;padding:10px 11px}
.supplier-cash-limit.is-warn{border-color:rgba(245,179,38,.62);background:linear-gradient(135deg,rgba(245,179,38,.15),var(--bg-inset) 72%)}
.supplier-cash-limit.is-over{border-color:rgba(239,68,68,.68);background:linear-gradient(135deg,rgba(239,68,68,.16),var(--bg-inset) 72%)}
.supplier-cash-limit-head{display:flex;align-items:center;gap:9px;margin-bottom:8px}
.supplier-cash-limit-head>span{width:34px;height:34px;border-radius:10px;background:rgba(34,197,94,.14);color:var(--success-text);display:flex;align-items:center;justify-content:center;flex:0 0 34px}
.supplier-cash-limit.is-warn .supplier-cash-limit-head>span{background:rgba(245,179,38,.16);color:var(--accent)}
.supplier-cash-limit.is-over .supplier-cash-limit-head>span{background:rgba(239,68,68,.16);color:var(--danger-text)}
.supplier-cash-limit-head .app-icon{width:18px;height:18px;color:currentColor}
.supplier-cash-limit-head b{display:block;color:var(--text-1);font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}
.supplier-cash-limit-head small{display:block;color:var(--text-2);font-size:11px;margin-top:2px}
.supplier-cash-limit-bar{height:9px;border-radius:999px;background:var(--bg-inset);border:1px solid var(--bg-surface-2);overflow:hidden;margin-bottom:8px}
.supplier-cash-limit-bar i{display:block;height:100%;border-radius:999px;background:var(--success);box-shadow:0 0 14px rgba(34,197,94,.25)}
.supplier-cash-limit.is-warn .supplier-cash-limit-bar i{background:var(--accent);box-shadow:0 0 14px rgba(245,179,38,.25)}
.supplier-cash-limit.is-over .supplier-cash-limit-bar i{background:var(--danger);box-shadow:none}
.supplier-cash-limit-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;color:var(--text-2);font-size:12px}
.supplier-cash-limit-row b{color:var(--text-1);font-size:16px;font-weight:950;white-space:nowrap}
.supplier-cash-limit-row span{color:var(--success-text);font-weight:900}
.supplier-cash-limit.is-warn .supplier-cash-limit-row span{color:var(--accent)}
.supplier-cash-limit.is-over .supplier-cash-limit-row span{color:var(--danger-text)}
.supplier-cash-limit-row small{color:var(--text-2);text-align:right;font-weight:800}
.supplier-documents{margin-top:10px;border:1px solid color-mix(in srgb,var(--info) 38%,var(--border-strong));border-radius:13px;background:linear-gradient(145deg,rgba(25,118,210,.10),var(--bg-inset));overflow:hidden}
.supplier-documents>summary{list-style:none;display:flex;align-items:center;gap:9px;padding:10px 11px;cursor:pointer;color:var(--info)}
.supplier-documents>summary::-webkit-details-marker{display:none}
.supplier-documents>summary:after{content:'▾';margin-left:auto;color:var(--info);font-size:14px;transition:transform .15s ease}
.supplier-documents[open]>summary:after{transform:rotate(180deg)}
.supplier-documents>summary>.app-icon{width:20px;height:20px;flex:0 0 20px;color:currentColor}
.supplier-documents>summary span{min-width:0}
.supplier-documents>summary b{display:block;color:var(--text-1);font-size:12px;font-weight:950}
.supplier-documents>summary small{display:block;margin-top:2px;color:var(--text-3);font-size:10px;font-weight:750}
.supplier-document-list{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow:auto;padding:0 8px 8px}
.supplier-document-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-page);padding:8px 9px}
.supplier-document-row>div{min-width:0}
.supplier-document-row>div b,.supplier-document-row>div span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.supplier-document-row>div b{color:var(--text-1);font-size:11px;font-weight:900}
.supplier-document-row>div span{margin-top:2px;color:var(--text-3);font-size:9px;font-weight:750}
.supplier-document-row>button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid color-mix(in srgb,var(--info) 48%,var(--border-strong));border-radius:9px;background:rgba(25,118,210,.13);color:var(--info);padding:7px 9px;font-size:10px;font-weight:900;cursor:pointer}
.supplier-document-row>button .app-icon{width:16px;height:16px;color:currentColor}
.contact-card-actions{display:flex;align-items:center;gap:8px}
.contacts-list.is-compact-view{gap:6px}
.contact-card.contact-card-compact{grid-template-columns:38px minmax(0,1.4fr) minmax(126px,.55fr) 25px;gap:10px;min-height:62px;padding:8px 10px;border-radius:11px;border-left-width:3px;box-shadow:0 6px 14px rgba(0,0,0,.16)}
.contact-card-compact .contact-card-icon{width:36px;height:36px;border-radius:10px}
.contact-card-compact .contact-card-icon .app-icon{width:20px;height:20px}
.contact-card-compact .contact-card-title b{font-size:14px}
.contact-compact-meta{margin-top:3px;color:var(--text-3);font-size:10px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contact-compact-total{min-width:0;text-align:right}
.contact-compact-total span,.contact-compact-total small{display:block;color:var(--text-3);font-size:9px;font-weight:800;white-space:nowrap}
.contact-compact-total b{display:block;margin:2px 0;color:var(--accent);font-size:13px;font-weight:950;white-space:nowrap}
.contact-compact-open{display:grid;place-items:center;width:25px;height:36px;color:var(--mod-management);font-size:29px;font-weight:500}
.contact-action,.contact-delete{border:none;border-radius:11px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-weight:900}
.contact-action{background:var(--bg-surface-2);color:var(--info);border:1px solid color-mix(in srgb, var(--info) 33%, transparent);padding:8px 11px}
.contact-action .app-icon{width:17px;height:17px;color:currentColor}
.contact-delete{width:42px;background:var(--bg-surface-2);color:#ff4d5f;border:1px solid color-mix(in srgb, var(--danger) 33%, transparent)}
.contact-delete .app-icon{width:19px;height:19px;color:currentColor}
.contacts-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-3);gap:8px}
.contacts-empty .app-icon{width:46px;height:46px;color:#4b5361}
.contacts-empty b{color:var(--text-1);font-size:18px}
.contacts-empty span{font-size:13px;color:var(--text-2)}
.settings-advanced{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border-strong));border-left:4px solid var(--accent);border-radius:14px;background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-inset));box-shadow:0 12px 26px rgba(0,0,0,.22);overflow:hidden}
.settings-advanced-summary{list-style:none;display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;color:var(--accent);font-weight:950}
.settings-advanced-summary::-webkit-details-marker{display:none}
.settings-advanced-summary:after{content:"▾";margin-left:auto;color:var(--accent);font-size:14px;transition:transform .16s ease}
.settings-advanced[open] .settings-advanced-summary:after{transform:rotate(180deg)}
.settings-advanced-summary b{display:block;color:var(--accent);font-size:15px}
.settings-advanced-summary small{display:block;color:var(--text-2);font-size:12px;font-weight:650;margin-top:2px;line-height:1.35}
.settings-advanced-body{padding:0 16px 16px}
.settings-logout{background:var(--border-strong)!important;color:var(--text-3)!important;border:1px solid var(--border-strong)!important;width:100%;justify-content:center;margin:0!important;border-radius:12px!important;min-height:46px}
.kassza-diff-amount{font-size:1.12em;font-weight:950;letter-spacing:.01em}
.kassza-save-stars{color:var(--accent);font-size:13px;letter-spacing:1px;text-shadow:0 0 12px rgba(246,195,68,.32);vertical-align:1px}
.cash-count-section{display:flex;flex-direction:column;background:var(--bg-page);border:1px solid var(--border-strong);border-radius:12px;margin-bottom:12px;overflow:hidden}
.cash-count-title{padding:11px 13px;background:var(--bg-page);border-bottom:1px solid var(--border-strong);color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.cash-count-summary-section{display:block}
.cash-count-summary-toggle{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}
.cash-count-summary-toggle::-webkit-details-marker{display:none}
.cash-count-summary-toggle-label{flex:1;min-width:0}
.cash-count-summary-toggle small{color:var(--text-3);font-size:9px;font-weight:750;letter-spacing:0;text-transform:none}
.cash-count-summary-toggle-icon{position:relative;display:block;width:40px;height:28px;flex:0 0 40px;color:var(--accent);transform:rotate(0deg);transform-origin:50% 50%;transition:transform .16s ease}
.cash-count-summary-toggle-icon::before{content:'';position:absolute;left:50%;top:50%;width:34px;height:13px;background:currentColor;clip-path:polygon(0 0,50% 58%,100% 0,100% 34%,50% 100%,0 34%);transform:translate(-50%,-50%);filter:drop-shadow(0 2px 2px color-mix(in srgb,var(--accent) 32%,transparent))}
.cash-count-summary-section[open]>.cash-count-summary-toggle .cash-count-summary-toggle-icon{transform:rotate(180deg)}
.cash-count-summary-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 52%,transparent);outline-offset:-3px}
.cash-count-summary-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:start;padding:14px}
.cash-count-summary-row{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:14px;border:1px solid var(--border-strong);border-radius:12px;background:var(--bg-inset);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 6px 14px rgba(0,0,0,.12)}
.cash-count-summary-row span{color:var(--text-3);font-size:10px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
.cash-count-summary-row b{color:var(--text-1);font-size:20px;font-weight:950;line-height:1.15;white-space:nowrap}
.cash-count-summary-row small{color:var(--text-3);font-size:10px;font-weight:700;line-height:1.3}
.cash-count-summary-row.is-grand-total{border-color:color-mix(in srgb,var(--accent) 68%,var(--border-strong));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 18%,var(--bg-surface)),var(--bg-inset));box-shadow:inset 4px 0 0 var(--accent),inset 0 1px 0 rgba(255,255,255,.16),0 8px 18px color-mix(in srgb,var(--accent) 14%,transparent)}
.cash-count-summary-row.is-grand-total b{color:var(--accent);font-size:24px}
.cash-count-row{display:grid;grid-template-columns:minmax(180px,1.05fr) minmax(74px,.46fr) minmax(92px,.9fr);gap:10px;align-items:center;flex:0 0 84px;height:84px;min-height:84px;box-sizing:border-box;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.055)}
.cash-count-row:last-child{border-bottom:none}
.cash-count-denomination{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:8px}
.cash-count-visual-button{width:100%;min-width:0;min-height:58px;padding:3px 4px;border:0;border-radius:10px;background:transparent;display:flex;align-items:center;justify-content:flex-start;cursor:pointer}
.cash-count-visual-button[data-cash-count-open="coin"]{justify-content:flex-start}
.cash-count-count-arrow{width:32px;height:32px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 76%,rgba(255,255,255,.7));border-radius:50%;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 72%,#fff),var(--accent) 48%,color-mix(in srgb,var(--accent) 72%,#000));color:var(--accent-text,#fff);font-size:22px;font-weight:950;line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.42);box-shadow:0 4px 0 color-mix(in srgb,var(--accent) 42%,#000),0 7px 14px color-mix(in srgb,var(--accent) 28%,transparent),inset 0 1px 0 rgba(255,255,255,.58);transform:translateY(-2px);pointer-events:none}
.cash-count-visual-button .cash-count-money-visual{margin:0;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease}
.cash-count-visual-button:hover .cash-count-money-visual,.cash-count-visual-button:focus-visible .cash-count-money-visual{filter:brightness(1.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.52),0 9px 19px rgba(0,0,0,.26);transform:translateY(-1px)}
.cash-count-visual-button:active .cash-count-money-visual{transform:translateY(1px) scale(.985)}
.cash-count-visual-button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.cash-count-input{height:42px;text-align:center!important;background:var(--bg-inset)!important;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border-strong))!important;border-radius:10px!important;color:var(--text-1)!important;font-size:17px!important;font-weight:900!important;padding:6px!important;font-variant-numeric:tabular-nums;box-shadow:inset 0 2px 5px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.12)}
.cash-count-input[readonly]{cursor:default;caret-color:transparent;user-select:none}
.cash-count-input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 2px rgba(232,160,32,.18);outline:none}
.cash-count-total{text-align:right;color:var(--text-1);font-size:15px;font-weight:950;white-space:nowrap}
.cash-count-row-updated{background:rgba(34,197,94,.10)}
.cash-count-row-start{background:rgba(245,179,38,.13)}
.cash-count-pad-backdrop{position:fixed;inset:0;z-index:16000;background:rgba(0,0,0,.36);display:flex;align-items:center;justify-content:center;padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(12px + var(--safe-left))}
.cash-count-pad{width:min(360px,calc(100vw - 24px - var(--safe-left) - var(--safe-right)));max-height:calc(100vh - 24px - var(--safe-top) - var(--safe-bottom));max-height:calc(100dvh - 24px - var(--safe-top) - var(--safe-bottom));overflow:auto;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:14px;box-shadow:0 18px 48px rgba(0,0,0,.55);padding:12px}
.cash-count-pad-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}
.cash-count-pad-head > div{display:flex;align-items:center;min-width:0;flex:1}
.cash-count-pad-head span{display:block;color:var(--text-2);font-size:15px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.cash-count-pad-head [data-cash-pad-cancel]{width:38px;height:38px;min-height:38px;border-radius:11px;background:var(--bg-inset);color:var(--text-2);font-size:24px;line-height:1}
.cash-count-pad-amount-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:8px}
.cash-count-money-visual{margin-left:auto;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;flex:0 0 auto;overflow:hidden;isolation:isolate;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 7px 15px rgba(0,0,0,.22),0 1px 1px rgba(255,255,255,.16)}
.cash-count-money-visual strong{position:relative;z-index:2;font-size:24px;line-height:.96;font-weight:950;letter-spacing:.015em;text-shadow:0 1px 2px rgba(0,0,0,.32)}
.cash-count-money-visual em{position:relative;z-index:2;font-style:normal;font-size:10px;line-height:1;font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.28)}
.cash-count-selection-check{position:absolute;z-index:4;right:4px;top:4px;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--success);color:#fff;border:2px solid rgba(255,255,255,.94);box-shadow:0 3px 8px color-mix(in srgb,var(--success) 48%,transparent);font-size:11px;font-weight:950;line-height:1;opacity:0;transform:scale(.55);transition:opacity .16s ease,transform .16s ease}
.cash-count-row.has-count .cash-count-selection-check{opacity:1;transform:scale(1)}
.cash-count-money-visual.is-banknote{--note-light:#f1f3f5;--note-mid:#bac2cb;--note-ink:#34373c;--note-line:#59636f;width:138px;height:54px;border:1px solid var(--note-line);border-radius:8px;color:var(--note-ink);background:repeating-linear-gradient(24deg,transparent 0 3px,color-mix(in srgb,var(--note-line) 10%,transparent) 3px 4px),linear-gradient(145deg,var(--note-light),var(--note-mid));box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 7px 15px rgba(0,0,0,.18),0 1px 1px rgba(255,255,255,.3)}
.cash-count-money-visual.is-banknote::before{content:"";position:absolute;z-index:0;inset:4px 6px;border:1px solid color-mix(in srgb,var(--note-line) 76%,transparent);border-radius:5px;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--note-light) 68%,transparent),inset 0 0 0 3px color-mix(in srgb,var(--note-line) 28%,transparent)}
.cash-count-money-visual.is-banknote::after{content:"";position:absolute;z-index:1;inset:-28% 57% -28% -16%;border-right:1px solid rgba(255,255,255,.34);border-radius:50%;background:linear-gradient(115deg,rgba(255,255,255,.42),rgba(255,255,255,0) 58%);transform:rotate(-8deg)}
.cash-count-money-visual.is-banknote strong{font-size:22px;color:var(--note-ink);text-shadow:0 1px 0 rgba(255,255,255,.7),0 0 1px color-mix(in srgb,var(--note-line) 68%,transparent)}
.cash-count-money-visual.is-banknote em{color:var(--note-ink);text-shadow:0 1px 0 rgba(255,255,255,.68)}
.cash-count-money-rosette{position:absolute;z-index:1;top:50%;width:23px;height:23px;border:1px solid color-mix(in srgb,var(--note-line) 78%,transparent);border-radius:50%;background:radial-gradient(circle,transparent 0 22%,color-mix(in srgb,var(--note-line) 54%,transparent) 23% 28%,transparent 29% 43%,color-mix(in srgb,var(--note-line) 46%,transparent) 44% 48%,transparent 49%),repeating-conic-gradient(from 8deg,color-mix(in srgb,var(--note-line) 58%,transparent) 0 6deg,transparent 6deg 14deg);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--note-light) 72%,transparent);transform:translateY(-50%)}
.cash-count-money-rosette.is-left{left:13px}.cash-count-money-rosette.is-right{right:13px}
.cash-count-money-visual.is-coin{--coin-x:0;--coin-y:0;width:62px;height:62px;border:0;border-radius:50%;background-color:transparent;background-image:url("../icons/forint-coin-icons-v3.png");background-repeat:no-repeat;background-size:186px 124px;background-position:var(--coin-x) var(--coin-y);color:transparent;box-shadow:0 8px 16px rgba(0,0,0,.24),0 1px 2px rgba(255,255,255,.42)}
.cash-count-money-visual.is-coin::before,.cash-count-money-visual.is-coin::after{display:none}
.cash-count-money-visual.is-coin strong,.cash-count-money-visual.is-coin em{display:none}
.cash-count-money-visual.is-coin.denom-5{--coin-x:0;--coin-y:0}
.cash-count-money-visual.is-coin.denom-10{--coin-x:-62px;--coin-y:0}
.cash-count-money-visual.is-coin.denom-20{--coin-x:-124px;--coin-y:0}
.cash-count-money-visual.is-coin.denom-50{--coin-x:0;--coin-y:-62px}
.cash-count-money-visual.is-coin.denom-100{--coin-x:-62px;--coin-y:-62px}
.cash-count-money-visual.is-coin.denom-200{--coin-x:-124px;--coin-y:-62px}
.cash-count-money-visual.is-banknote.denom-500{--note-light:#fff1e9;--note-mid:#e9b99f;--note-ink:#7c2f1c;--note-line:#a95434}
.cash-count-money-visual.is-banknote.denom-1000{--note-light:#eef6fb;--note-mid:#b7d3e8;--note-ink:#173e68;--note-line:#3f719d}
.cash-count-money-visual.is-banknote.denom-2000{--note-light:#fff5df;--note-mid:#e7ca91;--note-ink:#684214;--note-line:#a87932}
.cash-count-money-visual.is-banknote.denom-5000{--note-light:#f7edf6;--note-mid:#d8bfd7;--note-ink:#56365e;--note-line:#88608c}
.cash-count-money-visual.is-banknote.denom-10000{--note-light:#fff0eb;--note-mid:#e7aaa2;--note-ink:#7e241f;--note-line:#b14b43}
.cash-count-money-visual.is-banknote.denom-20000{--note-light:#edf8f5;--note-mid:#b5d9d2;--note-ink:#165a5f;--note-line:#42898b}

/* Központi pénzkezelés --------------------------------------------------- */
#b-cash-treasury{min-width:178px;min-height:48px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;gap:1px 9px;padding:6px 12px!important;border-color:color-mix(in srgb,var(--success) 58%,var(--glass-edge))!important;background:linear-gradient(145deg,color-mix(in srgb,var(--success) 19%,var(--glass-control)),var(--glass-control))!important;color:var(--text-1)!important;text-align:left;box-shadow:var(--glass-shadow-control)!important}
#b-cash-treasury span{grid-column:1;grid-row:1;font-size:12px;font-weight:950;white-space:nowrap}
#b-cash-treasury b{grid-column:1;grid-row:2;color:var(--success);font-size:11px;font-weight:950;white-space:nowrap}
#b-cash-treasury em{grid-column:2;grid-row:1/3;align-self:center;padding:4px 7px;border:1px solid color-mix(in srgb,var(--success) 45%,transparent);border-radius:999px;background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success);font-size:8px;font-style:normal;font-weight:950;white-space:nowrap}
#b-cash-treasury.has-pending{border-color:color-mix(in srgb,var(--warning) 72%,var(--glass-edge))!important;background:linear-gradient(145deg,color-mix(in srgb,var(--warning) 20%,var(--glass-control)),var(--glass-control))!important}
#b-cash-treasury.has-pending b,#b-cash-treasury.has-pending em{color:var(--warning)}
#b-cash-treasury.has-pending em{border-color:color-mix(in srgb,var(--warning) 55%,transparent);background:color-mix(in srgb,var(--warning) 13%,transparent)}
.kassza-seasonal-toggle{min-width:146px;min-height:48px;display:grid!important;grid-template-rows:auto auto;align-content:center;gap:2px;padding:6px 11px!important;border:1px solid color-mix(in srgb,var(--warning) 58%,var(--glass-edge))!important;border-radius:12px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--warning) 16%,var(--glass-control)),var(--glass-control))!important;color:var(--text-1)!important;text-align:left;box-shadow:var(--glass-shadow-control)!important}
.kassza-seasonal-toggle span{font-size:8px;font-weight:950;letter-spacing:.09em;color:var(--text-3);white-space:nowrap}
.kassza-seasonal-toggle b{font-size:11px;font-weight:950;color:var(--warning);white-space:nowrap}
.kassza-seasonal-toggle.is-on{border-color:color-mix(in srgb,var(--success) 64%,var(--glass-edge))!important;background:linear-gradient(145deg,color-mix(in srgb,var(--success) 18%,var(--glass-control)),var(--glass-control))!important}
.kassza-seasonal-toggle.is-on b{color:var(--success)}
.kassza-seasonal-toggle.is-off{filter:saturate(.72)}
#pg-kassza .session-header-status{width:auto;min-width:46px;max-width:46px;flex:0 0 46px;gap:0}
#pg-kassza .session-header-status>:not(.session-help-button){display:none!important}
@media(max-width:1100px){.kassza-seasonal-toggle{min-width:74px;width:74px;padding:5px 6px!important;text-align:center}.kassza-seasonal-toggle span{font-size:7px;white-space:normal}.kassza-seasonal-toggle b{font-size:8px;white-space:normal}#pg-kassza #b-kassza-reset{display:none!important}}
@media (orientation:portrait),(max-width:760px){
  #pg-kassza .topbar{gap:7px;overflow:hidden}
  #pg-kassza .topbar .ttl{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #pg-kassza #b-cash-treasury{min-width:50px;width:50px;min-height:46px;padding:4px!important;display:grid!important;place-items:center;text-align:center}
  #pg-kassza #b-cash-treasury span{grid-column:1;grid-row:1;font-size:0}
  #pg-kassza #b-cash-treasury span::after{content:"KP";font-size:12px;font-weight:950}
  #pg-kassza #b-cash-treasury b,#pg-kassza #b-cash-treasury em{display:none}
  #pg-kassza #b-kassza-seasonal-toggle{min-width:58px;width:58px;min-height:46px;padding:4px!important;display:grid!important;place-items:center;text-align:center}
  #pg-kassza #b-kassza-seasonal-toggle span{display:none}
  #pg-kassza #b-kassza-seasonal-toggle b{font-size:0;line-height:1}
  #pg-kassza #b-kassza-seasonal-toggle b::after{content:"P4 KI";font-size:10px;font-weight:950}
  #pg-kassza #b-kassza-seasonal-toggle.is-on b::after{content:"P4 BE"}
  #pg-kassza #b-kassza-reset{display:none!important}
  #pg-kassza .session-header-status{width:auto;min-width:36px;max-width:36px;height:40px;flex:0 0 36px;gap:0}
  #pg-kassza .session-header-status .session-help-button{width:36px!important;min-width:36px!important;height:36px!important;padding:0!important;border-radius:12px!important}
}
.cash-treasury-backdrop{position:fixed;inset:0;z-index:19000;display:flex;align-items:center;justify-content:center;padding:max(10px,var(--safe-top)) max(10px,var(--safe-right)) max(10px,var(--safe-bottom)) max(10px,var(--safe-left));box-sizing:border-box;background:rgba(2,5,10,.82);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.cash-treasury-shell{width:min(1500px,100%);height:min(96dvh,980px);min-height:540px;display:flex;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--success) 55%,var(--glass-edge));border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--success) 5%,transparent),transparent 28%),var(--glass-chrome);box-shadow:0 34px 95px rgba(0,0,0,.68),0 5px 0 rgba(0,0,0,.38),inset 0 1px 0 var(--glass-highlight)}
.cash-treasury-head{display:grid;grid-template-columns:minmax(0,1fr) auto 48px;gap:16px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--glass-edge);background:linear-gradient(112deg,color-mix(in srgb,var(--success) 15%,transparent),transparent 55%),var(--glass-control);box-shadow:0 9px 24px rgba(0,0,0,.22),inset 0 1px 0 var(--glass-highlight)}
.cash-treasury-head>div:first-child{min-width:0}
.cash-treasury-head>div:first-child>span{display:block;color:var(--success);font-size:9px;font-weight:950;letter-spacing:.1em}
.cash-treasury-head h2{margin:2px 0 0;color:var(--text-1);font-size:24px;line-height:1.1;font-weight:950}
.cash-treasury-head p{margin:3px 0 0;color:var(--text-2);font-size:11px;font-weight:700}
.cash-treasury-head-total{text-align:right}
.cash-treasury-head-total span{display:block;color:var(--text-3);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.cash-treasury-head-total b{display:block;margin-top:2px;color:var(--success);font-size:22px;font-weight:950;white-space:nowrap}
.cash-treasury-head>button{width:48px;height:48px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--danger) 52%,var(--glass-edge));border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--danger) 18%,var(--glass-control)),var(--glass-control));color:var(--text-1);font-size:30px;line-height:1;cursor:pointer;box-shadow:var(--glass-shadow-control)}
.cash-treasury-tabs-title{padding:8px 14px 0;background:color-mix(in srgb,var(--glass-chrome) 86%,transparent);color:var(--accent);font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.cash-treasury-tabs{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;padding:7px 12px 10px;border-bottom:1px solid var(--glass-edge);background:color-mix(in srgb,var(--glass-chrome) 86%,transparent);scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.cash-treasury-tabs button{position:relative;flex:0 0 clamp(154px,18vw,218px);min-width:0;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 34px 7px 10px;border:1px solid var(--glass-edge);border-radius:11px;background:var(--glass-control);color:var(--text-2);font-size:11px;font-weight:900;cursor:pointer;scroll-snap-align:start;box-shadow:var(--glass-shadow-control);transition:transform .14s ease,filter .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease}
.cash-treasury-tabs button:hover{filter:brightness(1.12);transform:translateY(-1px)}
.cash-treasury-tabs button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 50%,transparent);outline-offset:-3px}
.cash-treasury-tabs button.is-active{border-color:color-mix(in srgb,var(--mod-sales) 72%,rgba(255,255,255,.4));background:linear-gradient(145deg,color-mix(in srgb,var(--mod-sales) 76%,#fff),var(--mod-sales) 50%,color-mix(in srgb,var(--mod-sales) 72%,#132139));color:#fff;transform:translateY(-1px);box-shadow:0 10px 22px color-mix(in srgb,var(--mod-sales) 27%,rgba(0,0,0,.25)),0 3px 0 color-mix(in srgb,var(--mod-sales) 40%,#111827),inset 0 1px 0 rgba(255,255,255,.46)}
.cash-treasury-tab-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.15;pointer-events:none}
.cash-treasury-tab-state{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-3);font-size:9px;font-weight:850;line-height:1.1;pointer-events:none}
.cash-treasury-tabs button.is-active .cash-treasury-tab-state{color:rgba(255,255,255,.9)}
html[data-theme="industrial"] .cash-treasury-tabs button.is-active,html[data-theme="industrial"] .cash-treasury-tabs button.is-active .cash-treasury-tab-state{color:#141414}
.cash-treasury-tabs em{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:7px;border-radius:999px;background:var(--danger);color:#fff;font-size:9px;font-style:normal;font-weight:950}
.cash-treasury-readonly{padding:7px 12px;border-bottom:1px solid color-mix(in srgb,var(--warning) 45%,var(--glass-edge));background:color-mix(in srgb,var(--warning) 10%,transparent);color:var(--warning);font-size:10px;font-weight:900;text-align:center}
.cash-treasury-body{flex:1;min-height:0;overflow:auto;padding:12px;background:radial-gradient(circle at 15% 0,color-mix(in srgb,var(--success) 8%,transparent),transparent 34%)}
.cash-treasury-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.7fr);gap:16px;align-items:center;padding:18px;border:1px solid color-mix(in srgb,var(--success) 48%,var(--glass-edge));border-radius:17px;background:linear-gradient(130deg,color-mix(in srgb,var(--success) 17%,transparent),transparent 48%),var(--glass-panel);box-shadow:var(--glass-shadow-raised)}
.cash-treasury-hero>div:first-child>span,.cash-treasury-card>header span,.cash-treasury-pending-list>header span{display:block;color:var(--success);font-size:9px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}
.cash-treasury-hero>div:first-child>b{display:block;margin-top:3px;color:var(--text-1);font-size:34px;font-weight:950}
.cash-treasury-hero>div:first-child>small{display:block;margin-top:4px;color:var(--text-2);font-size:11px;font-weight:750}
.cash-treasury-hero-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.cash-treasury-hero-metrics p{margin:0;padding:10px;border:1px solid var(--glass-edge);border-radius:12px;background:var(--glass-control);box-shadow:var(--glass-shadow-control)}
.cash-treasury-hero-metrics span{display:block;color:var(--text-3);font-size:8px;font-weight:900;text-transform:uppercase}
.cash-treasury-hero-metrics b{display:block;margin-top:4px;color:var(--text-1);font-size:14px;font-weight:950}
.cash-treasury-hero-metrics .is-warn{border-color:color-mix(in srgb,var(--warning) 55%,var(--glass-edge))}.cash-treasury-hero-metrics .is-warn b{color:var(--warning)}.cash-treasury-hero-metrics .is-ok b{color:var(--success)}
.cash-treasury-wallet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
.cash-treasury-wallet{--wallet-color:var(--info);min-width:0;padding:12px;border:1px solid color-mix(in srgb,var(--wallet-color) 48%,var(--glass-edge));border-left:4px solid var(--wallet-color);border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--wallet-color) 12%,transparent),transparent 55%),var(--glass-panel-soft);box-shadow:var(--glass-shadow)}
.cash-treasury-wallet.is-sales{--wallet-color:var(--accent)}.cash-treasury-wallet.is-success{--wallet-color:var(--success)}.cash-treasury-wallet.is-owner{--wallet-color:#ba76ff}
.cash-treasury-wallet span{display:block;color:var(--text-2);font-size:9px;font-weight:900;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cash-treasury-wallet b{display:block;margin-top:4px;color:var(--wallet-color);font-size:20px;font-weight:950;white-space:nowrap}
.cash-treasury-wallet small{display:block;margin-top:3px;color:var(--text-3);font-size:9px;font-weight:750}
.cash-treasury-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.cash-treasury-card{padding:12px;border:1px solid var(--glass-edge);border-radius:14px;background:var(--glass-panel-soft);box-shadow:var(--glass-shadow)}
.cash-treasury-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.cash-treasury-card>header>div{min-width:0}
.cash-treasury-card>header b{display:block;margin-top:2px;color:var(--text-1);font-size:13px;font-weight:950}
.cash-treasury-card>header button,.cash-treasury-inline-actions button,.cash-treasury-secondary{min-height:36px;border:1px solid color-mix(in srgb,var(--info) 52%,var(--glass-edge));border-radius:9px;background:linear-gradient(145deg,color-mix(in srgb,var(--info) 14%,var(--glass-control)),var(--glass-control));color:var(--info);padding:7px 10px;font-size:9px;font-weight:900;cursor:pointer;box-shadow:var(--glass-shadow-control)}
.cash-treasury-card p{margin:0;color:var(--text-2);font-size:11px;line-height:1.45}.cash-treasury-card p b{color:var(--text-1)}
.cash-treasury-shortages{display:flex;flex-wrap:wrap;gap:6px}.cash-treasury-shortages span{padding:5px 7px;border:1px solid color-mix(in srgb,var(--warning) 48%,var(--glass-edge));border-radius:999px;background:color-mix(in srgb,var(--warning) 9%,transparent);color:var(--warning);font-size:9px;font-weight:900}.cash-treasury-ok-copy{color:var(--success)!important}
.cash-treasury-flow{margin-top:10px}.cash-treasury-flow ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.cash-treasury-flow li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;padding:8px;border:1px solid var(--glass-edge);border-radius:10px;background:var(--glass-control);color:var(--text-2);font-size:9px;font-weight:800}.cash-treasury-flow li>b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#50d69a,#087d55);color:#fff;box-shadow:0 4px 9px rgba(0,0,0,.24)}
.cash-treasury-history{margin-top:10px;padding-bottom:7px}.cash-treasury-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 9px;border-top:1px solid var(--glass-edge)}.cash-treasury-history-row>div{min-width:0}.cash-treasury-history-row b,.cash-treasury-history-row span,.cash-treasury-history-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cash-treasury-history-row b{color:var(--text-1);font-size:11px;font-weight:900}.cash-treasury-history-row span{margin-top:1px;color:var(--text-2);font-size:9px;font-weight:800}.cash-treasury-history-row small{margin-top:2px;color:var(--text-3);font-size:8px}.cash-treasury-history-row>strong{color:var(--success);font-size:12px;font-weight:950;white-space:nowrap}.cash-treasury-history-row>button{min-height:32px;border:1px solid color-mix(in srgb,var(--danger) 43%,var(--glass-edge));border-radius:8px;background:color-mix(in srgb,var(--danger) 9%,var(--glass-control));color:var(--danger);padding:6px 8px;font-size:8px;font-weight:900;cursor:pointer}
.cash-treasury-split{display:grid;grid-template-columns:260px minmax(0,1fr);gap:10px;align-items:start}.cash-treasury-pending-list{position:sticky;top:0;max-height:calc(96dvh - 190px);overflow:auto;border:1px solid var(--glass-edge);border-radius:14px;background:var(--glass-panel-soft);box-shadow:var(--glass-shadow)}.cash-treasury-pending-list>header{padding:11px;border-bottom:1px solid var(--glass-edge)}.cash-treasury-pending-list>header b{display:block;margin-top:2px;color:var(--text-1);font-size:13px}.cash-treasury-pending-row{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:10px;border:0;border-bottom:1px solid var(--glass-edge);background:transparent;color:var(--text-2);text-align:left;cursor:pointer}.cash-treasury-pending-row:last-child{border-bottom:0}.cash-treasury-pending-row.is-active{background:linear-gradient(110deg,color-mix(in srgb,var(--warning) 18%,transparent),transparent);box-shadow:inset 3px 0 0 var(--warning)}.cash-treasury-pending-row span{font-size:9px;font-weight:900}.cash-treasury-pending-row b{margin-top:3px;color:var(--warning);font-size:15px;font-weight:950}.cash-treasury-pending-row small{margin-top:2px;color:var(--text-3);font-size:8px}
.cash-treasury-work{display:flex;flex-direction:column;gap:10px;min-width:0}.cash-treasury-single{width:min(1080px,100%);margin:0 auto}.cash-treasury-help{padding:8px 9px;border:1px solid color-mix(in srgb,var(--info) 35%,var(--glass-edge));border-radius:9px;background:color-mix(in srgb,var(--info) 8%,transparent)}.cash-treasury-inline-actions{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0}
.cash-treasury-field{display:flex;flex-direction:column;gap:5px;min-width:0}.cash-treasury-field>span{color:var(--text-3);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.cash-treasury-field input,.cash-treasury-field select,.cash-treasury-field textarea{width:100%;min-height:42px;box-sizing:border-box;border:1px solid var(--glass-edge)!important;border-radius:10px!important;background:var(--glass-input)!important;color:var(--text-1)!important;padding:9px 10px!important;font-size:11px!important;font-weight:800!important;box-shadow:inset 0 2px 5px rgba(0,0,0,.19),inset 0 1px 0 var(--glass-highlight)}.cash-treasury-field textarea{min-height:64px;resize:vertical}.cash-treasury-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.cash-treasury-field.is-wide{grid-column:span 2}
.cash-treasury-editor-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.cash-treasury-denom-editor{min-width:0;overflow:hidden;border:1px solid var(--glass-edge);border-radius:14px;background:var(--glass-panel-soft);box-shadow:var(--glass-shadow)}.cash-treasury-denom-editor>header{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px 11px;border-bottom:1px solid var(--glass-edge);background:linear-gradient(112deg,color-mix(in srgb,var(--success) 10%,transparent),transparent),var(--glass-control)}.cash-treasury-denom-editor>header>div{min-width:0}.cash-treasury-denom-editor>header b{display:block;color:var(--text-1);font-size:11px;font-weight:950}.cash-treasury-denom-editor>header small{display:block;margin-top:2px;color:var(--text-3);font-size:8px;font-weight:750}.cash-treasury-denom-editor>header strong{color:var(--success);font-size:15px;font-weight:950;white-space:nowrap}.cash-treasury-denom-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:7px}.cash-treasury-denom-row{min-width:0;display:grid;grid-template-columns:76px minmax(0,1fr) 58px;gap:5px;align-items:center;min-height:48px;padding:4px 5px;border:1px solid var(--glass-edge);border-radius:9px;background:var(--glass-control)}.cash-treasury-denom-visual{width:76px;height:43px;display:flex;align-items:center;justify-content:flex-start;overflow:visible}.cash-treasury-denom-visual .cash-count-money-visual{margin:0;transform-origin:left center}.cash-treasury-denom-visual .cash-count-money-visual.is-banknote{transform:scale(.5)}.cash-treasury-denom-visual .cash-count-money-visual.is-coin{transform:scale(.65)}.cash-treasury-denom-copy{min-width:0}.cash-treasury-denom-copy b{display:block;color:var(--text-1);font-size:9px;font-weight:950;white-space:nowrap}.cash-treasury-denom-copy small{display:block;color:var(--text-3);font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cash-treasury-denom-row input{width:58px!important;min-width:0;height:38px!important;min-height:38px!important;padding:5px!important;border:1px solid color-mix(in srgb,var(--success) 37%,var(--glass-edge))!important;border-radius:8px!important;background:var(--glass-input)!important;color:var(--text-1)!important;text-align:right!important;font-size:13px!important;font-weight:950!important}
.cash-treasury-primary{min-height:48px;border:1px solid color-mix(in srgb,var(--success) 67%,var(--glass-edge));border-radius:12px;background:linear-gradient(145deg,#43d68f,#0a8959);color:#fff;padding:10px 14px;font-size:12px;font-weight:950;cursor:pointer;box-shadow:0 5px 0 #075c3d,0 10px 22px rgba(7,110,73,.28),inset 0 1px 0 rgba(255,255,255,.45)}.cash-treasury-primary:active{transform:translateY(3px);box-shadow:0 2px 0 #075c3d,0 5px 12px rgba(7,110,73,.24)}.cash-treasury-primary:disabled,.cash-treasury-secondary:disabled{opacity:.45;cursor:not-allowed}.cash-treasury-exchange-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(350px,.8fr);gap:10px;align-items:start}.cash-treasury-target-form{position:sticky;top:0}.cash-treasury-recon-expected{display:flex;flex-direction:column;justify-content:center;padding:7px 10px;border:1px solid var(--glass-edge);border-radius:10px;background:var(--glass-control)}.cash-treasury-recon-expected span{color:var(--text-3);font-size:8px;font-weight:900;text-transform:uppercase}.cash-treasury-recon-expected b{margin-top:2px;color:var(--success);font-size:15px;font-weight:950}.cash-treasury-confirm{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid color-mix(in srgb,var(--warning) 42%,var(--glass-edge));border-radius:11px;background:color-mix(in srgb,var(--warning) 8%,var(--glass-control));color:var(--text-1);font-size:10px;font-weight:800;line-height:1.4}.cash-treasury-confirm input{width:20px;height:20px;flex:0 0 20px}.cash-treasury-status{display:flex;flex-direction:column;gap:2px;padding:10px!important;border:1px solid color-mix(in srgb,var(--success) 52%,var(--glass-edge));border-radius:11px;background:color-mix(in srgb,var(--success) 9%,transparent);margin-bottom:9px!important}.cash-treasury-status b{color:var(--success)!important;font-size:15px!important}.cash-treasury-status span{color:var(--text-2);font-size:9px}.cash-treasury-footnote{display:block;margin-top:8px;color:var(--text-3);font-size:9px;line-height:1.4}.cash-treasury-empty{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.cash-treasury-empty>span{width:72px;height:72px;display:grid;place-items:center;border:2px solid var(--success);border-radius:50%;background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success);font-size:38px;box-shadow:0 0 30px color-mix(in srgb,var(--success) 22%,transparent)}.cash-treasury-empty b{margin-top:16px;color:var(--text-1);font-size:20px}.cash-treasury-empty p{max-width:540px;margin:6px 0 0;color:var(--text-2);font-size:11px;line-height:1.5}
.cash-treasury-form-feedback{padding:10px 12px;border:1px solid var(--glass-edge);border-radius:10px;background:var(--glass-control);color:var(--text-1);font-size:11px;font-weight:850;line-height:1.4}.cash-treasury-form-feedback.is-error{border-color:color-mix(in srgb,var(--danger) 68%,var(--glass-edge));background:color-mix(in srgb,var(--danger) 12%,var(--glass-control));color:var(--danger)}.cash-treasury-form-feedback.is-success{border-color:color-mix(in srgb,var(--success) 68%,var(--glass-edge));background:color-mix(in srgb,var(--success) 12%,var(--glass-control));color:var(--success)}
.cash-treasury-denom-editor[class*="is-exchange-"]{border-width:2px}.cash-treasury-denom-editor[class*="is-exchange-"]>header{min-height:92px;align-items:flex-start;padding:12px 13px;box-sizing:border-box}.cash-treasury-denom-editor[class*="is-exchange-"]>header>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.cash-treasury-denom-editor[class*="is-exchange-"]>header b{font-size:14px;line-height:1.15;letter-spacing:.02em}.cash-treasury-exchange-kicker{display:inline-flex;align-items:center;gap:6px;color:inherit;font-size:8px;font-weight:950;letter-spacing:.07em}.cash-treasury-exchange-kicker>em{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:var(--exchange-accent);color:#111;font-size:10px;font-style:normal;box-shadow:0 3px 8px rgba(0,0,0,.28)}.cash-treasury-exchange-route{display:inline-flex;max-width:100%;padding:4px 7px;border:1px solid currentColor;border-radius:999px;background:rgba(0,0,0,.18);font-size:9px;font-weight:900;line-height:1.2;white-space:normal}.cash-treasury-denom-editor.is-exchange-till{--exchange-accent:var(--warning);border-color:color-mix(in srgb,var(--warning) 78%,var(--glass-edge))}.cash-treasury-denom-editor.is-exchange-till>header{background:linear-gradient(115deg,color-mix(in srgb,var(--warning) 32%,var(--glass-control)),var(--glass-control) 74%);box-shadow:inset 6px 0 0 var(--warning)}.cash-treasury-denom-editor.is-exchange-till>header>strong,.cash-treasury-denom-editor.is-exchange-till .cash-treasury-exchange-kicker,.cash-treasury-denom-editor.is-exchange-till .cash-treasury-exchange-route{color:var(--warning)}.cash-treasury-denom-editor.is-exchange-wallet{--exchange-accent:var(--info);border-color:color-mix(in srgb,var(--info) 78%,var(--glass-edge))}.cash-treasury-denom-editor.is-exchange-wallet>header{background:linear-gradient(115deg,color-mix(in srgb,var(--info) 28%,var(--glass-control)),var(--glass-control) 74%);box-shadow:inset 6px 0 0 var(--info)}.cash-treasury-denom-editor.is-exchange-wallet>header>strong,.cash-treasury-denom-editor.is-exchange-wallet .cash-treasury-exchange-kicker,.cash-treasury-denom-editor.is-exchange-wallet .cash-treasury-exchange-route{color:var(--info)}.cash-treasury-denom-editor.is-exchange-target{--exchange-accent:var(--success);border-color:color-mix(in srgb,var(--success) 78%,var(--glass-edge))}.cash-treasury-denom-editor.is-exchange-target>header{background:linear-gradient(115deg,color-mix(in srgb,var(--success) 26%,var(--glass-control)),var(--glass-control) 74%);box-shadow:inset 6px 0 0 var(--success)}.cash-treasury-denom-editor.is-exchange-target>header>strong,.cash-treasury-denom-editor.is-exchange-target .cash-treasury-exchange-kicker,.cash-treasury-denom-editor.is-exchange-target .cash-treasury-exchange-route{color:var(--success)}
@media(max-width:1100px){.cash-treasury-wallet-grid{grid-template-columns:1fr 1fr}.cash-treasury-flow ol{grid-template-columns:1fr 1fr}.cash-treasury-flow li:last-child{grid-column:1/-1}.cash-treasury-exchange-layout{grid-template-columns:1fr}.cash-treasury-target-form{position:static}.cash-treasury-denom-grid{grid-template-columns:1fr}.cash-treasury-form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){#b-cash-treasury{min-width:54px;width:54px;padding:5px!important;grid-template-columns:1fr;text-align:center}#b-cash-treasury span{grid-column:1;grid-row:1;font-size:8px;white-space:normal}#b-cash-treasury b{grid-column:1;grid-row:2;font-size:7px}#b-cash-treasury em{display:none}.kassza-seasonal-toggle{min-width:62px;width:62px;padding:5px!important;text-align:center}.kassza-seasonal-toggle span{font-size:7px;white-space:normal}.kassza-seasonal-toggle b{font-size:8px;white-space:normal}.cash-treasury-backdrop{padding:0}.cash-treasury-shell{width:100%;height:100dvh;min-height:0;border:0;border-radius:0}.cash-treasury-head{grid-template-columns:minmax(0,1fr) 44px;gap:8px;padding:10px 11px}.cash-treasury-head h2{font-size:19px}.cash-treasury-head p{display:none}.cash-treasury-head-total{display:none}.cash-treasury-head>button{width:44px;height:44px}.cash-treasury-tabs-title{padding:7px 10px 0;font-size:9px}.cash-treasury-tabs{padding:6px 8px 9px}.cash-treasury-tabs button{flex-basis:min(158px,44vw);min-height:50px}.cash-treasury-body{padding:8px}.cash-treasury-hero{grid-template-columns:1fr;padding:12px}.cash-treasury-hero>div:first-child>b{font-size:27px}.cash-treasury-wallet-grid{gap:7px}.cash-treasury-wallet{padding:9px}.cash-treasury-wallet b{font-size:15px}.cash-treasury-wallet small{display:none}.cash-treasury-overview-grid{grid-template-columns:1fr}.cash-treasury-flow ol{grid-template-columns:1fr}.cash-treasury-flow li:last-child{grid-column:auto}.cash-treasury-history-row{grid-template-columns:minmax(0,1fr) auto}.cash-treasury-history-row>button{grid-column:1/-1}.cash-treasury-split{grid-template-columns:1fr}.cash-treasury-pending-list{position:static;display:flex;max-height:none;overflow-x:auto}.cash-treasury-pending-list>header{min-width:130px}.cash-treasury-pending-row{min-width:170px;border-right:1px solid var(--glass-edge);border-bottom:0}.cash-treasury-editor-pair{grid-template-columns:1fr}.cash-treasury-form-grid{grid-template-columns:1fr}.cash-treasury-field.is-wide{grid-column:auto}.cash-treasury-denom-grid{grid-template-columns:1fr 1fr}.cash-treasury-denom-row{grid-template-columns:70px minmax(0,1fr) 54px}.cash-treasury-denom-copy small{display:none}.cash-treasury-exchange-layout{grid-template-columns:1fr}}
@media(max-width:470px){.cash-treasury-wallet-grid{grid-template-columns:1fr}.cash-treasury-hero-metrics{grid-template-columns:1fr}.cash-treasury-denom-grid{grid-template-columns:1fr}.cash-treasury-denom-row{grid-template-columns:76px minmax(0,1fr) 62px}}

/* Központi pénz: az ikon önmagában azonosítja a címletet; mellette csak a darabszám látszik. */
.cash-treasury-denom-row{grid-template-columns:minmax(145px,1fr) 118px;min-height:70px;gap:8px;padding:5px 7px}
.cash-treasury-denom-visual{width:145px;height:62px;overflow:hidden}
.cash-treasury-denom-visual .cash-count-money-visual.is-banknote{transform:none}
.cash-treasury-denom-visual .cash-count-money-visual.is-coin{transform:scale(.9)}
.cash-treasury-denom-row>.app-num-field{width:118px;min-width:118px}
.cash-treasury-denom-row>.app-num-field>input.app-num-field-input{width:100%!important;padding:5px!important;text-align:center!important;font-variant-numeric:tabular-nums}
.numeric-pad-backdrop.is-treasury-pad{z-index:19550}
.cash-treasury-exchange-layout .cash-treasury-denom-grid{grid-template-columns:1fr}
@media(max-width:760px){.cash-treasury-denom-row{grid-template-columns:minmax(140px,1fr) 112px}.cash-treasury-denom-visual{width:140px}.cash-treasury-denom-row>.app-num-field{width:112px;min-width:112px}}
@media(max-width:470px){.cash-treasury-denom-row{grid-template-columns:minmax(145px,1fr) 118px}.cash-treasury-denom-visual{width:145px}.cash-treasury-denom-row>.app-num-field{width:118px;min-width:118px}}
.cash-treasury-closure-columns,.cash-treasury-closure-grid .cash-treasury-closure-row{display:grid;grid-template-columns:minmax(145px,1fr) 118px 118px 118px;gap:8px;align-items:center}
.cash-treasury-closure-columns{padding:8px 14px;border-bottom:1px solid var(--glass-edge);background:color-mix(in srgb,var(--success) 7%,var(--glass-control))}
.cash-treasury-closure-columns>span{min-width:0;color:var(--text-3);font-size:8px;font-weight:950;letter-spacing:.05em;text-transform:uppercase}
.cash-treasury-closure-columns>span:not(:first-child){display:flex;flex-direction:column;align-items:center;text-align:center}
.cash-treasury-closure-columns strong{display:block;margin-top:2px;color:var(--success);font-size:13px;letter-spacing:0;text-transform:none;white-space:nowrap}
.cash-treasury-closure-grid{display:grid;gap:5px;padding:7px}
.cash-treasury-closure-grid .cash-treasury-closure-row{min-height:70px;padding:5px 7px}
.cash-treasury-closure-settings{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:9px}.cash-treasury-closure-settings .cash-treasury-field>small{color:var(--text-3);font-size:8px;line-height:1.35}.cash-treasury-inline-actions .is-handover{border-color:color-mix(in srgb,var(--success) 72%,var(--glass-edge));background:linear-gradient(145deg,color-mix(in srgb,var(--success) 28%,var(--glass-control)),var(--glass-control));color:var(--success)}
.cash-treasury-closure-handover-summary{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:10px;align-items:center;margin-top:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--success) 58%,var(--glass-edge));border-radius:11px;background:linear-gradient(120deg,color-mix(in srgb,var(--success) 16%,var(--glass-control)),var(--glass-control));box-shadow:var(--glass-shadow-control)}.cash-treasury-closure-handover-summary>span{color:var(--success);font-size:8px;font-weight:950;letter-spacing:.08em}.cash-treasury-closure-handover-summary>b{color:var(--success);font-size:18px;font-weight:950;white-space:nowrap}.cash-treasury-closure-handover-summary>strong{min-width:0;color:var(--text-1);font-size:11px;font-weight:900;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cash-treasury-split{grid-template-columns:1fr}
.cash-treasury-pending-list{position:static;display:flex;max-height:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-gutter:stable;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x}
.cash-treasury-pending-list>header{position:sticky;left:0;z-index:3;min-width:150px;flex:0 0 150px;border-right:1px solid var(--glass-edge);border-bottom:0;background:linear-gradient(135deg,#20362e 0%,#171a1e 78%);box-shadow:8px 0 14px rgba(0,0,0,.38)}
.cash-treasury-pending-row{position:relative;width:190px;min-width:190px;flex:0 0 190px;border-right:1px solid var(--glass-edge);border-bottom:0;scroll-snap-align:start;transition:background .18s ease,box-shadow .18s ease,filter .18s ease}
.cash-treasury-pending-row.is-active{background:linear-gradient(125deg,color-mix(in srgb,var(--warning) 34%,#191b20),color-mix(in srgb,var(--warning) 10%,#111419));box-shadow:inset 0 0 0 2px var(--warning),0 0 18px color-mix(in srgb,var(--warning) 30%,transparent);filter:brightness(1.08)}
.cash-treasury-pending-row.is-active>span{max-width:100%;padding-right:70px;box-sizing:border-box;color:var(--text-1)}
.cash-treasury-pending-row.is-active>b{color:#ffd84b;font-size:17px;text-shadow:0 1px 7px rgba(0,0,0,.65)}
.cash-treasury-selected-chip{position:absolute;top:7px;right:7px;padding:3px 5px;border:1px solid color-mix(in srgb,var(--warning) 72%,#fff);border-radius:999px;background:linear-gradient(145deg,#ffd84b,#d89d00);color:#15120a;font-size:7px;font-style:normal;font-weight:950;letter-spacing:.035em;box-shadow:0 3px 8px rgba(0,0,0,.35)}
.cash-treasury-active-closure{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 13px;border:2px solid var(--warning);border-radius:13px;background:linear-gradient(120deg,color-mix(in srgb,var(--warning) 27%,#171a1e),color-mix(in srgb,var(--warning) 7%,#101318));box-shadow:0 0 0 1px color-mix(in srgb,var(--warning) 20%,transparent),0 8px 24px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.22)}
.cash-treasury-active-closure>i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#ffe36b,#dca600);color:#18140b;font-size:19px;font-style:normal;font-weight:950;box-shadow:0 4px 12px rgba(0,0,0,.38)}
.cash-treasury-active-closure>div{min-width:0}.cash-treasury-active-closure>div>span{display:block;color:#ffd84b;font-size:8px;font-weight:950;letter-spacing:.1em}.cash-treasury-active-closure>div>b{display:block;margin-top:2px;color:var(--text-1);font-size:17px;font-weight:950;white-space:nowrap}.cash-treasury-active-closure>strong{min-width:120px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--warning) 58%,#fff);border-radius:10px;background:linear-gradient(145deg,#ffd84b,#dfa900);color:#17130a;text-align:center;font-size:16px;font-weight:950;box-shadow:0 4px 0 #926d00,0 8px 16px rgba(0,0,0,.26)}
@media(max-width:520px){.cash-treasury-active-closure{grid-template-columns:34px minmax(0,1fr);gap:8px}.cash-treasury-active-closure>i{width:30px;height:30px}.cash-treasury-active-closure>strong{grid-column:2;min-width:0;width:max-content;max-width:100%;padding:6px 10px;font-size:14px}.cash-treasury-active-closure>div>b{font-size:15px}}
@media(max-width:760px){.cash-treasury-closure-columns,.cash-treasury-closure-grid .cash-treasury-closure-row{grid-template-columns:minmax(140px,1fr) 112px 112px 112px}.cash-treasury-closure-settings{grid-template-columns:1fr}.cash-treasury-closure-handover-summary{grid-template-columns:auto 1fr}.cash-treasury-closure-handover-summary>strong{grid-column:1/-1;text-align:left}}
@media(max-width:520px){.cash-treasury-closure-columns,.cash-treasury-closure-grid .cash-treasury-closure-row{grid-template-columns:repeat(3,minmax(0,1fr))}.cash-treasury-closure-columns>span:first-child,.cash-treasury-closure-grid .cash-treasury-closure-row>.cash-treasury-denom-visual{grid-column:1/-1}.cash-treasury-closure-columns>span:first-child{display:none}.cash-treasury-closure-grid .cash-treasury-closure-row>.cash-treasury-denom-visual{width:100%;height:58px}.cash-treasury-closure-grid .cash-treasury-closure-row>.app-num-field{width:100%;min-width:0}.cash-treasury-closure-columns>span{font-size:7px}.cash-treasury-closure-columns strong{font-size:11px}}
.cash-count-pad-display{height:50px;border-radius:11px;border:1px solid var(--accent);background:var(--bg-inset);color:var(--text-1);display:flex;align-items:center;justify-content:flex-end;text-align:right;font-size:30px;font-weight:950;padding:0 16px;min-width:0}
.cash-count-pad-sum{min-height:30px;border-radius:10px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.30);color:var(--success-text);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:950;margin-bottom:8px}
.cash-count-pad-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:8px}
.cash-count-pad-nav{grid-template-columns:1fr 1fr}
.cash-count-pad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.cash-count-pad-grid button,.cash-count-pad-actions button,.cash-count-pad-nav button,.cash-count-pad-head button{border:1px solid var(--border-strong);border-radius:11px;min-height:44px;background:var(--bg-surface-2);color:var(--text-1);font-size:20px;font-weight:950}
.cash-count-pad-nav button{font-size:15px}
.cash-count-pad-nav button{background:color-mix(in srgb,var(--bg-surface-2) 82%,var(--text-1));border-color:color-mix(in srgb,var(--border-strong) 72%,var(--text-2));color:var(--text-2)}
.cash-count-pad-grid [data-cash-pad-clear],.cash-count-pad-grid [data-cash-pad-back],.cash-count-pad-head [data-cash-pad-cancel]{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.46);color:var(--danger-text)}
.cash-count-pad-grid button:active,.cash-count-pad-actions button:active,.cash-count-pad-nav button:active{transform:translateY(1px);filter:brightness(1.18)}

.kassza-opening-money-field{min-width:0}
.kassza-opening-money-shell{display:grid;grid-template-columns:minmax(112px,132px) minmax(0,1fr);align-items:stretch;gap:8px}
.kassza-opening-money-visual{min-width:0;min-height:46px;padding:5px 8px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-surface-2);color:var(--text-1);display:flex;align-items:center;gap:8px;text-align:left;font-weight:900;cursor:pointer;box-shadow:0 5px 12px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.24)}
.kassza-opening-money-visual:hover,.kassza-opening-money-visual:focus-visible{filter:brightness(1.09);border-color:var(--accent);outline:none}
.kassza-opening-money-visual:active{transform:translateY(1px)}
.kassza-opening-money-visual strong{font-size:12px;line-height:1.1;white-space:nowrap}
.kassza-opening-money-shape{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;overflow:hidden;font-weight:950}
.kassza-opening-money-shape span{position:relative;z-index:1;font-size:11px}
.kassza-opening-money-shape.is-banknote{width:48px;height:27px;border-radius:5px;color:#fff;background:linear-gradient(135deg,#8ed69e,#2e8f4b 55%,#14562c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.kassza-opening-money-shape.is-banknote::before{content:"";position:absolute;inset:4px 6px;border:1px solid rgba(255,255,255,.38);border-radius:3px}
.kassza-opening-money-shape.is-coin{width:31px;height:31px;border-radius:50%;color:#2a2108;background:radial-gradient(circle at 35% 28%,#fff4bd,#d7a738 52%,#91620d);border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 0 0 4px rgba(103,69,10,.16)}
.kassza-opening-money-input{min-width:0;text-align:right;cursor:pointer;caret-color:transparent}
.kassza-opening-money-input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 2px rgba(232,160,32,.18)!important;outline:none}
.cash-count-pad button:disabled{opacity:.42;filter:none}
.cash-count-pad-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:7px;margin-top:8px}
.cash-count-pad-actions [data-cash-pad-ok],.cash-count-pad-actions [data-cash-pad-ok-next]{background:var(--success);border-color:var(--success);color:var(--on-color);font-size:16px}
.cash-count-pad-actions [data-cash-pad-cancel]{background:var(--bg-inset);color:var(--text-2)}
.numeric-pad-backdrop{position:fixed;inset:0;z-index:17050;background:rgba(0,0,0,.30);display:flex;align-items:center;justify-content:center;padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(12px + var(--safe-left))}
.numeric-pad{width:min(330px,calc(100vw - 24px - var(--safe-left) - var(--safe-right)));max-height:calc(100vh - 24px - var(--safe-top) - var(--safe-bottom));max-height:calc(100dvh - 24px - var(--safe-top) - var(--safe-bottom));overflow:auto;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:14px;box-shadow:0 18px 48px rgba(0,0,0,.55);padding:12px}
.numeric-pad-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.numeric-pad-head span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-2);font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}
.numeric-pad-head [data-num-pad-cancel]{width:38px;height:38px;min-height:38px;border-radius:11px;background:var(--bg-inset);color:var(--text-2);font-size:24px;line-height:1;border:1px solid var(--border-strong)}
.numeric-pad-display{height:54px;border-radius:11px;border:1px solid var(--accent);background:var(--bg-inset);color:var(--text-1);display:flex;align-items:center;justify-content:flex-end;text-align:right;font-size:31px;font-weight:950;padding:0 16px;margin-bottom:8px}
.numeric-pad-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:8px}
.numeric-pad-grid,.numeric-pad-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.numeric-pad-nav{grid-template-columns:1fr 1fr;margin-top:8px}
.numeric-pad-grid button,.numeric-pad-quick button,.numeric-pad-nav button,.numeric-pad-actions button{border:1px solid var(--border-strong);border-radius:11px;min-height:46px;background:var(--bg-surface-2);color:var(--text-1);font-size:20px;font-weight:950}
.numeric-pad-quick button{font-size:15px}
.numeric-pad-quick [data-num-pad-add]{background:rgba(245,179,38,.16);border-color:rgba(245,179,38,.42);color:var(--accent)}
.numeric-pad-nav button{background:color-mix(in srgb,var(--bg-surface-2) 82%,var(--text-1));border-color:color-mix(in srgb,var(--border-strong) 72%,var(--text-2));color:var(--text-2);font-size:14px}
.numeric-pad-grid [data-num-pad-clear],.numeric-pad-grid [data-num-pad-back],.numeric-pad-head [data-num-pad-cancel]{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.46);color:var(--danger-text)}
.numeric-pad-grid button:active,.numeric-pad-quick button:active,.numeric-pad-nav button:active,.numeric-pad-actions button:active{transform:translateY(1px);filter:brightness(1.18)}
.numeric-pad button:disabled{opacity:.42;filter:none}
.numeric-pad-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:7px;margin-top:8px}
.numeric-pad-actions [data-num-pad-ok],.numeric-pad-actions [data-num-pad-ok-next]{background:var(--success);border-color:var(--success);color:var(--on-color);font-size:16px}
.numeric-pad-actions.is-single{grid-template-columns:1fr}
.numeric-pad-actions.is-cash-add{grid-template-columns:minmax(0,.82fr) minmax(0,1.48fr)}
.numeric-pad-actions.is-cash-add [data-num-pad-value-only]{font-size:13px;color:var(--text-2)}
.numeric-pad-actions.is-cash-add [data-num-pad-cash-add]{background:var(--success);border-color:var(--success);color:#fff;font-size:15px}
.numeric-pad-actions.is-cash-direct{grid-template-columns:1fr}
.numeric-pad-actions.is-cash-direct [data-num-pad-cash-add]{min-height:54px;background:var(--success);border-color:var(--success);color:#fff;font-size:16px}
.numeric-pad-cash-hint{display:flex;flex-direction:column;gap:3px;margin:0 0 9px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--success) 38%,var(--border-strong));border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--success) 10%,var(--bg-surface)),var(--bg-inset));box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.numeric-pad-cash-hint span{color:var(--success);font-size:10px;font-weight:950;letter-spacing:.045em;text-transform:uppercase}
.numeric-pad-cash-hint b{color:var(--text-2);font-size:11px;line-height:1.35}.numeric-pad-cash-hint b.has-note{color:var(--text-1)}.numeric-pad-cash-hint b.is-empty{font-weight:750}
@media(max-width:390px){.numeric-pad-actions.is-cash-add{grid-template-columns:1fr}.numeric-pad-actions.is-cash-add button{min-height:48px}}
.numeric-pad-pack-info{border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border-strong));background:color-mix(in srgb,var(--accent) 8%,var(--bg-inset));border-radius:11px;padding:9px;margin:0 0 8px;display:grid;gap:7px}
.numeric-pad-pack-title{color:var(--accent);font-size:12px;font-weight:950;text-transform:uppercase}
.numeric-pad-pack-info button{min-height:42px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border-strong));border-radius:10px;background:var(--bg-surface-2);color:var(--text-1);display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;text-align:left;padding:8px 10px;font-weight:900}
.numeric-pad-pack-info button span{font-size:13px;color:var(--text-2)}
.numeric-pad-pack-info button b{font-size:16px;color:var(--accent);justify-self:end}
.numeric-pad-pack-info button small{grid-column:1 / -1;font-size:11px;color:var(--text-3);font-weight:800}
.numeric-pad-pack-info button:active{transform:translateY(1px);filter:brightness(1.14)}
.numeric-pad-grid [data-num-pad-multiply]{background:rgba(245,179,38,.16);border-color:rgba(245,179,38,.48);color:var(--accent)}
.is-docqty-amount-pad .numeric-pad{width:min(300px,calc(100vw - 24px))}
#docqty-info{background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-surface))!important;border:1px solid var(--border-strong);border-radius:12px!important;padding:14px!important;text-align:left!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.docqty-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;align-items:stretch}
.docqty-summary-card{border:1px solid var(--border-strong);background:var(--bg-page);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;min-height:62px}
.docqty-summary-card span{color:var(--text-3);font-size:11px;font-weight:900;text-transform:uppercase}
.docqty-summary-card b{color:var(--text-1);font-size:18px;font-weight:950;line-height:1.1}
.docqty-summary-card small{color:var(--text-3);font-size:11px;font-weight:800}
.docqty-summary-card.is-sale b{color:var(--mod-sales)}
.docqty-summary-card.is-stock b{color:var(--success)}
.docqty-summary-card.is-pack b{color:var(--accent)}
.docqty-summary-card.is-existing{border-color:color-mix(in srgb,var(--accent) 48%,var(--border-strong));background:color-mix(in srgb,var(--accent) 10%,var(--bg-page))}
.docqty-summary-card.is-existing b{color:var(--accent)}
.docqty-exceptional-buy-box{margin:10px 0 12px;padding:12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-page);transition:border-color .18s ease,background .18s ease}
.docqty-exceptional-buy-toggle{display:flex;align-items:flex-start;gap:10px;cursor:pointer;touch-action:manipulation}
.docqty-exceptional-buy-toggle>input{width:22px;height:22px;flex:0 0 22px;margin:1px 0 0;accent-color:var(--accent)}
.docqty-exceptional-buy-toggle span{display:flex;min-width:0;flex-direction:column;gap:4px}
.docqty-exceptional-buy-toggle b{color:var(--text-1);font-size:13px;line-height:1.25}
.docqty-exceptional-buy-toggle small{color:var(--text-3);font-size:11px;font-weight:650;line-height:1.4}
.docqty-exceptional-buy-box.is-exceptional{border-color:color-mix(in srgb,var(--success) 58%,var(--border-strong));background:color-mix(in srgb,var(--success) 8%,var(--bg-page))}
.docqty-exceptional-buy-box.has-large-deviation{border-color:color-mix(in srgb,var(--warning) 70%,var(--border-strong));background:color-mix(in srgb,var(--warning) 10%,var(--bg-page))}
#docqty-exceptional-reason-wrap{margin-top:12px}
#docqty-exceptional-reason{width:100%;min-height:46px;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg-inset);color:var(--text-1);padding:9px 10px;font-size:14px}
.docqty-buy-deviation-hint{margin-top:9px;color:var(--text-3);font-size:11px;font-weight:750;line-height:1.45}
.docqty-exceptional-buy-box.has-large-deviation .docqty-buy-deviation-hint{color:var(--warning)}
.docqty-exceptional-buy-box.is-exceptional .docqty-buy-deviation-hint{color:var(--success)}
#pg-doc-qty.page.on{left:0!important;right:0!important;bottom:0!important;z-index:16020;background:rgba(0,0,0,.56);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(18px + var(--safe-top)) calc(18px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(18px + var(--safe-left));overflow:hidden}
#pg-doc-qty .topbar{width:min(560px,calc(100vw - 24px - var(--safe-left) - var(--safe-right)));min-height:calc(52px + var(--safe-top));border:1px solid var(--border-strong);border-bottom:none;border-radius:16px 16px 0 0;background:linear-gradient(180deg,var(--bg-surface),var(--bg-inset));flex:0 0 auto}
#pg-doc-qty .docqty-header{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;padding-right:calc(12px + var(--safe-right))}
#pg-doc-qty .docqty-header::after{content:"";width:48px;height:1px}
#pg-doc-qty .docqty-header .ttl{min-width:0;max-width:none;overflow:visible;text-overflow:clip;white-space:normal;text-align:center;font-size:clamp(15px,2.4vw,19px);line-height:1.18;overflow-wrap:anywhere}
#pg-doc-qty .docqty-header>.session-header-status{display:none!important}
#pg-doc-qty>.topbar+div{width:min(560px,calc(100vw - 24px - var(--safe-left) - var(--safe-right)));max-height:calc(100vh - 112px - var(--safe-top) - var(--safe-bottom));max-height:calc(100dvh - 112px - var(--safe-top) - var(--safe-bottom));overflow:auto!important;background:var(--bg-page);border:1px solid var(--border-strong);border-top:none;border-radius:0 0 16px 16px;box-shadow:0 24px 70px rgba(0,0,0,.58);padding:12px!important}
#pg-doc-qty>.docqty-scroll{overscroll-behavior:contain;scrollbar-gutter:stable}
#pg-doc-qty #docqty-info{margin-bottom:10px!important;padding:10px!important}
#pg-doc-qty .docqty-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#pg-doc-qty .docqty-summary-card{min-height:50px;padding:8px 9px;text-align:center;align-items:center;justify-content:center}
#pg-doc-qty .docqty-summary-card b{font-size:16px}
#pg-doc-qty .docqty-primary-fields{display:grid;gap:8px;margin-bottom:10px;padding:10px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border-strong));border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 5%,var(--bg-surface)),var(--bg-surface));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
#pg-doc-qty .docqty-primary-field{min-width:0;margin:0!important}
#pg-doc-qty .docqty-primary-field>.lbl{margin-bottom:5px}
#pg-doc-qty .docqty-primary-field>.app-num-field{margin-bottom:0!important}
#pg-doc-qty .docqty-primary-field>#docqty-shelf-hint{margin-top:3px!important}
#pg-doc-qty #docqty-btns{grid-template-columns:repeat(auto-fit,minmax(84px,1fr))!important;gap:6px!important}
#pg-doc-qty #docqty-btns>.sbtn{display:flex;min-width:0;min-height:60px;align-items:center;align-content:center;justify-content:center;flex-wrap:wrap;column-gap:4px;row-gap:1px;padding:9px 10px;line-height:1.15;text-align:center}
#pg-doc-qty #docqty-btns>.sbtn>.docqty-pack-button-label,#pg-doc-qty #docqty-btns>.sbtn>.docqty-pack-button-qty{display:inline-flex;align-items:center;justify-content:center;max-width:100%;margin:0;line-height:1.15;white-space:nowrap}
#pg-doc-qty #docqty-btns>.sbtn>.docqty-pack-button-qty{font-size:inherit;font-weight:inherit;opacity:.85}
#pg-doc-qty #docqty-qty{font-size:22px!important;padding:10px!important;margin-bottom:0!important}
#pg-doc-qty .app-num-field:has(>#docqty-qty){margin-bottom:8px;align-items:stretch}
#pg-doc-qty .app-num-field:has(>#docqty-qty)>#docqty-qty,
#pg-doc-qty .app-num-field:has(>#docqty-qty)>.app-num-trigger{height:56px;min-height:56px;align-self:center}
#pg-doc-qty #btn-docqty-egy{display:flex;align-items:center;justify-content:center;line-height:1.15;text-align:center}
#pg-doc-qty .docqty-mult-row>.app-num-field{flex:1 1 120px;width:auto;min-width:100px;align-self:center}
#pg-doc-qty .docqty-mult-row>#b-mult-minus,
#pg-doc-qty .docqty-mult-row>#b-mult-plus,
#pg-doc-qty .docqty-mult-row>.app-num-field>#docqty-mult,
#pg-doc-qty .docqty-mult-row>.app-num-field>.app-num-trigger{height:48px!important;min-height:48px!important;align-self:center}
#pg-doc-qty .docqty-mult-row>.app-num-field>.app-num-trigger .app-num-trigger-icon{width:32px;height:42px}
#pg-doc-qty .docqty-mult-row{display:grid!important;grid-template-columns:auto 48px minmax(120px,1fr) 48px minmax(88px,auto);align-items:center}
#pg-doc-qty .docqty-mult-row>#docqty-mult-hint{min-width:0;margin-left:0!important;text-align:right;overflow-wrap:anywhere}
#pg-doc-qty .docqty-batch-meta-grid>*{min-width:0}
#pg-doc-qty #docqty-received-at,#pg-doc-qty #docqty-shelf{min-height:56px;touch-action:manipulation}
#pg-doc-qty .docqty-pack-grid{display:grid;gap:8px;align-items:end;margin-top:8px}
#pg-doc-qty .docqty-pack-grid-small{grid-template-columns:minmax(0,1fr) clamp(132px,30%,178px);margin-top:0;margin-bottom:10px}
#pg-doc-qty .docqty-pack-grid-carton{grid-template-columns:minmax(0,1fr) repeat(2,clamp(118px,23%,148px))}
#pg-doc-qty .docqty-pack-grid-pallet{grid-template-columns:minmax(0,1.55fr) repeat(3,minmax(100px,.72fr))}
#pg-doc-qty .docqty-pack-grid>div{min-width:0}
#pg-doc-qty .docqty-pack-grid input{min-width:0;box-sizing:border-box}
#pg-doc-qty .docqty-pack-count input{text-align:center;font-variant-numeric:tabular-nums}
#pg-doc-qty .docqty-pack-count>.app-num-field{grid-template-columns:minmax(0,1fr) 56px;gap:6px}
@media(max-width:540px){
  #pg-doc-qty .docqty-pack-grid-carton{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"barcode barcode" "carton-count carton-total"}
  #pg-doc-qty .docqty-pack-grid-carton>.docqty-pack-barcode{grid-area:barcode}
  #pg-doc-qty .docqty-pack-carton-count{grid-area:carton-count}
  #pg-doc-qty .docqty-pack-carton-total{grid-area:carton-total}
  #pg-doc-qty .docqty-pack-grid-pallet{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"barcode barcode barcode" "rowqty rows total"}
  #pg-doc-qty .docqty-pack-grid-pallet>.docqty-pack-barcode{grid-area:barcode}
  #pg-doc-qty .docqty-pack-pallet-rowqty{grid-area:rowqty}
  #pg-doc-qty .docqty-pack-pallet-rows{grid-area:rows}
  #pg-doc-qty .docqty-pack-pallet-total{grid-area:total}
}
#pg-doc-qty #docqty-shelf{text-align:center!important;text-align-last:center!important;justify-content:center}
#pg-doc-qty #docqty-shelf::-webkit-date-and-time-value{text-align:center}
#pg-doc-qty #docqty-shelf::-webkit-datetime-edit{text-align:center;width:100%}
#pg-doc-qty #docqty-shelf::-webkit-datetime-edit-fields-wrapper{justify-content:center}
#pg-doc-qty #b-docqty-confirm{position:sticky;bottom:0;z-index:2}
body.desktop-sidebar-on #pg-doc-qty.page.on,body.session-header-on #pg-doc-qty.page.on{left:0!important;bottom:0!important}
@media (max-width:640px){
  #pg-doc-qty.page.on{padding:calc(8px + var(--safe-top)) calc(8px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(8px + var(--safe-left));align-items:center;justify-content:center}
  #pg-doc-qty .topbar,#pg-doc-qty>.topbar+div{width:100%;max-width:none}
  #pg-doc-qty>.topbar+div{max-height:calc(100vh - 88px - var(--safe-top) - var(--safe-bottom));max-height:calc(100dvh - 88px - var(--safe-top) - var(--safe-bottom))}
}
@media (max-width:480px){
  #pg-doc-qty .docqty-header{grid-template-columns:44px minmax(0,1fr) 44px;padding-left:8px;padding-right:8px}
  #pg-doc-qty .docqty-header::after{width:44px}
  #pg-doc-qty .docqty-batch-meta-grid{grid-template-columns:1fr!important}
  #pg-doc-qty .docqty-mult-row{grid-template-columns:auto 44px minmax(0,1fr) 44px;gap:7px!important}
  #pg-doc-qty .docqty-mult-row>#docqty-mult-hint{grid-column:1/-1;text-align:center}
}
.docqty-android-date-backdrop{position:fixed;inset:0;z-index:25050;display:flex;align-items:center;justify-content:center;padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));background:rgba(3,9,20,.78)}
.docqty-android-date-dialog{width:min(520px,100%);max-height:calc(100dvh - 32px - var(--safe-top) - var(--safe-bottom));overflow:auto;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--border-strong));border-radius:18px;background:var(--bg-page);box-shadow:0 28px 80px rgba(0,0,0,.68);padding:18px}
.docqty-android-date-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}
.docqty-android-date-dialog>header small{display:block;margin-bottom:4px;color:var(--accent);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.docqty-android-date-dialog h2{margin:0;color:var(--text-1);font-size:22px;line-height:1.2}
.docqty-android-date-dialog>header button{width:48px;height:48px;flex:0 0 48px;border:1px solid var(--border-strong);border-radius:12px;background:var(--bg-surface);color:var(--text-1);font-size:26px}
.docqty-android-date-fields{display:grid;grid-template-columns:1fr 1.35fr;gap:10px}
.docqty-android-date-fields label{display:flex;flex-direction:column;gap:6px;color:var(--text-2);font-size:12px;font-weight:850;text-transform:uppercase}
.docqty-android-date-fields label>button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;min-height:58px;border:1px solid var(--border-strong);border-radius:11px;background:var(--bg-surface);color:var(--text-1);padding:10px 14px;font-size:18px;font-weight:850;text-align:left;cursor:pointer;touch-action:manipulation}
.docqty-android-date-fields label>button[aria-expanded="true"]{border-color:var(--info);box-shadow:0 0 0 2px color-mix(in srgb,var(--info) 24%,transparent)}
.docqty-android-date-options[hidden]{display:none}
.docqty-android-date-options{margin-top:12px;border:1px solid var(--border-strong);border-radius:12px;background:var(--bg-surface);padding:10px}
.docqty-android-date-options>strong{display:block;margin:0 2px 8px;color:var(--text-2);font-size:12px;font-weight:900;text-transform:uppercase}
.docqty-android-date-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:min(260px,38dvh);overflow-y:auto;overscroll-behavior:contain}
.docqty-android-date-option-grid.is-year{grid-template-columns:repeat(4,minmax(0,1fr))}
.docqty-android-date-option-grid button{min-width:0;min-height:48px;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-inset);color:var(--text-1);padding:7px;font-size:15px;font-weight:800;cursor:pointer;touch-action:manipulation}
.docqty-android-date-option-grid button.is-selected{border-color:var(--info);background:var(--info);color:var(--on-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--info) 24%,transparent)}
.docqty-android-date-days{min-width:0;margin:14px 0 0;border:1px solid var(--border-strong);border-radius:12px;padding:10px;background:var(--bg-surface)}
.docqty-android-date-days legend{padding:0 6px;color:var(--text-2);font-size:12px;font-weight:900;text-transform:uppercase}
.docqty-android-date-days>div{display:grid;grid-template-columns:repeat(7,minmax(42px,1fr));gap:6px}
.docqty-android-date-days button{min-width:42px;min-height:46px;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-inset);color:var(--text-1);font-size:15px;font-weight:850;cursor:pointer;touch-action:manipulation}
.docqty-android-date-days button.is-selected{border-color:var(--info);background:var(--info);color:var(--on-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--info) 24%,transparent)}
.docqty-android-date-days button:disabled{cursor:not-allowed;opacity:.32}
.docqty-android-date-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px}
.docqty-android-date-actions button{min-height:54px;border:1px solid var(--border-strong);border-radius:11px;background:var(--bg-surface);color:var(--text-2);padding:9px;font-weight:850;cursor:pointer;touch-action:manipulation}
.docqty-android-date-actions .is-primary{border-color:var(--accent);background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:var(--accent-text)}
@media(max-width:520px){.docqty-android-date-backdrop{align-items:flex-end;padding:0}.docqty-android-date-dialog{width:100%;max-height:94dvh;border-radius:20px 20px 0 0;padding:16px}.docqty-android-date-fields{grid-template-columns:1fr 1.35fr}.docqty-android-date-days{padding:8px}.docqty-android-date-days>div{grid-template-columns:repeat(7,minmax(36px,1fr));gap:4px}.docqty-android-date-days button{min-width:36px;min-height:42px}.docqty-android-date-actions{grid-template-columns:1fr}.docqty-android-date-actions button{min-height:56px}}
.app-num-field{display:grid;grid-template-columns:minmax(0,1fr) 56px;grid-template-areas:"input trigger";gap:8px;align-items:stretch;width:100%;min-width:0;position:relative;box-sizing:border-box}
.app-num-field>input.app-num-field-input{grid-area:input;width:100%!important;min-width:0;box-sizing:border-box;cursor:default!important;user-select:none}
.app-num-field>input.app-num-field-input[readonly]{color:var(--text-1)!important;background:var(--bg-inset)}
.app-num-trigger{grid-area:trigger;position:relative;right:auto;top:auto;transform:none;width:56px;height:auto;min-height:56px;align-self:stretch;box-sizing:border-box;border-radius:9px;border:2px solid color-mix(in srgb,var(--danger) 82%,#fff);appearance:none;-webkit-appearance:none;background:#fff!important;background-image:none!important;color:var(--danger-text);display:flex;align-items:center;justify-content:center;padding:0;font-size:32px;font-weight:950;line-height:1;box-shadow:none!important;filter:none!important;text-shadow:none!important;touch-action:manipulation;cursor:pointer}
.app-num-trigger-icon{display:block;width:40px;height:50px;object-fit:contain;pointer-events:none;user-select:none}
.app-num-trigger:hover{background:#fff!important;background-image:none!important;box-shadow:none!important;filter:none!important}
.app-num-trigger:active{transform:scale(.96);background:#fff!important;background-image:none!important;box-shadow:none!important;filter:none!important}
.app-num-trigger:focus-visible{outline:2px solid var(--danger-text);outline-offset:2px}
.app-num-trigger[disabled]{opacity:.45;cursor:not-allowed}
.kassza-entry-amount-input{--kassza-entry-amount-color:var(--accent);width:100%;min-height:48px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--kassza-entry-amount-color) 62%,var(--border-strong));border-radius:10px;padding:10px 13px;background:linear-gradient(145deg,color-mix(in srgb,var(--kassza-entry-amount-color) 13%,var(--bg-inset)),var(--bg-inset));color:var(--kassza-entry-amount-color);font-size:20px;font-weight:950;letter-spacing:.01em;box-shadow:inset 0 2px 5px rgba(0,0,0,.20),0 2px 0 color-mix(in srgb,var(--kassza-entry-amount-color) 24%,var(--border-strong))}
.kassza-entry-amount-input.is-card{--kassza-entry-amount-color:var(--info)}
.kassza-entry-amount-input.is-withdrawal{--kassza-entry-amount-color:var(--accent)}
.kassza-entry-amount-input.is-einvoice{--kassza-entry-amount-color:var(--mod-admin)}
.app-num-field>input.kassza-entry-amount-input.app-num-field-input[readonly]{background:linear-gradient(145deg,color-mix(in srgb,var(--kassza-entry-amount-color) 13%,var(--bg-inset)),var(--bg-inset))!important;color:var(--kassza-entry-amount-color)!important;border-color:color-mix(in srgb,var(--kassza-entry-amount-color) 62%,var(--border-strong))!important;cursor:pointer!important}
.kassza-entry-amount-input::placeholder{color:color-mix(in srgb,var(--kassza-entry-amount-color) 64%,var(--text-3));opacity:.86}
.kassza-einvoice-amount-field{min-width:0}
.kassza-einvoice-amount-field>.lbl{display:block;margin-bottom:4px}
.kassza-einvoice-form-grid label>.app-num-field{margin-top:0}
.kassza-tape-vat-field{--kassza-vat-color:var(--text-3);min-width:0}
.kassza-tape-vat-field.is-vat-27{--kassza-vat-color:#ef4444}
.kassza-tape-vat-field.is-vat-18{--kassza-vat-color:#f97316}
.kassza-tape-vat-field.is-vat-5{--kassza-vat-color:#d6b300}
.kassza-tape-vat-field.is-vat-0{--kassza-vat-color:#22c55e}
.kassza-tape-vat-control{border-radius:9px;box-shadow:0 0 0 1px color-mix(in srgb,var(--kassza-vat-color) 20%,transparent),0 7px 16px rgba(0,0,0,.12)}
.kassza-tape-vat-control>input.app-num-field-input{padding-left:52px!important;border-color:color-mix(in srgb,var(--kassza-vat-color) 52%,var(--border-strong))!important}
.kassza-tape-vat-rate{position:absolute;left:4px;top:50%;z-index:2;transform:translateY(-50%);width:42px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--kassza-vat-color) 78%,#fff);background:linear-gradient(155deg,color-mix(in srgb,var(--kassza-vat-color) 80%,#fff),var(--kassza-vat-color) 48%,color-mix(in srgb,var(--kassza-vat-color) 78%,#000));color:#fff;font-size:13px;font-weight:950;line-height:1;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(0,0,0,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 4px 12px color-mix(in srgb,var(--kassza-vat-color) 30%,transparent);pointer-events:none}
.kassza-tape-vat-field.is-vat-5 .kassza-tape-vat-rate{color:#17130a;text-shadow:0 1px 0 rgba(255,255,255,.38)}
.kassza-tape-gross-field{margin:2px 0 12px;padding:10px;border:1px solid color-mix(in srgb,var(--accent) 58%,var(--border-strong));border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 13%,var(--bg-surface)),color-mix(in srgb,var(--bg-surface) 94%,transparent));box-shadow:0 3px 0 color-mix(in srgb,var(--accent) 25%,var(--border-strong)),inset 0 1px 0 rgba(255,255,255,.28)}
.kassza-machine-review-notice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin:0 0 12px;padding:11px 12px;border:1px solid var(--border-strong);border-radius:12px;background:var(--bg-inset);box-shadow:0 6px 15px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.16)}
.kassza-machine-review-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid currentColor;font-size:18px;font-weight:950}
.kassza-machine-review-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.kassza-machine-review-copy b{font-size:13px;font-weight:950;color:var(--text-1)}.kassza-machine-review-copy span{font-size:11px;font-weight:700;color:var(--text-3);line-height:1.35}
.kassza-save-change-report{margin-top:8px;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg-page);font-size:11px;overflow:hidden}
.kassza-save-change-report>summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:9px 10px;cursor:pointer;user-select:none}
.kassza-save-change-report>summary::-webkit-details-marker{display:none}
.kassza-save-change-report>summary::after{content:'';display:block;width:18px;height:8px;background:var(--accent);clip-path:polygon(0 0,50% 62%,100% 0,100% 38%,50% 100%,0 38%);transform-origin:50% 50%;transition:transform .16s ease}
.kassza-save-change-report[open]>summary::after{transform:rotate(180deg)}
.kassza-save-change-report>summary b{min-width:0;color:var(--accent)}
.kassza-save-change-report>summary span{color:var(--text-3);text-align:right}
.kassza-save-change-body,.kassza-save-change-empty{padding:0 10px 9px}
.kassza-save-change-empty{color:var(--text-3)}
@media(max-width:640px){.kassza-save-change-report>summary{grid-template-columns:minmax(0,1fr) auto}.kassza-save-change-report>summary span{grid-column:1/-1;grid-row:2;text-align:left}}
.kassza-machine-review-notice .sbtn{min-height:38px;padding:7px 12px;font-size:11px;font-weight:950}
.kassza-machine-review-notice.is-valid{border-color:color-mix(in srgb,var(--success) 52%,var(--border-strong));background:linear-gradient(145deg,color-mix(in srgb,var(--success) 13%,var(--bg-surface)),var(--bg-inset));color:var(--success-text)}
.kassza-machine-review-notice.is-due,.kassza-machine-review-notice.is-missing{border-color:color-mix(in srgb,var(--warning) 64%,var(--border-strong));background:linear-gradient(145deg,color-mix(in srgb,var(--warning) 14%,var(--bg-surface)),var(--bg-inset));color:var(--warning)}
.kassza-machine-review-notice.is-expired,.kassza-machine-review-notice.is-invalid{border-color:color-mix(in srgb,var(--danger) 68%,var(--border-strong));background:linear-gradient(145deg,color-mix(in srgb,var(--danger) 15%,var(--bg-surface)),var(--bg-inset));color:var(--danger-text);box-shadow:0 7px 17px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.17)}
@media(max-width:620px){.kassza-machine-review-notice{grid-template-columns:auto minmax(0,1fr)}.kassza-machine-review-notice .sbtn{grid-column:1/-1;width:100%;justify-content:center}}
.kassza-tape-gross-field>.lbl{display:block;margin:0 0 7px 3px;color:var(--accent);font-size:11px;font-weight:950;letter-spacing:.045em}
.kassza-tape-gross-control{border-radius:9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.kassza-tape-gross-control>input.app-num-field-input{min-height:48px;border-color:color-mix(in srgb,var(--accent) 55%,var(--border-strong))!important;background:color-mix(in srgb,var(--bg-inset) 88%,transparent)!important;color:var(--accent)!important}
.kassza-save-filter{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) auto auto;gap:8px;align-items:end;background:var(--bg-inset);border:1px solid var(--border-strong);border-radius:10px;padding:10px;margin:10px 0}
.kassza-save-filter label{display:flex;flex-direction:column;gap:4px}
.kassza-save-filter span{font-size:10px;color:var(--text-3);font-weight:800}
.kassza-save-filter input{background:var(--bg-inset);border:1px solid var(--border-strong);border-radius:8px;color:var(--text-1);padding:9px 10px;font-weight:800;color-scheme:dark}
.kassza-save-view{background:var(--bg-inset);border:1px solid var(--border-strong);border-left:4px solid var(--accent);border-radius:12px;padding:12px;margin:10px 0}
.kassza-save-view-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}
.kassza-save-view-head b{display:block;color:var(--text-1);font-size:15px}
.kassza-save-view-head span{display:block;color:var(--text-3);font-size:12px;margin-top:3px}
.kassza-view-row{border-top:1px solid var(--bg-surface-2);padding:8px 0}
.kassza-view-row b{color:var(--text-1)}
.kassza-view-row>span{float:right;color:var(--mod-sales);font-weight:900}
.kassza-view-row small{display:block;clear:both;color:var(--text-2);margin-top:4px;line-height:1.45}
@media (max-width:760px){
  .kassza-summary-grid{grid-template-columns:1fr}
  .kassza-summary-action-grid{grid-template-columns:1fr 1fr}
  .kassza-summary-action-grid>div{grid-column:1/-1}
  .kassza-summary-card{padding:12px}
  .kassza-summary-cols{grid-template-columns:1fr}
  .kassza-daily-total-card{grid-template-columns:1fr;padding:12px}
  .kassza-daily-total-cols{grid-template-columns:1fr}
  .kassza-report-head{display:block}
  .kassza-save-filter{grid-template-columns:1fr 1fr}
  .kassza-save-view-head{display:block}
  .kassza-save-view-head button{margin-top:8px}
  .cash-count-row{grid-template-columns:minmax(158px,1fr) minmax(62px,.42fr) minmax(78px,.9fr);gap:7px;padding:8px}
  .cash-count-denomination{grid-template-columns:minmax(0,1fr) 30px;gap:6px}
  .cash-count-count-arrow{width:30px;height:30px;font-size:20px}
  .cash-count-visual-button .cash-count-money-visual.is-banknote{width:120px;height:46px}
  .kassza-report-head span{display:block;text-align:left;margin-top:4px}
  .kassza-report-grid{grid-template-columns:1fr 1fr}
  .kassza-report-vat>div{grid-template-columns:1fr 1fr}
  .report-intro{grid-template-columns:auto minmax(0,1fr);align-items:flex-start}
  .report-intro-range{grid-column:1/-1;text-align:left;min-width:0}
  .report-metric-grid.two,.report-metric-grid.three,.report-diff-row,.report-side-total{grid-template-columns:1fr}
  .settings-directory-head{align-items:flex-start;flex-direction:column;gap:3px}
  .settings-directory-head span{text-align:left}
  .settings-directory-grid{grid-template-columns:1fr;gap:10px}
  .settings-directory-card{min-height:82px;grid-template-columns:44px minmax(0,1fr) 20px;padding:12px;gap:11px}
  .settings-directory-icon{width:44px;height:44px;border-radius:12px}
  .settings-directory-icon .app-icon{width:22px;height:22px}
  .settings-directory-card b{font-size:14px}
  .settings-directory-arrow{font-size:26px}
  .settings-subpage-head{grid-template-columns:42px minmax(0,1fr);padding:12px;gap:11px}
  .settings-subpage-icon{width:42px;height:42px}
  .settings-subpage-head b{font-size:17px}
  .settings-card-grid.two{grid-template-columns:1fr}
  .settings-security-status{grid-template-columns:1fr}
  .settings-security-actions{grid-template-columns:1fr}
  .settings-security-action{min-height:76px}
  .contact-card{grid-template-columns:auto minmax(0,1fr);align-items:flex-start}
  .contact-card-actions{grid-column:1/-1;justify-content:flex-end}
  .supplier-report-grid,.supplier-stat-grid{grid-template-columns:1fr}
  .settings-group-head{align-items:flex-start;flex-direction:column;gap:3px}
  .settings-group-head small{text-align:left}
}
@media (max-width:480px){
  .kassza-report-grid,.kassza-report-vat>div{grid-template-columns:1fr}
  .report-period-tabs{grid-template-columns:1fr 1fr}
  .report-doc-row{align-items:flex-start;flex-direction:column}
  .report-weight-list .report-doc-row{display:flex;align-items:flex-start;flex-direction:column}
  .report-doc-row strong{white-space:normal}
  .report-weight-breakdown{white-space:normal}
  .report-expiry-title-row{align-items:flex-start;flex-direction:column}
  .settings-shell{padding:12px}
  .settings-hero{padding:13px;gap:10px}
  .settings-hero-title{font-size:17px}
  .settings-hero-icon{width:42px;height:42px}
  .contacts-shell{padding:12px}
  .contacts-hero{padding:13px;gap:10px}
  .contacts-hero-title{font-size:17px}
  .contacts-hero-icon{width:42px;height:42px}
  .contacts-view-toolbar{align-items:stretch;flex-direction:column;padding:9px}
  .contacts-view-switch{display:grid;grid-template-columns:1fr 1fr}
  .contact-card.contact-card-compact{grid-template-columns:36px minmax(0,1fr) 22px}
  .contact-card-compact .contact-compact-total{grid-column:2/3;text-align:left;display:flex;align-items:center;gap:7px}
  .contact-compact-total span{display:none}
  .contact-compact-total b{font-size:12px}
  .contact-compact-total small{font-size:9px}
  .contact-card-compact .contact-compact-open{grid-column:3;grid-row:1/3}
  .contact-card{padding:12px}
  .contact-meta{display:block}
  .contact-meta span{display:flex;margin-top:4px}
  .supplier-document-row{grid-template-columns:1fr}
  .supplier-document-row>button{width:100%}
}

.preentries-hero{color:var(--text-2)}
.preentries-kicker{font-size:11px;color:var(--accent);text-transform:uppercase;font-weight:900;letter-spacing:.08em;margin-bottom:4px;display:none}
.preentries-help{font-size:13px;line-height:1.35;color:var(--text-2);margin-bottom:4px}
.preentries-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.preentries-action{min-height:58px;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:var(--text-1);display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:900;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 12px 24px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.16);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
.preentries-action:hover{transform:translateY(-1px);filter:brightness(1.08)}
.preentries-action:active{transform:translateY(0);filter:brightness(.97)}
.preentries-action .app-icon{width:22px;height:22px}
.preentries-action-in{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:var(--accent-text)}
.preentries-action-out{background:linear-gradient(135deg,var(--info),color-mix(in srgb,var(--info) 65%,black));color:var(--on-color)}
.preentries-action:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 16px 30px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,255,255,.18)}
.preentries-list{flex:1;overflow-y:auto;padding:14px 16px 28px;background:var(--bg-inset)}
.doclist-card{--doc-accent:var(--mod-management);display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-page));border:1px solid var(--border-strong);border-left:4px solid var(--doc-accent);border-radius:12px;padding:13px 14px;margin:10px 10px 0;box-shadow:0 12px 26px rgba(0,0,0,.22);transition:transform .16s ease,filter .16s ease,border-color .16s ease,box-shadow .16s ease}
.doclist-card.is-in{--doc-accent:var(--mod-management)}
.doclist-card.is-out{--doc-accent:var(--mod-sales)}
.doclist-card.is-loan{--doc-accent:var(--mod-admin)}
.doclist-card.is-transfer{--doc-accent:var(--info)}
.doclist-card.is-inventory{--doc-accent:var(--accent)}
.doclist-card.is-scrap{--doc-accent:var(--danger)}
.doclist-card.is-draft{--doc-accent:var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 10%,var(--bg-surface-2)),var(--bg-page))}
.doclist-card:hover{transform:translateY(-1px);border-color:var(--border-strong);box-shadow:0 18px 34px rgba(0,0,0,.32)}
.doclist-main{min-width:0;display:flex;align-items:flex-start;gap:12px;background:none;border:none;color:var(--text-1);text-align:left;padding:0;cursor:pointer}
.doclist-icon{width:42px;height:42px;border-radius:11px;background:color-mix(in srgb,var(--doc-accent) 28%,var(--bg-page));color:var(--doc-accent);display:flex;align-items:center;justify-content:center;flex:0 0 42px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--doc-accent) 38%,transparent)}
.doclist-icon .app-icon{width:23px;height:23px}
.doclist-body{display:flex;flex-direction:column;gap:5px;min-width:0}
.doclist-topline{display:flex;align-items:center;gap:10px;min-width:0}
.doclist-topline b{font-size:16px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.doclist-topline span{font-size:12px;color:var(--doc-accent);font-weight:900;white-space:nowrap}
.doclist-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--text-2);font-size:12px}
.doclist-meta span:not(:last-child):after{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--text-3);margin-left:8px;vertical-align:middle}
.doclist-audit{display:flex;flex-wrap:wrap;gap:6px;color:var(--text-3);font-size:11px;font-weight:800;line-height:1.3}
.doclist-audit.is-legacy{color:var(--accent-strong)}
.doclist-approval{font-size:12px;color:var(--accent);font-weight:900}
.doclist-stats{display:flex;gap:8px;align-items:stretch}
.doclist-stats span{min-width:68px;border-radius:10px;background:var(--bg-page);border:1px solid var(--border-strong);padding:8px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.doclist-stats b{font-size:18px;color:var(--text-1);font-weight:950;line-height:1}
.doclist-stats small{font-size:10px;color:var(--text-3);text-transform:uppercase;font-weight:800}
.doclist-stats .value b,.doclist-stats .value small{color:var(--accent)}
.doclist-actions{display:flex;align-items:center;gap:8px}
.doclist-approve-btn{height:40px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--mod-management),var(--mod-management-strong));color:var(--on-color);font-size:12px;font-weight:950;padding:0 12px;cursor:pointer}
.doclist-paid-btn{height:40px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--success),var(--success));color:var(--on-color);font-size:12px;font-weight:950;padding:0 12px;cursor:pointer}
.doclist-loan-return-btn{height:40px;border:none;border-radius:10px;background:linear-gradient(135deg,#14b8a6,var(--mod-management));color:var(--on-color);font-size:12px;font-weight:950;padding:0 12px;cursor:pointer}
.doclist-loan-convert-btn{height:40px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--mod-admin),var(--mod-admin-strong));color:var(--on-color);font-size:12px;font-weight:950;padding:0 12px;cursor:pointer}
.doclist-delete-btn{width:40px;height:40px;border-radius:10px;border:1px solid rgba(232,58,58,.28);background:rgba(232,58,58,.08);color:var(--danger-text);display:flex;align-items:center;justify-content:center;cursor:pointer}
.doclist-draft-open{height:40px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:var(--accent-text);font-size:12px;font-weight:950;padding:0 12px;cursor:pointer}
.doclist-delete-btn .app-icon{width:20px;height:20px}
.doclist-approve-btn:hover,.doclist-paid-btn:hover,.doclist-loan-return-btn:hover,.doclist-loan-convert-btn:hover,.doclist-draft-open:hover,.doclist-delete-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}
.preentry-card{--pre-accent:var(--mod-management);display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-page));border:1px solid var(--border-strong);border-left:4px solid var(--pre-accent);border-radius:12px;padding:13px 14px;margin-bottom:10px;box-shadow:0 12px 26px rgba(0,0,0,.22);transition:transform .16s ease,filter .16s ease,border-color .16s ease,box-shadow .16s ease}
.preentry-card.is-out{--pre-accent:var(--info)}
.preentry-card:hover{transform:translateY(-1px);border-color:var(--border-strong);box-shadow:0 18px 34px rgba(0,0,0,.32)}
.preentry-main{min-width:0;display:flex;align-items:flex-start;gap:12px;background:none;border:none;color:var(--text-1);text-align:left;padding:0;cursor:pointer}
.preentry-icon{width:42px;height:42px;border-radius:11px;background:color-mix(in srgb,var(--pre-accent) 28%,var(--bg-page));color:var(--pre-accent);display:flex;align-items:center;justify-content:center;flex:0 0 42px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pre-accent) 38%,transparent)}
.preentry-icon .app-icon{width:23px;height:23px}
.preentry-body{display:flex;flex-direction:column;gap:4px;min-width:0}
.preentry-topline{display:flex;align-items:center;gap:10px;min-width:0}
.preentry-topline b{font-size:16px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.preentry-status{border-radius:999px;padding:4px 9px;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.preentry-status.is-draft{background:rgba(232,160,32,.15);color:var(--accent);border:1px solid rgba(232,160,32,.35)}
.preentry-status.is-partial{background:rgba(232,160,32,.15);color:var(--accent);border:1px solid rgba(232,160,32,.40)}
.preentry-status.is-loaded{background:rgba(58,170,106,.16);color:var(--success);border:1px solid rgba(58,170,106,.36)}
.preentry-type{font-size:12px;color:var(--pre-accent);font-weight:900}
.preentry-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--text-2);font-size:12px}
.preentry-meta span:not(:last-child):after{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--text-3);margin-left:8px;vertical-align:middle}
.preentry-loaded{font-size:12px;color:var(--success);font-weight:800}
.preentry-note{font-size:12px;color:var(--text-3)}
.preentry-stats{display:flex;gap:8px;align-items:stretch}
.preentry-stats span{min-width:68px;border-radius:10px;background:var(--bg-page);border:1px solid var(--border-strong);padding:8px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.preentry-stats b{font-size:18px;color:var(--text-1);font-weight:950;line-height:1}
.preentry-stats small{font-size:10px;color:var(--text-3);text-transform:uppercase;font-weight:800}
.preentry-stats .warn b,.preentry-stats .warn small{color:var(--accent)}
.preentry-actions{display:flex;align-items:center;gap:8px}
.preentry-load-btn{height:40px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--mod-management),var(--mod-management-strong));color:var(--on-color);font-size:12px;font-weight:950;padding:0 12px;display:flex;align-items:center;gap:7px;cursor:pointer;box-shadow:0 8px 18px rgba(26,140,130,.22)}
.preentry-card.is-out .preentry-load-btn{background:linear-gradient(135deg,var(--info),color-mix(in srgb,var(--info) 65%,black));box-shadow:0 8px 18px rgba(45,107,228,.22)}
.preentry-load-btn .app-icon{width:17px;height:17px}
.preentry-delete-btn{width:40px;height:40px;border-radius:10px;border:1px solid rgba(232,58,58,.28);background:rgba(232,58,58,.08);color:var(--danger-text);display:flex;align-items:center;justify-content:center;cursor:pointer}
.preentry-delete-btn .app-icon{width:20px;height:20px}
.preentry-load-btn:hover,.preentry-delete-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}
.doc-list-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto auto auto;gap:14px;align-items:center;background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-page));border:1px solid var(--border-strong);border-left:4px solid var(--accent);border-radius:12px;padding:13px 14px;margin-bottom:10px;box-shadow:0 12px 26px rgba(0,0,0,.22);transition:transform .16s ease,filter .16s ease,border-color .16s ease,box-shadow .16s ease}
.doc-list-card:hover{transform:translateY(-1px);border-color:var(--border-strong);box-shadow:0 18px 34px rgba(0,0,0,.32)}
.doc-list-card.purchase-order-doc-row{border-left-color:var(--accent);background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-page))}
.doc-list-icon{width:42px;height:42px;border-radius:11px;background:var(--bg-surface-2);color:var(--accent);border:1px solid rgba(232,160,32,.42);display:flex;align-items:center;justify-content:center;flex:0 0 42px}
.doc-list-icon .app-icon{width:23px;height:23px}
.doc-list-main{min-width:0;display:flex;flex-direction:column;gap:4px}
.doc-list-title{font-size:16px;font-weight:950;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.doc-list-type{font-size:12px;color:var(--accent);font-weight:950;text-transform:uppercase}
.doc-list-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--text-2);font-size:12px}
.doc-list-pack{display:inline-flex;align-self:flex-start;margin-top:2px;border-radius:999px;background:rgba(232,160,32,.14);border:1px solid rgba(232,160,32,.36);color:var(--accent);font-size:11px;font-weight:950;padding:4px 9px;text-transform:uppercase}
.doc-list-stat{min-width:72px;border-radius:10px;background:var(--bg-page);border:1px solid var(--border-strong);padding:8px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.doc-list-stat b{font-size:18px;color:var(--text-1);font-weight:950;line-height:1}
.doc-list-stat span{font-size:10px;color:var(--text-3);text-transform:uppercase;font-weight:850}
.doc-list-action{height:40px;border:none;border-radius:10px;background:var(--bg-surface-2);color:var(--text-1);font-size:12px;font-weight:950;padding:0 12px;cursor:pointer}
.doc-list-action.is-primary{background:linear-gradient(135deg,var(--mod-management),var(--mod-management-strong));color:var(--on-color);box-shadow:0 8px 18px rgba(26,140,130,.22)}
.doc-list-delete{width:40px;height:40px;border-radius:10px;border:1px solid rgba(232,58,58,.28);background:rgba(232,58,58,.08);color:var(--danger-text);display:flex;align-items:center;justify-content:center;cursor:pointer}
.doc-list-delete .app-icon{width:20px;height:20px}
.doc-list-action:hover,.doc-list-delete:hover{filter:brightness(1.12);transform:translateY(-1px)}
@media (max-width:760px){
  .preentries-action-grid{grid-template-columns:1fr}
  .doclist-card{grid-template-columns:1fr;align-items:stretch}
  .doc-list-card{grid-template-columns:1fr;align-items:stretch}
  .doclist-stats{justify-content:flex-start;flex-wrap:wrap}
  .doclist-actions{justify-content:flex-end}
  .preentry-card{grid-template-columns:1fr;align-items:stretch}
  .preentry-stats{justify-content:flex-start;flex-wrap:wrap}
  .preentry-actions{justify-content:flex-end}
}
@media (max-width:430px){
  .preentries-hero{padding:12px}
  .preentries-list{padding:10px}
  .doclist-card{padding:12px;gap:10px}
  .doc-list-card{padding:12px;gap:10px}
  .doclist-topline{align-items:flex-start;flex-direction:column;gap:6px}
  .doclist-icon{width:38px;height:38px;flex-basis:38px}
  .doc-list-icon{width:38px;height:38px;flex-basis:38px}
  .doclist-stats span{min-width:62px}
  .doc-list-stat{min-width:62px}
  .preentry-card{padding:12px;gap:10px}
  .preentry-topline{align-items:flex-start;flex-direction:column;gap:6px}
  .preentry-icon{width:38px;height:38px;flex-basis:38px}
  .preentry-stats span{min-width:62px}
}

#pg-login{background:radial-gradient(circle at top,var(--bg-surface-2) 0,var(--bg-inset) 42%,var(--bg-inset) 100%) !important;padding:calc(24px + var(--safe-top)) calc(24px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(24px + var(--safe-left)) !important}
#pg-login > div:first-child{margin-bottom:22px !important}
#pg-login > div:nth-child(2){width:100% !important;max-width:360px !important;background:rgba(26,26,31,.82);border:1px solid var(--border-strong);border-radius:20px;padding:16px;box-shadow:0 22px 60px rgba(0,0,0,.45);backdrop-filter:blur(10px)}
html[data-theme="light"] #pg-login > div:nth-child(2){background:rgba(255,255,255,.72);border-color:rgba(88,111,148,.20);box-shadow:0 18px 44px rgba(37,55,84,.13),inset 0 1px 0 rgba(255,255,255,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.login-firebase-auth{display:none;margin-bottom:12px;border:1px solid var(--border-strong);border-radius:16px;background:var(--bg-inset);padding:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.login-firebase-auth-toggle{width:100%;min-height:42px;display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:8px;padding:7px 8px;border:0;border-radius:11px;background:transparent;color:var(--text-2);cursor:pointer}
.login-firebase-auth-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:1px}
.login-firebase-auth-status{min-width:0;font-size:12px;line-height:1.35;color:var(--text-2);font-weight:750;text-align:left;overflow-wrap:anywhere}
.login-firebase-auth-chevron{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-surface);color:var(--text-2)}
.login-firebase-auth-chevron::before{content:"\2039";font-size:22px;line-height:1;transform:rotate(-90deg);transition:transform .16s ease}
.login-firebase-auth.is-collapsed .login-firebase-auth-chevron::before{transform:rotate(180deg)}
.login-firebase-auth-actions{padding:4px 4px 3px}
.login-firebase-auth-actions[hidden]{display:none!important}
.login-firebase-auth.is-ok{border-color:color-mix(in srgb,var(--success) 55%,var(--border-strong));background:linear-gradient(135deg,color-mix(in srgb,var(--success) 13%,var(--bg-inset)),var(--bg-inset))}
.login-firebase-auth.is-ok .login-firebase-auth-status{color:var(--success)}
.login-firebase-auth.is-warn{border-color:color-mix(in srgb,var(--accent) 58%,var(--border-strong));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 13%,var(--bg-inset)),var(--bg-inset))}
.login-firebase-auth.is-error{border-color:color-mix(in srgb,var(--danger) 58%,var(--border-strong));background:linear-gradient(135deg,color-mix(in srgb,var(--danger) 15%,var(--bg-inset)),var(--bg-inset))}
.login-firebase-auth.is-error .login-firebase-auth-status{color:var(--danger)}
.login-google-btn{width:100%;min-height:48px;border:1px solid color-mix(in srgb,var(--info) 55%,var(--border-strong));border-radius:13px;background:linear-gradient(135deg,var(--info),#6554d9);color:#fff;font-weight:900;font-size:15px;cursor:pointer;box-shadow:0 10px 24px rgba(50,103,226,.28)}
.login-google-btn:disabled{opacity:.65;cursor:wait}
.login-google-signout-btn{width:100%;min-height:40px;margin-top:9px;border:1px solid color-mix(in srgb,var(--text-3) 34%,var(--border-strong));border-radius:11px;background:color-mix(in srgb,var(--text-2) 6%,var(--bg-inset));color:var(--text-2);font-weight:750;font-size:11px;line-height:1.3;padding:8px 10px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.login-google-signout-btn:active{border-color:color-mix(in srgb,var(--info) 35%,var(--border-strong));background:color-mix(in srgb,var(--info) 7%,var(--bg-inset));color:var(--text-1)}
.login-google-signout-btn:disabled{opacity:.6;cursor:wait}
.login-account-switch-pin-backdrop{position:fixed;inset:0;z-index:22000;display:flex;align-items:center;justify-content:center;padding:calc(14px + var(--safe-top)) calc(14px + var(--safe-right)) calc(14px + var(--safe-bottom)) calc(14px + var(--safe-left));background:rgba(0,0,0,.74);backdrop-filter:blur(5px)}
.login-account-switch-pin-dialog{width:min(390px,calc(100vw - 28px - var(--safe-left) - var(--safe-right)));max-height:calc(100dvh - 28px - var(--safe-top) - var(--safe-bottom));overflow:auto;box-sizing:border-box;background:var(--bg-surface);border:1px solid color-mix(in srgb,var(--info) 52%,var(--border-strong));border-radius:17px;padding:20px;box-shadow:0 24px 70px rgba(0,0,0,.58)}
.login-account-switch-pin-title{font-size:20px;font-weight:950;color:var(--text-1);margin-bottom:7px}
.login-account-switch-pin-note{font-size:12px;line-height:1.45;color:var(--text-3);font-weight:750;margin-bottom:16px}
.login-account-switch-pin-dialog select,.login-account-switch-pin-dialog input{width:100%;box-sizing:border-box;background:var(--bg-inset);color:var(--text-1);border:1px solid var(--border-strong);border-radius:11px;padding:13px 12px;font-size:16px;font-weight:800;margin-bottom:13px}
.login-account-switch-pin-dialog input{font-size:22px;letter-spacing:.2em;text-align:center}
.login-account-switch-pin-status{min-height:20px;border-radius:10px;padding:8px 10px;margin:-2px 0 13px;background:var(--bg-inset);color:var(--text-3);font-size:12px;font-weight:800;line-height:1.35}
.login-account-switch-pin-status:empty{display:none}
.login-account-switch-pin-status.is-error{border:1px solid color-mix(in srgb,var(--danger) 48%,var(--border-strong));color:var(--danger-text);background:color-mix(in srgb,var(--danger) 12%,var(--bg-inset))}
.login-account-switch-pin-status.is-success{border:1px solid color-mix(in srgb,var(--success) 48%,var(--border-strong));color:var(--success);background:color-mix(in srgb,var(--success) 11%,var(--bg-inset))}
.login-account-switch-pin-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:9px}
.login-account-switch-pin-actions button{min-height:48px;border-radius:11px;border:1px solid var(--border-strong);font-size:14px;font-weight:900;padding:10px;cursor:pointer}
.login-account-switch-pin-cancel{background:var(--bg-inset);color:var(--text-2)}
.login-account-switch-pin-confirm{background:linear-gradient(135deg,var(--info),#6554d9);color:#fff;border-color:color-mix(in srgb,var(--info) 60%,var(--border-strong))!important}
.login-account-switch-pin-actions button:disabled{opacity:.55;cursor:wait}
.login-auth-warning{border:1px solid color-mix(in srgb,var(--accent) 52%,var(--border-strong));border-radius:13px;background:color-mix(in srgb,var(--accent) 14%,var(--bg-inset));color:var(--accent);padding:10px 11px;margin-bottom:10px;font-weight:850;font-size:12px;line-height:1.35;text-align:center}
#login-user-list.is-auth-blocked .login-user-card{opacity:.45;pointer-events:none;filter:saturate(.65)}
.login-user-card{width:100%;display:flex;align-items:center;gap:12px;background:var(--bg-inset);border:1px solid var(--bg-surface-2);border-radius:16px;padding:13px 14px;color:var(--text-1);margin-bottom:10px;text-align:left;transition:transform .12s ease,border-color .12s ease,background .12s ease}
.login-user-card:active{transform:scale(.985);background:var(--bg-surface-2);border-color:color-mix(in srgb, var(--accent) 40%, transparent)}
.login-user-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.login-user-icon .app-icon{width:24px;height:24px;color:#fff!important;stroke:currentColor!important}
.login-user-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.login-user-name{font-size:16px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.login-user-role{font-size:11px;color:var(--text-2);text-transform:uppercase;letter-spacing:.08em}
.login-user-arrow{width:28px;height:28px;border-radius:50%;background:var(--bg-surface-2);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.login-user-arrow .app-icon{width:14px;height:14px}
#login-pin-box{background:var(--bg-inset);border:1px solid var(--bg-surface-2);border-radius:18px;padding:18px 14px}
#login-pin-name{font-size:19px !important}
#login-pin-dots{gap:10px !important;margin:18px 0 22px !important}
.login-pin-dot{width:36px;height:8px;border-radius:99px;background:var(--bg-surface-2);border:1px solid #3b4352;display:block;transition:background .12s ease,box-shadow .12s ease,width .12s ease}
.login-pin-dot.is-filled{width:42px;background:var(--accent);border-color:var(--accent);box-shadow:0 0 18px color-mix(in srgb, var(--accent) 33%, transparent)}
.pin-btn{height:56px;border:none;border-radius:16px;background:var(--bg-surface-2);color:var(--text-1);font-size:22px;font-weight:750;box-shadow:inset 0 0 0 1px var(--border-strong);transition:transform .08s ease,background .12s ease}
.pin-btn:active{transform:scale(.96);background:var(--bg-surface-2)}
.pin-btn:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.65)}
.pin-btn:disabled:active{transform:none}
#b-pin-back,#b-pin-cancel,#b-setpin-back,#b-setpin-clear{background:var(--bg-inset) !important;color:var(--text-2) !important;font-weight:700}
#login-pin-error{background:var(--bg-surface-2);border:1px solid color-mix(in srgb, var(--danger) 33%, transparent);border-radius:12px;padding:10px 12px}

@media (max-height:760px), (max-width:430px){
  #pg-login{padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(12px + var(--safe-left)) !important}
  #pg-login.on{justify-content:flex-start;align-items:center}
  .login-brand{margin-bottom:10px;max-width:330px;padding-top:4px}
  .brand-logo-login{max-width:280px;margin-bottom:2px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}
  .login-product-name{font-size:17px;line-height:1.15}
  .login-version{font-size:11px;margin-top:2px}
  #pg-login > div:first-child{margin-bottom:10px !important}
  #pg-login > div:nth-child(2){max-width:360px !important;padding:12px;border-radius:16px}
  #login-user-list{margin-bottom:0 !important}
  .login-user-card{padding:10px 11px;margin-bottom:7px;border-radius:13px;gap:10px}
  .login-user-icon{width:38px;height:38px;border-radius:11px}
  .login-user-icon .app-icon{width:21px;height:21px}
  .login-user-name{font-size:15px}
  .login-user-role{font-size:10px}
  .login-user-arrow{width:24px;height:24px}
}

@media (max-height:640px){
  .brand-logo-login{max-width:245px}
  .login-product-name{font-size:15px}
  .login-version{display:none}
  #pg-login > div:nth-child(2){padding:10px}
  .login-user-card{padding:8px 10px;margin-bottom:6px}
}


/* Device-local themes. Automatic mode follows the system preference. Colors come from the
   :root / html[data-theme="light"] token block above; this section only
   covers the handful of rules that need more than a straight color swap. */
.app-theme-card{max-width:900px}
.app-theme-choice-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:10px}
.app-theme-choice{min-height:72px;border:1px solid var(--border-strong);border-radius:14px;background:linear-gradient(180deg,var(--bg-surface),var(--bg-page));color:var(--text-1);display:flex;align-items:center;gap:12px;padding:12px;text-align:left;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.app-theme-choice em{display:block;font-style:normal;color:var(--text-2);font-size:12px;font-weight:700;margin-top:3px;line-height:1.25}
.app-theme-choice.is-active{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent),0 14px 28px rgba(0,0,0,.18)}
.app-theme-swatch{width:34px;height:34px;border-radius:12px;border:1px solid var(--border-strong);flex:0 0 auto}
.app-theme-swatch.is-auto{background:linear-gradient(135deg,#10131d 0 49%,#f2f4f8 51% 100%)}
.app-theme-swatch.is-dark{background:linear-gradient(135deg,var(--bg-inset),#262b38)}
.app-theme-swatch.is-light{background:linear-gradient(135deg,#ffffff,#eef1f6)}
.app-theme-swatch.is-industrial{background:linear-gradient(135deg,#101010 45%,#ffc400 46%)}
.app-theme-status{font-size:12px;color:var(--text-2);margin-top:10px}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{color:var(--placeholder)!important}
html[data-theme="light"] input:disabled,
html[data-theme="light"] select:disabled{background:var(--disabled-bg)!important;color:var(--disabled-text)!important}
html[data-theme="light"] input[type="date"]{color-scheme:light}
html[data-theme="light"] input[type="date"]::-webkit-calendar-picker-indicator{filter:none!important;opacity:.85}

html[data-theme="light"] .drawer .ditem:hover,
html[data-theme="light"] .drawer .ditem.is-active,
html[data-theme="light"] .drawer .ditem.active{background:color-mix(in srgb, var(--accent) 16%, var(--bg-surface))!important;color:var(--text-1)!important}
html[data-theme="light"] .drawer .ditem#dm-kassza:hover,
html[data-theme="light"] .drawer .ditem#dm-products:hover,
html[data-theme="light"] .drawer .ditem#dm-docs:hover{background:color-mix(in srgb, var(--drawer-fast) 10%, var(--bg-surface))!important;color:var(--text-1)!important;box-shadow:inset 5px 0 0 var(--drawer-fast),0 8px 18px rgba(16,24,40,.10)!important}
html[data-theme="light"] .drawer .ditem#dm-kassza.is-active,
html[data-theme="light"] .drawer .ditem#dm-products.is-active,
html[data-theme="light"] .drawer .ditem#dm-docs.is-active{background:linear-gradient(90deg,color-mix(in srgb, var(--drawer-fast) 18%, var(--bg-surface)),var(--bg-surface) 72%)!important;color:var(--text-1)!important;box-shadow:inset 6px 0 0 var(--drawer-fast),0 0 0 1px color-mix(in srgb, var(--drawer-fast) 30%, var(--border)),0 10px 24px rgba(16,24,40,.12)!important;border-bottom-color:color-mix(in srgb, var(--drawer-fast) 30%, var(--border))!important}

html[data-theme="light"] .card,
html[data-theme="light"] .settings-card,
html[data-theme="light"] .settings-hero,
html[data-theme="light"] .home-stat,
html[data-theme="light"] .doclist-card,
html[data-theme="light"] .doc-list-card,
html[data-theme="light"] .preentry-card,
html[data-theme="light"] .purchase-plan-summary > div,
html[data-theme="light"] .purchase-plan-list,
html[data-theme="light"] .purchase-plan-draft,
html[data-theme="light"] .po-product-card,
html[data-theme="light"] .po-draft-card,
html[data-theme="light"] .report-metric-card,
html[data-theme="light"] .price-result-card,
html[data-theme="light"] .product-card,
html[data-theme="light"] .contact-card,
html[data-theme="light"] .cash-save-card,
html[data-theme="light"] .doc-row,
html[data-theme="light"] .doc-item-row,
html[data-theme="light"] .kassza-summary-card{box-shadow:0 10px 28px rgba(16,24,40,.08)}
html[data-theme="light"] .settings-card{background:linear-gradient(180deg,var(--bg-surface),#f8fafc)!important}
html[data-theme="light"] .settings-hero{background:linear-gradient(135deg,var(--bg-surface),#eef5ff)!important}
html[data-theme="light"] .drawer-brand{background:linear-gradient(180deg,var(--bg-surface),#f1f4f9)!important}
html[data-theme="light"] .price-identity-line{color:#344054}
html[data-theme="light"] .price-identity-line span{color:#344054;font-weight:650}
html[data-theme="light"] .price-identity-line b,
html[data-theme="light"] .price-mono{color:#101828!important;font-weight:950}
html[data-theme="light"] .price-vat{color:#344054;font-weight:900}
html[data-theme="light"] .price-vat b{color:#101828;font-weight:950}
html[data-theme="light"] .price-expiry-chip span{color:#344054;font-weight:900}
html[data-theme="light"] .price-expiry-days{color:#101828;font-weight:950}
html[data-theme="light"] .price-expiry-ok .price-expiry-days{color:#05603a}
html[data-theme="light"] .price-expiry-warn .price-expiry-days{color:#92400e}
html[data-theme="light"] .price-expiry-bad .price-expiry-days{color:#b42318}
html[data-theme="light"] .price-metric span{color:#344054;font-weight:950}
html[data-theme="light"] .price-metric b{font-weight:950}

html[data-theme="light"] *{scrollbar-color:var(--border-strong) var(--bg-inset)}
html[data-theme="light"] ::-webkit-scrollbar-track{background:var(--bg-inset)}
html[data-theme="light"] ::-webkit-scrollbar-thumb{background:var(--border-strong);border-color:var(--bg-inset)}

.sync-live-status{
  min-width:104px;
  margin-left:auto;
  height:34px;
  border-radius:999px;
  border:1px solid var(--border-strong);
  background:var(--bg-inset);
  color:var(--text-2);
  display:none;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 11px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
  line-height:1.15;
  flex-shrink:0;
  white-space:nowrap;
}

.doc-archive-panel{
  margin:8px 10px 0;
  padding:10px;
  border:1px solid var(--border-strong);
  border-radius:8px;
  background:var(--bg-surface);
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.doc-archive-panel small{
  color:var(--text-3);
  font-weight:700;
  line-height:1.35;
}
.doc-archive-main-button,
.doc-archive-return button{
  border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);
  background:rgba(232,160,32,.12);
  color:var(--accent);
  border-radius:999px;
  padding:8px 12px;
  font-weight:900;
  cursor:pointer;
}
.doc-archive-list{
  flex:1 0 100%;
  display:grid;
  gap:7px;
}
.doc-archive-row,
.doc-archive-doc-row{
  border:1px solid var(--border-strong);
  background:var(--bg-inset);
  color:var(--text-1);
  border-radius:8px;
  padding:9px 11px;
  display:grid;
  grid-template-columns:minmax(86px,auto) 1fr auto;
  gap:10px;
  align-items:center;
  text-align:left;
}
.doc-archive-row{cursor:pointer}
.doc-archive-row b,
.doc-archive-doc-row b{color:var(--accent)}
.doc-archive-row span,
.doc-archive-doc-row span{color:var(--text-2);font-weight:800}
.doc-archive-row small,
.doc-archive-doc-row small{color:var(--text-3);text-align:right}
.doc-archive-empty{
  border:1px dashed var(--border-strong);
  border-radius:8px;
  color:var(--text-3);
  padding:12px;
  text-align:center;
  font-weight:800;
}
.doc-archive-return{margin-bottom:6px}

@media (max-width:720px){
  .doc-archive-panel{align-items:stretch}
  .doc-archive-main-button{width:100%}
  .doc-archive-row,
  .doc-archive-doc-row{grid-template-columns:1fr}
  .doc-archive-row small,
  .doc-archive-doc-row small{text-align:left}
}
.sync-live-status::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--text-2);
  flex:0 0 auto;
}
.sync-live-status.is-visible{display:flex}
.sync-live-status.is-ok{border-color:#2f8b57;background:rgba(47,139,87,.16);color:var(--success-text)}
.sync-live-status.is-pending{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:rgba(232,160,32,.16);color:var(--accent)}
.sync-live-status.is-blocked{border-color:#9a2f36;background:rgba(154,47,54,.16);color:var(--danger-text)}
.sync-live-status.is-offline{border-color:var(--border-strong);background:var(--bg-inset);color:var(--text-3)}
.sync-live-status.is-ok::before{background:var(--success)}
.sync-live-status.is-pending::before{background:var(--warning)}
.sync-live-status.is-blocked::before{background:var(--danger)}
.sync-live-status.is-offline::before{background:var(--text-2)}
.sync-live-status.is-disabled::before{background:var(--border-strong)}
.edit-lock-status{min-width:116px;max-width:min(340px,34vw);height:34px;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-inset);color:var(--text-3);align-items:center;justify-content:center;gap:7px;padding:0 11px;font-family:inherit;font-size:11px;font-weight:900;line-height:1.15;letter-spacing:.035em;flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;appearance:none;cursor:pointer}
.edit-lock-status::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:0 0 auto;box-shadow:0 0 10px currentColor}
.edit-lock-status.is-other-active{border-color:color-mix(in srgb,var(--warning) 68%,transparent)!important;background:rgba(232,160,32,.16);color:var(--warning);box-shadow:0 0 16px color-mix(in srgb,var(--warning) 22%,transparent),inset 0 1px 0 rgba(255,255,255,.08)!important}
.edit-lock-status.is-blocked{border-color:#9a2f36!important;background:rgba(154,47,54,.16);color:var(--danger-text);box-shadow:0 6px 16px rgba(7,19,38,.22),inset 0 1px 0 rgba(255,255,255,.08)!important}
.edit-lock-status.is-waiting{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:rgba(232,160,32,.16);color:var(--accent)}
.edit-lock-detail-popover{position:fixed;z-index:13050;width:min(340px,calc(100vw - 16px));overflow:hidden;border:1px solid color-mix(in srgb,var(--warning) 68%,var(--border-strong));border-radius:14px;background:linear-gradient(150deg,color-mix(in srgb,var(--bg-surface) 96%,transparent),var(--bg-inset));color:var(--text-1);box-shadow:0 22px 58px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.1);animation:editLockDetailIn .16s ease-out}
.edit-lock-detail-popover.is-blocked{border-color:color-mix(in srgb,var(--danger) 66%,var(--border-strong))}
.edit-lock-detail-popover>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border-bottom:1px solid var(--border-strong);background:linear-gradient(110deg,rgba(232,160,32,.16),transparent)}
.edit-lock-detail-popover.is-blocked>header{background:linear-gradient(110deg,rgba(154,47,54,.2),transparent)}
.edit-lock-detail-popover>header div{min-width:0}
.edit-lock-detail-popover>header small,.edit-lock-detail-popover>header b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.edit-lock-detail-popover>header small{color:var(--warning);font-size:9px;font-weight:950;letter-spacing:.08em}
.edit-lock-detail-popover.is-blocked>header small{color:var(--danger-text)}
.edit-lock-detail-popover>header b{margin-top:3px;font-size:15px}
.edit-lock-detail-popover>header button{width:34px;height:34px;flex:0 0 34px;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-inset);color:var(--text-1);font-size:24px;line-height:1;cursor:pointer}
.edit-lock-detail-grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 12px;padding:12px 13px 8px}
.edit-lock-detail-grid span{color:var(--text-3);font-size:10px;font-weight:850}
.edit-lock-detail-grid b{min-width:0;overflow:hidden;color:var(--text-1);font-size:11px;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.edit-lock-detail-popover>p{margin:0;padding:8px 13px 12px;color:var(--text-2);font-size:10px;font-weight:750;line-height:1.4}
@keyframes editLockDetailIn{from{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

@media (max-width:620px){
  .sync-live-status{min-width:88px;height:32px;padding:0 8px;font-size:10px}
  .edit-lock-status{min-width:92px;height:32px;padding:0 8px;font-size:10px}
  .settings-stability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sync-outbox-review-queues{grid-template-columns:repeat(2,minmax(0,1fr))}
  .doc-outbox-review-row{grid-template-columns:1fr}
  .doc-outbox-review-side{text-align:left}
}

@media (max-width:420px){
  .sync-live-status{min-width:34px;width:34px;padding:0;font-size:0}
  .sync-live-status::before{margin:0}
  .edit-lock-status{min-width:34px;width:34px;padding:0;font-size:0}
  .edit-lock-status::before{margin:0}
}

.version-history-shell{
  padding:16px;
  overflow-y:auto;
  height:calc(100vh - 62px);
  padding-bottom:calc(90px + var(--app-safe-bottom,0px));
}
.version-history-header{
  border:1px solid var(--border-strong);
  border-radius:8px;
  background:var(--bg-surface);
  padding:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.version-history-header h2,
.version-history-card h3{
  margin:0;
  color:var(--text-1);
  line-height:1.15;
}
.version-history-header h2{
  font-size:24px;
}
.version-history-header p{
  margin:7px 0 0;
  color:var(--text-3);
  font-weight:800;
  line-height:1.35;
}
.version-history-kicker{
  color:var(--text-3);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.version-history-build,
.version-history-current{
  border:1px solid color-mix(in srgb,var(--accent) 58%,transparent);
  background:rgba(232,160,32,.14);
  color:var(--accent);
  border-radius:999px;
  padding:8px 12px;
  font-weight:900;
  white-space:nowrap;
}
.version-history-list{
  display:grid;
  gap:12px;
}
.version-history-card{
  border:1px solid var(--border-strong);
  border-radius:8px;
  background:var(--bg-surface);
  padding:15px;
}
.version-history-card.is-current{
  border-color:color-mix(in srgb,var(--success) 48%,var(--border-strong));
  box-shadow:inset 3px 0 0 var(--success);
}
.version-history-card-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  margin-bottom:10px;
}
.version-history-card h3{
  font-size:19px;
  margin-top:4px;
}
.version-history-card ul{
  margin:0;
  padding-left:20px;
  display:grid;
  gap:7px;
  color:var(--text-2);
  font-weight:800;
  line-height:1.45;
}
.version-history-empty{
  border:1px dashed var(--border-strong);
  border-radius:8px;
  background:var(--bg-inset);
  color:var(--text-3);
  padding:18px;
  text-align:center;
  font-weight:900;
}

@media (max-width:720px){
  .version-history-shell{padding:12px;padding-bottom:calc(90px + var(--app-safe-bottom,0px))}
  .version-history-header,
  .version-history-card-head{align-items:stretch;flex-direction:column}
  .version-history-build,
  .version-history-current{width:max-content}
  .version-history-header h2{font-size:21px}
}

/* Render-only product title: product name + non-shrinking package badge. */
.product-title-combo,
.docpick-title-combo,
.doc-item-title-combo,
.docprod-title-combo,
.price-pick-title-combo,
.price-title-combo{
  display:flex;
  align-items:center;
  gap:.35em;
  min-width:0;
  max-width:100%;
}
.product-title-combo .product-row-name,
.docpick-title-combo .docpick-name,
.doc-item-title-combo .doc-item-name,
.docprod-title-combo .docprod-name,
.price-pick-title-combo .price-pick-name,
.price-title-combo .price-product-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.product-size-badge{
  flex:0 0 auto;
  display:inline;
  white-space:nowrap;
  border:0;
  background:transparent;
  color:inherit;
  border-radius:0;
  padding:0;
  box-shadow:none;
  font:inherit;
  font-size:inherit;
  font-weight:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  text-transform:none;
}
.product-title-combo .product-size-badge{
  font-size:19px;
  font-weight:950;
  color:var(--text-1);
  letter-spacing:.01em;
}
.docpick-title-combo .product-size-badge{
  font-size:18px;
  font-weight:950;
  color:var(--text-1);
  letter-spacing:.01em;
}
.doc-item-title-combo .product-size-badge{
  font-size:17px;
  font-weight:950;
  color:var(--text-1);
  letter-spacing:.01em;
}
.docprod-title-combo .product-size-badge{
  font-size:17px;
  font-weight:950;
  color:var(--text-1);
  letter-spacing:.01em;
}
.price-pick-title-combo .product-size-badge{
  font-size:16px;
  font-weight:900;
  color:var(--text-1);
}
.price-title-combo .product-size-badge{
  font-size:19px;
  font-weight:950;
  color:var(--text-1);
  letter-spacing:.01em;
  line-height:1.05;
}
.price-title-combo .product-size-badge{
  padding:0;
}
.docprod-title-row .docprod-title-combo{
  min-width:0;
  flex:1 1 auto;
}
.docprod-title-row .docprod-title-combo .product-size-badge{
  flex:0 0 auto;
}
.docprod-title-row .docprod-title-combo span.product-size-badge{
  border-color:transparent;
  background:transparent;
  color:var(--text-1);
}
@media (max-width:760px){
  .product-title-combo .product-size-badge,
  .docpick-title-combo .product-size-badge,
  .doc-item-title-combo .product-size-badge,
  .docprod-title-combo .product-size-badge{
    font-size:15px;
    line-height:1.2;
  }
  .price-title-combo .product-size-badge{
    font-size:17px;
  }
}

/* Reviewed assistant for moving package size out of product names. */
.product-cleanup-backdrop{
  position:fixed;
  inset:0;
  z-index:1300;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(2,6,18,.68);
}
.product-cleanup-modal{
  width:min(980px,100%);
  max-height:min(88vh,760px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--border-strong);
  border-radius:14px;
  background:var(--bg-surface);
  box-shadow:0 22px 70px rgba(0,0,0,.55);
}
.product-cleanup-modal-small{
  width:min(560px,100%);
}
.product-cleanup-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:16px;
  border-bottom:1px solid var(--border-strong);
}
.product-cleanup-head b{
  display:block;
  color:var(--text-1);
  font-size:20px;
  line-height:1.15;
}
.product-cleanup-head span{
  display:block;
  margin-top:5px;
  color:var(--text-2);
  font-size:13px;
  font-weight:800;
  line-height:1.35;
}
.product-cleanup-close{
  width:40px;
  height:40px;
  flex:0 0 auto;
  border:1px solid var(--border-strong);
  border-radius:10px;
  background:var(--bg-inset);
  color:var(--text-1);
  font-size:22px;
  font-weight:950;
}
.product-cleanup-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:12px 16px;
  border-bottom:1px solid var(--border-strong);
  background:var(--bg-inset);
}
.product-cleanup-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  overflow:auto;
  padding:14px 16px;
}
.product-cleanup-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:10px;
  align-items:flex-start;
  padding:10px;
  border:1px solid var(--border-strong);
  border-radius:11px;
  background:var(--bg-inset);
  cursor:pointer;
}
.product-cleanup-row input{
  width:20px;
  height:20px;
  margin-top:3px;
}
.product-cleanup-row-main{
  min-width:0;
  display:grid;
  gap:4px;
}
.product-cleanup-row-title{
  overflow:hidden;
  color:var(--text-1);
  font-size:14px;
  font-weight:950;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.product-cleanup-row-next{
  overflow:hidden;
  color:var(--text-2);
  font-size:13px;
  font-weight:850;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.product-cleanup-row-next span{
  display:inline-flex;
  margin-left:6px;
  color:var(--info);
  font-weight:950;
}
.product-cleanup-row-note{
  color:var(--success-text);
  font-size:11px;
  font-weight:900;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.product-cleanup-row-note.is-warning{
  color:var(--danger-text);
}
.product-cleanup-empty{
  padding:22px;
  border:1px dashed var(--border-strong);
  border-radius:12px;
  color:var(--text-2);
  font-weight:850;
  text-align:center;
}
.product-cleanup-save-preview{
  display:grid;
  gap:10px;
  padding:16px;
}
.product-cleanup-save-preview>div{
  padding:10px 12px;
  border:1px solid var(--border-strong);
  border-radius:10px;
  background:var(--bg-inset);
}
.product-cleanup-save-preview span{
  display:block;
  margin-bottom:4px;
  color:var(--text-3);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
}
.product-cleanup-save-preview b{
  display:block;
  color:var(--text-1);
  font-size:16px;
  line-height:1.25;
}
.product-cleanup-warning{
  margin:0;
  color:var(--danger-text);
  font-weight:850;
  line-height:1.35;
}
.product-cleanup-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  padding:13px 16px;
  border-top:1px solid var(--border-strong);
}
.product-cleanup-actions button,
.product-cleanup-toolbar button{
  min-height:42px;
  padding:0 14px;
  border:1px solid var(--border-strong);
  border-radius:10px;
  background:var(--bg-inset);
  color:var(--text-1);
  font-weight:950;
}
.product-cleanup-actions .product-cleanup-primary{
  border-color:transparent;
  background:linear-gradient(135deg,var(--info),var(--mod-sales));
  color:#fff;
}

@media (max-width:760px){
  .product-cleanup-backdrop{
    align-items:stretch;
    padding:10px;
  }
  .product-cleanup-modal{
    max-height:calc(100vh - 20px);
    border-radius:12px;
  }
  .product-cleanup-head,
  .product-cleanup-actions{
    padding:12px;
  }
  .product-cleanup-toolbar,
  .product-cleanup-list{
    padding:10px 12px;
  }
  .product-cleanup-actions{
    flex-direction:column-reverse;
  }
  .product-cleanup-actions button,
  .product-cleanup-toolbar button{
    width:100%;
  }
}

.app-select-backdrop {
  position: fixed;
  inset: 0;
  z-index: 13500;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(4, 8, 18, .46);
  backdrop-filter: blur(4px);
}

.app-select-backdrop.is-treasury-select{z-index:19600}

.app-select-sheet {
  width: min(620px, calc(100vw - 28px));
  max-height: min(78vh, 720px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid var(--border-strong);
  background: var(--bg-surface);
  color: var(--text-1);
  box-shadow: 0 22px 70px rgba(0, 0, 0, .46), 0 0 0 1px rgba(255, 255, 255, .04);
}

.app-select-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px 12px;
  border-bottom: 1px solid var(--border);
  background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, 0));
}

.app-select-title {
  flex: 1;
  min-width: 0;
  max-height: 2.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: var(--text-1);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.app-select-close {
  width: 46px;
  height: 46px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 1px solid var(--border-strong);
  background: var(--bg-input);
  color: var(--text-1);
  font-size: 32px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
}

.app-select-search {
  width: calc(100% - 28px);
  margin: 12px 14px 8px;
  padding: 13px 14px;
  border-radius: 12px;
  border: 1px solid var(--border-strong);
  background: var(--bg-input);
  color: var(--text-1);
  font-size: 17px;
  font-weight: 800;
}

.app-select-options {
  overflow-y: auto;
  padding: 8px;
}

.app-select-option {
  width: 100%;
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 13px 14px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: var(--text-1);
  text-align: left;
  font-size: 18px;
  font-weight: 850;
  cursor: pointer;
}

.app-select-option[hidden] {
  display: none !important;
}

.app-select-option + .app-select-option {
  margin-top: 4px;
}

.app-select-option:hover,
.app-select-option:focus-visible {
  outline: none;
  background: rgba(47, 113, 237, .14);
}

.app-select-option.is-selected {
  background: linear-gradient(135deg, rgba(47, 113, 237, .2), rgba(190, 20, 92, .16));
  color: var(--text-1);
  box-shadow: inset 0 0 0 1px rgba(47, 113, 237, .36);
}

.app-select-option.is-disabled {
  opacity: .48;
  cursor: not-allowed;
}

.app-select-option-label {
  min-width: 0;
  overflow-wrap: anywhere;
}

.app-select-option-check {
  flex: 0 0 auto;
  color: var(--success);
  font-size: 22px;
  font-weight: 1000;
}

.app-select-empty {
  padding: 22px;
  color: var(--text-3);
  text-align: center;
  font-weight: 800;
}

.app-category-select-sheet {
  width: min(1040px, calc(100vw - 28px));
  max-height: min(88vh, 860px);
}

.app-category-selected {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--border);
  background: color-mix(in srgb, var(--success) 9%, var(--bg-inset));
}

.app-category-selected-copy {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.app-category-selected-copy span {
  color: var(--success);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.app-category-selected-copy b {
  color: var(--text-1);
  font-size: 14px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.app-category-clear {
  min-height: 42px;
  flex: 0 0 auto;
  padding: 8px 12px;
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  background: var(--bg-input);
  color: var(--text-2);
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.app-category-nav {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 50px;
  padding: 7px 14px;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  background: var(--bg-inset);
}

.app-category-back {
  min-height: 38px;
  flex: 0 0 auto;
  padding: 7px 12px;
  border: 1px solid color-mix(in srgb, var(--accent) 55%, var(--border-strong));
  border-radius: 10px;
  background: color-mix(in srgb, var(--accent) 12%, var(--bg-input));
  color: var(--accent);
  font-size: 13px;
  font-weight: 950;
  cursor: pointer;
}

.app-category-crumbs {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 5px;
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none;
}

.app-category-crumbs::-webkit-scrollbar { display: none; }
.app-category-crumbs button {
  min-height: 32px;
  padding: 4px 7px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--text-3);
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
  white-space: nowrap;
}
.app-category-crumbs button.is-current,
.app-category-crumb-current {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 4px 9px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--accent) 14%, var(--bg-input));
  color: var(--accent);
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
}
.app-category-crumb-separator { color: var(--text-3); opacity: .65; }

.app-category-options {
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  grid-auto-flow: row;
  grid-auto-rows: max-content;
  align-content: start;
  align-items: start;
  gap: 12px;
  padding: 12px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.app-category-option {
  min-width: 0;
  height: max-content;
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--border-strong);
  border-radius: 15px;
  background: var(--bg-input);
  box-shadow: 0 9px 22px rgba(0,0,0,.2);
}

.app-category-option.is-selected {
  border-color: color-mix(in srgb, var(--success) 65%, var(--border-strong));
  box-shadow: inset 4px 0 var(--success);
}

.app-category-option-main {
  min-width: 0;
  min-height: 190px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  padding: 0 0 11px;
  border: 0;
  border-radius: 14px 14px 0 0;
  background: transparent;
  color: var(--text-1);
  text-align: left;
  cursor: pointer;
}
.app-category-option-main:hover,
.app-category-option-main:focus-visible { outline: none; background: color-mix(in srgb, var(--accent) 12%, transparent); }
.app-category-option-media {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-bottom: 1px solid color-mix(in srgb, var(--accent) 28%, var(--border-strong));
  background: linear-gradient(135deg, #6f3ec7, #271841);
  color: #fff;
}
.app-category-option-media.tone-1 { background: linear-gradient(135deg, #b82e57, #4a1428); }
.app-category-option-media.tone-2 { background: linear-gradient(135deg, #067c7b, #073f4a); }
.app-category-option-media.tone-3 { background: linear-gradient(135deg, #b86208, #4d2d08); }
.app-category-option-media.tone-4 { background: linear-gradient(135deg, #2479b9, #133653); }
.app-category-option-media.tone-5 { background: linear-gradient(135deg, #639817, #2c470c); }
.app-category-option-media.tone-6 { background: linear-gradient(135deg, #b33d24, #552015); }
.app-category-option-media.tone-7 { background: linear-gradient(135deg, #4a67ca, #252d61); }
.app-category-option-fallback {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 66px;
  height: 66px;
  padding: 0 13px;
  border: 2px solid rgba(255,255,255,.7);
  border-radius: 19px;
  background: rgba(0,0,0,.18);
  color: #fff;
  font-size: 26px;
  font-weight: 950;
  letter-spacing: .04em;
  box-shadow: 0 10px 24px rgba(0,0,0,.22);
}
.app-category-option-image {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.01);
  transition: transform .22s ease, filter .22s ease;
}
.app-category-option-main:hover .app-category-option-image,
.app-category-option-main:focus-visible .app-category-option-image { transform: scale(1.055); filter: brightness(1.07); }
.app-category-option-copy { min-width: 0; flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 12px 5px; text-align: center; }
.app-category-option-copy b { color: var(--accent); font-size: 16px; line-height: 1.2; overflow-wrap: anywhere; }
.app-category-option-copy span { color: var(--text-2); font-size: 12px; line-height: 1.3; font-weight: 850; overflow-wrap: anywhere; }
.app-category-option-cue { flex: 0 0 auto; align-self: center; margin: 4px 12px 0; color: var(--accent); font-size: 12px; font-weight: 950; white-space: nowrap; }
.app-category-choose {
  width: 100%;
  min-height: 46px;
  padding: 9px 12px;
  border: 0;
  border-top: 1px solid color-mix(in srgb, var(--success) 48%, var(--border-strong));
  border-radius: 0;
  background: color-mix(in srgb, var(--success) 13%, var(--bg-surface));
  color: var(--success);
  font-size: 12px;
  font-weight: 950;
  cursor: pointer;
}

.cat-manager-nav {
  position: sticky;
  top: 0;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  padding: 9px 12px;
  border-bottom: 1px solid var(--border-strong);
  background: var(--bg-inset);
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
}
.cat-manager-up {
  min-height: 40px;
  flex: 0 0 auto;
  padding: 8px 13px;
  border: 1px solid color-mix(in srgb, var(--accent) 55%, var(--border-strong));
  border-radius: 10px;
  background: color-mix(in srgb, var(--accent) 12%, var(--bg-surface));
  color: var(--accent);
  font-size: 13px;
  font-weight: 950;
  cursor: pointer;
}
.cat-manager-crumbs { min-width: 0; display: flex; align-items: center; gap: 6px; overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
.cat-manager-crumbs::-webkit-scrollbar { display: none; }
.cat-manager-crumbs button { min-height: 36px; padding: 6px 9px; border: 0; border-radius: 9px; background: transparent; color: var(--text-3); font-size: 12px; font-weight: 850; cursor: pointer; white-space: nowrap; }
.cat-manager-crumbs button:hover { background: var(--bg-surface-2); color: var(--text-1); }
.cat-manager-crumb-current { display: inline-flex; align-items: center; min-height: 34px; padding: 5px 10px; border: 1px solid color-mix(in srgb, var(--accent) 48%, var(--border-strong)); border-radius: 9px; background: color-mix(in srgb, var(--accent) 12%, var(--bg-surface)); color: var(--accent); font-size: 12px; font-weight: 950; }
.cat-manager-crumb-separator { color: var(--text-3); opacity: .7; }
.cat-manager-list { padding: 10px; display: flex; flex-direction: column; gap: 9px; }
.cat-manager-row { display: grid; grid-template-columns: 48px minmax(0,1fr) auto; align-items: stretch; gap: 9px; padding: 8px; border: 1px solid var(--border-strong); border-radius: 13px; background: var(--bg-surface); box-shadow: 0 7px 18px rgba(0,0,0,.12); }
.cat-manager-order { display: flex; flex-direction: column; gap: 5px; }
.cat-manager-order button { width: 48px; min-height: 32px; flex: 1; border: 1px solid var(--border-strong); border-radius: 8px; background: var(--bg-input); color: var(--accent); font-size: 13px; font-weight: 950; cursor: pointer; }
.cat-manager-order button:disabled { color: var(--text-3); opacity: .35; cursor: default; }
.cat-manager-open { min-width: 0; min-height: 70px; display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--border-strong)); border-radius: 11px; background: color-mix(in srgb, var(--accent) 7%, var(--bg-input)); color: var(--text-1); text-align: left; cursor: pointer; }
.cat-manager-open:hover,.cat-manager-open:focus-visible { outline: none; border-color: color-mix(in srgb, var(--accent) 70%, var(--border-strong)); background: color-mix(in srgb, var(--accent) 13%, var(--bg-input)); }
.cat-manager-open-icon { width: 46px; height: 46px; flex: 0 0 46px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; background: color-mix(in srgb, var(--accent) 14%, var(--bg-surface)); color: var(--accent); }
.cat-manager-open-icon .app-icon { width: 25px; height: 25px; }
.cat-manager-open-copy { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 5px; }
.cat-manager-open-copy b { color: var(--text-1); font-size: 16px; line-height: 1.2; overflow-wrap: anywhere; }
.cat-manager-open-copy span { color: var(--text-3); font-size: 11px; line-height: 1.3; }
.cat-manager-open-cue { flex: 0 0 auto; color: var(--accent); font-size: 12px; font-weight: 950; white-space: nowrap; }
.cat-manager-actions { display: grid; grid-template-columns: repeat(3,46px); align-content: center; gap: 6px; }
.cat-manager-actions button { width: 46px; min-height: 46px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--border-strong); border-radius: 10px; background: var(--bg-input); color: var(--text-2); cursor: pointer; }
.cat-manager-actions button .app-icon { width: 20px; height: 20px; }
.cat-manager-actions button.is-danger { color: var(--danger); border-color: color-mix(in srgb, var(--danger) 42%, var(--border-strong)); }
.cat-manager-actions button:disabled { opacity: .4; cursor: not-allowed; }
.cat-manager-period { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 28px; padding: 5px 9px; border: 1px solid color-mix(in srgb, var(--warning) 48%, var(--border-strong)); border-radius: 999px; background: color-mix(in srgb, var(--warning) 11%, var(--bg-surface)); color: var(--warning); font-size: 10px; font-weight: 950; white-space: nowrap; }
.cat-manager-period.is-active { border-color: color-mix(in srgb, var(--success) 58%, var(--border-strong)); background: color-mix(in srgb, var(--success) 13%, var(--bg-surface)); color: var(--success-text); }

.category-settings-dialog { position: fixed; inset: 0; z-index: 10050; display: grid; place-items: center; padding: 20px; }
.category-settings-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(5,15,31,.76); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
.category-settings-panel { position: relative; width: min(560px,100%); max-height: min(760px,calc(100vh - 40px)); display: flex; flex-direction: column; overflow: hidden; border: 1px solid color-mix(in srgb,var(--accent) 62%,var(--border-strong)); border-radius: 22px; background: var(--bg-surface); color: var(--text-1); box-shadow: 0 28px 78px rgba(0,0,0,.48); }
.category-settings-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; background: linear-gradient(135deg,var(--kps-navy-800,#142a4c),var(--kps-navy-900,#0d1c35)); color: #fff; }
.category-settings-head span { display: block; margin-bottom: 3px; color: var(--accent); font-size: 10px; font-weight: 950; letter-spacing: .13em; }
.category-settings-head h2 { margin: 0; color: #fff; font-family: var(--font-display); font-size: 24px; line-height: 1.1; }
.category-settings-close { width: 44px; min-width: 44px; height: 44px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.28); border-radius: 14px; background: rgba(255,255,255,.09); color: #fff; font-size: 29px; line-height: 1; }
.category-settings-body { min-height: 0; display: grid; gap: 16px; padding: 20px; overflow-y: auto; }
.category-settings-field { display: grid; gap: 7px; }
.category-settings-field>span,.category-period-label { color: var(--text-2); font-size: 10px; font-weight: 950; letter-spacing: .055em; text-transform: uppercase; }
.category-settings-field input,.category-period-fields input { width: 100%; min-width: 0; min-height: 48px; box-sizing: border-box; border: 1px solid var(--border-strong); border-radius: 11px; background: var(--bg-inset); color: var(--text-1); padding: 10px 12px; font-size: 15px; font-weight: 850; }
.category-settings-field input { text-transform: uppercase; }
.category-settings-field input:focus,.category-period-fields input:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent); }
.category-period-panel { display: grid; gap: 13px; padding: 15px; border: 1px solid color-mix(in srgb,var(--warning) 46%,var(--border-strong)); border-radius: 15px; background: color-mix(in srgb,var(--warning) 7%,var(--bg-inset)); }
.category-period-toggle { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; }
.category-period-toggle input { width: 23px; height: 23px; flex: 0 0 23px; margin: 1px 0 0; accent-color: var(--accent); }
.category-period-toggle>span { min-width: 0; display: grid; gap: 3px; }
.category-period-toggle b { color: var(--text-1); font-size: 15px; font-weight: 950; }
.category-period-toggle small { color: var(--text-3); font-size: 11px; font-weight: 700; line-height: 1.4; }
.category-period-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; transition: opacity .16s ease; }
.category-period-field { min-width: 0; display: grid; gap: 6px; }
.category-period-input-wrap { position: relative; display: block; min-width: 0; }
.category-period-input-wrap input { padding-right: 48px; }
.category-period-clear { position: absolute; top: 50%; right: 6px; width: 36px; height: 36px; display: grid; place-items: center; padding: 0; transform: translateY(-50%); border: 1px solid var(--border-strong); border-radius: 9px; background: var(--bg-surface); color: var(--text-3); font-size: 22px; font-weight: 700; line-height: 1; cursor: pointer; }
.category-period-clear:hover,.category-period-clear:focus-visible { outline: none; border-color: var(--accent); color: var(--accent); box-shadow: 0 0 0 2px color-mix(in srgb,var(--accent) 17%,transparent); }
.category-period-input-wrap input:disabled+.category-period-clear { opacity: .35; pointer-events: none; }
.category-period-fields.is-disabled { opacity: .42; }
.category-period-panel>p { margin: 0; color: var(--text-3); font-size: 11px; font-weight: 700; line-height: 1.5; }
.category-period-panel>p b { color: var(--text-2); }
.category-settings-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 16px 20px 20px; border-top: 1px solid var(--border-strong); background: var(--bg-surface); }
.category-settings-actions button { min-height: 48px; border-radius: 12px; font-size: 14px; font-weight: 950; }
.category-settings-cancel { border: 1px solid var(--border-strong); background: var(--bg-inset); color: var(--text-2); }
.category-settings-save { border: 1px solid color-mix(in srgb,var(--accent) 68%,var(--border-strong)); background: linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 72%,#7b5700)); color: var(--accent-text); box-shadow: 0 8px 20px color-mix(in srgb,var(--accent) 22%,transparent); }

@media (max-width: 760px) {
  .app-select-backdrop {
    align-items: flex-end;
    padding: 0;
  }

  .app-select-sheet {
    width: 100vw;
    max-height: 84vh;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 20px 20px 0 0;
  }

  .app-select-option {
    min-height: 64px;
    font-size: 20px;
  }

  .app-category-select-sheet { max-height: 92vh; }
  .app-category-selected { align-items: stretch; }
  .app-category-clear { max-width: 126px; }
  .app-category-nav { padding: 7px 10px; }
  .app-category-options { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; padding: 9px; }
  .app-category-option-main { min-height: 176px; padding-bottom: 9px; }
  .app-category-option-media { height: auto; aspect-ratio: 4 / 3; flex-basis: auto; }
  .app-category-option-copy b { font-size: 17px; }
  .app-category-option-cue { font-size: 11px; }
  .cat-manager-nav { padding: 8px 10px; }
  .cat-manager-row { grid-template-columns: 44px minmax(0,1fr); }
  .cat-manager-order button { width: 44px; }
  .cat-manager-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; }
  .cat-manager-actions button { width: 52px; min-height: 46px; }
  .cat-manager-period { grid-column: 2; justify-self: start; }
}

@media (max-width: 480px) {
  .app-category-selected { flex-direction: column; }
  .app-category-clear { width: 100%; max-width: none; }
  .app-category-choose { min-height: 48px; width: 100%; }
  .app-category-option-cue { display: none; }
  .app-category-option-main { min-height: 158px; }
  .app-category-option-media { height: auto; aspect-ratio: 1 / 1; flex-basis: auto; }
  .app-category-option-copy { padding: 9px 9px 2px; }
  .app-category-option-copy b { font-size: 14px; }
  .cat-manager-open { gap: 8px; padding: 8px; }
  .cat-manager-open-icon { width: 40px; height: 40px; flex-basis: 40px; }
  .cat-manager-open-cue { display: none; }
  .cat-manager-period { display: none; }
  .category-settings-dialog { align-items: end; padding: 0; }
  .category-settings-panel { width: 100%; max-height: 92vh; border-right: 0; border-bottom: 0; border-left: 0; border-radius: 21px 21px 0 0; }
  .category-settings-head { padding: 15px 16px; }
  .category-settings-body { padding: 16px; }
  .category-settings-actions { padding: 13px 16px 16px; }
  .category-period-fields { grid-template-columns: 1fr; }
}

/* ==== BAL IKONSÁV (RAIL) – fekvő tablet / széles kijelző ==================== */
.app-rail{display:none;position:fixed;left:0;top:0;bottom:0;width:116px;z-index:var(--z-navigation);background:var(--bg-inset);border-right:3px solid var(--rail-decor);box-shadow:inset -4px 0 var(--rail-decor-strong),7px 0 24px color-mix(in srgb,var(--rail-decor) 24%,transparent);flex-direction:column;align-items:center;gap:10px;padding:calc(10px + var(--safe-top)) 8px 12px;overflow-y:auto}
body.rail-on .app-rail{display:flex}
.rail-session-card{flex:0 0 auto;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--text-2)}
.rail-session-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;line-height:1.12}
.rail-session-copy small{font-size:8px;font-weight:850;letter-spacing:.055em;text-transform:uppercase;opacity:.72}
.rail-session-copy .session-user-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:900;white-space:nowrap}
body:not(.rail-bottom) .rail-session-card{width:100%;min-height:72px;flex-direction:column;padding:7px 4px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--accent) 7%,transparent)}
body:not(.rail-bottom) .rail-session-card .rail-session-copy{align-items:center;text-align:center}
body.rail-bottom .rail-session-card{position:sticky;left:0;z-index:10;min-width:104px;height:58px;flex-direction:column;gap:3px;padding:0 9px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:12px;background:var(--bg-inset);box-shadow:8px 0 16px rgba(7,19,38,.48)}
body.rail-bottom .rail-session-card .rail-session-copy{width:100%;align-items:center;text-align:center}
body.rail-bottom .rail-session-card .session-user-name{font-size:10.5px;line-height:1.05}
body.rail-on .page{left:116px}
body.rail-on .overlay{left:116px}
.rail-brand{width:50px;height:50px;flex:0 0 auto;border-radius:14px;background:linear-gradient(135deg,var(--mod-sales),var(--mod-admin));color:var(--on-color);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;margin-bottom:8px;letter-spacing:.02em}
html[data-theme="industrial"] .rail-brand{background:var(--accent);color:var(--accent-text)}
.rail-item{width:100%;min-height:88px;border:none;background:none;color:var(--text-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:7px 4px;border-radius:16px;cursor:pointer;font-size:12px;font-weight:800;line-height:1.15;text-align:center}
.rail-item .app-icon{width:30px;height:30px;box-sizing:content-box;padding:9px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border-strong));border-radius:15px;background:color-mix(in srgb,var(--accent) 5%,transparent);stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rail-item-label{display:block;max-width:100%;font-size:12px;font-weight:800;line-height:1.12;overflow-wrap:anywhere}
.rail-item:hover{background:var(--bg-surface-2);color:var(--text-2)}
.rail-item.is-active{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent)}
.rail-item-logout{margin-top:auto;color:var(--danger)}
.rail-item-logout:hover{background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger)}
html[data-theme="industrial"] .rail-item{min-height:64px;font-size:12px}
html[data-theme="industrial"] .rail-item .app-icon{width:26px;height:26px}
.rail-quick-menu-trigger{position:sticky;top:0;z-index:5;width:100%;min-height:78px!important;padding:7px 3px!important;border:2px solid var(--rail-decor)!important;border-radius:var(--radius-lg)!important;background:linear-gradient(145deg,var(--rail-decor),var(--rail-decor-strong))!important;color:var(--rail-decor-text)!important;box-shadow:0 0 0 2px var(--bg-inset),0 0 22px color-mix(in srgb,var(--rail-decor) 42%,transparent),0 12px 26px color-mix(in srgb,var(--rail-decor-strong) 34%,transparent)!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;isolation:isolate;animation:quick-menu-beacon 1.35s ease-in-out 3}
.rail-quick-menu-trigger::after{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.42);border-radius:9px;pointer-events:none}
.rail-quick-menu-trigger:hover,.rail-quick-menu-trigger:focus-visible{filter:brightness(1.13);outline:3px solid #fff;outline-offset:2px}
.rail-quick-menu-trigger.is-discovered{animation:none}
.rail-quick-menu-glyph{color:var(--rail-decor-text);font-size:25px;font-weight:var(--font-weight-heavy);line-height:1;text-shadow:var(--control-text-shadow)}
.rail-quick-menu-title{color:var(--rail-decor-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-heavy);letter-spacing:.055em;line-height:1.05;text-shadow:var(--control-text-shadow)}
.rail-quick-menu-hint{color:var(--rail-decor-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-strong);letter-spacing:.05em;line-height:1}
@keyframes quick-menu-beacon{0%,100%{transform:scale(1);box-shadow:0 0 0 2px var(--bg-inset),0 0 14px color-mix(in srgb,var(--rail-decor) 32%,transparent),0 10px 22px color-mix(in srgb,var(--rail-decor-strong) 28%,transparent)}50%{transform:scale(1.045);box-shadow:0 0 0 2px var(--bg-inset),0 0 30px color-mix(in srgb,var(--rail-decor) 62%,transparent),0 14px 30px color-mix(in srgb,var(--rail-decor-strong) 44%,transparent)}}
@media (prefers-reduced-motion:reduce){.rail-quick-menu-trigger{animation:none}}
body:not(.rail-bottom) .rail-quick-menu-trigger{width:60px;min-height:60px!important;margin:0 auto 8px;padding:0!important;border-radius:18px!important;background:var(--bg-surface-2)!important;color:var(--accent)!important;box-shadow:none!important;animation:none}
body:not(.rail-bottom) .rail-quick-menu-trigger::after{display:none}
body:not(.rail-bottom) .rail-quick-menu-glyph{font-size:34px;line-height:1}
body:not(.rail-bottom) .rail-quick-menu-title,
body:not(.rail-bottom) .rail-quick-menu-hint{display:none}

/* ==== FŐOLDAL: MAI FIGYELMEZTETÉSEK PANEL ================================== */
.home-alerts{display:none}
@media (min-width:1000px){
  #home-layout{gap:0}
  .home-alerts{display:block;width:clamp(340px,31vw,420px);flex:0 0 clamp(340px,31vw,420px);overflow-y:auto;overscroll-behavior:contain;padding:8px 10px 18px;border-left:1px solid var(--border);background:color-mix(in srgb,var(--bg-inset) 72%,transparent)}
}
.home-alerts-board-head{position:sticky;top:-8px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 -2px 10px;padding:13px 10px 11px;background:color-mix(in srgb,var(--bg-inset) 93%,transparent);border-bottom:1px solid var(--border);backdrop-filter:blur(14px)}
.home-alerts-board-head>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.home-alerts-board-head b{font-size:15px;font-weight:950;color:var(--text-1)}
.home-alerts-board-head small{font-size:11px;font-weight:750;color:var(--text-3)}
.home-alerts-board-head>span{flex:0 0 auto;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:999px;padding:5px 8px;background:color-mix(in srgb,var(--accent) 8%,transparent)}
.home-previous-coins{margin:0 0 12px;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--border));border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--bg-surface)),var(--bg-surface));box-shadow:0 9px 22px rgba(0,0,0,.12)}
.home-previous-coins-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.home-previous-coins-head>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}
.home-previous-coins-head .app-icon{width:20px;height:20px}
.home-previous-coins-head>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.home-previous-coins-head-copy{flex:1 1 auto}
.home-previous-coins-head b{color:var(--text-1);font-size:14px;font-weight:950}
.home-previous-coins-head small{color:var(--text-3);font-size:10px;font-weight:750}
.home-previous-coins-print{min-width:0;min-height:42px;margin-left:auto;padding:7px 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;white-space:nowrap}
.home-previous-coins-print>span{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px}
.home-previous-coins-print .app-icon{width:18px;height:18px}
.home-previous-coins-print>b{font-size:10px;color:inherit}
.home-previous-coins-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.home-previous-coins-till{min-width:0;padding:9px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:11px;background:color-mix(in srgb,var(--bg-inset) 70%,transparent)}
.home-previous-coins-till-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-bottom:7px}
.home-previous-coins-till-head b{min-width:0;color:var(--text-1);font-size:11px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-previous-coins-till-head strong{flex:0 0 auto;color:var(--accent);font-size:10px;font-weight:950;white-space:nowrap}
.home-previous-coins-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.home-previous-coins-list span{min-width:0;padding:4px 5px;border-radius:7px;background:color-mix(in srgb,var(--accent) 8%,var(--bg-surface));color:var(--text-2);font-size:9px;font-weight:750;line-height:1.2;white-space:nowrap}
.home-previous-coins-list b{color:var(--text-1);font-weight:900}
.home-previous-coins-till.is-empty{display:flex;min-height:104px;flex-direction:column}
.home-previous-coins-till.is-empty .home-previous-coins-till-head{margin-bottom:7px}
.home-previous-coins-no-data{display:flex;min-height:58px;flex:1;align-items:center;justify-content:center;padding:8px;border:1px dashed color-mix(in srgb,var(--text-3) 38%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--bg-surface) 58%,transparent);color:var(--text-3);font-size:10px;font-weight:800;line-height:1.35;text-align:center}
.home-previous-coins.is-empty .home-previous-coins-head{margin-bottom:0}
.home-daily-briefing{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:11px;margin:0 0 12px;padding:14px;border:1px solid color-mix(in srgb,var(--success) 38%,var(--border));border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--success) 12%,var(--bg-surface)),var(--bg-surface));box-shadow:0 9px 22px rgba(0,0,0,.12)}
.home-daily-briefing.has-attention{border-color:color-mix(in srgb,var(--warning) 55%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--warning) 13%,var(--bg-surface)),var(--bg-surface))}
.home-daily-briefing-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent)}
.home-daily-briefing.has-attention .home-daily-briefing-icon{color:var(--warning);background:color-mix(in srgb,var(--warning) 15%,transparent)}
.home-daily-briefing-icon svg{width:23px;height:23px}
.home-daily-briefing-copy{min-width:0}
.home-daily-briefing-copy>b{display:block;margin:1px 0 4px;color:var(--text-1);font-size:15px;font-weight:950}
.home-daily-briefing-copy p{margin:0;color:var(--text-2);font-size:12px;font-weight:720;line-height:1.45}
.home-daily-briefing-audit{display:block;margin-top:7px;color:var(--text-3);font-size:10px;font-weight:750}
.home-daily-briefing-audit b{color:var(--info);font-weight:950}
.home-alerts-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;padding:0;margin-bottom:10px;box-shadow:0 8px 18px rgba(0,0,0,.10);overflow:hidden}
.home-alerts-card.is-audit{border-color:color-mix(in srgb,var(--info) 34%,var(--border))}
.home-alerts-card.is-review{border-color:color-mix(in srgb,var(--mod-management) 38%,var(--border))}
.home-alerts-card.is-review.has-alerts{border-color:color-mix(in srgb,var(--warning) 68%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--warning) 15%,transparent),0 9px 21px rgba(0,0,0,.15)}
.home-alerts-card.is-expiry{border-color:color-mix(in srgb,var(--warning) 34%,var(--border))}
.home-alerts-card.is-stock{border-color:color-mix(in srgb,var(--danger) 28%,var(--border))}
.home-alerts-toggle{width:100%;min-height:64px;border:0;background:transparent;color:var(--text-1);display:flex;align-items:center;gap:10px;padding:10px 11px;text-align:left}
.home-alerts-toggle:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}
.home-alerts-toggle:focus-visible,.home-alert-row:focus-visible,.home-audit-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.home-alerts-toggle-icon{width:36px;height:36px;flex:0 0 36px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.home-alerts-card.is-audit .home-alerts-toggle-icon{color:var(--info);background:color-mix(in srgb,var(--info) 13%,transparent)}
.home-alerts-card.is-review .home-alerts-toggle-icon{color:var(--mod-management);background:color-mix(in srgb,var(--mod-management) 13%,transparent)}
.home-alerts-card.is-review.has-alerts .home-alerts-toggle-icon{color:var(--warning);background:color-mix(in srgb,var(--warning) 14%,transparent)}
.home-alerts-card.is-review.has-alerts .home-alerts-count{border-color:color-mix(in srgb,var(--warning) 58%,var(--border-strong));background:color-mix(in srgb,var(--warning) 15%,var(--bg-inset));color:var(--warning)}
.home-alerts-card.is-stock .home-alerts-toggle-icon{color:var(--danger-text);background:color-mix(in srgb,var(--danger) 12%,transparent)}
.home-alerts-toggle-icon .app-icon{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2}
.home-alerts-toggle-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.home-alerts-toggle-copy b{font-size:13px;font-weight:950;line-height:1.15;color:var(--text-1);white-space:normal}
.home-alerts-toggle-copy small{font-size:10px;font-weight:650;color:var(--text-3)}
.home-alerts-count{min-width:31px;height:31px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-inset);border:1px solid var(--border-strong);color:var(--accent);font-size:12px;font-weight:950}
.home-alerts-chevron{font-size:25px;font-weight:600;line-height:1;color:var(--text-3);transform:rotate(0deg);transition:transform .16s ease}
.home-alerts-collapsible.is-open .home-alerts-chevron{transform:rotate(90deg)}
.home-alerts-body{display:none;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg-inset) 46%,transparent)}
.home-alerts-collapsible.is-open .home-alerts-body{display:block}
.home-alert-row{width:100%;display:flex;align-items:center;gap:10px;padding:10px 11px;border:0;border-top:1px solid var(--border);background:transparent;color:var(--text-1);font-size:13px;min-height:50px;text-align:left}
.home-alert-row:first-child{border-top:none}
.home-alert-row:hover,.home-audit-row:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}
.home-alert-row-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}
.home-alert-name{font-weight:800;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-alert-meta{font-size:11px;color:var(--text-3);font-weight:600}
.home-alert-pill{margin-left:auto;font-size:12px;font-weight:900;padding:5px 12px;border-radius:999px;white-space:nowrap;flex-shrink:0}
.home-alert-pill.is-warn{background:color-mix(in srgb,var(--warning) 18%,transparent);color:var(--warning)}
.home-alert-pill.is-danger{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger-text)}
.home-alert-empty{font-size:12px;color:var(--text-3);font-weight:650;padding:14px 12px}
.home-alert-source{font-size:10px;font-weight:800;color:var(--info);padding:8px 11px;background:color-mix(in srgb,var(--info) 9%,transparent);border-bottom:1px solid color-mix(in srgb,var(--info) 24%,var(--border))}
.home-audit-row{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:11px;border:0;border-top:1px solid var(--border);background:transparent;color:var(--text-1);text-align:left;content-visibility:auto;contain-intrinsic-size:92px}
.home-audit-row:first-child,.home-alert-source+.home-audit-row{border-top:none}
.home-audit-row-head{display:flex;align-items:baseline;gap:8px;min-width:0}
.home-audit-row-head time{flex:0 0 auto;font-variant-numeric:tabular-nums;font-size:11px;font-weight:950;color:var(--accent)}
.home-audit-row-head b{min-width:0;font-size:12px;font-weight:950;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-audit-who{font-size:10px;font-weight:800;color:var(--info);white-space:normal;overflow-wrap:anywhere}
.home-audit-detail{font-size:10.5px;font-weight:600;line-height:1.35;color:var(--text-2);white-space:normal;overflow-wrap:anywhere}
@media (prefers-reduced-motion:reduce){.home-alerts-chevron{transition:none}}

/* ==== MENNYISÉG KÉPERNYŐ: ÖSSZECSUKHATÓ SZAKASZOK ========================== */
.docqty-collapse-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.docqty-collapse-hint{font-size:11px;color:var(--text-3);margin-top:4px;font-weight:600}
.docqty-collapse-toggle{min-height:44px;padding:8px 16px;font-weight:800}
.docqty-collapse .docqty-collapse-body{display:none;margin-top:12px}
.docqty-collapse.is-open .docqty-collapse-body{display:block}

/* Kassza: a törlés gomb távol a mentéstől, jól látható elválasztással */
.kassza-reset-separated{margin-right:22px;position:relative}
.kassza-reset-separated::after{content:"";position:absolute;right:-12px;top:6px;bottom:6px;width:1px;background:var(--border-strong)}

/* ==== BEÁLLÍTÁSOK: SZINTEK ÉS ÖSSZECSUKHATÓ HALADÓ CSOPORTOK =============== */
.settings-tier{font-size:13px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin:26px 4px 2px;padding-bottom:8px;border-bottom:2px solid color-mix(in srgb,var(--accent) 40%,transparent)}
.settings-tier small{display:block;font-size:11px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--text-3);margin-top:3px}
.settings-group-advanced > .settings-group-head{cursor:pointer;position:relative;padding-right:44px;border:1px dashed var(--border-strong);border-radius:12px;padding:12px 44px 12px 14px;background:var(--bg-surface)}
.settings-group-advanced > .settings-group-head::after{content:"▸";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--text-3);transition:transform .15s ease}
.settings-group-advanced.is-open > .settings-group-head::after{transform:translateY(-50%) rotate(90deg)}
.settings-group-advanced > *:not(.settings-group-head){display:none}
.settings-group-advanced.is-open > *:not(.settings-group-head){display:block}
.settings-group-advanced.is-open > .settings-card-grid{display:grid}

/* Kassza napi bevétel sáv: témánként helyes kontraszt */
.kassza-daily-total-label{color:color-mix(in srgb,var(--on-color) 82%,transparent)}
.kassza-daily-total-value{color:var(--on-color)}
html[data-theme="industrial"] .kassza-daily-total-label{color:rgba(20,20,20,.75)}
html[data-theme="industrial"] .kassza-daily-total-value{color:#141414}

/* Rail keskeny FEKVŐ nézetben: karcsúbb bal sáv (álló nézetben alsó sáv van) */
@media (max-width:900px){
  body:not(.rail-bottom) .app-rail{width:72px;padding-left:4px;padding-right:4px}
  body.rail-on:not(.rail-bottom) .page{left:72px}
  body.rail-on:not(.rail-bottom) .overlay{left:72px}
  body:not(.rail-bottom) .rail-brand{width:44px;height:44px;font-size:15px;border-radius:12px}
  body:not(.rail-bottom) .rail-item{min-height:54px;font-size:var(--font-size-xs);padding:7px 1px}
  body:not(.rail-bottom) .rail-item .app-icon{width:21px;height:21px}
  html[data-theme="industrial"] body:not(.rail-bottom) .rail-item{min-height:58px;font-size:var(--font-size-xs)}
  body:not(.rail-bottom) .rail-quick-menu-trigger{min-height:72px!important}
}

/* ==== ÁLLÓ / KOMPAKT KÉTABLAKOS NÉZET: ALSÓ, GÖRGETHETŐ MENÜSÁV ============
   A munkamenet adatai a felső fejlécben vannak, ezért itt csak a navigáció
   és az alsó biztonsági térköz magasságával kell számolni. */
body{--rail-edge-pad:var(--safe-bottom);--rail-bottom-h:78px}
html[data-theme="industrial"] body{--rail-bottom-h:86px}
body.rail-bottom .app-rail{
  left:0;right:0;top:auto;bottom:0;width:auto;
  height:calc(var(--rail-bottom-h) + var(--rail-edge-pad));
  flex-direction:row;flex-wrap:nowrap;align-items:stretch;white-space:nowrap;
  overflow-x:auto;overflow-y:hidden;
  border-right:none;border-top:3px solid var(--rail-decor);
  box-shadow:inset 0 4px var(--rail-decor-strong),0 -8px 26px color-mix(in srgb,var(--rail-decor) 24%,transparent);
  padding:7px 10px calc(7px + var(--rail-edge-pad));
  gap:6px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
body.rail-bottom .app-rail::-webkit-scrollbar{display:none}
body.rail-on.rail-bottom .page{left:0;bottom:calc(var(--rail-bottom-h) + var(--rail-edge-pad))!important}
body.rail-on.rail-bottom .overlay{left:0;bottom:calc(var(--rail-bottom-h) + var(--rail-edge-pad))}
body.rail-on.rail-bottom .fab{bottom:calc(var(--rail-bottom-h) + var(--rail-edge-pad) + 18px)}
body.rail-bottom .rail-brand{display:none}
body.rail-bottom .rail-item{width:auto;min-width:76px;flex:0 0 auto;min-height:0;padding:6px 8px;font-size:10.5px;gap:3px}
body.rail-bottom .rail-item[data-rail-pg="purchase-plan"]{min-width:128px}
body.rail-bottom .rail-item .app-icon{width:22px;height:22px}
body.rail-bottom .rail-item-logout{margin-top:0;margin-left:auto}
html[data-theme="industrial"] body.rail-bottom .rail-item{min-width:86px;font-size:12px}
html[data-theme="industrial"] body.rail-bottom .rail-item .app-icon{width:26px;height:26px}
body.rail-bottom .rail-quick-menu-trigger{position:sticky;left:0;top:auto;z-index:6;width:118px;min-width:118px;min-height:100%!important;padding:5px 8px!important;align-self:stretch}
body.rail-bottom .rail-quick-menu-glyph{font-size:23px}
body.rail-bottom .rail-quick-menu-title{font-size:10.5px}
body.rail-bottom .rail-quick-menu-hint{font-size:8px}

/* A menüsáv mindkét nézetben görgethető: fekvőben függőlegesen, állóban vízszintesen.
   Az elemek nem nyomódnak össze, hanem túllógnak és görgethetők; a görgetősáv rejtett. */
.app-rail{scrollbar-width:none;-webkit-overflow-scrolling:touch}
.app-rail::-webkit-scrollbar{display:none}
.app-rail .rail-brand,
.app-rail .rail-item{flex-shrink:0}

/* Mennyiség-képernyő: a rail-t itt is tiszteletben tartjuk (a 3110-es sor
   session-baros teljes magasság szabálya ne tolja a lapot a menüsáv alá) */
body.session-header-on.rail-on:not(.rail-bottom) #pg-doc-qty.page.on{left:116px!important;bottom:0!important}
@media (max-width:900px){
  body.session-header-on.rail-on:not(.rail-bottom) #pg-doc-qty.page.on{left:72px!important}
}
body.session-header-on.rail-on.rail-bottom #pg-doc-qty.page.on{left:0!important;bottom:calc(var(--rail-bottom-h) + var(--rail-edge-pad))!important}

/* ==== FIÓKMENÜ (DRAWER) ÚJ STÍLUS – igazítás a rail/csempe dizájnhoz ======= */
.drawer{background:var(--bg-inset)!important;border-right:1px solid var(--border)!important}
.drawer-brand{background:var(--bg-inset)!important;border-bottom:1px solid var(--border)!important;box-shadow:none!important;padding:16px 16px 12px!important}
.drawer-quick-menu-title{display:inline-flex;align-items:center;gap:8px;min-height:34px;margin:0 0 10px;padding:6px 12px;border:2px solid var(--rail-decor);border-radius:var(--radius-md);background:linear-gradient(145deg,var(--rail-decor),var(--rail-decor-strong));color:var(--rail-decor-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-heavy);letter-spacing:.08em;box-shadow:0 0 0 2px var(--bg-inset),0 0 16px color-mix(in srgb,var(--rail-decor) 34%,transparent);text-shadow:var(--control-text-shadow)}
.drawer-quick-menu-title span{color:var(--rail-decor-text);font-size:20px;line-height:1}
.drawer-menu-scroll{padding:6px 10px 12px}
.drawer .ditem{border-bottom:none!important;border-radius:12px;margin:8px 0;padding:12px 12px;min-height:48px;font-weight:750;color:var(--text-2);font-size:14.5px}
.drawer .ditem:hover{background:var(--bg-surface-2)!important;color:var(--text-1)!important;box-shadow:none!important;filter:none!important}
.drawer .ditem:active{background:var(--bg-surface-2)!important}
.drawer .ditem .app-icon{width:20px;height:20px;flex:0 0 20px;color:currentColor!important;filter:none!important}
.drawer .ditem.is-active,.drawer .ditem.active{background:color-mix(in srgb,var(--accent) 15%,transparent)!important;color:var(--accent)!important;font-weight:900;box-shadow:none!important;border:none!important}
.drawer .ditem.is-active .app-icon,.drawer .ditem.active .app-icon{color:var(--accent)!important;filter:none!important}
/* A korábbi kiemelt (kassza/termékek/dokumentumok) egyedi hátterek egységesítése */
.drawer .ditem#dm-kassza,.drawer .ditem#dm-products,.drawer .ditem#dm-docs{background:none!important;box-shadow:none!important;font-weight:750}
.drawer .ditem#dm-kassza:hover,.drawer .ditem#dm-products:hover,.drawer .ditem#dm-docs:hover{background:var(--bg-surface-2)!important;box-shadow:none!important;filter:none!important;color:var(--text-1)!important}
.drawer .ditem#dm-kassza.is-active,.drawer .ditem#dm-products.is-active,.drawer .ditem#dm-docs.is-active{background:color-mix(in srgb,var(--accent) 15%,transparent)!important;box-shadow:none!important;color:var(--accent)!important}
.drawer .ditem#dm-kassza.is-active .app-icon,.drawer .ditem#dm-products.is-active .app-icon,.drawer .ditem#dm-docs.is-active .app-icon{color:var(--accent)!important;filter:none!important}
.drawer .ditem#dm-kassza .app-icon,.drawer .ditem#dm-products .app-icon,.drawer .ditem#dm-docs .app-icon{color:currentColor!important;filter:none!important}
/* Szekciócímek: modulszínes jelölősáv, csempe-szekciókkal azonos felirat */
.drawer-section-title{background:none!important;border:none!important;padding:16px 12px 6px;color:var(--text-3)!important;font-size:10.5px;font-weight:900;letter-spacing:.1em;display:flex;align-items:center;gap:8px}
.drawer-section-title::before{content:"";width:4px;height:13px;border-radius:2px;background:var(--accent);flex:0 0 4px}
.drawer-section-title[data-drawer-group="sales"]::before{background:var(--mod-sales)}
.drawer-section-title[data-drawer-group="warehouse"]::before{background:var(--mod-warehouse)}
.drawer-section-title[data-drawer-group="manager"]::before{background:var(--mod-management)}
.drawer-section-title[data-drawer-group="admin"]::before{background:var(--mod-admin)}
/* Almenük */
.drawer-sub{background:none!important;border:none!important;padding-left:10px}
.drawer-subitem{background:none!important;padding-left:30px!important;font-size:13.5px}
.drawer-caret{color:var(--text-3)}
.drawer-group-toggle{color:var(--text-2)}
#drawer-user{background:var(--bg-inset)!important;border-top:1px solid var(--border)!important}
.drawer .ditem#dm-logout{color:var(--danger)!important}
.drawer .ditem#dm-logout:hover{background:color-mix(in srgb,var(--danger) 13%,transparent)!important;color:var(--danger)!important}
html[data-theme="industrial"] .drawer .ditem{min-height:54px;font-size:16px}

/* ==== BEÁLLÍTÁSOK: ÖSSZECSUKHATÓ KÁRTYÁK (Cégadatok, Könyvelői csomag) ===== */
.settings-card-collapsible:not(.is-open) > *:not(.settings-card-title){display:none!important}
.settings-card-collapsible > .settings-card-title{cursor:pointer;user-select:none;-webkit-user-select:none;position:relative;padding-right:34px;min-height:44px;display:flex;align-items:center}
.settings-card-collapsible > .settings-card-title::after{content:"▸";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--text-3);transition:transform .15s ease}
.settings-card-collapsible.is-open > .settings-card-title::after{transform:translateY(-50%) rotate(90deg)}
.settings-card-collapse-hint{margin-left:auto;font-size:11px;font-weight:800;color:var(--text-3);border:1px dashed var(--border-strong);border-radius:999px;padding:5px 12px}
.settings-card-collapsible.is-open .settings-card-collapse-hint{display:none}
/* Az ID-szelektoros mentés-gomb stílus erősebb volt a kártya-összecsukásnál */
.settings-card-collapsible:not(.is-open) > #b-save-company-profile{display:none!important}

/* ==== SZÁMOLÓGÉPEK: 3D GOMBOK, ÉLÉNK SZÍNEK, EGYENLETES RÁCS ==============
   Kassza címletező (cash-count-pad) + általános mennyiség-pad (numeric-pad) */
.cash-count-pad,.numeric-pad{
  border:1px solid color-mix(in srgb,var(--info) 32%,var(--border-strong));
  background:linear-gradient(145deg,color-mix(in srgb,var(--bg-surface) 88%,var(--info) 12%),var(--bg-surface) 55%,color-mix(in srgb,var(--bg-surface) 82%,#000));
  box-shadow:0 8px 20px rgba(0,0,0,.24),0 2px 0 color-mix(in srgb,var(--border-strong) 55%,#000),inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(0,0,0,.24);
}
.cash-count-pad-display,.numeric-pad-display{
  border-color:color-mix(in srgb,var(--info) 58%,var(--border-strong));
  background:linear-gradient(180deg,color-mix(in srgb,var(--bg-inset) 86%,#000),var(--bg-inset));
  box-shadow:inset 0 3px 8px rgba(0,0,0,.42),inset 0 -1px 0 rgba(255,255,255,.10),0 1px 0 rgba(255,255,255,.12);
  text-shadow:0 2px 2px rgba(0,0,0,.34);
}
.cash-count-pad-nav,.cash-count-pad-grid,
.numeric-pad-quick,.numeric-pad-grid{gap:9px}
.cash-count-pad-nav,.numeric-pad-quick{margin-bottom:9px}
.cash-count-pad-grid,.numeric-pad-grid{margin-bottom:9px}
.cash-count-pad-actions,.numeric-pad-actions{gap:9px;margin-top:0}

.cash-count-pad-grid button,.cash-count-pad-actions button,.cash-count-pad-nav button,.cash-count-pad-head [data-cash-pad-cancel],
.numeric-pad-grid button,.numeric-pad-actions button,.numeric-pad-quick button,.numeric-pad-head [data-num-pad-cancel],.numeric-pad-head [data-pre-piece-cancel]{
  --pad-base:var(--bg-surface-2);
  --pad-edge:color-mix(in srgb,var(--pad-base) 38%,#000);
  --pad-depth:3px;
  --pad-press:2px;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--pad-base) 66%,rgba(255,255,255,.52))!important;
  border-radius:12px;
  min-height:52px;
  background:linear-gradient(115deg,rgba(255,255,255,.20),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pad-base) 70%,rgba(255,255,255,.34)) 0%,color-mix(in srgb,var(--pad-base) 88%,rgba(255,255,255,.08)) 48%,color-mix(in srgb,var(--pad-base) 86%,rgba(0,0,0,.14)) 100%);
  color:var(--text-1);
  box-shadow:0 var(--pad-depth) 0 var(--pad-edge),inset 0 1px 0 rgba(255,255,255,.48),inset 0 -1px 0 rgba(0,0,0,.18)!important;
  transform:translateY(0);
  text-shadow:0 1px 1px rgba(0,0,0,.24);
  transition:transform .07s ease,box-shadow .07s ease,filter .07s ease;
}
.cash-count-pad-grid button:active,.cash-count-pad-actions button:active,.cash-count-pad-nav button:active,.cash-count-pad-head [data-cash-pad-cancel]:active,
.numeric-pad-grid button:active,.numeric-pad-actions button:active,.numeric-pad-quick button:active,.numeric-pad-head [data-num-pad-cancel]:active,.numeric-pad-head [data-pre-piece-cancel]:active{
  transform:translateY(var(--pad-press))!important;
  box-shadow:0 1px 0 var(--pad-edge),inset 0 2px 4px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.18)!important;
  filter:brightness(.99);
}
@media (hover:hover) and (pointer:fine){
  .cash-count-pad-grid button:hover,.cash-count-pad-actions button:hover,.cash-count-pad-nav button:hover,.cash-count-pad-head [data-cash-pad-cancel]:hover,
  .numeric-pad-grid button:hover,.numeric-pad-actions button:hover,.numeric-pad-quick button:hover,.numeric-pad-head [data-num-pad-cancel]:hover,.numeric-pad-head [data-pre-piece-cancel]:hover{transform:translateY(-1px);filter:brightness(1.08)}
}
.cash-count-pad button:focus-visible,.numeric-pad button:focus-visible{outline:3px solid color-mix(in srgb,var(--info) 65%,#fff);outline-offset:3px}
/* Számjegyek: élénk kék árnyalat */
.cash-count-pad-grid [data-cash-pad-digit],
.numeric-pad-grid [data-num-pad-digit],.numeric-pad-grid [data-pre-piece-digit]{--pad-base:color-mix(in srgb,var(--info) 34%,var(--bg-surface-2));color:#fff}
html[data-theme="light"] .cash-count-pad-grid [data-cash-pad-digit],
html[data-theme="light"] .numeric-pad-grid [data-num-pad-digit],html[data-theme="light"] .numeric-pad-grid [data-pre-piece-digit]{color:#0d2b66}
/* Gyorsgombok (+10 / +50 / szorzó): akcent szín */
.numeric-pad-quick [data-num-pad-add],
.numeric-pad-grid [data-num-pad-multiply]{--pad-base:color-mix(in srgb,var(--accent) 52%,var(--bg-surface-2));color:var(--on-color)}
html[data-theme="industrial"] .numeric-pad-quick [data-num-pad-add]{--pad-base:var(--accent);color:var(--accent-text)}
html[data-theme="light"] .numeric-pad-quick [data-num-pad-add]{color:#fff}
/* Törlés / visszalépés / bezárás: élénk piros */
.cash-count-pad-grid [data-cash-pad-clear],.cash-count-pad-grid [data-cash-pad-back],.cash-count-pad-head [data-cash-pad-cancel],
.numeric-pad-grid [data-num-pad-clear],.numeric-pad-grid [data-num-pad-back],.numeric-pad-head [data-num-pad-cancel],
.numeric-pad-grid [data-pre-piece-clear],.numeric-pad-grid [data-pre-piece-back],.numeric-pad-head [data-pre-piece-cancel]{--pad-base:color-mix(in srgb,var(--danger) 52%,var(--bg-surface-2));color:#fff}
/* OK gombok: teli zöld */
.cash-count-pad-actions [data-cash-pad-ok],.cash-count-pad-actions [data-cash-pad-ok-next],
.numeric-pad-actions [data-num-pad-ok],.numeric-pad-actions [data-num-pad-ok-next],.numeric-pad-actions [data-num-pad-cash-add],.numeric-pad-actions [data-pre-piece-ok]{--pad-base:var(--success);color:#fff;font-size:17px}
.numeric-pad-actions [data-num-pad-value-only]{--pad-base:color-mix(in srgb,var(--bg-surface-2) 82%,var(--text-2));color:var(--text-2)}
/* Előző / Következő: egymástól is jól megkülönböztethető narancs és sárga */
.cash-count-pad-nav [data-cash-pad-prev]{--pad-base:#ef8f19;color:#2d1800}
.cash-count-pad-nav [data-cash-pad-next]{--pad-base:#f4c928;color:#2b2100}
/* Fejléc X gomb kisebb marad */
.cash-count-pad-head [data-cash-pad-cancel],.numeric-pad-head [data-num-pad-cancel],.numeric-pad-head [data-pre-piece-cancel]{min-height:38px;border-radius:11px}
/* Letiltott gomb: lapos, halvány */
.cash-count-pad button:disabled,.numeric-pad button:disabled{opacity:.38;box-shadow:0 1px 0 var(--pad-edge);transform:none;filter:none}
/* A régi lapos szín-szabályok felülírása: a színezett gombok is 3D hátteret kapnak */
.numeric-pad-quick [data-num-pad-add],.numeric-pad-grid [data-num-pad-multiply],
.cash-count-pad-grid [data-cash-pad-digit],.numeric-pad-grid [data-num-pad-digit],.numeric-pad-grid [data-pre-piece-digit],
.cash-count-pad-grid [data-cash-pad-clear],.cash-count-pad-grid [data-cash-pad-back],.cash-count-pad-head [data-cash-pad-cancel],
.numeric-pad-grid [data-num-pad-clear],.numeric-pad-grid [data-num-pad-back],.numeric-pad-head [data-num-pad-cancel],
.numeric-pad-grid [data-pre-piece-clear],.numeric-pad-grid [data-pre-piece-back],.numeric-pad-head [data-pre-piece-cancel],
.cash-count-pad-actions [data-cash-pad-ok],.cash-count-pad-actions [data-cash-pad-ok-next],
.numeric-pad-actions [data-num-pad-ok],.numeric-pad-actions [data-num-pad-ok-next],.numeric-pad-actions [data-num-pad-cash-add],.numeric-pad-actions [data-num-pad-value-only],.numeric-pad-actions [data-pre-piece-ok]{
  background:linear-gradient(115deg,rgba(255,255,255,.20),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--pad-base) 70%,rgba(255,255,255,.34)) 0%,color-mix(in srgb,var(--pad-base) 88%,rgba(255,255,255,.08)) 48%,color-mix(in srgb,var(--pad-base) 86%,rgba(0,0,0,.14)) 100%);
}
/* Sötétebb háttér a számológép mögött – a mögöttes tartalom ne zavarjon */
.cash-count-pad-backdrop,.numeric-pad-backdrop{background:rgba(0,0,0,.58)}
.cash-count-pad-sum{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-right:10px}
.cash-count-pad-sum span{margin-left:12px;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.cash-count-pad-sum b{font-size:22px;color:var(--success);white-space:nowrap}

/* ==== KASSZA: BANKJEGYEK + ÉRMÉK EGYMÁS MELLETT FEKVŐ NÉZETBEN ============= */
.cash-count-sections{display:block}
#pg-kassza .cash-count-sections.is-return-revealing{
  opacity:var(--cash-return-opacity,.18);
  filter:blur(var(--cash-return-blur,7px)) saturate(var(--cash-return-saturation,.48));
  transform:translateZ(0);
  transform-origin:50% 0;
  pointer-events:none;
  will-change:opacity,filter;
}
@media (prefers-reduced-motion:reduce){
  #pg-kassza .cash-count-sections.is-return-revealing{transform:none}
}
@media (orientation:landscape) and (min-width:960px){
  .cash-count-sections{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}
  .cash-count-sections .cash-count-section{height:100%;margin-bottom:12px}
  .cash-count-sections .cash-count-summary-section{grid-column:1/-1;height:auto}
}
@media (max-width:620px){
  .cash-count-summary-body{grid-template-columns:1fr}
}

/* ==== KASSZA ÖSSZESÍTŐ: SZEKCIÓ-FEJLÉCEK A LISTÁK ELŐTT ==================== */
.kassza-list-section-head{margin:18px 0 8px;padding:11px 14px;border-radius:10px;background:color-mix(in srgb,var(--accent) 13%,transparent);border-left:4px solid var(--accent)}
.kassza-list-section-head span{display:block;font-size:13px;font-weight:950;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}
.kassza-list-section-head small{display:block;font-size:11px;font-weight:600;color:var(--text-3);margin-top:3px}
.kassza-list-section-head.is-warn{background:color-mix(in srgb,var(--warning) 13%,transparent);border-left-color:var(--warning)}
.kassza-list-section-head.is-warn span{color:var(--warning)}

.kassza-history-toggle{width:100%;padding:13px 14px!important;font-weight:900!important;text-align:left;display:flex!important;justify-content:space-between;align-items:center;gap:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 26%,var(--bg-surface)),color-mix(in srgb,var(--mod-management) 18%,var(--bg-surface)))!important;border:1px solid color-mix(in srgb,var(--accent) 62%,var(--border-strong))!important;border-left:5px solid var(--accent)!important;color:var(--text-1)!important;box-shadow:0 6px 18px rgba(0,0,0,.14)}
.kassza-history-toggle.is-open{background:color-mix(in srgb,var(--accent) 20%,var(--bg-surface))!important}
.kassza-history-toggle > span:first-child{color:var(--accent);font-size:14px}
.kassza-history-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}
.kassza-save-row{scroll-margin-top:68px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.kassza-save-row.is-daily-close{border-left:3px solid color-mix(in srgb,var(--success) 72%,transparent);padding-left:8px!important}
.kassza-save-row.is-history-jump-target{border-color:var(--success)!important;background:color-mix(in srgb,var(--success) 12%,var(--bg-surface))!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 34%,transparent),0 10px 28px rgba(0,0,0,.2)}
.kassza-history-scroll-reserve{height:0;min-height:0;pointer-events:none}

.kassza-admin-change-control{margin:14px 0;border:1px solid color-mix(in srgb,var(--mod-admin) 55%,var(--border-strong));border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--mod-admin) 6%,var(--bg-page))}
.kassza-admin-change-head{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;background:color-mix(in srgb,var(--mod-admin) 20%,var(--bg-surface));border-left:5px solid var(--mod-admin);list-style:none}
.kassza-admin-change-head::-webkit-details-marker{display:none}
.kassza-admin-change-head::after{content:"▸";flex:0 0 auto;color:var(--mod-admin);font-size:16px;font-weight:950;transition:transform .16s ease}
.kassza-admin-change-control[open]>.kassza-admin-change-head::after{transform:rotate(90deg)}
.kassza-admin-change-head:focus-visible{outline:3px solid color-mix(in srgb,var(--mod-admin) 46%,transparent);outline-offset:-3px}
.kassza-admin-change-head div{min-width:0}.kassza-admin-change-head b{display:block;color:var(--mod-admin);font-size:14px}.kassza-admin-change-head span{display:block;color:var(--text-3);font-size:11px;margin-top:2px}.kassza-admin-change-head strong{font-size:12px;white-space:nowrap;color:var(--text-1)}
.kassza-admin-change-day{border-top:1px solid var(--border);background:var(--bg-surface)}
.kassza-admin-change-day summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;list-style:none}.kassza-admin-change-day summary::-webkit-details-marker{display:none}.kassza-admin-change-day summary::before{content:"▸";color:var(--text-3);font-size:14px}.kassza-admin-change-day[open] summary::before{content:"▾"}.kassza-admin-change-day summary span{flex:1;font-weight:850}.kassza-admin-change-day summary b{color:var(--warning);font-size:11px}.kassza-admin-change-day summary b.is-ok{color:var(--success)}
.kassza-admin-change-revision{margin:0 12px 10px;padding:9px 10px;border:1px solid var(--border);border-radius:9px;background:var(--bg-page)}
.kassza-admin-change-revision>div:first-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:5px;font-size:11px}.kassza-admin-change-revision>div:first-child span{color:var(--text-3)}.kassza-admin-change-revision>div:first-child em{margin-left:auto;color:var(--accent);font-style:normal;font-weight:900}
.kassza-admin-change-field{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(90px,1fr) 18px minmax(90px,1fr);gap:6px;padding:5px 0;border-top:1px solid var(--border);font-size:11px;align-items:start}.kassza-admin-change-field>span:first-child{font-weight:750;color:var(--text-2)}.kassza-admin-change-field .is-before{color:var(--danger);overflow-wrap:anywhere}.kassza-admin-change-field .is-arrow{text-align:center;color:var(--text-3)}.kassza-admin-change-field .is-after{color:var(--success);font-weight:850;overflow-wrap:anywhere}
.kassza-admin-change-empty{margin:0 12px 10px;padding:10px;border:1px dashed var(--border-strong);border-radius:8px;color:var(--text-3);font-size:11px}.kassza-admin-change-empty.is-ok{color:var(--success);border-color:color-mix(in srgb,var(--success) 48%,var(--border))}
@media(max-width:620px){.kassza-admin-change-head{align-items:flex-start}.kassza-admin-change-head strong{white-space:normal;text-align:right}.kassza-admin-change-field{grid-template-columns:1fr 18px 1fr}.kassza-admin-change-field>span:first-child{grid-column:1/-1}.kassza-history-toggle>span:last-child{font-size:10px!important}}
@media(max-width:620px){#pg-kassza .kassza-summary-process-bar{gap:4px;padding:8px 7px}#pg-kassza .kassza-summary-process-bar>div{gap:5px!important}#pg-kassza .kassza-summary-process-bar>div>span:first-child{width:22px!important;height:22px!important;font-size:11px!important}#pg-kassza .kassza-summary-process-bar>div>span:last-child{font-size:10px!important}}

/* ==== KASSZA: TARTALOMHOZ IGAZODÓ ÖSSZEGZŐ KÁRTYÁK ========================= */
.kassza-total-cards{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;align-items:stretch}
.kassza-total-card{flex:0 1 auto;min-width:116px;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:10px 18px;text-align:center;box-shadow:0 6px 16px rgba(0,0,0,.08)}
.kassza-total-card-label{font-size:10px;color:var(--text-3);font-weight:800;letter-spacing:.4px;white-space:nowrap}
.kassza-total-card-value{font-weight:900;font-size:17px;margin-top:2px;white-space:nowrap}
.kassza-total-cards .kassza-daily-total{flex:1 1 100%}
.kassza-total-cards.is-tape{margin-top:-4px}
.kassza-total-card.is-flat{background:var(--bg-page);border-color:var(--border-strong);border-radius:10px;padding:8px 16px;box-shadow:none}

/* ==== TÉMAVÁLASZTÓ: TELJES SZÉLES KÁRTYA, 4 TÉMA EGY SORBAN HA ELFÉR ====== */
.app-theme-settings-group .settings-card-grid.two{grid-template-columns:1fr}
@media (min-width:900px){
  .app-theme-choice-row{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* Főoldal alsó gombsora rejtve, ha a menüsáv aktív – a rail és az állapotsáv
   ugyanazokat a funkciókat adja (Beállítások, Súgó, Kilépés, felhasználó). */
body.rail-on .home-bottom{display:none}

/* ==== TERMÉKEK: KOMPAKT RAKTÁR + VONALKÓD-/NÉVKERESŐ ==================== */
.product-warehouse-search-row{display:grid;grid-template-columns:minmax(190px,.42fr) minmax(0,1.58fr);gap:8px;align-items:stretch;padding:8px 12px;background:var(--bg-surface);border-bottom:1px solid var(--border-strong)}
.product-warehouse-search-row .page-warehouse-card{width:100%;min-width:0;min-height:50px;margin:0;padding:7px 10px;border-radius:11px;gap:8px;box-shadow:0 7px 18px rgba(0,0,0,.20)}
.product-warehouse-search-row .home-warehouse-icon{width:32px;height:32px;flex-basis:32px}
.product-warehouse-search-row .home-warehouse-icon .app-icon{width:20px;height:20px}
.product-warehouse-search-row .home-warehouse-copy{align-items:flex-start;text-align:left;gap:1px}
.product-warehouse-search-row .home-warehouse-label{font-size:8px;letter-spacing:.09em}
.product-warehouse-search-row .home-warehouse-name{max-width:100%;font-size:13px;letter-spacing:.045em}
.product-warehouse-search-row .product-search-row{display:flex;align-items:center;gap:8px;min-width:0;padding:0;background:transparent;border:0}
.product-warehouse-search-row .product-search-row input{height:50px;min-width:0;padding:10px 13px;font-size:15px}
.product-header-toggle{display:none;align-items:center;justify-content:center;flex:0 0 50px;width:50px;min-width:50px;height:50px;margin:0;padding:0;border:1px solid color-mix(in srgb,var(--accent) 58%,var(--border-strong));border-radius:12px;background:color-mix(in srgb,var(--accent) 10%,var(--bg-surface));color:var(--accent);cursor:pointer;box-shadow:0 6px 14px rgba(0,0,0,.14)}
.product-header-toggle .app-icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.product-header-toggle-chevron{transform-box:fill-box;transform-origin:center;transition:transform .16s ease}
.product-header-toggle[aria-expanded="true"]{border-color:var(--success);background:color-mix(in srgb,var(--success) 18%,var(--bg-surface));color:var(--success);box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 14%,transparent)}
.product-header-toggle[aria-expanded="true"] .product-header-toggle-chevron{transform:rotate(180deg)}
.product-header-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.product-filter-toolbar-toggle{display:none;align-items:center;justify-content:center;flex:0 0 50px;width:50px;min-width:50px;height:50px;margin:0;padding:0;border:1px solid color-mix(in srgb,var(--info) 56%,var(--border-strong));border-radius:12px;background:color-mix(in srgb,var(--info) 10%,var(--bg-surface));color:var(--info);cursor:pointer;box-shadow:0 6px 14px rgba(0,0,0,.14)}
.product-filter-toolbar-toggle .app-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.product-filter-toolbar-toggle[aria-expanded="true"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 20%,var(--bg-surface));color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent)}
.product-filter-toolbar-toggle:focus-visible{outline:2px solid var(--info);outline-offset:2px}
.product-warehouse-search-row .product-zero-stock-toggle,.product-warehouse-search-row .smart-voice-btn{width:50px;min-width:50px;height:50px;flex-basis:50px;margin:0;padding:0}
.product-warehouse-search-row .smart-clear-search-btn{width:50px;min-width:50px;height:50px;margin:0;border-radius:11px}
#pg-products .products-tools-menu{position:relative;z-index:12;flex:0 0 auto}
#pg-products .products-tools-menu>summary{list-style:none}
#pg-products .products-tools-menu>summary::-webkit-details-marker{display:none}
#pg-products .products-tools-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 16px;border:1px solid color-mix(in srgb,var(--accent) 58%,var(--border-strong));border-radius:14px;background:color-mix(in srgb,var(--accent) 9%,var(--bg-surface));color:var(--text-1);font-size:13px;font-weight:900;white-space:nowrap;cursor:pointer;box-shadow:0 5px 14px rgba(0,0,0,.12)}
#pg-products .products-tools-toggle-icon{font-size:20px;line-height:1;letter-spacing:2px;transform:translateY(-2px)}
#pg-products .products-tools-menu[open] .products-tools-toggle{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 20%,var(--bg-surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 17%,transparent)}
#pg-products .products-tools-toggle:focus-visible{outline:2px solid var(--info);outline-offset:3px}
#pg-products .products-tools-panel{position:absolute;z-index:90;top:calc(100% + 10px);right:0;width:min(660px,calc(100vw - 24px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;border:1px solid color-mix(in srgb,var(--accent) 58%,var(--border-strong));border-radius:16px;background:var(--bg-surface);box-shadow:0 22px 55px rgba(0,0,0,.34)}
#pg-products .products-tools-panel>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:none!important;min-height:50px;height:auto!important;margin:0!important;padding:9px 12px!important;overflow:visible;white-space:normal;text-overflow:clip}

@media (max-width:720px){
  .product-warehouse-search-row{grid-template-columns:minmax(158px,.72fr) minmax(0,1.28fr);gap:6px;padding:6px 8px}
  .product-warehouse-search-row .page-warehouse-card{min-height:46px;padding:6px 8px;gap:6px}
  .product-warehouse-search-row .home-warehouse-icon{width:28px;height:28px;flex-basis:28px}
  .product-warehouse-search-row .home-warehouse-label{display:none}
  .product-warehouse-search-row .home-warehouse-name{font-size:12px;letter-spacing:.02em}
  .product-warehouse-search-row .product-search-row{gap:6px}
  .product-warehouse-search-row .product-search-row input{height:46px;padding:9px 10px;font-size:13px}
  .product-warehouse-search-row .product-zero-stock-toggle,.product-warehouse-search-row .smart-voice-btn,.product-warehouse-search-row .smart-clear-search-btn{width:46px;min-width:46px;height:46px;flex-basis:46px;margin:0}
  #pg-products .products-tools-toggle-label{display:none}
  #pg-products .products-tools-toggle{width:46px;min-width:46px;height:46px;padding:0}
  #pg-products .products-tools-panel{position:fixed;top:calc(68px + var(--safe-top));right:10px;left:calc(10px + var(--safe-left));width:auto;grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:520px){
  .product-warehouse-search-row{grid-template-columns:minmax(126px,.65fr) minmax(0,1.35fr)}
  .product-warehouse-search-row .home-warehouse-icon{display:none}
  .product-warehouse-search-row .product-zero-stock-toggle,.product-warehouse-search-row .smart-voice-btn,.product-warehouse-search-row .smart-clear-search-btn{width:42px;min-width:42px;flex-basis:42px}
}

@media (orientation:landscape) and (max-height:1000px){
  #pg-products .products-sticky-head>.topbar{display:none;min-height:calc(50px + var(--safe-top));padding-top:calc(6px + var(--safe-top));padding-bottom:6px}
  #pg-products.is-landscape-header-revealed .products-sticky-head>.topbar{display:flex}
  #pg-products .topbar button{height:36px}
  #pg-products .products-sticky-head>#prod-filter-toolbar{display:none}
  #pg-products.is-product-filter-toolbar-open .products-sticky-head>#prod-filter-toolbar{display:flex}
  #pg-products .product-warehouse-search-row{grid-template-columns:minmax(210px,.38fr) minmax(0,1.62fr);padding:5px 10px}
  #pg-products .product-warehouse-search-row .page-warehouse-card,#pg-products .product-warehouse-search-row .product-search-row input{min-height:44px;height:44px}
  #pg-products .product-warehouse-search-row .home-warehouse-label{display:none}
  #pg-products .product-header-toggle{display:inline-flex;width:44px;min-width:44px;height:44px;flex-basis:44px}
  #pg-products .product-filter-toolbar-toggle{display:inline-flex;width:44px;min-width:44px;height:44px;flex-basis:44px}
  #pg-products .product-warehouse-search-row .product-zero-stock-toggle,#pg-products .product-warehouse-search-row .smart-voice-btn,#pg-products .product-warehouse-search-row .smart-clear-search-btn{width:44px;min-width:44px;height:44px;flex-basis:44px}
  #pg-products .product-detail-filter-row{padding:5px 10px;gap:7px;align-items:center}
  #pg-products .product-detail-filter>span{display:none}
  #pg-products .product-detail-filter select,#pg-products .product-detail-filter-clear{height:38px;min-height:38px}
  #pg-products .product-category-fixed{padding:10px 7px 10px 10px}
  #pg-products .product-category-tabs{min-height:58px;padding:10px;gap:7px}
  #pg-products .product-category-level-row{max-height:58px}
  #pg-products .product-category-browser.is-auto-collapsed .product-category-level-row{max-height:0}
  #pg-products .product-category-tabs .tab,#pg-products .product-category-fixed .tab{min-height:38px;padding:7px 13px!important}
}

/* ==== KÖZÖS, ELŐHÚZHATÓ TERMÉK-SZŰRŐKÖZPONT ============================ */
.product-filter-toolbar{display:flex;align-items:center;gap:8px;min-height:48px;padding:6px 12px;background:var(--bg-page);border-bottom:1px solid var(--border-strong);overflow:hidden}
.product-filter-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:118px;min-height:38px;padding:7px 13px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--border-strong));border-radius:10px;background:color-mix(in srgb,var(--accent) 9%,var(--bg-surface));color:var(--accent);font-size:13px;font-weight:950;cursor:pointer;white-space:nowrap}
.product-filter-trigger:hover,.product-filter-trigger:focus-visible,.product-filter-trigger.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 19%,var(--bg-surface));outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent)}
.product-filter-trigger-icon{font-size:20px;line-height:1;transform:rotate(90deg)}
.product-filter-trigger-count{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:var(--accent);color:var(--bg-page);font-size:11px;font-weight:950}
.product-filter-trigger-count[hidden]{display:none!important}
.product-filter-chips{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none;flex:1;padding:2px 0}
.product-filter-chips::-webkit-scrollbar{display:none}
.product-filter-chips[hidden]{display:none!important}
.product-filter-chip{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 9px 6px 11px;border:1px solid color-mix(in srgb,var(--info) 55%,var(--border-strong));border-radius:999px;background:color-mix(in srgb,var(--info) 13%,var(--bg-surface));color:var(--text-1);font-size:11px;font-weight:850;white-space:nowrap;cursor:pointer}
.product-filter-chip span{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:color-mix(in srgb,var(--text-1) 12%,transparent);color:var(--text-2);font-size:14px;line-height:1}
.product-filter-toolbar-clear{flex:0 0 auto;min-height:36px;padding:6px 10px;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-surface);color:var(--text-2);font-size:11px;font-weight:850;cursor:pointer}
.product-filter-toolbar-clear:disabled{opacity:.38;cursor:default}
.product-filter-layer{position:fixed;inset:0;z-index:5200;display:flex;justify-content:flex-end;align-items:stretch}
.product-filter-layer[hidden]{display:none!important}
.product-filter-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(1,4,10,.82);backdrop-filter:none;-webkit-backdrop-filter:none;cursor:pointer}
.product-filter-drawer{position:relative;z-index:1;width:min(620px,94vw);height:100%;display:flex;flex-direction:column;contain:layout paint style;background:linear-gradient(180deg,var(--bg-surface),var(--bg-page));border-left:1px solid color-mix(in srgb,var(--accent) 36%,var(--border-strong));box-shadow:-18px 0 42px rgba(0,0,0,.42);font-family:"Segoe UI",Arial,sans-serif;font-kerning:normal;animation:productFilterSlideIn .22s ease-out}
.product-filter-drawer button,.product-filter-drawer input,.product-filter-drawer select{font-family:inherit}
@keyframes productFilterSlideIn{from{transform:translateX(42px);opacity:.45}to{transform:translateX(0);opacity:1}}
body.product-filter-open{overflow:hidden}
.product-filter-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--border-strong);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,var(--bg-surface)),var(--bg-surface))}
.product-filter-head>div{min-width:0}
.product-filter-head span{display:block;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.065em;word-spacing:.32em;line-height:1.4;text-transform:uppercase}
.product-filter-head h3{margin:3px 0 0;color:var(--text-1);font-size:22px;font-weight:800;letter-spacing:0}
.product-filter-head>button{width:42px;height:42px;flex:0 0 42px;border:1px solid var(--border-strong);border-radius:11px;background:var(--bg-page);color:var(--text-1);font-size:28px;line-height:1;cursor:pointer}
.product-filter-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;contain:layout paint style;scrollbar-gutter:stable;padding:14px 16px}
.product-filter-section{margin:0 0 12px;padding:13px;border:1px solid var(--border-strong);border-radius:13px;background:color-mix(in srgb,var(--bg-surface) 84%,var(--bg-page));box-shadow:0 8px 20px rgba(0,0,0,.13)}
.product-filter-section h4{margin:0 0 10px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.045em;word-spacing:.28em;line-height:1.4;text-transform:uppercase}
.product-filter-profit{border-color:color-mix(in srgb,var(--mod-management) 56%,var(--border-strong));background:linear-gradient(135deg,color-mix(in srgb,var(--mod-management) 10%,var(--bg-surface)),var(--bg-surface))}
.product-filter-profit h4{color:color-mix(in srgb,var(--mod-management) 72%,white)}
.product-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.product-filter-field{display:flex;flex-direction:column;gap:5px;min-width:0}
.product-filter-field>span{color:var(--text-3);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.025em}
.product-filter-field select,.product-filter-field input,.product-filter-save-row input,.product-filter-load-row select{width:100%;min-width:0;min-height:43px;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-inset);color:var(--text-1);padding:9px 10px;font-size:13px;font-weight:700;outline:none}
.product-filter-field select:focus,.product-filter-field input:focus,.product-filter-save-row input:focus,.product-filter-load-row select:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}
.product-filter-date-field input{cursor:pointer}
.product-filter-date-field input::-webkit-calendar-picker-indicator{width:20px;height:20px;padding:2px;cursor:pointer}
.product-filter-number{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-inset);overflow:hidden}
.product-filter-number input{border:0;border-radius:0;background:transparent;box-shadow:none!important}
.product-filter-number em{padding:0 10px;color:var(--text-3);font-size:11px;font-style:normal;font-weight:850;white-space:nowrap}
.product-filter-quick{display:flex;gap:7px;flex-wrap:wrap}
.product-filter-quick button{min-height:36px;padding:7px 11px;border:1px solid var(--kps-field-line,#b8c4d6);border-radius:999px;background:var(--kps-field-light,#f8fafc);color:var(--kps-field-ink,#172033);font-size:11px;font-weight:800;cursor:pointer}
.product-filter-quick button:hover,.product-filter-quick button:focus-visible{border-color:var(--info);background:color-mix(in srgb,var(--info) 16%,var(--kps-field-light,#f8fafc));color:var(--kps-field-ink,#172033);outline:none}
.product-filter-save-row,.product-filter-load-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
.product-filter-load-row{grid-template-columns:minmax(0,1fr) auto auto;margin-top:8px}
.product-filter-save-row button,.product-filter-load-row button{min-height:42px;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-page);color:var(--text-1);padding:7px 10px;font-size:11px;font-weight:750;cursor:pointer}
.product-filter-footer{position:relative;z-index:2;flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border-strong);background:var(--bg-page);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 -7px 18px rgba(0,0,0,.2)}
.product-filter-layer.is-product-filter-scrolling .product-filter-section{box-shadow:none;transition:none}
.product-filter-footer span{color:var(--accent);font-size:13px;font-weight:950}
.product-filter-footer button{min-height:42px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-surface);color:var(--text-2);padding:8px 12px;font-size:12px;font-weight:900;cursor:pointer}
.product-filter-footer button.is-primary{border-color:var(--accent);background:var(--accent);color:var(--bg-page)}
.product-filter-trigger-compact{position:relative;color:var(--info)}
.product-filter-trigger-compact .product-filter-trigger-count{position:absolute;right:-5px;top:-6px;min-width:19px;height:19px;padding:0 5px;background:var(--accent);color:var(--bg-page);font-size:10px}
.docprod-filter-chips{margin-top:8px;max-width:100%;padding-bottom:1px}
.product-filter-metric-badge{display:flex;align-items:center;gap:7px;flex-wrap:wrap;width:100%;margin-top:3px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--info) 42%,var(--border-strong));border-radius:8px;background:color-mix(in srgb,var(--info) 9%,var(--bg-inset));color:var(--text-2);font-size:10px;font-weight:800}
.product-filter-metric-badge span{display:inline-flex;align-items:center;gap:4px}
.product-filter-metric-badge b{color:var(--info);font-weight:950}
.product-filter-metric-badge i{width:3px;height:3px;border-radius:50%;background:var(--text-3)}

@media (max-width:720px){
  .product-filter-toolbar{padding:5px 8px;min-height:44px}
  .product-filter-trigger{min-width:103px;min-height:36px;padding:6px 10px}
  .product-filter-toolbar-clear{display:none}
  .product-filter-layer{align-items:flex-end}
  .product-filter-drawer{width:100%;max-width:none;height:min(91dvh,920px);border-left:0;border-top:1px solid color-mix(in srgb,var(--accent) 45%,var(--border-strong));border-radius:20px 20px 0 0;animation:productFilterSheetIn .22s ease-out}
  @keyframes productFilterSheetIn{from{transform:translateY(54px);opacity:.45}to{transform:translateY(0);opacity:1}}
  .product-filter-head{padding:13px 14px}
  .product-filter-head h3{font-size:20px}
  .product-filter-scroll{padding:11px 10px}
  .product-filter-section{padding:11px;margin-bottom:9px}
  .product-filter-grid{grid-template-columns:1fr}
  .product-filter-save-row{grid-template-columns:minmax(0,1fr) auto}
  .product-filter-load-row{grid-template-columns:minmax(0,1fr) auto auto}
  .product-filter-footer{grid-template-columns:1fr 1fr;padding:10px calc(10px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left))}
  .product-filter-footer span{grid-column:1/-1;text-align:center}
}

@media (max-width:470px){
  .product-filter-save-row{grid-template-columns:1fr}
  .product-filter-load-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-filter-load-row select{grid-column:1/-1}
}

@media (orientation:landscape) and (max-height:1000px){
  #pg-products .product-filter-toolbar{min-height:42px;padding-top:4px;padding-bottom:4px}
  #pg-products .product-filter-trigger{min-height:34px}
  #pg-products .product-filter-chip{min-height:31px;padding-top:4px;padding-bottom:4px}
  .product-filter-head{padding-top:11px;padding-bottom:11px}
  .product-filter-scroll{padding-top:10px}
}

/* ── Ujjlenyomatos belépés (login) ─────────────────────────────── */
#login-bio-box { max-width: 240px; margin: 14px auto 0; display: none; }
.login-bio-btn {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 12px 14px; border-radius: 12px; border: 1px solid var(--border-strong);
  background: linear-gradient(135deg, var(--accent), #1b5fa8);
  color: #fff; font-weight: 700; font-size: 15px; cursor: pointer;
}
.login-bio-btn.is-setup { background: var(--bg-2); color: var(--text-2); font-weight: 600; }
.login-bio-btn:disabled { opacity: .55; }
.login-bio-icon { font-size: 19px; line-height: 1; }
.login-bio-off {
  width: 100%; margin-top: 8px; background: none; border: none; cursor: pointer;
  color: var(--text-3); font-size: 12px; text-decoration: underline; padding: 4px;
}
.login-bio-note { margin-top: 8px; text-align: center; font-size: 12px; color: var(--text-3); }
.kassza-checklist-open{overflow:hidden}
.kassza-checklist-backdrop{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:14px;background:rgba(2,4,8,.82);backdrop-filter:blur(8px)}
.kassza-checklist-dialog{position:relative;width:min(1040px,100%);max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,190,0,.52);border-radius:18px;background:linear-gradient(155deg,#191a1d 0%,#101114 100%);box-shadow:0 26px 80px rgba(0,0,0,.7),0 0 36px rgba(255,184,0,.11);color:var(--text-1)}
.kassza-checklist-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px 14px;border-bottom:1px solid var(--border-strong);background:linear-gradient(105deg,rgba(255,190,0,.16),rgba(255,190,0,.02) 58%)}
.kassza-checklist-kicker,.kassza-checklist-eyebrow{display:block;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:1.1px}
.kassza-checklist-head h2{margin:3px 0 0;font-size:24px;line-height:1.15;letter-spacing:.1px}
.kassza-checklist-close{width:44px;height:44px;flex:0 0 44px;border:1px solid var(--border-strong);border-radius:12px;background:var(--bg-surface-2);color:var(--text-1);font-size:30px;line-height:1;cursor:pointer}
.kassza-checklist-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 20px 20px}
.kassza-checklist-help{padding:11px 13px;border:1px solid rgba(255,85,95,.48);border-left:4px solid var(--danger);border-radius:10px;background:rgba(255,70,80,.07);color:var(--text-2);font-size:12px;line-height:1.55}
.kassza-checklist-help b{color:#fff}
.kassza-checklist-totals{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.kassza-checklist-totals span,.kassza-checklist-card-summary span{display:inline-flex;align-items:center;gap:4px;border:1px solid currentColor;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}
.kassza-checklist-totals .is-filled,.kassza-checklist-card-summary .is-filled{color:var(--success);background:rgba(32,211,121,.08)}
.kassza-checklist-totals .is-confirmed,.kassza-checklist-card-summary .is-confirmed{color:var(--success);background:rgba(32,211,121,.08)}
.kassza-checklist-totals .is-empty,.kassza-checklist-card-summary .is-empty{color:#ff6f78;background:rgba(255,80,92,.08)}
.kassza-checklist-totals .is-inactive,.kassza-checklist-card-summary .is-inactive{color:var(--accent);background:rgba(255,184,0,.08)}
.kassza-checklist-totals .is-unavailable,.kassza-checklist-card-summary .is-unavailable{color:var(--text-3);background:rgba(255,255,255,.03)}
.kassza-checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kassza-checklist-card{min-width:0;overflow:hidden;border:1px solid var(--border-strong);border-radius:13px;background:rgba(255,255,255,.025)}
.kassza-checklist-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.025)}
.kassza-checklist-card h3{margin:2px 0 0;font-size:16px;line-height:1.2}
.kassza-checklist-open-till{flex-shrink:0;padding:7px 10px!important;font-size:11px!important}
.kassza-checklist-card-summary{display:flex;flex-wrap:wrap;gap:5px;padding:8px 10px 2px}
.kassza-checklist-card-summary span{padding:3px 7px;font-size:9px}
.kassza-checklist-rows{padding:6px}
.kassza-checklist-row{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;margin:0;padding:7px;border:0;border-bottom:1px solid rgba(255,255,255,.055);border-radius:7px;background:transparent;color:var(--text-1);text-align:left;cursor:pointer}
.kassza-checklist-row:last-child{border-bottom:0}
.kassza-checklist-row:not(:disabled):hover,.kassza-checklist-row:not(:disabled):focus-visible{background:rgba(255,255,255,.06);outline:1px solid var(--border-strong)}
.kassza-checklist-row:disabled{cursor:default;opacity:.7}
.kassza-checklist-state{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:50%;font-weight:900}
.kassza-checklist-row.is-filled .kassza-checklist-state{color:var(--success);background:rgba(32,211,121,.1)}
.kassza-checklist-row.is-confirmed .kassza-checklist-state{color:var(--success);background:rgba(32,211,121,.1)}
.kassza-checklist-row.is-empty .kassza-checklist-state{color:#ff6570;background:rgba(255,80,92,.1)}
.kassza-checklist-row.is-inactive .kassza-checklist-state{color:var(--accent);background:rgba(255,184,0,.1)}
.kassza-checklist-row.is-unavailable .kassza-checklist-state{color:var(--text-3)}
.kassza-checklist-copy{min-width:0;display:flex;flex-direction:column;gap:1px}
.kassza-checklist-copy b{font-size:11px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kassza-checklist-copy small{color:var(--text-3);font-size:9px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kassza-checklist-status{font-size:9px;font-weight:900;white-space:nowrap}
.kassza-checklist-row.is-filled .kassza-checklist-status{color:var(--success)}
.kassza-checklist-row.is-confirmed .kassza-checklist-status{color:var(--success)}
.kassza-checklist-row.is-empty .kassza-checklist-status{color:#ff6570}
.kassza-checklist-row.is-inactive .kassza-checklist-status{color:var(--accent)}
.kassza-checklist-row.is-unavailable .kassza-checklist-status{color:var(--text-3)}
.kassza-checklist-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:12px 20px;border-top:1px solid var(--border-strong);background:#111216}
.kassza-checklist-actions .sbtn{min-height:42px;padding:9px 15px}
.kassza-checklist-first{margin-right:auto}
.kassza-checklist-all-filled{margin-right:auto;color:var(--success);font-size:12px;font-weight:800}
@media(min-width:1000px){.kassza-checklist-body{padding:12px 20px 14px}.kassza-checklist-help{padding:8px 11px}.kassza-checklist-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.kassza-checklist-row{padding:5px 6px}.kassza-checklist-status{display:none}.kassza-checklist-copy b{font-size:10px}}
@media(max-width:720px){.kassza-checklist-backdrop{padding:0}.kassza-checklist-dialog{height:100vh;height:100dvh;max-height:none;border-width:0;border-radius:0}.kassza-checklist-head{padding:14px 14px 11px}.kassza-checklist-head h2{font-size:21px}.kassza-checklist-body{padding:12px 12px 18px}.kassza-checklist-actions{padding:10px 12px}.kassza-checklist-actions .sbtn{flex:1;min-width:0;font-size:11px}.kassza-checklist-all-filled{font-size:10px}}
@media(min-width:521px) and (max-width:720px){.kassza-checklist-status{display:none}}
@media(max-width:520px){.kassza-checklist-grid{grid-template-columns:1fr}}
@media(orientation:landscape) and (max-height:720px){.kassza-checklist-backdrop{padding:7px}.kassza-checklist-dialog{max-height:calc(100dvh - 14px)}.kassza-checklist-head{padding:10px 16px 8px}.kassza-checklist-head h2{font-size:19px}.kassza-checklist-close{width:38px;height:38px;flex-basis:38px}.kassza-checklist-body{padding:9px 14px 12px}.kassza-checklist-help{padding:7px 10px;line-height:1.35}.kassza-checklist-totals{margin:7px 0}.kassza-checklist-grid{gap:8px}.kassza-checklist-card>header{padding:7px 9px}.kassza-checklist-card-summary{padding:5px 7px 1px}.kassza-checklist-rows{padding:3px}.kassza-checklist-row{padding:4px 5px}.kassza-checklist-actions{padding:7px 14px}.kassza-checklist-actions .sbtn{min-height:36px;padding:6px 12px}}

@layer legacy-glass {
/* ==== UNIVERZÁLIS ÜVEG–3D FELÜLETI RÉTEG ====================================
   A nagy, görgetett listákon nincs elemenkénti backdrop-filter: a térhatást
   réteges áttetsző szín, peremfény és belső/külső árnyék adja. Így tableten is
   megmarad a gyors görgetés, miközben minden fő felület üvegszerű marad. */
:root,html[data-theme="dark"]{
  --glass-page-glow:radial-gradient(circle at 14% 8%,rgba(63,140,255,.14),transparent 31%),radial-gradient(circle at 88% 14%,rgba(233,30,117,.13),transparent 28%),radial-gradient(circle at 52% 100%,rgba(40,180,122,.08),transparent 35%);
  --glass-panel:linear-gradient(145deg,rgba(255,255,255,.105) 0%,rgba(31,39,58,.76) 34%,rgba(13,18,31,.89) 100%);
  --glass-panel-soft:linear-gradient(145deg,rgba(255,255,255,.075),rgba(26,33,49,.72) 45%,rgba(13,18,29,.82));
  --glass-chrome:linear-gradient(165deg,rgba(38,47,67,.88),rgba(15,20,33,.91));
  --glass-control:linear-gradient(180deg,rgba(255,255,255,.105),rgba(28,35,52,.76));
  --glass-input:linear-gradient(180deg,rgba(6,10,19,.72),rgba(19,25,39,.82));
  --glass-list-row:linear-gradient(180deg,rgba(39,47,65,.92),rgba(14,19,30,.96));
  --glass-edge:rgba(210,225,255,.19);
  --glass-edge-hot:color-mix(in srgb,var(--accent) 58%,rgba(255,255,255,.26));
  --glass-highlight:rgba(255,255,255,.16);
  --glass-shadow:0 12px 30px rgba(0,0,0,.31),inset 0 1px 0 var(--glass-highlight),inset 0 -1px 0 rgba(0,0,0,.42);
  --glass-shadow-raised:0 18px 42px rgba(0,0,0,.40),0 4px 0 rgba(5,8,15,.50),inset 0 1px 0 rgba(255,255,255,.19),inset 0 -1px 0 rgba(0,0,0,.44);
  --glass-shadow-control:0 6px 14px rgba(0,0,0,.25),0 2px 0 rgba(4,7,13,.48),inset 0 1px 0 rgba(255,255,255,.17);
}
html[data-theme="light"]{
  --glass-page-glow:radial-gradient(circle at 12% 6%,rgba(63,140,255,.18),transparent 32%),radial-gradient(circle at 88% 12%,rgba(233,30,117,.12),transparent 30%),radial-gradient(circle at 52% 100%,rgba(40,180,122,.10),transparent 36%);
  --glass-panel:linear-gradient(145deg,rgba(255,255,255,.92),rgba(240,245,253,.76) 48%,rgba(225,233,246,.78));
  --glass-panel-soft:linear-gradient(145deg,rgba(255,255,255,.82),rgba(235,241,251,.68));
  --glass-chrome:linear-gradient(165deg,rgba(255,255,255,.91),rgba(232,239,250,.87));
  --glass-control:linear-gradient(180deg,rgba(255,255,255,.92),rgba(224,233,247,.78));
  --glass-input:linear-gradient(180deg,rgba(255,255,255,.78),rgba(237,243,252,.82));
  --glass-list-row:linear-gradient(180deg,rgba(255,255,255,.94),rgba(229,236,247,.94));
  --glass-edge:rgba(78,103,143,.24);
  --glass-edge-hot:color-mix(in srgb,var(--accent) 54%,rgba(92,112,145,.32));
  --glass-highlight:rgba(255,255,255,.92);
  --glass-shadow:0 12px 28px rgba(34,54,84,.14),inset 0 1px 0 var(--glass-highlight),inset 0 -1px 0 rgba(91,111,145,.17);
  --glass-shadow-raised:0 18px 38px rgba(34,54,84,.20),0 4px 0 rgba(106,125,154,.22),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(91,111,145,.18);
  --glass-shadow-control:0 6px 13px rgba(34,54,84,.15),0 2px 0 rgba(106,125,154,.24),inset 0 1px 0 #fff;
}
html[data-theme="industrial"]{
  --glass-page-glow:radial-gradient(circle at 14% 5%,rgba(255,212,0,.13),transparent 31%),radial-gradient(circle at 88% 12%,rgba(224,0,99,.15),transparent 28%),radial-gradient(circle at 50% 100%,rgba(48,190,120,.08),transparent 35%);
  --glass-panel:linear-gradient(145deg,rgba(255,255,255,.095),rgba(34,34,35,.78) 38%,rgba(9,10,12,.91));
  --glass-panel-soft:linear-gradient(145deg,rgba(255,255,255,.065),rgba(29,29,31,.76),rgba(11,12,14,.85));
  --glass-chrome:linear-gradient(165deg,rgba(38,38,40,.91),rgba(10,11,13,.94));
  --glass-control:linear-gradient(180deg,rgba(255,255,255,.10),rgba(28,28,30,.82));
  --glass-input:linear-gradient(180deg,rgba(3,4,6,.78),rgba(22,22,24,.86));
  --glass-list-row:linear-gradient(180deg,rgba(38,38,40,.94),rgba(12,13,15,.97));
  --glass-edge:rgba(255,255,255,.18);
  --glass-edge-hot:rgba(255,212,0,.56);
}

body{background-color:var(--bg-page);background-image:var(--glass-page-glow),linear-gradient(145deg,var(--bg-page),color-mix(in srgb,var(--bg-page) 84%,var(--page-mix-end)));}
.page{background-color:transparent;background-image:var(--glass-page-glow),linear-gradient(145deg,color-mix(in srgb,var(--bg-page) 94%,transparent),color-mix(in srgb,var(--bg-page) 82%,var(--page-layer-end)));}

:where(.topbar,.session-header-status,.app-rail,.drawer,.drawer-brand,.product-filter-toolbar,.product-filter-footer,.contacts-search-bar,.promotion-filter-bar,.supplier-invoice-template-toolbar){
  background:var(--glass-chrome);
  border-color:var(--glass-edge);
  box-shadow:0 12px 32px rgba(0,0,0,.30),inset 0 1px 0 var(--glass-highlight),inset 0 -1px 0 rgba(0,0,0,.34);
}

:where(.card,.settings-card,.settings-hero,.home-stat,.home-alerts-card,.home-warehouse-card,.doclist-card,.doc-list-card,.doc-item-card,.docpick-card,.docprod-card,.docprod-new-card,.docqty-summary-card,.preentry-card,.purchase-plan-summary>div,.purchase-plan-list,.purchase-plan-draft,.po-capacity-card,.po-product-card,.po-draft-card,.po-price-focus-card,.report-metric-card,.report-expiry-card,.daily-report-analysis-card,.supplier-report-card,.price-result-card,.price-card,.product-row,.product-card,.product-ops-card,.promotion-card,.contact-card,.cash-save-card,.doc-row,.doc-item-row,.kassza-summary-card,.kassza-daily-total-card,.kassza-report-card,.kassza-total-card,.page-warehouse-card,.pf-photo-gallery-card,.pf-promo-card,.stock-ai-card,.cat-recovery-card,.role-help-card,.login-user-card,.app-theme-card,.version-history-card,.supplier-invoice-map-card,.device-guard-overlay-box,.product-filter-section,.kassza-checklist-card){
  background:var(--glass-panel);
  border-color:var(--glass-edge);
  box-shadow:var(--glass-shadow);
}

:where(.form-box,.pf-subpanel,.doc-create-panel,.doc-filter-panel,.doc-archive-panel,.docprod-stock-panel,.docprod-target-fixed-panel,.purchase-panel,.purchase-orders-panel,.po-custom-panel,.product-lifecycle-panel,.promotion-margin-panel,.promotion-note-panel,.invoice-analysis-panel,.supplier-invoice-map-panel,.server-doc-archive-period-panel,.sync-outbox-review,.sync-outbox-document-detail,.doc-invoice-box,.doc-payment-box,.po-qty-box,.kassza-report-box){
  background:var(--glass-panel-soft);
  border-color:var(--glass-edge);
  box-shadow:var(--glass-shadow);
}

:where(.product-filter-drawer,.app-select-sheet,.app-category-select-sheet,.product-photo-viewer-panel,.price-reader-barcode-role-panel,.kassza-machine-popup-box,.kassza-checklist-dialog,.login-account-switch-pin-dialog){
  background:var(--glass-chrome);
  border-color:var(--glass-edge-hot);
  box-shadow:0 28px 86px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.06),inset 0 1px 0 var(--glass-highlight);
}

:where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea,.product-filter-number,.docprod-reader-inputbox){
  background:var(--glass-input);
  border-color:var(--glass-edge);
  box-shadow:var(--input-control-shadow);
}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea):focus{
  border-color:var(--glass-edge-hot);
  box-shadow:var(--input-focus-shadow);
}

:where(button,.sbtn,.topbar-btn,.rail-item,.drawer .ditem,.tab,.product-filter-chip){
  border-color:color-mix(in srgb,currentColor 18%,var(--glass-edge));
  box-shadow:var(--glass-shadow-control);
  text-shadow:var(--control-text-shadow);
}
:where(.topbar button,.topbar-btn,.sbtn.grey,.rail-item,.drawer .ditem,.tab:not(.on),.product-filter-chip,.product-filter-trigger,.product-filter-toolbar-clear){
  background:var(--glass-control);
}
:where(.sbtn.acc,.sbtn.red,.sbtn.green,.sbtn.yellow,.topbar button[id*="save"],.topbar button[id*="ment"]){
  box-shadow:0 8px 18px color-mix(in srgb,currentColor 16%,rgba(0,0,0,.34)),0 3px 0 color-mix(in srgb,currentColor 24%,#05070c),inset 0 1px 0 rgba(255,255,255,.27);
}
:where(.rail-item.is-active,.drawer .ditem.is-active,.drawer .ditem.active,.tab.on,.product-filter-chip.is-active){
  border-color:var(--glass-edge-hot);
  box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 18%,rgba(0,0,0,.28)),0 3px 0 rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.22);
}

@media (hover:hover) and (pointer:fine){
  :where(.topbar,.session-header-status,.app-rail,.drawer,.drawer-brand,.product-filter-toolbar,.product-filter-footer,.product-filter-drawer,.app-select-sheet,.app-category-select-sheet,.product-photo-viewer-panel,.kassza-checklist-dialog){backdrop-filter:blur(15px) saturate(135%);-webkit-backdrop-filter:blur(15px) saturate(135%)}
  :where(.card,.settings-card,.home-stat,.doclist-card,.doc-list-card,.preentry-card,.price-result-card,.product-row,.product-card,.promotion-card,.contact-card,.kassza-summary-card,.page-warehouse-card):hover{border-color:var(--glass-edge-hot);box-shadow:var(--glass-shadow-raised);transform:translateY(-2px)}
  :where(button,.sbtn,.topbar-btn,.rail-item,.drawer .ditem,.tab,.product-filter-chip):not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.09)}
}
:where(button,.sbtn,.topbar-btn,.rail-item,.drawer .ditem,.tab,.product-filter-chip):not(:disabled):active{
  transform:translateY(2px) scale(.992);
  box-shadow:0 2px 6px rgba(0,0,0,.24),inset 0 2px 5px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.10);
}

/* A mezőbe ágyazott számológép-gomb középre igazítását nem írhatja felül
   a globális üveggomb hover/active elmozdítása. Különben egér ráhúzásakor
   a gomb kiugrik a mutató alól, és a kattintás sem ér célba. */
@media (hover:hover) and (pointer:fine){
  .app-num-trigger[data-app-num-pad-trigger]:not(:disabled):hover{
    transform:none;
    box-shadow:none;
  }
}
.app-num-trigger[data-app-num-pad-trigger]:not(:disabled):active{
  transform:scale(.96);
  box-shadow:none;
}

@media (pointer:coarse){
  :where(.topbar,.session-header-status,.app-rail,.drawer,.drawer-brand,.product-filter-toolbar,.product-filter-footer,.product-filter-drawer,.app-select-sheet,.app-category-select-sheet,.product-photo-viewer-panel,.kassza-checklist-dialog){backdrop-filter:none;-webkit-backdrop-filter:none}
  :where(.card,.settings-card,.home-stat,.doclist-card,.doc-list-card,.preentry-card,.price-result-card,.product-row,.product-card,.promotion-card,.contact-card,.kassza-summary-card,.page-warehouse-card){box-shadow:0 7px 17px rgba(0,0,0,.22),inset 0 1px 0 var(--glass-highlight),inset 0 -1px 0 rgba(0,0,0,.30)}
}
@media (prefers-reduced-motion:reduce){
  :where(button,.sbtn,.topbar-btn,.rail-item,.drawer .ditem,.tab,.product-filter-chip,.card,.settings-card,.home-stat,.doclist-card,.product-row){transition:none}
}

/* Napi zárás gyorsellenőrző: teljes, egységes üveg–3D megjelenés. */
.kassza-checklist-backdrop{
  background:radial-gradient(circle at 18% 10%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 36%),radial-gradient(circle at 86% 82%,rgba(69,113,190,.13),transparent 38%),rgba(2,5,11,.76);
}
.kassza-checklist-dialog{
  border-color:var(--glass-edge-hot);
  background:var(--glass-chrome);
  box-shadow:0 30px 88px rgba(0,0,0,.62),0 6px 0 color-mix(in srgb,var(--glass-edge) 52%,rgba(0,0,0,.44)),0 0 0 1px rgba(255,255,255,.07),inset 0 1px 0 var(--glass-highlight);
}
.kassza-checklist-head{
  position:relative;
  isolation:isolate;
  border-color:var(--glass-edge);
  background:linear-gradient(112deg,color-mix(in srgb,var(--accent) 15%,transparent),transparent 54%),var(--glass-chrome);
  box-shadow:0 8px 22px rgba(0,0,0,.20),inset 0 1px 0 var(--glass-highlight),inset 0 -1px 0 rgba(0,0,0,.24);
}
.kassza-checklist-head::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 0 48% 0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.12),transparent);
}
.kassza-checklist-head-copy{min-width:0}
.kassza-checklist-head-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.kassza-checklist-guide-toggle{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:7px 13px 7px 8px;
  border:1px solid rgba(163,225,255,.76);
  border-radius:12px;
  background:linear-gradient(145deg,#64caff 0%,#1687ce 47%,#075893 100%);
  box-shadow:0 10px 21px rgba(12,112,178,.30),0 3px 0 #064471,inset 0 1px 0 rgba(255,255,255,.60),inset 0 -1px 0 rgba(0,42,76,.44);
  color:#fff;
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
  cursor:pointer;
}
.kassza-checklist-guide-toggle-icon{
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.64);
  border-radius:50%;
  background:rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 2px 5px rgba(0,39,70,.28);
  font-size:16px;
  line-height:1;
}
.kassza-checklist-guide-toggle-short{display:none}
.kassza-checklist-guide-toggle.is-open{
  background:linear-gradient(145deg,#43b7f4,#0c6dac 58%,#064773);
  box-shadow:0 5px 12px rgba(12,112,178,.26),0 1px 0 #063c62,inset 0 2px 5px rgba(0,43,73,.38),inset 0 1px 0 rgba(255,255,255,.35);
}
.kassza-checklist-info{
  position:relative;
  width:38px;
  height:38px;
  flex:0 0 38px;
  border:1px solid rgba(255,205,210,.72);
  border-radius:50%;
  background:linear-gradient(145deg,#ff7780 0%,#e72e3b 48%,#a50f1d 100%);
  box-shadow:0 9px 19px rgba(7,19,38,.32),0 3px 0 rgba(7,19,38,.55),inset 0 1px 0 rgba(255,255,255,.56),inset 0 -1px 0 rgba(7,19,38,.38);
  color:#fff;
  font:900 19px/1 var(--font-ui);
  text-shadow:0 1px 2px rgba(7,19,38,.68);
  cursor:pointer;
}
.kassza-checklist-info::before{
  content:"";
  position:absolute;
  inset:3px 5px 53% 5px;
  border-radius:999px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));
}
.kassza-checklist-info::after{
  content:"";
  position:absolute;
  inset:-5px;
  border:2px solid rgba(255,73,87,.62);
  border-radius:50%;
  pointer-events:none;
  animation:kasszaChecklistInfoPulse 2.25s ease-out infinite;
}
.kassza-checklist-info.is-open{
  background:linear-gradient(145deg,#ff8b93,#d91f2d 55%,#8f0914);
  box-shadow:0 5px 12px rgba(7,19,38,.28),0 1px 0 rgba(7,19,38,.55),inset 0 2px 5px rgba(7,19,38,.30),inset 0 1px 0 rgba(255,255,255,.34);
}
.kassza-checklist-info.is-open::after{animation:none;opacity:.22;transform:scale(.9)}
@keyframes kasszaChecklistInfoPulse{
  0%,38%{opacity:.58;transform:scale(.82)}
  76%,100%{opacity:0;transform:scale(1.2)}
}
.kassza-checklist-close{
  border-color:var(--glass-edge);
  background:var(--glass-control);
  box-shadow:var(--glass-shadow-control);
}
.kassza-checklist-body{
  background:linear-gradient(145deg,rgba(255,255,255,.045),color-mix(in srgb,var(--bg-page) 26%,transparent)),var(--glass-panel-soft);
}
.kassza-checklist-help{
  position:absolute;
  z-index:8;
  top:78px;
  right:20px;
  width:min(650px,calc(100% - 40px));
  box-sizing:border-box;
  display:flex;
  align-items:flex-start;
  gap:12px;
  border-color:color-mix(in srgb,var(--danger) 64%,var(--glass-edge));
  background:linear-gradient(145deg,color-mix(in srgb,var(--danger) 13%,rgba(255,255,255,.09)),color-mix(in srgb,var(--danger) 5%,transparent)),var(--glass-panel-soft);
  box-shadow:0 9px 22px rgba(7,19,38,.19),0 3px 0 rgba(7,19,38,.24),inset 0 1px 0 var(--glass-highlight);
  animation:kasszaChecklistHelpIn .16s ease-out both;
}
.kassza-checklist-help-copy{min-width:0;flex:1}
.kassza-checklist-help-close{width:28px;height:28px;flex:0 0 28px;border:1px solid color-mix(in srgb,var(--danger) 48%,var(--glass-edge));border-radius:9px;background:var(--glass-control);color:var(--text-1);font-size:20px;line-height:1;cursor:pointer;box-shadow:inset 0 1px 0 var(--glass-highlight)}
@keyframes kasszaChecklistHelpIn{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}
.kassza-checklist-help[hidden]{display:none}
.kassza-checklist-help b{color:var(--text-1)}
.kassza-checklist-guide[hidden]{display:none}
.kassza-checklist-guide{
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--info) 62%,var(--glass-edge));
  border-radius:16px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--info) 8%,rgba(255,255,255,.08)),transparent 38%),var(--glass-panel);
  box-shadow:var(--glass-shadow-raised);
  outline:none;
}
.kassza-checklist-guide>header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  border-bottom:1px solid var(--glass-edge);
  background:linear-gradient(112deg,color-mix(in srgb,var(--info) 17%,transparent),transparent 58%),var(--glass-control);
  box-shadow:0 7px 17px rgba(0,0,0,.16),inset 0 1px 0 var(--glass-highlight);
}
.kassza-checklist-guide-kicker{display:block;color:var(--info);font-size:10px;font-weight:950;letter-spacing:1.1px}
.kassza-checklist-guide h3{margin:2px 0 0;color:var(--text-1);font-size:20px;line-height:1.15}
.kassza-checklist-guide>header p{margin:4px 0 0;color:var(--text-2);font-size:11px}
.kassza-checklist-guide-close{
  width:38px;
  height:38px;
  flex:0 0 38px;
  border:1px solid var(--glass-edge);
  border-radius:11px;
  background:var(--glass-control);
  color:var(--text-1);
  font-size:25px;
  line-height:1;
  cursor:pointer;
}
.kassza-checklist-guide-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.35fr);gap:12px;padding:12px}
.kassza-checklist-guide article{
  min-width:0;
  padding:13px;
  border:1px solid var(--glass-edge);
  border-radius:13px;
  background:var(--glass-panel-soft);
  box-shadow:var(--glass-shadow-control);
}
.kassza-checklist-guide h4{margin:0 0 11px;color:var(--text-1);font-size:15px}
.kassza-checklist-guide h4>span{display:inline-flex;margin-right:5px;padding:3px 6px;border:1px solid color-mix(in srgb,var(--success) 58%,var(--glass-edge));border-radius:999px;background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success);font-size:9px;vertical-align:2px}
.kassza-checklist-guide-quick ol,.kassza-checklist-guide-detail ul,.kassza-checklist-guide-order{margin:0;padding:0;list-style:none}
.kassza-checklist-guide-quick li{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:9px;margin-top:8px;padding:9px;border:1px solid var(--glass-edge);border-radius:10px;background:var(--glass-control);box-shadow:var(--glass-shadow-control)}
.kassza-checklist-guide-quick li:first-child{margin-top:0}
.kassza-checklist-guide-quick li>b{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--info) 62%,var(--glass-edge));border-radius:50%;background:linear-gradient(145deg,#62c9ff,#0873ba);color:#fff;box-shadow:0 3px 7px rgba(0,91,151,.28),inset 0 1px 0 rgba(255,255,255,.48)}
.kassza-checklist-guide-quick li span{color:var(--text-2);font-size:11px;line-height:1.38}
.kassza-checklist-guide-quick li strong{display:block;margin-bottom:1px;color:var(--text-1);font-size:11px}
.kassza-checklist-guide-detail>section{margin-top:10px;padding-top:9px;border-top:1px solid var(--glass-edge)}
.kassza-checklist-guide-detail>section:first-of-type{margin-top:0;padding-top:0;border-top:0}
.kassza-checklist-guide h5{margin:0 0 7px;color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.5px}
.kassza-checklist-guide-statuses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.kassza-checklist-guide-statuses p{position:relative;margin:0;padding:7px 8px 7px 12px;border:1px solid var(--glass-edge);border-radius:8px;background:var(--glass-control);box-shadow:0 3px 8px rgba(0,0,0,.12),inset 0 1px 0 var(--glass-highlight)}
.kassza-checklist-guide-statuses p::before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:3px;background:currentColor}
.kassza-checklist-guide-statuses b,.kassza-checklist-guide-statuses span{display:block}
.kassza-checklist-guide-statuses b{font-size:10px}.kassza-checklist-guide-statuses span{margin-top:2px;color:var(--text-2);font-size:9px;line-height:1.3}
.kassza-checklist-guide-statuses .is-filled{color:var(--success)}.kassza-checklist-guide-statuses .is-empty{color:#ff6570}.kassza-checklist-guide-statuses .is-unavailable{color:var(--text-3)}.kassza-checklist-guide-statuses .is-inactive{color:var(--accent)}
.kassza-checklist-guide-detail ul li,.kassza-checklist-guide-order li{position:relative;margin-top:4px;padding-left:14px;color:var(--text-2);font-size:10px;line-height:1.35}
.kassza-checklist-guide-detail ul li::before,.kassza-checklist-guide-order li::before{content:"";position:absolute;left:3px;top:.52em;width:4px;height:4px;border-radius:50%;background:var(--info);box-shadow:0 1px 2px rgba(0,0,0,.22)}
.kassza-checklist-guide-detail li b{color:var(--text-1)}
.kassza-checklist-guide>footer{display:flex;align-items:center;gap:9px;padding:10px 12px;border-top:1px solid var(--glass-edge);background:var(--glass-control);color:var(--text-2);font-size:10px;box-shadow:0 -6px 15px rgba(0,0,0,.12),inset 0 1px 0 var(--glass-highlight)}
.kassza-checklist-guide>footer strong{color:var(--danger)}
.kassza-checklist-guide>footer .sbtn{margin-left:auto;white-space:nowrap}
.kassza-checklist-backdrop.is-guide-open .kassza-checklist-help,.kassza-checklist-backdrop.is-guide-open .kassza-checklist-totals,.kassza-checklist-backdrop.is-guide-open .kassza-checklist-grid,.kassza-checklist-backdrop.is-guide-open .kassza-checklist-actions{display:none}
.kassza-checklist-totals span,.kassza-checklist-card-summary span{
  background:var(--glass-control);
  box-shadow:0 5px 12px rgba(0,0,0,.15),0 2px 0 color-mix(in srgb,currentColor 20%,rgba(0,0,0,.22)),inset 0 1px 0 var(--glass-highlight);
}
.kassza-checklist-totals .is-filled,.kassza-checklist-card-summary .is-filled,
.kassza-checklist-totals .is-confirmed,.kassza-checklist-card-summary .is-confirmed{background:linear-gradient(180deg,color-mix(in srgb,var(--success) 18%,rgba(255,255,255,.14)),color-mix(in srgb,var(--success) 7%,transparent)),var(--glass-control)}
.kassza-checklist-totals .is-empty,.kassza-checklist-card-summary .is-empty{background:linear-gradient(180deg,rgba(255,91,104,.18),rgba(255,91,104,.045)),var(--glass-control)}
.kassza-checklist-totals .is-inactive,.kassza-checklist-card-summary .is-inactive{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.12)),color-mix(in srgb,var(--accent) 7%,transparent)),var(--glass-control)}
.kassza-checklist-totals .is-unavailable,.kassza-checklist-card-summary .is-unavailable{background:var(--glass-control)}
.kassza-checklist-card{
  border-color:var(--glass-edge);
  background:var(--glass-panel);
  box-shadow:var(--glass-shadow-raised);
}
.kassza-checklist-card>header{
  border-color:var(--glass-edge);
  background:linear-gradient(180deg,rgba(255,255,255,.11),transparent 72%),var(--glass-control);
  box-shadow:0 7px 16px rgba(0,0,0,.16),inset 0 1px 0 var(--glass-highlight),inset 0 -1px 0 rgba(0,0,0,.19);
}
.kassza-checklist-open-till{
  border-color:var(--glass-edge);
  background:var(--glass-control);
  box-shadow:var(--glass-shadow-control);
}
.kassza-checklist-row{
  margin:0 0 5px;
  border:1px solid var(--glass-edge);
  background:var(--glass-list-row);
  box-shadow:var(--glass-shadow-control);
}
.kassza-checklist-row:last-child{margin-bottom:0;border-bottom:1px solid var(--glass-edge)}
.kassza-checklist-row:not(:disabled):hover,.kassza-checklist-row:not(:disabled):focus-visible{
  border-color:var(--glass-edge-hot);
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.035)),var(--glass-list-row);
  box-shadow:var(--glass-shadow-raised);
}
.kassza-checklist-row:disabled{opacity:.76;box-shadow:0 3px 8px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.11)}
.kassza-checklist-state{
  background:var(--glass-control);
  box-shadow:0 4px 9px rgba(0,0,0,.18),0 2px 0 color-mix(in srgb,currentColor 22%,rgba(0,0,0,.28)),inset 0 1px 0 var(--glass-highlight);
}
.kassza-checklist-actions{
  border-color:var(--glass-edge);
  background:var(--glass-chrome);
  box-shadow:0 -9px 23px rgba(0,0,0,.20),inset 0 1px 0 var(--glass-highlight);
}
.kassza-checklist-actions .sbtn{
  border-color:color-mix(in srgb,currentColor 23%,var(--glass-edge));
  box-shadow:0 9px 20px color-mix(in srgb,currentColor 13%,rgba(0,0,0,.25)),0 3px 0 color-mix(in srgb,currentColor 18%,rgba(0,0,0,.35)),inset 0 1px 0 rgba(255,255,255,.28);
}
@media(max-width:720px){.kassza-checklist-head-actions{gap:7px}.kassza-checklist-guide-toggle{min-height:36px;padding:5px 9px 5px 6px;font-size:11px}.kassza-checklist-guide-toggle-icon{width:22px;height:22px}.kassza-checklist-info{width:36px;height:36px;flex-basis:36px}.kassza-checklist-help{top:68px;right:12px;width:calc(100% - 24px)}.kassza-checklist-guide-layout{grid-template-columns:1fr}.kassza-checklist-guide>footer{align-items:flex-start;flex-wrap:wrap}.kassza-checklist-guide>footer .sbtn{width:100%;margin-left:0}}
@media(max-width:560px){.kassza-checklist-guide-toggle-full{display:none}.kassza-checklist-guide-toggle-short{display:inline}.kassza-checklist-guide-statuses{grid-template-columns:1fr}}
@media(orientation:landscape) and (max-height:720px){.kassza-checklist-guide-toggle{min-height:34px;padding-top:4px;padding-bottom:4px}.kassza-checklist-info{width:34px;height:34px;flex-basis:34px;font-size:17px}.kassza-checklist-help{top:58px;right:14px;width:min(650px,calc(100% - 28px))}.kassza-checklist-guide-layout{padding:8px;gap:8px}.kassza-checklist-guide article{padding:10px}.kassza-checklist-guide>header{padding:9px 12px}.kassza-checklist-guide>footer{padding:7px 9px}}
@media(pointer:coarse){
  .kassza-checklist-card{box-shadow:0 8px 19px rgba(0,0,0,.22),0 3px 0 rgba(0,0,0,.24),inset 0 1px 0 var(--glass-highlight)}
  .kassza-checklist-row{box-shadow:0 4px 10px rgba(0,0,0,.16),0 2px 0 rgba(0,0,0,.22),inset 0 1px 0 var(--glass-highlight)}
}
@media(prefers-reduced-motion:reduce){.kassza-checklist-info::after{animation:none;opacity:.28}.kassza-checklist-help{animation:none}}

/* A több ezres, folyamatosan görgetett terméklista külön könnyített üvegárnyékot
   kap. A peremfény megmarad, de minden új sor kirajzolása olcsóbb. */
.product-row{background:var(--glass-list-row);box-shadow:0 5px 13px rgba(0,0,0,.22)}
@media (pointer:coarse){.product-row{box-shadow:0 3px 9px rgba(0,0,0,.17)}}

/* Árellenőrző: a kereső és a gyors nézet is ugyanazt az üveg–3D mélységet
   használja, mint az alkalmazás többi felülete. Csak az egyetlen rögzített
   keresőpanel kap elmosást; a találati sorok olcsó réteges árnyékból épülnek. */
#pg-price-reader{isolation:isolate}
#pg-price-reader.on{overflow:hidden}
.price-reader-search-shell{
  flex:0 0 auto;
  position:sticky;
  top:calc(58px + var(--safe-top));
  z-index:9;
  margin:8px 10px 0;
  padding:9px;
  overflow:hidden;
  border:1px solid var(--glass-edge);
  border-radius:16px;
  background:var(--glass-panel-soft);
  box-shadow:var(--glass-shadow-raised);
}
.price-reader-search-shell:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:42%;
  pointer-events:none;
  background:linear-gradient(110deg,rgba(255,255,255,.17),transparent 43%,color-mix(in srgb,var(--info) 13%,transparent));
}
.price-reader-search-row{position:relative;display:flex;align-items:center;gap:8px}
.price-reader-search-wrap{position:relative;flex:1;min-width:0}
.price-reader-search-icon{position:absolute;z-index:2;left:14px;top:50%;transform:translateY(-50%);font-size:18px;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.24))}
#pg-price-reader .price-reader-search-input{
  width:100%;
  min-height:50px;
  box-sizing:border-box;
  padding:12px 14px 12px calc(44px + 5ch);
  border:1px solid color-mix(in srgb,var(--info) 58%,var(--glass-edge));
  border-radius:13px;
  background:var(--glass-input);
  color:var(--text-1);
  font-size:16px;
  box-shadow:inset 0 2px 6px rgba(0,0,0,.25),0 4px 12px rgba(0,0,0,.16),inset 0 1px 0 var(--glass-highlight);
}
#pg-price-reader .price-reader-search-input:focus{
  border-color:var(--info);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--info) 20%,transparent),inset 0 2px 6px rgba(0,0,0,.22),0 7px 17px rgba(0,0,0,.18);
}
#pg-price-reader :where(#b-pr-keyboard,#b-pr-voice,#b-pr-theme,#b-pr-fullscreen){
  width:54px;
  min-width:54px;
  height:50px;
  min-height:50px;
  padding:0;
  flex:0 0 54px;
  border:1px solid var(--glass-edge);
  border-radius:13px;
  background:var(--glass-control);
  box-shadow:var(--glass-shadow-control);
}
#pg-price-reader #b-pr-keyboard{color:var(--text-1);font-size:19px}
#pg-price-reader #b-pr-voice{color:var(--info)}
#pg-price-reader #b-pr-theme{color:var(--warning);font-size:21px}
#pg-price-reader #b-pr-fullscreen{color:var(--text-1);font-size:22px}
#pg-price-reader .price-reader-mode{
  position:relative;
  gap:8px;
  margin-top:8px;
  padding:5px;
  border:1px solid var(--glass-edge);
  border-radius:13px;
  background:color-mix(in srgb,var(--glass-input) 88%,transparent);
  box-shadow:inset 0 2px 7px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.07);
}
#pg-price-reader .price-reader-mode button{
  min-height:38px;
  border:1px solid var(--glass-edge);
  border-radius:10px;
  background:var(--glass-control);
  color:var(--text-2);
  box-shadow:0 4px 10px rgba(0,0,0,.16),inset 0 1px 0 var(--glass-highlight);
}
#pg-price-reader .price-reader-mode button.is-on{
  border-color:color-mix(in srgb,var(--info) 70%,rgba(255,255,255,.42));
  background:linear-gradient(145deg,color-mix(in srgb,var(--info) 84%,#fff),color-mix(in srgb,var(--info) 72%,var(--mod-sales)) 58%,color-mix(in srgb,var(--info) 68%,#101a33));
  color:#fff;
  box-shadow:0 9px 20px color-mix(in srgb,var(--info) 28%,rgba(0,0,0,.28)),0 3px 0 color-mix(in srgb,var(--info) 42%,#101727),inset 0 1px 0 rgba(255,255,255,.45);
}
.price-reader-result{position:relative;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;box-sizing:border-box;overflow:auto;padding:14px 16px 18px}
.price-reader-result>.price-card{width:100%;min-height:100%;box-sizing:border-box}
#pg-price-reader .price-empty{
  width:min(720px,100%);
  min-height:250px;
  margin:0 auto;
  padding:28px 18px;
  box-sizing:border-box;
  border:1px solid var(--glass-edge);
  border-radius:17px;
  background:var(--glass-panel-soft);
  box-shadow:var(--glass-shadow);
  color:var(--text-3);
}
#pg-price-reader .price-empty-icon{
  background:var(--glass-control);
  border-color:var(--glass-edge);
  box-shadow:var(--glass-shadow-control);
}
#pg-price-reader :where(.price-pick-row,.price-fast-notice){
  background:var(--glass-panel-soft);
  border-color:var(--glass-edge);
  box-shadow:var(--glass-shadow);
}
#pg-price-reader :where(.price-metric,.price-expiry-section,.price-expiry-chip,.price-offer,.price-extra-grid>div){
  background:var(--glass-control);
  border-color:var(--glass-edge);
  box-shadow:var(--glass-shadow-control);
}
html[data-theme="light"] #pg-price-reader button{text-shadow:none}
@media (hover:hover) and (pointer:fine){
  .price-reader-search-shell{backdrop-filter:blur(15px) saturate(135%);-webkit-backdrop-filter:blur(15px) saturate(135%)}
}
@media (pointer:coarse){
  .price-reader-search-shell{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 9px 22px rgba(0,0,0,.22),inset 0 1px 0 var(--glass-highlight),inset 0 -1px 0 rgba(0,0,0,.25)}
  #pg-price-reader :where(.price-pick-row,.price-fast-notice){box-shadow:0 5px 13px rgba(0,0,0,.18),inset 0 1px 0 var(--glass-highlight)}
}
@media (max-width:720px){
  .price-reader-search-shell{top:calc(54px + var(--safe-top));margin:6px 7px 0;padding:7px;border-radius:14px}
  .price-reader-search-row{gap:6px}
  #pg-price-reader .price-reader-search-input{min-height:46px;padding-top:10px;padding-bottom:10px}
  #pg-price-reader :where(#b-pr-keyboard,#b-pr-voice,#b-pr-theme,#b-pr-fullscreen){width:48px;min-width:48px;height:46px;min-height:46px;flex-basis:48px}
  #pg-price-reader .price-reader-mode{margin-top:6px}
  .price-reader-result{padding:10px 8px 14px}
  #pg-price-reader .price-empty{min-height:210px;border-radius:14px}
}
@media (orientation:landscape) and (max-height:720px){
  .price-reader-search-shell{margin-top:5px;padding:6px}
  #pg-price-reader .price-reader-search-input{min-height:42px}
  #pg-price-reader :where(#b-pr-keyboard,#b-pr-voice,#b-pr-theme,#b-pr-fullscreen){height:42px;min-height:42px}
  #pg-price-reader .price-reader-mode{margin-top:5px;padding:4px}
  #pg-price-reader .price-reader-mode button{min-height:32px}
  .price-reader-result{padding-top:8px}
  #pg-price-reader .price-empty{min-height:170px}
}
}

/* Komponenssaját interakció: nem a legacy glass layer feladata. */
#pg-price-reader .price-reader-search-input{padding-left:calc(44px + 5ch)}
#pg-price-reader #b-pr-voice.voice-ptt-toggle{display:inline-flex!important}
#pg-price-reader #b-pr-voice.voice-ptt-toggle.is-active{border-color:var(--info);background:color-mix(in srgb,var(--info) 24%,var(--bg-surface));color:var(--info);box-shadow:0 0 0 3px color-mix(in srgb,var(--info) 14%,transparent),var(--glass-shadow-control)}
#pg-products #b-prod-voice.voice-ptt-toggle,#pg-doc-add-prod #b-docprod-voice.voice-ptt-toggle{align-items:center;justify-content:center;width:50px;min-width:50px;height:50px;min-height:50px;flex:0 0 50px;padding:0;border:1px solid var(--border-strong);border-radius:13px;background:var(--glass-control,var(--bg-surface));color:var(--text-1);box-shadow:var(--glass-shadow-control,0 6px 14px rgba(0,0,0,.16))}
#pg-products #b-prod-voice.voice-ptt-toggle .voice-toggle-icon,#pg-doc-add-prod #b-docprod-voice.voice-ptt-toggle .voice-toggle-icon{display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
#pg-products #b-prod-voice.voice-ptt-toggle.is-active,#pg-doc-add-prod #b-docprod-voice.voice-ptt-toggle.is-active{border-color:var(--info);background:color-mix(in srgb,var(--info) 24%,var(--bg-surface));color:var(--info);box-shadow:0 0 0 3px color-mix(in srgb,var(--info) 14%,transparent),var(--glass-shadow-control)}
@media(max-width:620px){#pg-products #b-prod-voice.voice-ptt-toggle,#pg-doc-add-prod #b-docprod-voice.voice-ptt-toggle{width:46px;min-width:46px;height:46px;min-height:46px;flex-basis:46px}}
#pg-price-reader .price-product-name-edit{display:block;width:auto;max-width:100%;min-height:0;margin:0;padding:0;-webkit-appearance:none;appearance:none;border:0;border-radius:6px;background:transparent;color:inherit;box-shadow:none;font:inherit;text-align:left;cursor:pointer}
#pg-price-reader .price-product-name-edit .price-title-combo{max-width:100%}
#pg-price-reader .price-product-name-edit:hover .price-product-name,#pg-price-reader .price-product-name-edit:focus-visible .price-product-name{color:var(--info);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
#pg-price-reader .price-product-name-edit:focus-visible{outline:2px solid var(--info);outline-offset:4px}
.price-reader-result.has-price-card{overflow:hidden;padding:8px 10px 10px}
.price-reader-result.has-price-card>.price-card{height:100%;min-height:0;margin:0}
.price-reader-result.has-price-card>.price-card>.price-card-layout{height:100%;min-height:0;align-items:stretch}
.price-reader-result.has-price-card .price-card-media,.price-reader-result.has-price-card .price-card-data{height:100%;max-height:100%;min-height:0;box-sizing:border-box}
.price-reader-result.has-price-card .price-card-media .price-photo-wrap{height:100%;min-height:0}
.price-reader-result.has-price-card .price-card-data{overflow:hidden}
.price-reader-result.has-price-card .price-prices-row{flex:.9 1 88px;min-height:82px;max-height:none;height:auto}
.price-reader-result.has-price-card .price-prices-row .price-main-grid{gap:10px;padding:10px;box-sizing:border-box;border-bottom:0;background:transparent}
.price-reader-result.has-price-card .price-main-sale,.price-reader-result.has-price-card .price-main-unit{min-width:0;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--info) 24%,var(--border-strong));border-radius:11px;box-shadow:var(--glass-shadow-control)}
.price-reader-result.has-price-card .price-main-unit{border-left:1px solid color-mix(in srgb,var(--info) 24%,var(--border-strong))}
.price-reader-result.has-price-card .price-discount-row{flex:1.3 1 124px;min-height:112px;height:auto}
.price-reader-result.has-price-card .price-collectors-row{flex:1.3 1 124px;min-height:112px;height:auto}
.price-reader-result.has-price-card .price-offer-copy{display:grid;grid-template-rows:auto auto auto;place-items:center;align-content:center;row-gap:clamp(8px,1.25vh,14px)}
.price-reader-result.has-price-card .price-offer-mainline{width:max-content;max-width:100%;display:grid;grid-template-columns:max-content max-content;align-items:center;justify-content:center;justify-self:center;gap:10px;min-width:0}
.price-reader-result.has-price-card .price-offer-value{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:nowrap;margin:0;line-height:1}
.price-reader-result.has-price-card .price-offer-mainline .price-drs-line{margin:0;white-space:nowrap}
.price-reader-result.has-price-card .price-discount-row .price-offer-label{width:100%;justify-self:stretch;text-align:left}
.price-reader-result.has-price-card .price-offer-qty{padding:6px 11px;border:1px solid color-mix(in srgb,var(--info) 62%,var(--border-strong));border-radius:999px;background:color-mix(in srgb,var(--info) 13%,var(--bg-inset));color:var(--info);font-size:clamp(18px,1.45vw,25px);font-weight:950;white-space:nowrap}
.price-reader-result.has-price-card .price-offer-equals{color:var(--text-3);font-size:19px;font-weight:950}
.price-reader-result.has-price-card .price-offer-total{color:var(--accent);font-size:clamp(24px,2vw,34px);font-weight:950;white-space:nowrap;text-shadow:0 5px 16px color-mix(in srgb,var(--accent) 22%,transparent)}
.price-reader-result.has-price-card .price-offer-details{width:auto;min-height:30px;box-sizing:border-box;margin-top:2px;padding:4px 12px;border:1px solid var(--border-strong);border-radius:9px;background:color-mix(in srgb,var(--bg-inset) 78%,transparent);display:flex;align-items:center;justify-content:center;gap:7px;text-align:center}
.price-reader-result.has-price-card .price-offer-unit-line span{color:var(--text-3);font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.price-reader-result.has-price-card .price-offer-unit-line strong{color:var(--accent);font-size:16px;font-weight:950;white-space:nowrap}
.price-reader-result.has-price-card .price-offer-unit-line i{color:var(--text-3);font-size:12px;font-style:normal;font-weight:950}
.price-reader-result.has-price-card .price-offer-unit-line small{color:var(--text-1);font-size:12px;font-weight:900;white-space:nowrap}
.price-reader-result.has-price-card .price-collector-metric{gap:3px;border-color:color-mix(in srgb,var(--info) 24%,var(--border-strong));background:linear-gradient(145deg,color-mix(in srgb,var(--info) 6%,var(--bg-page)),var(--bg-page))}
.price-reader-result.has-price-card .price-collector-metric>span{width:100%;align-self:stretch;text-align:left}
.price-reader-result.has-price-card .price-collector-mainline{max-width:100%;display:flex;align-items:baseline;justify-content:center;gap:8px;white-space:nowrap}
.price-reader-result.has-price-card .price-collector-mainline .price-collector-qty,.price-reader-result.has-price-card .price-collector-mainline .price-collector-total{display:inline;margin:0}
.price-reader-result.has-price-card .price-collector-separator{color:var(--text-2);font-size:clamp(18px,1.4vw,24px);font-style:normal;font-weight:950}
.price-reader-result.has-price-card .price-collector-qty{color:color-mix(in srgb,var(--info) 88%,var(--text-1));font-size:clamp(20px,1.65vw,28px);font-weight:950;text-shadow:0 4px 14px color-mix(in srgb,var(--info) 21%,transparent)}
.price-reader-result.has-price-card .price-collector-total{color:var(--accent);font-size:clamp(19px,1.55vw,27px);font-weight:950}
.price-reader-result.has-price-card .price-collector-unit{color:var(--success);font-size:clamp(16px,1.25vw,22px);font-weight:950}
html[data-theme="light"] #pg-price-reader .price-card{background:#f4f7fb;border-color:#9aa9bd;box-shadow:0 10px 25px rgba(38,56,82,.18),inset 0 1px 0 #fff}
html[data-theme="light"] #pg-price-reader .price-card-data{background:#f7f9fc}
html[data-theme="light"] #pg-price-reader .price-summary-row,html[data-theme="light"] #pg-price-reader .price-card-head{background:#f8fafc}
html[data-theme="light"] #pg-price-reader .price-summary-side{background:#edf7f5;border-color:#b8c6d8}
html[data-theme="light"] #pg-price-reader .price-stock-summary{background:#eaf7ef;border-color:#65a987}
html[data-theme="light"] #pg-price-reader .price-main-sale{background:#eef7f8}
html[data-theme="light"] #pg-price-reader .price-main-unit{background:#f3f6fa;border-color:#b8c6d8}
html[data-theme="light"] #pg-price-reader .price-main-sale,html[data-theme="light"] #pg-price-reader .price-main-unit{border-color:#8fa5bc;box-shadow:0 4px 12px rgba(38,56,82,.11),inset 0 1px 0 #fff}
html[data-theme="light"] #pg-price-reader .price-sale-value,html[data-theme="light"] #pg-price-reader .price-unit-value,html[data-theme="light"] #pg-price-reader .price-unit-value span{color:#006f7f;text-shadow:none}
html[data-theme="light"] #pg-price-reader .price-label,html[data-theme="light"] #pg-price-reader .price-offer-label,html[data-theme="light"] #pg-price-reader .price-metric span{color:#334155}
html[data-theme="light"] #pg-price-reader .price-discount-row{background:#e9eef5}
html[data-theme="light"] #pg-price-reader .price-offer{background:#fff;border-color:#7892aa;box-shadow:0 4px 12px rgba(38,56,82,.12),inset 0 1px 0 #fff}
html[data-theme="light"] #pg-price-reader .price-offer-qty{background:#e8f0ff;border-color:#4f79bc;color:#0b57d0}
html[data-theme="light"] #pg-price-reader .price-offer-equals{color:#475569}
html[data-theme="light"] #pg-price-reader .price-offer-total{color:#006f7f;text-shadow:none}
html[data-theme="light"] #pg-price-reader .price-offer-details{background:#eef3f8;border-color:#91a4b9}
html[data-theme="light"] #pg-price-reader .price-offer-unit-line span,html[data-theme="light"] #pg-price-reader .price-offer-unit-line i{color:#475569}
html[data-theme="light"] #pg-price-reader .price-offer-unit-line strong{color:#006f7f}
html[data-theme="light"] #pg-price-reader .price-offer-unit-line small{color:#172033}
html[data-theme="light"] #pg-price-reader .price-drs-line{color:#087747}
html[data-theme="light"] #pg-price-reader .price-collector-metric{background:#fff;border-color:#8fa5bc;box-shadow:0 4px 12px rgba(38,56,82,.11)}
html[data-theme="light"] #pg-price-reader .price-collector-qty{color:#0b57d0!important;text-shadow:none}
html[data-theme="light"] #pg-price-reader .price-collector-total{color:#006f7f}
html[data-theme="light"] #pg-price-reader .price-collector-unit{color:#087747}
@media (orientation:landscape) and (min-width:560px) and (min-height:721px){
  .price-reader-result.has-price-card .price-summary-row{flex:0 0 auto}
  .price-reader-result.has-price-card .price-prices-row{flex:.9 1 88px;min-height:82px;max-height:none;height:auto}
  .price-reader-result.has-price-card .price-prices-row .price-main-grid{gap:10px;padding:10px}
  .price-reader-result.has-price-card .price-main-sale,.price-reader-result.has-price-card .price-main-unit{min-height:0;padding:4px 8px}
  .price-reader-result.has-price-card .price-label{margin-bottom:3px;font-size:11px}
  .price-reader-result.has-price-card .price-sale-amount{font-size:clamp(38px,3vw,48px)}
  .price-reader-result.has-price-card .price-sale-unit{font-size:clamp(15px,1.1vw,18px)}
  .price-reader-result.has-price-card .price-unit-value{font-size:clamp(26px,2vw,34px)}
  .price-reader-result.has-price-card .price-unit-value span{margin-top:2px;font-size:12px}
  .price-reader-result.has-price-card .price-vat{margin-top:3px;font-size:10px}
  .price-reader-result.has-price-card .price-drs{gap:5px;margin-top:3px;font-size:12px;line-height:1.1}
  .price-reader-result.has-price-card .price-discount-row{display:flex;flex:1.3 1 124px;min-height:112px;height:auto;box-sizing:border-box;padding:10px}
  .price-reader-result.has-price-card .price-discount-row .price-offer{flex:1;min-height:0;padding:9px 14px;align-items:center;justify-content:center}
  .price-reader-result.has-price-card .price-discount-row .price-offer-icon{display:none}
  .price-reader-result.has-price-card .price-discount-row .price-offer-copy{width:100%;row-gap:clamp(9px,1.35vh,15px);text-align:center}
  .price-reader-result.has-price-card .price-discount-row .price-offer-mainline,.price-reader-result.has-price-card .price-discount-row .price-offer-details{margin-top:0;justify-content:center;text-align:center}
  .price-reader-result.has-price-card .price-discount-row .price-offer-label{margin-top:0;font-size:12px;justify-content:flex-start;text-align:left}
  .price-reader-result.has-price-card .price-discount-row .price-offer-qty{padding:5px 10px;font-size:clamp(20px,1.5vw,26px)}
  .price-reader-result.has-price-card .price-discount-row .price-offer-equals{font-size:18px}
  .price-reader-result.has-price-card .price-discount-row .price-offer-total{font-size:clamp(28px,2.2vw,38px)}
  .price-reader-result.has-price-card .price-discount-row .price-offer-mainline .price-drs-line{font-size:clamp(13px,1vw,16px)}
  .price-reader-result.has-price-card .price-discount-row .price-offer-details{min-height:34px;padding:5px 13px;gap:8px}
  .price-reader-result.has-price-card .price-discount-row .price-offer-unit-line span{font-size:11px}
  .price-reader-result.has-price-card .price-discount-row .price-offer-unit-line strong{font-size:18px}
  .price-reader-result.has-price-card .price-discount-row .price-offer-unit-line i,.price-reader-result.has-price-card .price-discount-row .price-offer-unit-line small{font-size:13px}
  .price-reader-result.has-price-card .price-collectors-row{flex:1.3 1 124px;min-height:112px;height:auto;gap:10px;padding:10px}
  .price-reader-result.has-price-card .price-collectors-row .price-metric{height:100%;min-height:0;padding:10px 12px;gap:5px}
  .price-reader-result.has-price-card .price-metric span{font-size:11px}
  .price-reader-result.has-price-card .price-collector-qty{font-size:clamp(24px,1.8vw,32px)}
  .price-reader-result.has-price-card .price-collector-total{font-size:clamp(21px,1.6vw,28px)}
  .price-reader-result.has-price-card .price-collector-unit{font-size:clamp(18px,1.35vw,24px)}
  .price-reader-result.has-price-card .price-metric .price-drs-line{font-size:clamp(12px,.95vw,15px)}
}
@media (orientation:landscape) and (max-height:720px){
  /* Az alacsony CSS-viewport nem jelent feltétlenül kis fizikai kijelzőt:
     nagy felbontású Android tabletek és a Windows PWA is ebbe az ágba kerülhet. */
  .price-reader-result.has-price-card{
    --price-compact-summary-height:clamp(64px,11vh,72px);
    --price-compact-row2-basis:clamp(76px,13vh,88px);
    --price-compact-row3-basis:clamp(96px,17vh,118px);
    --price-compact-row4-basis:clamp(120px,23vh,160px);
    --price-compact-label-size:clamp(11px,.75vw,14px);
    --price-compact-support-size:clamp(12px,.86vw,16px);
    --price-compact-value-size:clamp(19px,1.45vw,27px);
    padding:3px 5px 4px
  }
  .price-reader-result.has-price-card .price-summary-row{flex:0 0 var(--price-compact-summary-height);height:var(--price-compact-summary-height);min-height:var(--price-compact-summary-height);overflow:hidden}
  .price-reader-result.has-price-card .price-card-head{gap:5px;padding:3px 6px}
  .price-reader-result.has-price-card .price-product-name{font-size:clamp(18px,1.25vw,23px);line-height:1.05}
  .price-reader-result.has-price-card .price-tags{margin-top:2px;gap:3px}
  .price-reader-result.has-price-card .price-chip{padding:2px 6px;font-size:var(--price-compact-label-size)}
  .price-reader-result.has-price-card .price-chip .app-icon{width:11px;height:11px}
  .price-reader-result.has-price-card .price-identity-line{gap:3px;margin-top:2px;font-size:var(--price-compact-label-size);line-height:1}
  .price-reader-result.has-price-card .price-summary-side{gap:2px;padding:3px}
  .price-reader-result.has-price-card .price-stock-summary{min-height:38px;padding:2px}
  .price-reader-result.has-price-card .price-stock-summary span{font-size:var(--price-compact-label-size)}
  .price-reader-result.has-price-card .price-stock-summary b{margin-top:1px;font-size:clamp(19px,1.45vw,27px)}
  .price-reader-result.has-price-card .price-prices-row{flex:.9 1 var(--price-compact-row2-basis);min-height:var(--price-compact-row2-basis);height:auto;max-height:none;overflow:hidden}
  .price-reader-result.has-price-card .price-prices-row .price-main-grid{gap:5px;padding:6px 5px}
  .price-reader-result.has-price-card .price-main-sale,.price-reader-result.has-price-card .price-main-unit{border-radius:7px}
  .price-reader-result.has-price-card .price-main-sale,.price-reader-result.has-price-card .price-main-unit{min-height:0;padding:3px 5px}
  .price-reader-result.has-price-card .price-label{margin-bottom:1px;font-size:var(--price-compact-label-size)}
  .price-reader-result.has-price-card .price-sale-amount{font-size:clamp(36px,2.9vw,52px)}
  .price-reader-result.has-price-card .price-sale-unit{font-size:clamp(15px,1.1vw,20px)}
  .price-reader-result.has-price-card .price-unit-value{font-size:clamp(26px,2vw,34px)}
  .price-reader-result.has-price-card .price-unit-value span{margin-top:1px;font-size:var(--price-compact-support-size)}
  .price-reader-result.has-price-card .price-vat{margin-top:1px;font-size:var(--price-compact-label-size)}
  .price-reader-result.has-price-card .price-drs,.price-reader-result.has-price-card .price-drs-line{gap:3px;margin-top:1px;font-size:var(--price-compact-support-size);line-height:1}
  .price-reader-result.has-price-card .price-drs .app-icon,.price-reader-result.has-price-card .price-drs-line .app-icon{width:13px;height:13px}
  .price-reader-result.has-price-card .price-discount-row{flex:1.3 1 var(--price-compact-row3-basis);min-height:var(--price-compact-row3-basis);height:auto;box-sizing:border-box;padding:6px 5px;overflow:hidden}
  .price-reader-result.has-price-card .price-offer{height:100%;padding:4px 6px;gap:5px;box-sizing:border-box}
  .price-reader-result.has-price-card .price-offer-icon{width:26px;height:26px;flex-basis:26px;border-radius:6px}
  .price-reader-result.has-price-card .price-offer-icon .app-icon{width:14px;height:14px}
  .price-reader-result.has-price-card .price-offer-copy{row-gap:clamp(7px,1.2vh,10px)}
  .price-reader-result.has-price-card .price-offer-label{font-size:var(--price-compact-label-size)}
  .price-reader-result.has-price-card .price-offer-value{font-size:var(--price-compact-value-size)}
  .price-reader-result.has-price-card .price-offer-mainline{gap:5px}
  .price-reader-result.has-price-card .price-offer-value{gap:3px;margin:0}
  .price-reader-result.has-price-card .price-offer-qty{padding:3px 7px;font-size:clamp(18px,1.25vw,23px)}
  .price-reader-result.has-price-card .price-offer-equals{font-size:var(--price-compact-support-size)}
  .price-reader-result.has-price-card .price-offer-total{font-size:clamp(24px,1.9vw,34px);text-shadow:none}
  .price-reader-result.has-price-card .price-offer .price-drs-line{margin:0;font-size:var(--price-compact-support-size)}
  .price-reader-result.has-price-card .price-offer-details{min-height:28px;gap:5px;margin-top:0;padding:2px 7px;border-radius:6px}
  .price-reader-result.has-price-card .price-offer-unit-line span{font-size:var(--price-compact-label-size)}
  .price-reader-result.has-price-card .price-offer-unit-line strong{font-size:clamp(16px,1.1vw,20px)}
  .price-reader-result.has-price-card .price-offer-unit-line i,.price-reader-result.has-price-card .price-offer-unit-line small{font-size:var(--price-compact-support-size)}
  .price-reader-result.has-price-card .price-collectors-row{flex:1.3 1 var(--price-compact-row3-basis);min-height:var(--price-compact-row3-basis);height:auto;gap:5px;padding:6px 5px;overflow:hidden}
  .price-reader-result.has-price-card .price-collectors-row .price-metric{height:100%;min-height:0;padding:5px;border-radius:7px}
  .price-reader-result.has-price-card .price-metric span{margin-bottom:2px;font-size:var(--price-compact-label-size)}
  .price-reader-result.has-price-card .price-metric b{line-height:1}
  .price-reader-result.has-price-card .price-collector-qty{font-size:clamp(24px,1.8vw,32px);text-shadow:none}
  .price-reader-result.has-price-card .price-collector-total{font-size:clamp(20px,1.45vw,26px)}
  .price-reader-result.has-price-card .price-collector-unit{font-size:clamp(18px,1.25vw,22px)}
  .price-reader-result.has-price-card .price-collector-metric em,.price-reader-result.has-price-card .price-collector-metric strong{margin-top:3px;line-height:1}
  .price-reader-result.has-price-card .price-collector-mainline .price-collector-total{margin-top:0}
  .price-reader-result.has-price-card .price-metric .price-drs-line{margin-top:3px;font-size:var(--price-compact-support-size);flex-wrap:nowrap}
}
@media (hover:hover) and (pointer:fine){
  .app-num-trigger[data-app-num-pad-trigger]:not(:disabled):hover{transform:none}
}

/* ==== PÉNZTÁR TELJES GYORSMENÜ-ÜVEG–3D RÉTEG ===============================
   A Pénztár 1–4 és az Összesítő minden fő doboza ugyanazt a domború,
   fényperemes mélységet kapja, mint a gyorsmenü gombjai. A görgetett sorokon
   nincs blur: a hatás olcsó gradiensből, peremfényből és árnyékból épül. */
#pg-kassza{isolation:isolate}
#pg-kassza #kassza-content{position:relative;background:transparent!important}
#pg-kassza #kassza-tabs{
  border-bottom:1px solid var(--glass-edge);
  background:var(--glass-chrome)!important;
  box-shadow:0 11px 25px rgba(0,0,0,.19),inset 0 1px 0 var(--glass-highlight),inset 0 -1px 0 rgba(0,0,0,.22)!important;
}
#pg-kassza #kassza-tabs .kassza-till-tab{
  border-color:var(--glass-edge)!important;
  background:var(--glass-control)!important;
  box-shadow:var(--glass-shadow-control)!important;
}
#pg-kassza #kassza-tabs .kassza-till-tab.on{
  background:linear-gradient(145deg,#ffe991,var(--accent) 64%,color-mix(in srgb,var(--accent) 72%,#4b3300))!important;
  color:#10192b!important;
  border-color:color-mix(in srgb,var(--mod-sales) 74%,rgba(255,255,255,.42))!important;
  box-shadow:0 11px 23px color-mix(in srgb,var(--mod-sales) 28%,rgba(0,0,0,.24)),0 3px 0 color-mix(in srgb,var(--mod-sales) 42%,#172137),inset 0 1px 0 rgba(255,255,255,.48)!important;
}
#pg-kassza #kassza-tabs .kassza-till-tab.on .kassza-tab-total{color:#10192b!important;text-shadow:none}
#pg-kassza #kassza-tabs .kassza-till-tab.is-inactive-day{
  border-color:color-mix(in srgb,var(--accent) 58%,var(--glass-edge))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 14%,var(--glass-control)),var(--glass-control))!important;
}
#pg-kassza #kassza-tabs .kassza-till-tab.is-inactive-day .kassza-tab-total{color:var(--accent);font-size:10px}

#pg-kassza :where(.kassza-datetime-card,.kassza-pay-tabs,.kassza-opening-panel,.kassza-tape-panel,.kassza-einvoice-panel,.cash-count-section,.kassza-summary-stage,.kassza-save-view,.kassza-admin-change-control,.kassza-checklist-card){
  border:1px solid var(--glass-edge)!important;
  background:var(--glass-panel)!important;
  box-shadow:var(--glass-shadow-raised)!important;
}
#pg-kassza :where(.kassza-datetime-card,.kassza-pay-tabs,.kassza-opening-panel,.kassza-tape-panel,.kassza-einvoice-panel,.cash-count-section,.kassza-summary-stage){border-radius:14px!important}
#pg-kassza .kassza-datetime-card{padding:9px 13px!important}
#pg-kassza .kassza-pay-tabs{padding:8px!important}
#pg-kassza .kassza-pay-tab{
  min-height:46px;
  border:1px solid var(--glass-edge)!important;
  border-radius:11px!important;
  background:var(--glass-control)!important;
  box-shadow:var(--glass-shadow-control)!important;
}
#pg-kassza .kassza-pay-tab.is-on{
  border-color:color-mix(in srgb,var(--mod-sales) 72%,rgba(255,255,255,.4))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--mod-sales) 76%,#fff),var(--mod-sales) 50%,color-mix(in srgb,var(--mod-sales) 72%,#132139))!important;
  color:#fff!important;
  box-shadow:0 10px 22px color-mix(in srgb,var(--mod-sales) 27%,rgba(0,0,0,.25)),0 3px 0 color-mix(in srgb,var(--mod-sales) 40%,#111827),inset 0 1px 0 rgba(255,255,255,.46)!important;
}

#pg-kassza .kassza-total-card{
  background:var(--glass-control)!important;
  border-color:var(--glass-edge)!important;
  box-shadow:var(--glass-shadow-control)!important;
}
#pg-kassza .kassza-total-card.is-flat{
  background:var(--glass-control)!important;
  box-shadow:0 5px 12px rgba(0,0,0,.14),0 2px 0 color-mix(in srgb,var(--glass-edge) 75%,transparent),inset 0 1px 0 var(--glass-highlight)!important;
}
#pg-kassza .kassza-daily-total{
  position:relative;
  overflow:hidden;
  margin-bottom:14px;
  padding:14px 16px;
  border:1px solid color-mix(in srgb,var(--mod-sales) 70%,rgba(255,255,255,.35));
  border-radius:16px;
  background:linear-gradient(135deg,var(--mod-sales),var(--mod-sales-strong));
  text-align:center;
  box-shadow:0 16px 33px color-mix(in srgb,var(--mod-sales) 24%,rgba(0,0,0,.24)),0 4px 0 color-mix(in srgb,var(--mod-sales) 38%,#111827),inset 0 1px 0 rgba(255,255,255,.42)!important;
}
#pg-kassza .kassza-daily-total:before{
  content:"";position:absolute;inset:0 0 48% 0;pointer-events:none;background:linear-gradient(105deg,rgba(255,255,255,.24),transparent 42%,rgba(255,255,255,.08));
}
#pg-kassza .kassza-daily-total>*{position:relative}
#pg-kassza .kassza-daily-total-label{font-size:11px;font-weight:800;letter-spacing:.5px}
#pg-kassza .kassza-daily-total-value{margin-top:2px;font-size:26px;font-weight:900}

#pg-kassza .kassza-panel-title{
  margin-bottom:10px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;
}
#pg-kassza .kassza-panel-help{margin-top:9px;color:var(--text-3);font-size:11px;line-height:1.45}
#pg-kassza .kassza-field-grid,#pg-kassza .kassza-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:10px}
#pg-kassza .kassza-field-grid.is-single{grid-template-columns:minmax(0,1fr)}
#pg-kassza .kassza-metric-grid{margin-bottom:0}
#pg-kassza .kassza-metric-tile{
  padding:11px;text-align:center;border:1px solid var(--glass-edge);border-radius:11px;background:var(--glass-control);box-shadow:var(--glass-shadow-control);
}
#pg-kassza .kassza-opening-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
#pg-kassza .kassza-opening-panel-head .kassza-panel-title{margin-bottom:0}
#pg-kassza .kassza-till-inactive-toggle{
  width:100%;min-height:58px;margin:0 0 12px;padding:9px 12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;
  border:1px solid var(--glass-edge);border-radius:13px;background:var(--glass-control);color:var(--text-1);text-align:left;
  box-shadow:0 5px 0 color-mix(in srgb,var(--glass-edge) 58%,#172137),0 9px 17px rgba(0,0,0,.2),inset 0 1px 0 var(--glass-highlight);cursor:pointer
}
#pg-kassza .kassza-till-inactive-toggle[hidden]{display:none!important}
#pg-kassza .kassza-till-inactive-toggle:active{transform:translateY(3px);box-shadow:0 2px 0 color-mix(in srgb,var(--glass-edge) 58%,#172137),0 4px 8px rgba(0,0,0,.18),inset 0 1px 0 var(--glass-highlight)}
#pg-kassza .kassza-till-inactive-switch{position:relative;width:46px;height:26px;border:1px solid var(--border-strong);border-radius:999px;background:var(--bg-inset);box-shadow:inset 0 2px 5px rgba(0,0,0,.28)}
#pg-kassza .kassza-till-inactive-switch i{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:var(--text-3);box-shadow:0 2px 5px rgba(0,0,0,.32);transition:transform .16s ease,background .16s ease}
#pg-kassza .kassza-till-inactive-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
#pg-kassza .kassza-till-inactive-copy b{font-size:13px;font-weight:950}#pg-kassza .kassza-till-inactive-copy small{color:var(--text-3);font-size:10px;line-height:1.25}
#pg-kassza .kassza-till-inactive-state{color:var(--text-3);font-size:9px;font-weight:950;letter-spacing:.06em}
#pg-kassza .kassza-till-inactive-toggle.is-on{border-color:color-mix(in srgb,var(--accent) 72%,var(--glass-edge));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 28%,var(--bg-surface)),color-mix(in srgb,var(--accent) 12%,var(--bg-surface-2)))}
#pg-kassza .kassza-till-inactive-toggle.is-on .kassza-till-inactive-switch{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 32%,var(--bg-inset))}
#pg-kassza .kassza-till-inactive-toggle.is-on .kassza-till-inactive-switch i{transform:translateX(20px);background:var(--accent)}
#pg-kassza .kassza-till-inactive-toggle.is-on .kassza-till-inactive-state,#pg-kassza .kassza-till-inactive-toggle.is-on .kassza-till-inactive-copy b{color:var(--accent)}
#pg-kassza .kassza-till-inactive-banner{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid color-mix(in srgb,var(--accent) 65%,var(--glass-edge));border-radius:12px;background:color-mix(in srgb,var(--accent) 10%,var(--glass-control));color:var(--text-2)}
#pg-kassza .kassza-till-inactive-banner b{color:var(--accent);font-size:14px}#pg-kassza .kassza-till-inactive-banner span{font-size:11px;line-height:1.45}
#pg-kassza .kassza-opening-note-button{
  position:relative;flex:0 0 42px;width:42px;height:42px;min-height:42px;padding:0;border:1px solid color-mix(in srgb,var(--accent) 58%,var(--glass-edge));border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 24%,#fff),color-mix(in srgb,var(--accent) 18%,var(--bg-surface-2)) 54%,color-mix(in srgb,var(--accent) 24%,#000));color:var(--accent);font-size:22px;font-weight:950;line-height:1;box-shadow:0 5px 0 color-mix(in srgb,var(--accent) 34%,#172137),0 9px 17px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.4)!important;cursor:pointer
}
#pg-kassza .kassza-opening-note-button.is-filled:after{content:"";position:absolute;right:4px;top:4px;width:8px;height:8px;border:2px solid var(--bg-surface);border-radius:50%;background:var(--success);box-shadow:0 0 8px color-mix(in srgb,var(--success) 65%,transparent)}
#pg-kassza .kassza-opening-note-button:active{transform:translateY(4px)!important;box-shadow:0 1px 0 color-mix(in srgb,var(--accent) 34%,#172137),0 3px 6px rgba(0,0,0,.22),inset 0 2px 4px rgba(0,0,0,.22)!important}
#pg-kassza .kassza-opening-note-button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 55%,#fff);outline-offset:3px}
#pg-kassza .kassza-opening-highlight{--metric-tone:var(--accent);position:relative;overflow:hidden;padding:13px 14px!important;border-color:color-mix(in srgb,var(--metric-tone) 72%,rgba(255,255,255,.38))!important;background:linear-gradient(145deg,color-mix(in srgb,var(--metric-tone) 30%,var(--bg-surface)),color-mix(in srgb,var(--metric-tone) 18%,var(--bg-surface-2)) 58%,color-mix(in srgb,var(--metric-tone) 36%,#132139))!important;box-shadow:0 10px 21px color-mix(in srgb,var(--metric-tone) 22%,rgba(0,0,0,.26)),0 4px 0 color-mix(in srgb,var(--metric-tone) 36%,#172137),inset 0 1px 0 rgba(255,255,255,.42)!important}
#pg-kassza .kassza-opening-highlight:before{content:"";position:absolute;inset:0 0 52% 0;background:linear-gradient(105deg,rgba(255,255,255,.22),transparent 48%);pointer-events:none}
#pg-kassza .kassza-opening-highlight.is-revenue{--metric-tone:var(--success)}
#pg-kassza .kassza-opening-highlight>*{position:relative}
#pg-kassza .kassza-opening-highlight-label{color:color-mix(in srgb,var(--metric-tone) 68%,var(--text-1));font-size:10px;font-weight:950;letter-spacing:.08em}
#pg-kassza .kassza-opening-highlight-value{margin-top:3px;color:color-mix(in srgb,var(--metric-tone) 82%,#fff);font-size:21px;font-weight:950;text-shadow:0 2px 4px rgba(0,0,0,.3)}
.kassza-work-date-backdrop{position:fixed;inset:0;z-index:20500;display:flex;align-items:center;justify-content:center;padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));box-sizing:border-box;background:rgba(2,5,10,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
body.kassza-work-date-open #pg-kassza>.topbar{z-index:20501;pointer-events:none}
body.kassza-work-date-open #pg-kassza>.topbar .drawer-menu-button{pointer-events:auto}
.kassza-work-date-dialog{width:min(620px,100%);max-height:calc(100dvh - 32px - var(--safe-top) - var(--safe-bottom));overflow:auto;box-sizing:border-box;padding:22px;border:1px solid color-mix(in srgb,var(--mod-sales) 58%,var(--glass-edge));border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--mod-sales) 10%,var(--bg-surface)),var(--bg-page));color:var(--text-1);box-shadow:0 30px 86px rgba(0,0,0,.68),0 4px 0 color-mix(in srgb,var(--mod-sales) 32%,#121827),inset 0 1px 0 rgba(255,255,255,.18)}
.kassza-work-date-head{position:relative;margin:-22px -22px 18px;padding:18px 82px 17px 22px;border-bottom:1px solid color-mix(in srgb,var(--kps-gold,var(--accent)) 58%,var(--kps-navy-900,#0d1c35));border-radius:19px 19px 0 0;background:var(--home-card-heading-bg,var(--kps-navy-800,#142a4c));color:var(--home-card-heading-fg,#fff);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.kassza-work-date-kicker{color:var(--kps-gold-soft,#f4e5a4);font-size:11px;font-weight:950;letter-spacing:.11em}.kassza-work-date-head h2{margin:5px 0 7px;color:inherit;font-size:25px;line-height:1.18}.kassza-work-date-head>p{margin:0;color:color-mix(in srgb,var(--home-card-heading-fg,#fff) 78%,transparent);font-size:13px;line-height:1.5}
.kassza-work-date-cancel{position:absolute;z-index:2;top:13px;right:14px;width:46px;height:46px;display:grid;place-items:center;box-sizing:border-box;padding:0;border:1px solid color-mix(in srgb,var(--danger) 62%,rgba(255,255,255,.34));border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--danger) 22%,rgba(255,255,255,.08)),rgba(7,19,38,.34));color:#fff;cursor:pointer;box-shadow:0 5px 12px rgba(3,12,27,.32),inset 0 1px 0 rgba(255,255,255,.24);touch-action:manipulation}.kassza-work-date-cancel>span{display:block;font:400 32px/1 Arial,sans-serif;transform:translateY(-1px)}.kassza-work-date-cancel:hover{filter:brightness(1.12)}.kassza-work-date-cancel:focus-visible{outline:3px solid var(--kps-gold-soft,#f4e5a4);outline-offset:2px}.kassza-work-date-cancel:active{transform:scale(.95)}
.kassza-work-date-field{display:block;margin-bottom:11px}.kassza-work-date-field>span{display:block;margin-bottom:6px;color:var(--text-3);font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.kassza-work-date-field input{width:100%;min-height:58px;box-sizing:border-box;padding:11px 14px;border:1px solid color-mix(in srgb,var(--mod-sales) 62%,var(--border-strong));border-radius:13px;background:var(--bg-inset);color:var(--text-1);font-size:21px;font-weight:950;text-align:center;color-scheme:dark;box-shadow:inset 0 3px 8px rgba(0,0,0,.26)}
html[data-theme="light"] .kassza-work-date-field input{color-scheme:light}.kassza-work-date-field input:focus{outline:3px solid color-mix(in srgb,var(--mod-sales) 38%,transparent);outline-offset:2px}
.kassza-work-date-preview{display:flex;flex-direction:column;gap:4px;margin:0 0 16px;padding:12px 13px;border:1px solid var(--border-strong);border-radius:12px;background:var(--bg-inset)}.kassza-work-date-preview b{font-size:13px}.kassza-work-date-preview span{color:var(--text-2);font-size:11px;line-height:1.45}.kassza-work-date-preview.is-ready{border-color:color-mix(in srgb,var(--success) 58%,var(--border-strong))}.kassza-work-date-preview.is-ready b{color:var(--success)}.kassza-work-date-preview.is-warning{border-color:color-mix(in srgb,var(--warning) 62%,var(--border-strong));background:color-mix(in srgb,var(--warning) 9%,var(--bg-inset))}.kassza-work-date-preview.is-warning b{color:var(--warning)}
.kassza-work-date-actions{display:grid;grid-template-columns:1fr 1.15fr;gap:10px}.kassza-work-date-actions button{min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:13px;background:var(--glass-control,var(--bg-surface-2));color:var(--text-1);font-size:14px;font-weight:950;cursor:pointer;box-shadow:0 5px 0 color-mix(in srgb,var(--border-strong) 60%,#111827),0 9px 16px rgba(0,0,0,.24)}.kassza-work-date-actions button small{color:var(--text-3);font-size:9px;font-weight:750}.kassza-work-date-actions button.is-primary{border-color:color-mix(in srgb,var(--success) 70%,var(--border-strong));background:linear-gradient(180deg,color-mix(in srgb,var(--success) 70%,#fff),var(--success) 58%,color-mix(in srgb,var(--success) 72%,#06170e));color:#fff}.kassza-work-date-actions button.is-primary small{color:rgba(255,255,255,.82)}.kassza-work-date-actions button:active{transform:translateY(4px);box-shadow:0 1px 0 color-mix(in srgb,var(--border-strong) 60%,#111827),0 3px 7px rgba(0,0,0,.22)}
#pg-kassza .kassza-view-only-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--warning) 62%,var(--glass-edge));border-radius:13px;background:color-mix(in srgb,var(--warning) 10%,var(--glass-panel));box-shadow:var(--glass-shadow-control)}#pg-kassza .kassza-view-only-banner div{min-width:0}#pg-kassza .kassza-view-only-banner b,#pg-kassza .kassza-view-only-banner span{display:block}#pg-kassza .kassza-view-only-banner b{color:var(--warning);font-size:13px}#pg-kassza .kassza-view-only-banner span{margin-top:2px;color:var(--text-2);font-size:10px;line-height:1.35}#pg-kassza .kassza-view-only-banner button{flex:0 0 auto;min-height:40px;padding:8px 13px;border:1px solid color-mix(in srgb,var(--success) 65%,var(--border-strong));border-radius:10px;background:var(--success);color:#fff;font-weight:950;cursor:pointer}
#pg-kassza .kassza-opening-source{display:flex;flex-direction:column;gap:2px;margin:-2px 0 10px;padding:8px 10px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-inset)}#pg-kassza .kassza-opening-source b{font-size:11px}#pg-kassza .kassza-opening-source span{color:var(--text-3);font-size:9px;line-height:1.35}#pg-kassza .kassza-opening-source.is-ready{border-color:color-mix(in srgb,var(--success) 48%,var(--border-strong))}#pg-kassza .kassza-opening-source.is-ready b{color:var(--success)}#pg-kassza .kassza-opening-source.is-warning{border-color:color-mix(in srgb,var(--warning) 58%,var(--border-strong));background:color-mix(in srgb,var(--warning) 8%,var(--bg-inset))}#pg-kassza .kassza-opening-source.is-warning b{color:var(--warning)}#pg-kassza .kassza-opening-source.is-manual b{color:var(--info)}
@media(max-width:620px){.kassza-work-date-backdrop{align-items:flex-end;padding:0}.kassza-work-date-dialog{width:100%;max-height:94dvh;border-radius:20px 20px 0 0;border-left:0;border-right:0;border-bottom:0;padding:17px}.kassza-work-date-head{margin:-17px -17px 15px;padding:15px 70px 14px 17px}.kassza-work-date-head h2{font-size:21px}.kassza-work-date-cancel{top:10px;right:11px;width:44px;height:44px}.kassza-work-date-actions{grid-template-columns:1fr}.kassza-work-date-actions button{min-height:56px}#pg-kassza .kassza-view-only-banner{align-items:stretch;flex-direction:column}#pg-kassza .kassza-view-only-banner button{width:100%}}
@media(orientation:landscape) and (max-height:720px){.kassza-work-date-backdrop{padding:7px}.kassza-work-date-dialog{max-height:calc(100dvh - 14px);padding:15px 18px}.kassza-work-date-head{margin:-15px -18px 11px;padding:11px 68px 10px 18px}.kassza-work-date-head h2{font-size:20px}.kassza-work-date-head>p{font-size:11px;line-height:1.35}.kassza-work-date-cancel{top:8px;right:11px;width:40px;height:40px}.kassza-work-date-cancel>span{font-size:28px}.kassza-work-date-field input{min-height:48px;font-size:18px}.kassza-work-date-preview{margin-bottom:10px;padding:8px 11px}.kassza-work-date-actions button{min-height:50px}}
.kassza-opening-note-backdrop{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.66)}
.kassza-opening-note-dialog{width:min(480px,100%);padding:16px;border:1px solid color-mix(in srgb,var(--accent) 56%,var(--border-strong));border-radius:16px;background:var(--glass-panel,var(--bg-surface));box-shadow:0 24px 64px rgba(0,0,0,.58),0 4px 0 color-mix(in srgb,var(--accent) 28%,#111827),inset 0 1px 0 rgba(255,255,255,.3)}
.kassza-opening-note-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.kassza-opening-note-head b{display:block;color:var(--text-1);font-size:17px}.kassza-opening-note-head span{display:block;margin-top:3px;color:var(--text-3);font-size:11px}.kassza-opening-note-head button{flex:0 0 40px;width:40px;height:40px;border:1px solid color-mix(in srgb,var(--danger) 55%,var(--border-strong));border-radius:11px;background:color-mix(in srgb,var(--danger) 18%,var(--bg-surface-2));color:var(--danger);font-size:25px;font-weight:900;cursor:pointer}
.kassza-opening-note-dialog textarea{display:block;width:100%;box-sizing:border-box;resize:vertical;min-height:104px;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 60%,var(--border-strong));border-radius:11px;background:var(--bg-inset);color:var(--text-1);font:inherit;line-height:1.45;box-shadow:inset 0 3px 8px rgba(0,0,0,.24)}
.kassza-opening-note-dialog textarea:focus{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}
.kassza-opening-note-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.kassza-opening-note-actions button{min-height:46px;border:1px solid var(--border-strong);border-radius:11px;background:var(--glass-control,var(--bg-surface-2));color:var(--text-1);font-weight:900;box-shadow:0 4px 0 color-mix(in srgb,var(--border-strong) 55%,#111827),0 8px 14px rgba(0,0,0,.24);cursor:pointer}.kassza-opening-note-actions [data-kassza-opening-note-save]{border-color:color-mix(in srgb,var(--success) 65%,var(--border-strong));background:linear-gradient(180deg,color-mix(in srgb,var(--success) 72%,#fff),var(--success) 58%,color-mix(in srgb,var(--success) 72%,#000));color:#fff}.kassza-opening-note-actions button:active{transform:translateY(3px);box-shadow:0 1px 0 color-mix(in srgb,var(--border-strong) 55%,#111827),0 2px 5px rgba(0,0,0,.22)}

/* A Kártya, Pénzkivét, Zárószalag és E-számla ugyanazt az igényes,
   réteges panelhierarchiát használja, mint a Bankjegy oldal. */
#pg-kassza .kassza-mode-panel{
  --kassza-mode-tone:var(--info);
  position:relative;
  overflow:hidden;
  margin:0 0 12px;
  padding:0!important;
  border:1px solid color-mix(in srgb,var(--kassza-mode-tone) 43%,var(--glass-edge))!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--kassza-mode-tone) 7%,transparent),transparent 44%),var(--glass-panel)!important;
  box-shadow:var(--glass-shadow-raised)!important;
}
#pg-kassza .kassza-mode-panel.is-card{--kassza-mode-tone:var(--info)}
#pg-kassza .kassza-mode-panel.is-withdrawal{--kassza-mode-tone:var(--accent)}
#pg-kassza .kassza-mode-panel.is-tape{--kassza-mode-tone:var(--mod-sales)}
#pg-kassza .kassza-mode-panel.is-einvoice{--kassza-mode-tone:var(--mod-admin)}
#pg-kassza .kassza-mode-panel-head{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  border-bottom:1px solid color-mix(in srgb,var(--kassza-mode-tone) 28%,var(--glass-edge));
  background:linear-gradient(112deg,color-mix(in srgb,var(--kassza-mode-tone) 17%,transparent),transparent 58%),var(--glass-control);
  box-shadow:0 8px 19px rgba(0,0,0,.17),inset 0 1px 0 var(--glass-highlight),inset 0 -1px 0 rgba(0,0,0,.14);
}
#pg-kassza .kassza-mode-panel-head:before{content:"";position:absolute;inset:0 0 52%;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent)}
#pg-kassza .kassza-mode-panel-heading{position:relative;min-width:0;display:flex;align-items:center;gap:11px}
#pg-kassza .kassza-mode-panel-icon{
  width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;
  border:1px solid color-mix(in srgb,var(--kassza-mode-tone) 72%,#fff);border-radius:12px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--kassza-mode-tone) 72%,#fff),var(--kassza-mode-tone) 52%,color-mix(in srgb,var(--kassza-mode-tone) 74%,#071526));
  color:#fff;font-size:22px;font-weight:950;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.4);
  box-shadow:0 5px 0 color-mix(in srgb,var(--kassza-mode-tone) 42%,#152036),0 9px 17px color-mix(in srgb,var(--kassza-mode-tone) 16%,rgba(0,0,0,.22)),inset 0 1px 0 rgba(255,255,255,.48)
}
#pg-kassza .kassza-mode-panel-kicker{display:block;color:var(--kassza-mode-tone);font-size:10px;font-weight:950;letter-spacing:.09em}
#pg-kassza .kassza-mode-panel-heading h3{margin:2px 0 0;color:var(--text-1);font-size:17px;line-height:1.15}
#pg-kassza .kassza-mode-panel-heading p{margin:4px 0 0;color:var(--text-2);font-size:11px;line-height:1.35}
#pg-kassza .kassza-mode-panel-total{
  position:relative;min-width:176px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--kassza-mode-tone) 48%,var(--glass-edge));border-radius:11px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--kassza-mode-tone) 16%,transparent),transparent 64%),var(--glass-panel-soft);
  text-align:right;box-shadow:0 5px 13px rgba(0,0,0,.15),0 2px 0 color-mix(in srgb,var(--kassza-mode-tone) 20%,rgba(0,0,0,.18)),inset 0 1px 0 var(--glass-highlight)
}
#pg-kassza .kassza-mode-panel-total span,#pg-kassza .kassza-mode-panel-total b,#pg-kassza .kassza-mode-panel-total small{display:block}
#pg-kassza .kassza-mode-panel-total span{color:var(--text-3);font-size:9px;font-weight:950;letter-spacing:.06em}
#pg-kassza .kassza-mode-panel-total b{margin-top:2px;color:var(--kassza-mode-tone);font-size:15px;white-space:nowrap}
#pg-kassza .kassza-mode-panel-total small{margin-top:2px;color:var(--text-2);font-size:9px;font-weight:850}
#pg-kassza .kassza-mode-panel-body{padding:12px}
#pg-kassza .kassza-mode-entry-form,#pg-kassza .kassza-einvoice-form-grid{
  display:grid;grid-template-columns:minmax(190px,.72fr) minmax(280px,1.35fr) minmax(150px,.45fr);gap:9px;align-items:end;margin:0
}
#pg-kassza .kassza-einvoice-form-grid{grid-template-columns:minmax(220px,1.18fr) minmax(120px,.55fr) minmax(180px,.88fr) minmax(190px,.9fr)}
#pg-kassza .kassza-einvoice-form-grid>.kassza-einvoice-amount-field{min-width:0;display:flex;flex-direction:column;gap:5px;margin-bottom:0}
#pg-kassza .kassza-einvoice-form-grid>.kassza-einvoice-amount-field>.lbl{display:block;margin:0;color:var(--text-3);font-size:10px;font-weight:900;letter-spacing:.025em;text-transform:uppercase}
#pg-kassza .kassza-mode-field{min-width:0;display:flex;flex-direction:column;gap:5px}
#pg-kassza .kassza-mode-field>.lbl{display:block;margin:0;color:var(--text-3);font-size:10px;font-weight:900;letter-spacing:.025em;text-transform:uppercase}
#pg-kassza .kassza-mode-field>input,#pg-kassza .kassza-mode-field>select,#pg-kassza .kassza-mode-field>.app-num-field>input{
  width:100%;min-width:0;min-height:48px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--kassza-mode-tone) 28%,var(--glass-edge))!important;border-radius:10px;padding:10px 12px;background:var(--glass-input)!important;color:var(--text-1);box-shadow:inset 0 2px 5px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.12),0 3px 8px rgba(0,0,0,.12)!important
}
#pg-kassza .kassza-mode-field.is-auto>input{border-color:color-mix(in srgb,var(--success) 42%,var(--glass-edge))!important;background:linear-gradient(145deg,color-mix(in srgb,var(--success) 9%,transparent),transparent),var(--glass-input)!important;color:var(--success)!important;cursor:not-allowed}
#pg-kassza .kassza-mode-add-button{
  min-height:48px;padding:9px 15px;border:1px solid color-mix(in srgb,var(--kassza-mode-tone) 72%,#fff)!important;border-radius:11px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--kassza-mode-tone) 72%,#fff),var(--kassza-mode-tone) 52%,color-mix(in srgb,var(--kassza-mode-tone) 76%,#061422))!important;
  color:#fff;font-size:13px;font-weight:950;white-space:nowrap;cursor:pointer;
  box-shadow:0 6px 0 color-mix(in srgb,var(--kassza-mode-tone) 42%,#142037),0 11px 20px color-mix(in srgb,var(--kassza-mode-tone) 20%,rgba(0,0,0,.25)),inset 0 1px 0 rgba(255,255,255,.48)!important
}
#pg-kassza .kassza-mode-add-button span{font-size:17px;vertical-align:-1px}
#pg-kassza .kassza-mode-add-button:active{transform:translateY(5px)!important;box-shadow:0 1px 0 color-mix(in srgb,var(--kassza-mode-tone) 42%,#142037),0 3px 7px rgba(0,0,0,.2),inset 0 2px 4px rgba(0,0,0,.22)!important}
#pg-kassza .kassza-mode-entry-list{margin-top:10px}
#pg-kassza .kassza-direct-entry-card{padding:12px;border:1px solid color-mix(in srgb,var(--kassza-mode-tone) 34%,var(--glass-edge));border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--kassza-mode-tone) 8%,transparent),transparent),var(--glass-panel-soft);box-shadow:var(--glass-shadow-control)}
#pg-kassza .kassza-direct-entry-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:9px}
#pg-kassza .kassza-direct-entry-head b{color:var(--kassza-mode-tone);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}
#pg-kassza .kassza-direct-entry-head span{color:var(--text-3);font-size:10px;font-weight:750}
#pg-kassza .kassza-entry-list-card{margin-top:12px;overflow:hidden;border:1px solid color-mix(in srgb,var(--kassza-mode-tone) 34%,var(--glass-edge));border-radius:14px;background:var(--glass-panel-soft);box-shadow:var(--glass-shadow)}
#pg-kassza .kassza-entry-list-head{min-height:46px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid color-mix(in srgb,var(--kassza-mode-tone) 30%,var(--glass-edge));background:linear-gradient(145deg,color-mix(in srgb,var(--kassza-mode-tone) 12%,var(--glass-control)),var(--glass-control));box-shadow:inset 0 1px 0 var(--glass-highlight)}
#pg-kassza .kassza-entry-list-head span{display:block;color:var(--kassza-mode-tone);font-size:10px;font-weight:950;letter-spacing:.055em}
#pg-kassza .kassza-entry-list-head>b{padding:6px 9px;border:1px solid color-mix(in srgb,var(--kassza-mode-tone) 42%,var(--glass-edge));border-radius:999px;background:var(--glass-panel-soft);color:var(--kassza-mode-tone);font-size:11px;white-space:nowrap}
#pg-kassza .kassza-entry-list-card .kassza-mode-entry-list{margin:0;padding:10px 10px 2px}
#pg-kassza .kassza-mode-panel .kassza-entry-row{border-color:color-mix(in srgb,var(--kassza-mode-tone) 30%,var(--glass-edge))!important}
#pg-kassza .kassza-entry-icon{
  width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--kassza-mode-tone) 58%,var(--glass-edge));border-radius:10px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--kassza-mode-tone) 25%,transparent),transparent),var(--glass-control);color:var(--kassza-mode-tone);font-size:18px;font-weight:950;box-shadow:0 4px 9px rgba(0,0,0,.14),inset 0 1px 0 var(--glass-highlight)
}
#pg-kassza .kassza-entry-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
#pg-kassza .kassza-entry-copy b{color:var(--kassza-mode-tone);font-size:15px}
#pg-kassza .kassza-entry-copy b em{margin-left:5px;color:var(--text-2);font-size:10px;font-style:normal;font-weight:800}
#pg-kassza .kassza-entry-copy small{overflow:hidden;color:var(--text-3);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
#pg-kassza .kassza-entry-copy small.is-warning{color:var(--accent)}
#pg-kassza .kassza-entry-row.is-einvoice .kassza-entry-copy small.is-warning{width:max-content;max-width:100%;margin-top:3px;padding:3px 7px;border:1px solid color-mix(in srgb,var(--warning) 64%,var(--glass-edge));border-radius:999px;background:color-mix(in srgb,var(--warning) 16%,var(--glass-control));color:color-mix(in srgb,var(--warning) 72%,#3a2600);font-weight:950}
#pg-kassza .kassza-entry-actions{display:flex;align-items:center;gap:7px}
#pg-kassza .kassza-entry-delete,#pg-kassza .kassza-entry-note-edit,#pg-kassza .kassza-entry-undo{min-height:36px;border:1px solid var(--glass-edge)!important;border-radius:9px;background:var(--glass-control)!important;cursor:pointer}
#pg-kassza .kassza-entry-delete{width:38px;padding:0;color:var(--danger);font-size:21px;font-weight:950}
#pg-kassza .kassza-entry-note-edit{padding:7px 10px;color:var(--accent);font-size:10px;font-weight:900;white-space:nowrap}
#pg-kassza .kassza-entry-undo{padding:7px 10px;border-color:color-mix(in srgb,var(--success) 54%,var(--glass-edge))!important;color:var(--success);font-size:10px;font-weight:950;white-space:nowrap;animation:kassza-quick-undo-in .22s ease-out both}
@keyframes kassza-quick-undo-in{from{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:none}}
.kassza-entry-note-editor{position:fixed;inset:0;z-index:2100;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(2,8,20,.72);backdrop-filter:blur(8px)}
.kassza-entry-note-dialog{position:relative;width:min(440px,100%);padding:18px;border:1px solid var(--glass-edge-hot);border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--info) 7%,transparent),transparent),var(--glass-panel);box-shadow:0 22px 55px rgba(0,0,0,.42),0 3px 0 color-mix(in srgb,var(--glass-edge) 72%,#000),inset 0 1px 0 var(--glass-highlight)}
.kassza-entry-note-kicker{color:var(--info);font-size:10px;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.kassza-entry-note-dialog h3{margin:4px 0 5px;color:var(--text-1);font-size:19px}.kassza-entry-note-dialog p{margin:0 0 12px;color:var(--text-3);font-size:12px;line-height:1.45}
.kassza-entry-note-dialog input{width:100%;min-height:48px;box-sizing:border-box;padding:11px 13px;border:1px solid color-mix(in srgb,var(--info) 55%,var(--glass-edge));border-radius:11px;background:var(--glass-input);color:var(--text-1);font-size:14px;box-shadow:inset 0 2px 5px rgba(0,0,0,.22),0 4px 10px rgba(0,0,0,.13)}
.kassza-entry-note-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:9px;margin-top:13px}.kassza-entry-note-actions button{min-height:46px;border:1px solid var(--glass-edge);border-radius:11px;background:var(--glass-control);color:var(--text-2);font-weight:900;box-shadow:0 4px 0 color-mix(in srgb,var(--glass-edge) 68%,#000),inset 0 1px 0 var(--glass-highlight)}.kassza-entry-note-actions [data-kassza-entry-note-save]{border-color:color-mix(in srgb,var(--success) 64%,#fff);background:linear-gradient(145deg,color-mix(in srgb,var(--success) 76%,#fff),var(--success));color:#fff}.kassza-entry-note-actions button:active{transform:translateY(3px);box-shadow:0 1px 0 color-mix(in srgb,var(--glass-edge) 68%,#000)}
@media(max-width:520px){.kassza-entry-note-editor{padding:10px}.kassza-entry-note-dialog{padding:15px}.kassza-entry-note-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#pg-kassza .kassza-entry-undo{animation:none}}
#pg-kassza .kassza-mode-panel .kassza-empty-state{margin:0;border-color:color-mix(in srgb,var(--kassza-mode-tone) 28%,var(--glass-edge));background:linear-gradient(145deg,color-mix(in srgb,var(--kassza-mode-tone) 5%,transparent),transparent),var(--glass-panel-soft)}
#pg-kassza .kassza-mode-panel .kassza-empty-state b,#pg-kassza .kassza-mode-panel .kassza-empty-state span{display:block}
#pg-kassza .kassza-mode-panel .kassza-empty-state b{color:var(--text-2);font-size:12px}
#pg-kassza .kassza-mode-panel .kassza-empty-state span{margin-top:3px;color:var(--text-3);font-size:10px}
#pg-kassza .kassza-mode-section{margin-bottom:11px;padding:11px;border:1px solid color-mix(in srgb,var(--kassza-mode-tone) 24%,var(--glass-edge));border-radius:12px;background:var(--glass-panel-soft);box-shadow:var(--glass-shadow-control)}
#pg-kassza .kassza-mode-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:9px}
#pg-kassza .kassza-mode-section-title b{color:var(--kassza-mode-tone);font-size:11px;text-transform:uppercase;letter-spacing:.05em}
#pg-kassza .kassza-mode-section-title span{color:var(--text-3);font-size:9px}
#pg-kassza .kassza-machine-input-row{display:flex;gap:6px}
#pg-kassza .kassza-machine-pick-button{min-height:48px;padding:9px 12px!important;white-space:nowrap}
#pg-kassza .kassza-mode-panel .kassza-tape-gross-field{margin:0 0 11px;border-color:color-mix(in srgb,var(--kassza-mode-tone) 58%,var(--glass-edge));background:linear-gradient(145deg,color-mix(in srgb,var(--kassza-mode-tone) 12%,transparent),transparent),var(--glass-panel-soft)}
#pg-kassza .kassza-mode-panel .kassza-tape-gross-field>.lbl{color:var(--kassza-mode-tone)}
#pg-kassza .kassza-tape-note-field{margin:0 0 11px}
#pg-kassza .kassza-mode-metric{position:relative;overflow:hidden;padding:13px!important}
#pg-kassza .kassza-mode-metric:before{content:"";position:absolute;inset:0 0 52%;background:linear-gradient(180deg,rgba(255,255,255,.15),transparent);pointer-events:none}
#pg-kassza .kassza-mode-metric>*{position:relative}
#pg-kassza .kassza-mode-metric>div{color:var(--text-3);font-size:9px;font-weight:900;letter-spacing:.04em}
#pg-kassza .kassza-mode-metric>b{display:block;margin-top:3px;font-size:19px}
@media(max-width:980px){#pg-kassza .kassza-einvoice-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#pg-kassza .kassza-einvoice-form-grid .kassza-mode-add-button{grid-column:1/-1}}
@media(max-width:720px){
  #pg-kassza .kassza-mode-panel-head{align-items:flex-start;padding:12px}
  #pg-kassza .kassza-mode-panel-heading p{display:none}
  #pg-kassza .kassza-mode-panel-total{min-width:145px;padding:8px 9px}
  #pg-kassza .kassza-mode-entry-form{grid-template-columns:1fr 1.25fr}
  #pg-kassza .kassza-mode-entry-form .kassza-mode-add-button{grid-column:1/-1}
  #pg-kassza .kassza-mode-section-title{display:block}
  #pg-kassza .kassza-mode-section-title span{display:block;margin-top:2px}
}
@media(max-width:520px){
  #pg-kassza .kassza-mode-panel-head{display:block}
  #pg-kassza .kassza-mode-panel-total{margin-top:10px;text-align:left}
  #pg-kassza .kassza-mode-entry-form,#pg-kassza .kassza-einvoice-form-grid{grid-template-columns:1fr}
  #pg-kassza .kassza-mode-entry-form .kassza-mode-add-button,#pg-kassza .kassza-einvoice-form-grid .kassza-mode-add-button{grid-column:auto}
  #pg-kassza .kassza-entry-row{align-items:flex-start}
  #pg-kassza .kassza-entry-actions{flex-direction:column;align-items:stretch}
  #pg-kassza .kassza-entry-note-edit{font-size:0}#pg-kassza .kassza-entry-note-edit:before{content:"✎";font-size:16px}
  #pg-kassza .kassza-direct-entry-head{display:block}#pg-kassza .kassza-direct-entry-head span{display:block;margin-top:3px}
}
#pg-kassza .kassza-add-row{
  padding:10px;border:1px solid var(--glass-edge);border-radius:13px;background:var(--glass-panel-soft);box-shadow:var(--glass-shadow);
}
#pg-kassza .kassza-entry-row{
  display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:10px 12px;border:1px solid var(--glass-edge);border-radius:11px;background:var(--glass-control);box-shadow:var(--glass-shadow-control);
}
#pg-kassza .kassza-entry-row.is-einvoice{border-color:color-mix(in srgb,var(--mod-admin) 46%,var(--glass-edge))}
#pg-kassza .kassza-empty-state{
  padding:20px;text-align:center;color:var(--text-3);border:1px dashed var(--glass-edge);border-radius:12px;background:var(--glass-panel-soft);box-shadow:inset 0 1px 0 var(--glass-highlight),0 5px 13px rgba(0,0,0,.12);
}

#pg-kassza .cash-count-title{
  border-color:var(--glass-edge);background:var(--glass-control);box-shadow:inset 0 1px 0 var(--glass-highlight),0 4px 10px rgba(0,0,0,.13);
}
#pg-kassza .cash-count-row{margin:7px;border:1px solid color-mix(in srgb,var(--glass-edge) 76%,transparent);border-radius:10px;background:var(--glass-control);box-shadow:0 4px 10px rgba(0,0,0,.12),inset 0 1px 0 var(--glass-highlight)}
#pg-kassza .cash-count-row:last-child{border-bottom:1px solid color-mix(in srgb,var(--glass-edge) 76%,transparent)}
#pg-kassza .cash-count-row.has-count{border-color:color-mix(in srgb,#c2185b 72%,var(--glass-edge));background:linear-gradient(115deg,color-mix(in srgb,#c2185b 13%,var(--glass-control)),var(--glass-control) 68%);box-shadow:0 5px 13px rgba(7,19,38,.18),inset 0 1px 0 var(--glass-highlight)}
#pg-kassza .cash-count-row.has-count .cash-count-visual-button{background:color-mix(in srgb,#c2185b 9%,transparent)}
#pg-kassza .cash-count-total{padding:7px 9px;border:1px solid var(--glass-edge);border-radius:9px;background:var(--glass-panel-soft);box-shadow:inset 0 2px 5px rgba(0,0,0,.18),inset 0 1px 0 var(--glass-highlight)}

#pg-kassza .kassza-summary-process-bar{
  border-color:var(--glass-edge-hot)!important;background:var(--glass-chrome)!important;box-shadow:var(--glass-shadow-raised)!important;
}
#pg-kassza .kassza-summary-stage{padding:13px;margin-bottom:13px}
#pg-kassza .kassza-summary-stage.is-complete{border-color:color-mix(in srgb,var(--success) 62%,var(--glass-edge))!important}
#pg-kassza .kassza-summary-stage.is-date.is-complete{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#pg-kassza .kassza-summary-hero{
  display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:7px;margin-bottom:9px;padding:11px 13px;border:1px solid var(--glass-edge);border-radius:11px;background:var(--glass-control);box-shadow:var(--glass-shadow-control);
}
#pg-kassza .kassza-summary-till-row{
  margin:5px 4px;border:1px solid var(--glass-edge);border-radius:10px;background:var(--glass-control);box-shadow:var(--glass-shadow-control);transition:transform .14s ease,border-color .14s ease,filter .14s ease;
}
#pg-kassza .kassza-summary-till-row>span:nth-child(6){color:var(--text-1)!important}
#pg-kassza .kassza-summary-till-row[data-kassza-inactive-day="1"]{border-color:color-mix(in srgb,var(--accent) 54%,var(--glass-edge));background:color-mix(in srgb,var(--accent) 8%,var(--glass-control))}
#pg-kassza .kassza-view-row.is-inactive-day{border-color:color-mix(in srgb,var(--accent) 54%,var(--glass-edge));background:color-mix(in srgb,var(--accent) 8%,var(--glass-control))}
#pg-kassza .kassza-history-panel{padding-top:2px}
#pg-kassza :where(.kassza-save-filter,.kassza-admin-change-revision,.kassza-report-box,.kassza-report-card,.kassza-save-row){
  border-color:var(--glass-edge)!important;background:var(--glass-panel-soft)!important;box-shadow:var(--glass-shadow)!important;
}
#pg-kassza .kassza-history-toggle{box-shadow:var(--glass-shadow-raised)!important}
#pg-kassza #kassza-content{padding-bottom:86px!important}
#pg-kassza .kassza-edit-date-badge{
  display:inline-flex;align-items:center;min-height:30px;margin-left:8px;padding:5px 11px;border:2px solid var(--accent);border-radius:9px;
  background:color-mix(in srgb,var(--accent) 22%,var(--bg-page));color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent),0 5px 14px rgba(0,0,0,.24);
  font-size:14px;font-weight:950;letter-spacing:.035em;line-height:1.15;white-space:nowrap;
}
#pg-kassza .kassza-edit-date-badge[hidden]{display:none!important}
#pg-kassza .kassza-history-shortcut{
  position:absolute;right:16px;bottom:16px;z-index:70;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 15px;
  border:2px solid var(--accent);border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 24%,var(--bg-surface)),var(--bg-surface));
  color:var(--accent);box-shadow:0 12px 28px rgba(0,0,0,.38),inset 0 1px 0 var(--glass-highlight);font-size:13px;font-weight:950;white-space:nowrap;
}
#pg-kassza .kassza-history-shortcut>span{font-size:18px;line-height:1}
#pg-kassza .kassza-history-shortcut.is-return{border-color:var(--success);background:linear-gradient(135deg,color-mix(in srgb,var(--success) 24%,var(--bg-surface)),var(--bg-surface));color:var(--success)}
#pg-kassza .kassza-admin-change-head,#pg-kassza .kassza-admin-change-day{background:var(--glass-control)!important}
#pg-kassza .kassza-checklist-row{margin-bottom:4px;border:1px solid color-mix(in srgb,var(--glass-edge) 75%,transparent);background:var(--glass-control);box-shadow:0 4px 10px rgba(0,0,0,.12),inset 0 1px 0 var(--glass-highlight)}

html[data-theme="light"] #pg-kassza :where(button,.kassza-total-card,.kassza-metric-tile,.kassza-entry-row,.kassza-summary-till-row){text-shadow:none}
html[data-theme="industrial"] #pg-kassza .kassza-pay-tab.is-on{color:#141414!important}
@media (hover:hover) and (pointer:fine){
  #pg-kassza .kassza-summary-till-row:hover{transform:translateY(-2px);filter:brightness(1.06);border-color:var(--glass-edge-hot)}
}
@media (pointer:coarse){
  #pg-kassza :where(.kassza-datetime-card,.kassza-pay-tabs,.kassza-opening-panel,.kassza-tape-panel,.kassza-einvoice-panel,.cash-count-section,.kassza-summary-stage,.kassza-save-view,.kassza-admin-change-control,.kassza-checklist-card){box-shadow:0 8px 18px rgba(0,0,0,.20),0 2px 0 color-mix(in srgb,var(--glass-edge) 70%,transparent),inset 0 1px 0 var(--glass-highlight)!important}
  #pg-kassza :where(.cash-count-row,.kassza-entry-row,.kassza-summary-till-row){box-shadow:0 3px 8px rgba(0,0,0,.14),inset 0 1px 0 var(--glass-highlight)!important}
}
@media (max-width:520px){
  #pg-kassza .kassza-field-grid,#pg-kassza .kassza-metric-grid{grid-template-columns:1fr}
  #pg-kassza .kassza-summary-stage{padding:10px}
  #pg-kassza .kassza-edit-date-badge{width:100%;margin:4px 0 0;padding:4px 8px;font-size:12px}
  #pg-kassza .kassza-history-shortcut{right:10px;bottom:10px;min-height:44px;padding:8px 12px;font-size:11px}
}

/* ==== KASSZA: RÖGZÍTETT MÓDVÁLASZTÓ ÉS ZÁRT AKTUÁLIS KIMUTATÁS ============ */
#pg-kassza .kassza-pay-mode-sticky{
  position:sticky;top:-12px;z-index:34;margin:-12px -12px 10px;padding:10px 12px 2px;
  border-bottom:1px solid var(--glass-edge-hot);
  background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 97%,transparent),color-mix(in srgb,var(--bg-surface-2) 95%,transparent));
  box-shadow:0 10px 22px rgba(0,0,0,.22),inset 0 1px 0 var(--glass-highlight);
}
#pg-kassza .kassza-pay-mode-sticky .kassza-pay-tabs-title{margin-top:0}
#pg-kassza .kassza-pay-mode-sticky .kassza-pay-tabs{margin-bottom:0}
#pg-kassza .kassza-pay-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 38px 7px 10px}
#pg-kassza .kassza-pay-tab-label{display:block;line-height:1.15;pointer-events:none}
#pg-kassza .kassza-pay-tab-state{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-3);font-size:10px;font-weight:850;line-height:1.1;pointer-events:none}
#pg-kassza .kassza-pay-tab-indicator{
  position:absolute;right:8px;top:50%;width:23px;height:23px;display:grid;place-items:center;transform:translateY(-50%);
  border:2px solid color-mix(in srgb,var(--bg-page) 82%,#fff 18%);border-radius:50%;color:#fff;font-size:14px;font-weight:1000;line-height:1;
  background:linear-gradient(145deg,color-mix(in srgb,var(--danger) 78%,#fff),color-mix(in srgb,var(--danger) 88%,#450712));
  box-shadow:0 0 0 2px color-mix(in srgb,var(--bg-surface) 82%,transparent),inset 0 1px 0 rgba(255,255,255,.46),0 3px 7px rgba(0,0,0,.25);
  pointer-events:none;
}
#pg-kassza .kassza-pay-tab.has-data .kassza-pay-tab-indicator{background:linear-gradient(145deg,color-mix(in srgb,var(--success) 78%,#fff),color-mix(in srgb,var(--success) 88%,#06472d))}
#pg-kassza .kassza-pay-tab.is-confirmed-empty .kassza-pay-tab-indicator{background:linear-gradient(145deg,color-mix(in srgb,var(--success) 78%,#fff),color-mix(in srgb,var(--success) 88%,#06472d))}
#pg-kassza .kassza-pay-tab.is-on .kassza-pay-tab-indicator{border-color:rgba(255,255,255,.88);box-shadow:0 0 0 2px rgba(18,22,32,.55),inset 0 1px 0 rgba(255,255,255,.55),0 3px 7px rgba(0,0,0,.3)}
#pg-kassza .kassza-pay-tab.has-data:not(.is-on),#pg-kassza .kassza-pay-tab.is-confirmed-empty:not(.is-on){border-color:color-mix(in srgb,var(--success) 54%,var(--glass-edge))!important}
#pg-kassza .kassza-pay-tab.has-data .kassza-pay-tab-state,#pg-kassza .kassza-pay-tab.is-confirmed-empty .kassza-pay-tab-state{color:var(--success)}
#pg-kassza .kassza-pay-tab.is-till-inactive{opacity:.68;border-color:color-mix(in srgb,var(--accent) 48%,var(--glass-edge))!important}
#pg-kassza .kassza-pay-tab.is-till-inactive .kassza-pay-tab-indicator{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 82%,#fff),color-mix(in srgb,var(--accent) 72%,#543700))}
#pg-kassza .kassza-pay-tab.is-on .kassza-pay-tab-state{color:rgba(255,255,255,.9)}
html[data-theme="industrial"] #pg-kassza .kassza-pay-tab.is-on .kassza-pay-tab-state{color:#141414}

#pg-kassza .kassza-mode-confirmation{
  width:100%;min-height:54px;margin:0 0 12px;padding:9px 12px;display:flex;align-items:center;gap:10px;box-sizing:border-box;
  border:1px solid color-mix(in srgb,var(--danger) 58%,var(--glass-edge));border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--danger) 12%,var(--glass-control)),var(--glass-control));
  color:var(--text-1);text-align:left;box-shadow:0 4px 0 rgba(7,19,38,.46),0 8px 15px rgba(0,0,0,.18),inset 0 1px 0 var(--glass-highlight)
}
button.kassza-mode-confirmation{cursor:pointer}
#pg-kassza button.kassza-mode-confirmation:disabled{cursor:default;opacity:1}
#pg-kassza button.kassza-mode-confirmation:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(7,19,38,.46),0 3px 7px rgba(0,0,0,.16),inset 0 1px 0 var(--glass-highlight)}
#pg-kassza .kassza-mode-confirmation-icon{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;color:var(--danger);font-size:16px;font-weight:1000}
#pg-kassza .kassza-mode-confirmation>span:last-child{min-width:0;display:flex;flex-direction:column;gap:2px}
#pg-kassza .kassza-mode-confirmation b{font-size:12px;font-weight:950}#pg-kassza .kassza-mode-confirmation small{color:var(--text-3);font-size:10px;line-height:1.3}
#pg-kassza .kassza-mode-confirmation.is-complete{border-color:color-mix(in srgb,var(--success) 62%,var(--glass-edge));background:linear-gradient(145deg,color-mix(in srgb,var(--success) 15%,var(--glass-control)),var(--glass-control));box-shadow:0 4px 0 color-mix(in srgb,var(--success) 28%,#172137),0 8px 15px rgba(0,0,0,.18),inset 0 1px 0 var(--glass-highlight)}
#pg-kassza .kassza-mode-confirmation.is-complete .kassza-mode-confirmation-icon,#pg-kassza .kassza-mode-confirmation.is-complete b{color:var(--success)}

#pg-kassza .kassza-current-reports{
  margin:0 0 12px;border:1px solid var(--glass-edge);border-radius:14px;
  background:var(--glass-panel);box-shadow:var(--glass-shadow-raised);overflow:hidden;
}
#pg-kassza .kassza-current-reports-head{
  min-height:46px;padding:9px 13px;display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;
  background:var(--glass-control);box-shadow:inset 0 1px 0 var(--glass-highlight);
}
#pg-kassza .kassza-current-reports-head::-webkit-details-marker{display:none}
#pg-kassza .kassza-current-reports-head::after{content:"▸";margin-left:auto;color:var(--accent);font-size:17px;font-weight:950;transition:transform .16s ease}
#pg-kassza .kassza-current-reports[open]>.kassza-current-reports-head::after{transform:rotate(90deg)}
#pg-kassza .kassza-current-reports-head b{color:var(--accent);font-size:14px;font-weight:950;letter-spacing:.035em}
#pg-kassza .kassza-current-reports-head span{color:var(--text-2);font-size:12px;font-weight:800}
#pg-kassza .kassza-current-reports-body{padding:11px 11px 1px}
#pg-kassza .kassza-current-reports-body .kassza-daily-total{margin-bottom:10px}
#pg-kassza .kassza-current-reports-head:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 46%,transparent);outline-offset:-3px}
#pg-kassza .kassza-scroll-target-tail{display:block;width:100%;min-height:0;pointer-events:none}

@media (max-width:900px){
  #pg-kassza .kassza-pay-tabs{
    display:flex;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch;
  }
  #pg-kassza .kassza-pay-tab{flex:0 0 min(158px,42vw);scroll-snap-align:start}
}
@media (max-width:620px){
  #pg-kassza .kassza-pay-mode-sticky{padding-left:8px;padding-right:8px}
  #pg-kassza .kassza-pay-tab{min-height:50px}
  #pg-kassza .kassza-current-reports-head{align-items:flex-start;flex-wrap:wrap}
  #pg-kassza .kassza-current-reports-head span{flex:1 1 auto}
}

/* ==== EGYSÉGES ADATTÍPUS-IGAZÍTÁS AZ EGÉSZ ALKALMAZÁSBAN ================ */
:where(input,select,textarea,[contenteditable="true"]){text-align:left}
:where(input[type="number"],input[inputmode="numeric"],input[inputmode="decimal"],[data-app-num-pad-format="currency"],[data-kassza-tape-amount="1"],[data-kassza-opening-amount="1"]){text-align:right;font-variant-numeric:tabular-nums}
:where(input[type="date"],input[type="datetime-local"],input[type="time"],input[type="month"],input[type="week"],input[type="email"],input[type="tel"],input[type="url"],input[type="search"]){text-align:left}

:where(table th,table td){text-align:left}
:where(table .num,table .money,table .qty){text-align:right;font-variant-numeric:tabular-nums}

:where([data-app-align="text"]){text-align:left!important}
:where([data-app-align="number"]){text-align:right!important;font-variant-numeric:tabular-nums}
:where([data-app-align="center"]){text-align:center!important;font-variant-numeric:tabular-nums}
:where([data-app-align="date"]){text-align:center!important;font-variant-numeric:tabular-nums}
:where([data-app-align="actions"]){text-align:right!important;justify-content:flex-end}

:where(input,select,textarea,[contenteditable="true"],[data-app-align="number"],[data-app-align="date"]){font-variant-numeric:tabular-nums}
/* ==== DOKUMENTUM: CSOMAGOLÁSI BEOLVASÁSI MUNKAMÓD ====================== */
.doc-packaging-controls{margin:0 0 12px;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border-strong));border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 9%,var(--bg-surface)),var(--bg-page));box-shadow:0 10px 28px rgba(0,0,0,.16)}
.doc-packaging-controls-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.doc-packaging-controls-head span{color:var(--text-3);font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.doc-packaging-controls-head b{color:var(--accent);font-size:13px;text-align:right}
.doc-packaging-mode-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.doc-packaging-mode-buttons button,.doc-packaging-quick-actions button{min-height:42px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-inset);color:var(--text-2);font-size:12px;font-weight:850;cursor:pointer}.doc-packaging-mode-buttons button.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--bg-inset));color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 32%,transparent)}
.doc-packaging-quick-actions{display:flex;align-items:center;gap:8px;margin-top:9px}.doc-packaging-quick-actions button{padding:8px 13px}.doc-packaging-quick-actions button[data-doc-packaging-single]{border-color:color-mix(in srgb,var(--warning) 58%,var(--border-strong));color:var(--warning)}.doc-packaging-quick-actions button.is-armed{background:var(--warning);border-color:var(--warning);color:#17120a;animation:doc-packaging-pulse 1.05s ease-in-out infinite}.doc-packaging-quick-actions button[data-doc-packaging-voice].is-active{border-color:color-mix(in srgb,var(--success) 58%,var(--border-strong));color:var(--success)}.doc-packaging-quick-actions span{margin-left:auto;color:var(--text-3);font-size:11px;line-height:1.3;text-align:right}
@keyframes doc-packaging-pulse{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--warning) 18%,transparent)}}
.doc-packaging-dialog{position:fixed;inset:0;z-index:24800;display:flex;align-items:center;justify-content:center;padding:calc(18px + var(--safe-top)) calc(18px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(18px + var(--safe-left));background:rgba(0,0,0,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.doc-packaging-dialog-box{width:min(760px,100%);max-height:calc(100vh - 36px - var(--safe-top) - var(--safe-bottom));overflow:auto;padding:22px;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--border-strong));border-radius:19px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 10%,var(--bg-surface)),var(--bg-page));box-shadow:0 30px 80px rgba(0,0,0,.62)}
.doc-packaging-kicker{display:block;color:var(--accent);font-size:11px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.doc-packaging-kicker.is-warning{color:var(--warning)}.doc-packaging-dialog-box h2{margin:6px 0 8px;color:var(--text-1);font-size:23px;line-height:1.25}.doc-packaging-dialog-box>p{margin:0 0 17px;color:var(--text-2);font-size:13px;line-height:1.5}
.doc-packaging-dialog-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.doc-packaging-dialog-options button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:90px;padding:14px;border:1px solid var(--border-strong);border-radius:13px;background:var(--bg-inset);color:var(--text-1);text-align:left;cursor:pointer}.doc-packaging-dialog-options button:last-child{grid-column:1 / -1}.doc-packaging-dialog-options button:hover,.doc-packaging-dialog-options button:focus-visible{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,var(--bg-inset));outline:none}.doc-packaging-dialog-options b{font-size:15px}.doc-packaging-dialog-options small{color:var(--text-3);font-size:12px;line-height:1.4}
.doc-packaging-review-values{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.doc-packaging-review-values span{padding:12px;border:1px solid var(--border-strong);border-radius:11px;background:var(--bg-inset);color:var(--text-3);font-size:12px}.doc-packaging-review-values b{display:block;margin-top:4px;color:var(--text-1);font-size:19px}.doc-packaging-dialog-box .doc-packaging-warning{padding:13px;border:1px solid color-mix(in srgb,var(--warning) 55%,var(--border-strong));border-radius:11px;background:color-mix(in srgb,var(--warning) 12%,var(--bg-inset));color:var(--text-1);font-weight:800}.doc-packaging-dialog-box .doc-packaging-stock-warning{color:var(--danger);font-weight:750}.doc-packaging-review-actions{display:grid;grid-template-columns:.75fr 1.25fr 1.25fr;gap:9px}.doc-packaging-review-actions button{min-height:48px;padding:10px;border:1px solid var(--border-strong);border-radius:11px;background:var(--bg-inset);color:var(--text-2);font-weight:850;cursor:pointer}.doc-packaging-review-actions button[data-packaging-review-confirm]{border-color:color-mix(in srgb,var(--warning) 55%,var(--border-strong));color:var(--warning)}.doc-packaging-review-actions button[data-packaging-review-fix]{border:none;background:var(--success);color:#07150d}.doc-packaging-review-actions button:disabled{opacity:.42;cursor:not-allowed}
.doc-item-card.has-packaging-warning{border-color:color-mix(in srgb,var(--warning) 68%,var(--border-strong));box-shadow:0 0 0 1px color-mix(in srgb,var(--warning) 25%,transparent),0 12px 28px rgba(0,0,0,.18)}.doc-item-packaging-warning{margin-top:6px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--warning) 52%,var(--border-strong));border-radius:8px;background:color-mix(in srgb,var(--warning) 12%,var(--bg-inset));color:var(--warning);font-size:11px;font-weight:800;line-height:1.35}.doc-item-packaging-warning.is-confirmed{border-color:color-mix(in srgb,var(--success) 50%,var(--border-strong));background:color-mix(in srgb,var(--success) 10%,var(--bg-inset));color:var(--success)}
@media(max-width:760px){.doc-packaging-mode-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.doc-packaging-mode-buttons button:nth-child(4),.doc-packaging-mode-buttons button:nth-child(5){grid-column:span 1}.doc-packaging-quick-actions{flex-wrap:wrap}.doc-packaging-quick-actions span{flex:1 1 100%;margin-left:0;text-align:left}.doc-packaging-review-actions{grid-template-columns:1fr}.doc-packaging-dialog-box{padding:17px}.doc-packaging-dialog-box h2{font-size:20px}}
@media(max-width:480px){.doc-packaging-dialog-options{grid-template-columns:1fr}.doc-packaging-dialog-options button:last-child{grid-column:auto}.doc-packaging-mode-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-packaging-mode-buttons button:last-child{grid-column:1 / -1}.doc-packaging-review-values{grid-template-columns:1fr}}
.camera-barcode-button{align-items:center;align-self:stretch;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:8px;color:var(--text-1);cursor:pointer;display:inline-flex;flex:0 0 46px;font-size:21px;justify-content:center;min-height:42px;min-width:46px;padding:0}
.camera-barcode-button:active{background:var(--accent);color:var(--bg-inset)}
.camera-barcode-layer{align-items:center;background:rgba(0,0,0,.86);display:flex;inset:0;justify-content:center;padding:calc(var(--space-4) + var(--safe-top)) calc(var(--space-4) + var(--safe-right)) calc(var(--space-4) + var(--safe-bottom)) calc(var(--space-4) + var(--safe-left));position:fixed;z-index:var(--z-toast)}
.camera-barcode-panel{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:16px;box-shadow:0 22px 70px rgba(0,0,0,.55);max-width:680px;overflow:hidden;padding:14px;width:100%}
.camera-barcode-panel header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}
.camera-barcode-panel header small{color:var(--accent);font-size:12px;font-weight:900;text-transform:uppercase}
.camera-barcode-panel h2{font-size:20px;margin:2px 0 0}
.camera-barcode-panel header button{background:none;border:0;color:var(--text-1);font-size:32px;line-height:1;padding:4px 8px}
.camera-barcode-view{aspect-ratio:4/3;background:#050505;border-radius:12px;overflow:hidden;position:relative}
.camera-barcode-view video{height:100%;object-fit:cover;width:100%}
.camera-barcode-guide{border:3px solid var(--accent);border-radius:12px;box-shadow:0 0 0 999px rgba(0,0,0,.28);height:34%;left:8%;position:absolute;right:8%;top:33%}
#camera-barcode-status{color:var(--text-2);font-size:13px;font-weight:800;margin:12px 2px;text-align:center}
#camera-barcode-status.is-error{color:var(--danger)}
.camera-barcode-cancel{background:var(--bg-inset);border:1px solid var(--border-strong);border-radius:9px;color:var(--text-1);font-weight:900;padding:11px;width:100%}
@media (orientation:landscape) and (max-height:620px){.camera-barcode-panel{max-width:560px}.camera-barcode-view{aspect-ratio:16/8}.camera-barcode-panel header{margin-bottom:7px}.camera-barcode-panel h2{font-size:17px}#camera-barcode-status{margin:7px 2px}}

/* ==== AKADÁLYMENTES BILLENTYŰZET- ÉS HIGH CONTRAST KEZELÉS ============== */
.drawer button.ditem{appearance:none;-webkit-appearance:none;width:100%;font:inherit;text-align:left}
:where(a[href],button,input,select,textarea,summary,[contenteditable="true"],[tabindex]:not([tabindex="-1"])):focus-visible{
  outline:3px solid var(--focus-ring)!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 5px var(--focus-ring-outer)!important;
}

@media (forced-colors:active){
  :where(button,input,select,textarea,summary,a[href],[tabindex]:not([tabindex="-1"])){forced-color-adjust:auto}
  :where(button,.sbtn,.rail-item,.drawer .ditem,.tab,input,select,textarea){box-shadow:none!important;text-shadow:none!important;border-color:ButtonText!important}
  :where(a[href],button,input,select,textarea,summary,[contenteditable="true"],[tabindex]:not([tabindex="-1"])):focus-visible{outline:3px solid Highlight!important;outline-offset:3px!important;box-shadow:none!important}
  :where(.is-active,.active,[aria-current="page"],[aria-pressed="true"]){border:2px solid Highlight!important}
  .overlay.on{background:Canvas!important;opacity:.72}
}

/* Árellenőrző – az eredeti C, vevőközpontú szerkezet. */
#pg-price-reader .price-card{--price-c-amber:#ffc529}
#pg-price-reader .price-card .price-showcase{grid-template-columns:340px minmax(0,1fr);background:var(--bg-page)}
#pg-price-reader .price-card-no-photo .price-card-media{display:flex}
#pg-price-reader .price-card .price-card-data{height:100%;display:flex;flex-direction:column;justify-content:stretch;overflow:hidden;text-align:center;background:var(--bg-page)}
#pg-price-reader .price-c-pack-badge{position:absolute;z-index:4;top:10px;right:10px;padding:5px 11px;border-radius:8px;background:var(--accent);color:#fff;font-size:12px;font-weight:950;line-height:1.2;box-shadow:0 5px 16px color-mix(in srgb,var(--accent) 28%,transparent)}
#pg-price-reader .price-c-hero{flex:0 0 auto;padding:26px 18px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid var(--border)}
#pg-price-reader .price-c-title{width:100%;color:var(--text-1);font-size:clamp(24px,2vw,32px);font-weight:850;letter-spacing:-.02em;line-height:1.1;text-align:center}
#pg-price-reader .price-c-title .price-product-name-edit{width:100%;margin:0 auto;color:inherit;text-align:center}
#pg-price-reader .price-c-title .price-product-name,
#pg-price-reader .price-c-title .price-title-combo{margin:0 auto;text-align:center;font-size:inherit;line-height:inherit}
#pg-price-reader .price-c-price{margin-top:clamp(10px,1.5vh,18px);display:flex;align-items:baseline;justify-content:center;gap:8px;color:var(--price-c-amber);font-variant-numeric:tabular-nums}
#pg-price-reader .price-c-price strong{font-size:88px;font-weight:900;letter-spacing:-.045em;line-height:.9;white-space:nowrap}
#pg-price-reader .price-c-price span{color:var(--text-2);font-size:clamp(20px,1.7vw,26px);font-weight:800;letter-spacing:0;white-space:nowrap}
#pg-price-reader .price-c-under{margin-top:clamp(10px,1.5vh,16px);display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}
#pg-price-reader .price-c-pill,#pg-price-reader .price-c-foot-pill{display:inline-flex;align-items:baseline;gap:6px;padding:6px 11px;border:1px solid var(--border);border-radius:8px;background:var(--bg-inset);color:var(--text-3);font-size:12px;font-weight:750;line-height:1.2;white-space:nowrap}
#pg-price-reader .price-c-pill b,#pg-price-reader .price-c-foot-pill b{color:var(--text-1);font-size:13px;font-weight:900}
#pg-price-reader .price-c-pill.is-drs b{color:var(--success)}
#pg-price-reader .price-c-promotion{margin-top:10px;color:var(--text-2);font-size:11px}
#pg-price-reader .price-c-promotion .price-promo-period,#pg-price-reader .price-c-promotion .price-regular-price{justify-content:center;margin-top:4px}
#pg-price-reader .price-c-ladder{flex:0 0 auto;display:grid;grid-template-columns:repeat(var(--price-c-step-count,3),minmax(0,1fr));border-bottom:1px solid var(--border)}
#pg-price-reader .price-c-ladder.has-1{--price-c-step-count:1}
#pg-price-reader .price-c-ladder.has-2{--price-c-step-count:2}
#pg-price-reader .price-c-ladder.has-3{--price-c-step-count:3}
#pg-price-reader .price-c-step{min-width:0;padding:clamp(14px,2vh,20px) 12px;text-align:center;border-right:1px solid var(--border)}
#pg-price-reader .price-c-step:last-child{border-right:0}
#pg-price-reader .price-c-step-label{min-height:1.2em;color:var(--text-3);font-size:clamp(11px,.9vw,14px);font-weight:850;letter-spacing:.035em;line-height:1.2}
#pg-price-reader .price-c-step-price{margin-top:7px;display:flex;align-items:baseline;justify-content:center;gap:4px;font-variant-numeric:tabular-nums}
#pg-price-reader .price-c-step-price strong{color:var(--text-1);font-size:clamp(28px,2.5vw,38px);font-weight:900;letter-spacing:-.025em;line-height:1}
#pg-price-reader .price-c-step-price span{color:var(--text-3);font-size:clamp(11px,.95vw,15px);font-weight:800}
#pg-price-reader .price-c-step.is-best .price-c-step-price strong{color:var(--success)}
#pg-price-reader .price-c-step-total{margin-top:7px;color:var(--text-3);font-size:clamp(12px,1vw,15px);font-weight:750;font-variant-numeric:tabular-nums}
#pg-price-reader .price-c-foot{margin-top:auto;padding:13px 12px 10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}
#pg-price-reader .price-c-foot-pill{background:transparent}
#pg-price-reader .price-c-foot-pill.is-low b{color:var(--warning)}
html[data-theme="light"] #pg-price-reader .price-card .price-card-data{background:#f7f9fc}
html[data-theme="light"] #pg-price-reader .price-card{--price-c-amber:#b07800}
html[data-theme="light"] #pg-price-reader .price-c-pill{background:#eef2f7}

@media (orientation:landscape) and (max-height:720px){
  #pg-price-reader .price-card .price-showcase{grid-template-columns:clamp(270px,27vw,340px) minmax(0,1fr)}
  #pg-price-reader .price-c-hero{padding:10px 14px 9px}
  #pg-price-reader .price-c-title{font-size:clamp(20px,1.7vw,27px)}
  #pg-price-reader .price-c-price{margin-top:7px}
  #pg-price-reader .price-c-price strong{font-size:clamp(64px,6vw,82px)}
  #pg-price-reader .price-c-price span{font-size:clamp(17px,1.5vw,22px)}
  #pg-price-reader .price-c-under{margin-top:7px}
  #pg-price-reader .price-c-step{padding:10px 8px}
  #pg-price-reader .price-c-step-price{margin-top:5px}
  #pg-price-reader .price-c-step-price strong{font-size:clamp(26px,2.35vw,34px)}
  #pg-price-reader .price-c-step-total{margin-top:5px}
  #pg-price-reader .price-c-foot{padding:8px 9px 6px;gap:6px}
  #pg-price-reader .price-c-foot-pill{padding:5px 8px;font-size:11px}
}
@media (max-width:900px), (orientation:portrait){
  #pg-price-reader .price-reader-result.has-price-card{overflow:auto}
  #pg-price-reader .price-reader-result.has-price-card>.price-card{height:auto;min-height:100%}
  #pg-price-reader .price-reader-result.has-price-card>.price-card>.price-card-layout{height:auto}
  #pg-price-reader .price-card .price-showcase{grid-template-columns:1fr}
  #pg-price-reader .price-card .price-card-media{height:auto;min-height:34vh;max-height:none}
  #pg-price-reader .price-card .price-card-media .price-photo-wrap{height:42vh;min-height:300px;flex:none}
  #pg-price-reader .price-card .price-card-data{height:auto;max-height:none;overflow:visible}
  #pg-price-reader .price-c-hero{padding:24px 16px 22px}
  #pg-price-reader .price-c-price strong{font-size:clamp(70px,15vw,94px)}
  #pg-price-reader .price-c-ladder{grid-template-columns:1fr}
  #pg-price-reader .price-c-step{padding:16px 12px;border-right:0;border-bottom:1px solid var(--border)}
  #pg-price-reader .price-c-step:last-child{border-bottom:0}
  #pg-price-reader .price-c-step-price strong{font-size:clamp(32px,7vw,42px)}
  #pg-price-reader .price-c-foot{padding:14px 10px 12px}
}

/* ==== KPS-MINTÁJÚ PRP – VILÁGOS TÉMA =====================================
   A sötét és az ipari téma változatlan marad. A teljes világos felület a
   KPS tiszta, tengerészkék–arany, levegős komponensritmusát követi. */
@font-face{font-family:"IBM Plex Sans";src:url("../assets/fonts/ibm-plex-sans-latin-ext.woff2") format("woff2");font-style:normal;font-weight:100 700;font-display:swap}
@font-face{font-family:"Fraunces";src:url("../assets/fonts/fraunces-latin-ext.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../assets/fonts/ibm-plex-mono-400-latin-ext.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../assets/fonts/ibm-plex-mono-600-latin-ext.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}

html[data-theme="light"]{
  --brand-navy-deep:#071326;
  --brand-navy:#0D1C35;
  --brand-navy-2:#142A4C;
  --brand-navy-3:#243956;
  --brand-gold:#CDA72E;
  --brand-gold-deep:#977310;
  --brand-gold-light:#F4E5A4;
  --brand-gold-soft:rgba(205,167,46,.14);
  --status-success-bg:#E4F1EA;
  --status-danger-bg:#F7E7E2;
  --status-info-bg:#E5EDF8;
  --status-draft-bg:#EEEFF2;
  --font-ui:"Segoe UI",Arial,sans-serif;
  --font-title:var(--font-ui);
  --font-mono:"IBM Plex Mono",monospace;
  --bg-page:#F5F3EC;
  --bg-surface:#FFFFFF;
  --bg-surface-2:#F7F8FA;
  --bg-inset:#EEF1F5;
  --bg-input:#FFFFFF;
  --page-mix-end:#F7F8FA;
  --page-layer-end:#EEF1F5;
  --border:#D5DAE2;
  --border-strong:#CBD2DD;
  --text-1:#172033;
  --text-2:#536078;
  --text-3:#758198;
  --accent:#CDA72E;
  --accent-strong:#977310;
  --accent-text:#FFFFFF;
  --success:#2E7D5B;
  --success-text:#2E7D5B;
  --warning:#B3452F;
  --danger:#B3452F;
  --danger-text:#B3452F;
  --info:#315F9F;
  --placeholder:#8290A5;
  --disabled-bg:#EEEFF2;
  --disabled-text:#8B92A3;
  --mod-sales:#CDA72E;
  --mod-sales-strong:#977310;
  --mod-warehouse:#315F9F;
  --mod-management:#2E7D5B;
  --mod-management-strong:#246548;
  --mod-admin:#1F3460;
  --mod-admin-strong:#16264A;
  --rail-decor:#CDA72E;
  --rail-decor-strong:#977310;
  --rail-decor-text:#FFFFFF;
  --radius-sm:14px;
  --radius-md:18px;
  --radius-lg:22px;
  --card-shadow:0 12px 30px rgba(14,27,51,.08),0 2px 8px rgba(14,27,51,.04);
  --modal-shadow:0 22px 58px rgba(14,27,51,.20);
  --input-control-shadow:none;
  --input-focus-shadow:0 0 0 3px rgba(49,95,159,.16);
  --glass-page-glow:none;
  --glass-panel:#FFFFFF;
  --glass-panel-soft:#F8FAFD;
  --glass-chrome:#FFFFFF;
  --glass-control:#FFFFFF;
  --glass-input:#FFFFFF;
  --glass-list-row:#FFFFFF;
  --glass-edge:#D5DAE2;
  --glass-edge-hot:#315F9F;
  --glass-highlight:transparent;
  --glass-shadow:var(--card-shadow);
  --glass-shadow-raised:var(--modal-shadow);
  --glass-shadow-control:var(--card-shadow);
  color-scheme:light;
}

html[data-theme="light"] body,
html[data-theme="light"] button,
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{font-family:var(--font-ui)}
html[data-theme="light"] body{background:var(--bg-page);background-image:none;color:var(--text-1)}
html[data-theme="light"] .page{background:var(--bg-page);background-image:none}
html[data-theme="light"] ::selection{background:var(--brand-gold-light);color:var(--brand-navy)}

html[data-theme="light"] :where(.topbar .ttl,.drawer-brand .brand-product-name,.settings-hero h1,.settings-card-title,h1,h2,.modal-title,.dialog-title){font-family:var(--font-title);font-weight:650}
html[data-theme="light"] .topbar .ttl{font-size:1.35rem;text-transform:none;letter-spacing:.01em;text-shadow:none}
html[data-theme="light"] :where(.money,.amount,.price,.total,[data-app-align="number"],input[type="number"],input[inputmode="numeric"],input[inputmode="decimal"]){font-family:var(--font-mono);font-variant-numeric:tabular-nums}
html[data-theme="light"] :where(label,.field-label,.form-label,.daily-report-field label){color:var(--text-2);font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}

html[data-theme="light"] :where(.topbar,.product-filter-toolbar,.product-filter-footer,.contacts-search-bar,.promotion-filter-bar,.supplier-invoice-template-toolbar){background:var(--bg-surface);background-image:none;border-color:var(--border);box-shadow:0 1px 0 var(--border);backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme="light"] .topbar button{border-radius:var(--radius-sm);background:var(--bg-surface);border:1.5px solid var(--border-strong);color:var(--text-2);box-shadow:none;text-shadow:none}
html[data-theme="light"] .topbar button[id$="-back"],
html[data-theme="light"] #b-home-menu,
html[data-theme="light"] .drawer-menu-button,
html[data-theme="light"] #b-pr-back,
html[data-theme="light"] #b-kassza-back{color:var(--brand-gold-deep)}

html[data-theme="light"] :where(.drawer,.app-rail,body.rail-bottom .app-rail,.home-bottom){background:var(--brand-navy)!important;background-image:none!important;border-color:var(--brand-gold)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-theme="light"] .drawer-brand{background:var(--brand-navy)!important;background-image:none!important;border-color:rgba(234,217,143,.24)!important;box-shadow:none!important}
html[data-theme="light"] :where(.drawer .ditem,.rail-item,.home-bottom-action,.home-bottom-user,.session-user-chip){color:#D6DCE8!important}
html[data-theme="light"] .topbar .session-user-chip{background:var(--bg-surface)!important;color:var(--brand-navy)!important;border-color:var(--brand-gold-border)!important}
html[data-theme="light"] .topbar .session-user-icon{background:var(--brand-gold-soft);color:var(--brand-gold-dark)}
html[data-theme="light"] :where(.drawer .ditem,.rail-item){background:transparent!important;background-image:none!important;box-shadow:none!important}
html[data-theme="light"] :where(.drawer .ditem:hover,.rail-item:hover){background:rgba(255,255,255,.06)!important;color:#FFFFFF!important}
html[data-theme="light"] .drawer .ditem.is-active,
html[data-theme="light"] .drawer .ditem.active,
html[data-theme="light"] .rail-item.is-active{position:relative;background:var(--brand-gold-soft)!important;color:var(--brand-gold-light)!important;box-shadow:inset 3px 0 0 var(--brand-gold)!important;border-color:transparent!important}
html[data-theme="light"] .drawer .ditem.is-active .app-icon,
html[data-theme="light"] .drawer .ditem.active .app-icon,
html[data-theme="light"] .rail-item.is-active .app-icon{color:var(--brand-gold-light)!important}
html[data-theme="light"] body:not(.rail-bottom) .rail-item .app-icon{color:var(--brand-gold-light)!important;border-color:rgba(201,162,39,.42);background:rgba(255,255,255,.025)}
html[data-theme="light"] body:not(.rail-bottom) .rail-item.is-active .app-icon{color:var(--brand-navy)!important;border-color:var(--brand-gold-light);background:var(--brand-gold-light)}
html[data-theme="light"] body:not(.rail-bottom) .rail-item-label{color:#D6DCE8}
html[data-theme="light"] body:not(.rail-bottom) .rail-item.is-active .rail-item-label{color:var(--brand-gold-light)}
html[data-theme="light"] .drawer-section-title{color:var(--brand-gold-light)!important;background:transparent!important}
html[data-theme="light"] .drawer-section-title::before{background:var(--brand-gold)!important}
html[data-theme="light"] .drawer-sub{background:var(--brand-navy-deep)!important}
html[data-theme="light"] .drawer-quick-menu-title,
html[data-theme="light"] .rail-quick-menu-trigger{background:linear-gradient(160deg,var(--brand-gold),var(--brand-gold-deep))!important;color:#FFFFFF!important;border-color:var(--brand-gold)!important;box-shadow:0 2px 8px rgba(168,133,27,.35)!important}
html[data-theme="light"] body:not(.rail-bottom) .rail-quick-menu-trigger{background:rgba(255,255,255,.035)!important;color:var(--brand-gold-light)!important;border-color:rgba(201,162,39,.42)!important;box-shadow:none!important}
html[data-theme="light"] body.rail-bottom .app-rail{border-top-width:2px!important;border-right:0!important}

html[data-theme="light"] :where(.card,.settings-card,.settings-hero,.home-stat,.home-alerts-card,.home-warehouse-card,.doclist-card,.doc-list-card,.doc-item-card,.docpick-card,.docprod-card,.docprod-new-card,.docqty-summary-card,.preentry-card,.purchase-plan-summary>div,.purchase-plan-list,.purchase-plan-draft,.po-capacity-card,.po-product-card,.po-draft-card,.po-price-focus-card,.report-metric-card,.report-expiry-card,.daily-report-analysis-card,.supplier-report-card,.price-result-card,.price-card,.product-row,.product-card,.product-ops-card,.promotion-card,.contact-card,.cash-save-card,.doc-row,.doc-item-row,.kassza-summary-card,.kassza-daily-total-card,.kassza-report-card,.kassza-total-card,.page-warehouse-card,.pf-photo-gallery-card,.pf-promo-card,.stock-ai-card,.cat-recovery-card,.role-help-card,.login-user-card,.app-theme-card,.version-history-card,.supplier-invoice-map-card,.device-guard-overlay-box,.product-filter-section,.kassza-checklist-card){background:var(--bg-surface)!important;background-image:none!important;border:1px solid var(--border)!important;border-radius:14px;box-shadow:var(--card-shadow)!important}
html[data-theme="light"] .settings-card{padding:20px}
html[data-theme="light"] :where(.home-stat-value,.report-metric-value,.daily-report-kpi strong,.kassza-total-value){font-family:var(--font-mono);font-size:1.7rem;font-variant-numeric:tabular-nums}
html[data-theme="light"] .home-stat{position:relative;overflow:hidden}
html[data-theme="light"] .home-stat::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent)}
html[data-theme="light"] .home-stat:nth-child(2)::before{background:var(--info)}
html[data-theme="light"] .home-stat:nth-child(3)::before{background:var(--success)}

html[data-theme="light"] :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){min-height:52px;background:var(--bg-input);color:var(--text-1);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:none}
html[data-theme="light"] :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus{outline:none;border-color:var(--brand-gold);box-shadow:var(--input-focus-shadow)}
html[data-theme="light"] :where(input[type="date"],input[type="datetime-local"],input[type="time"],input[type="month"],input[type="week"]){text-align:center}
html[data-theme="light"] :where(input[type="number"],input[inputmode="numeric"],input[inputmode="decimal"]){text-align:right}

html[data-theme="light"] :where(.app-primary-add,.sbtn.acc,.sbtn.yellow,.promotion-step-primary,.product-filter-footer .is-primary){min-height:52px;border:none!important;border-radius:var(--radius-sm)!important;background:linear-gradient(160deg,var(--brand-gold),var(--brand-gold-deep))!important;color:#FFFFFF!important;box-shadow:0 2px 8px rgba(168,133,27,.35)!important;text-shadow:none!important}
html[data-theme="light"] :where(.sbtn.grey,.topbar-btn,.product-filter-trigger,.product-filter-toolbar-clear){border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-2);box-shadow:none}
html[data-theme="light"] :where(.sbtn.red,.is-danger,.danger-btn){background:var(--danger)!important;color:#FFFFFF!important;border-color:var(--danger)!important}
html[data-theme="light"] :where(.sbtn,.app-primary-add,.settings-security-action,.product-filter-trigger){transition:filter .14s ease,transform .14s ease,box-shadow .14s ease}
html[data-theme="light"] :where(.sbtn,.app-primary-add,.settings-security-action,.product-filter-trigger):not(:disabled):hover{filter:brightness(1.04);transform:none}
html[data-theme="light"] :where(.sbtn,.app-primary-add,.settings-security-action,.product-filter-trigger):not(:disabled):active{transform:scale(.98)}
html[data-theme="light"] .topbar button[id*="save"],
html[data-theme="light"] .topbar button[id*="ment"],
html[data-theme="light"] #b-docedit-save,
html[data-theme="light"] #b-kassza-save,
html[data-theme="light"] #b-pf-save,
html[data-theme="light"] #b-pf-savebtn,
html[data-theme="light"] #b-wh-save,
html[data-theme="light"] #b-whcats-save,
html[data-theme="light"] #b-save-company-profile{border-color:var(--brand-gold)!important;background:linear-gradient(160deg,var(--brand-gold),var(--brand-gold-deep))!important;color:#FFFFFF!important;box-shadow:0 2px 8px rgba(168,133,27,.35)!important}

html[data-theme="light"] table{border-collapse:separate;border-spacing:0;width:100%}
html[data-theme="light"] table thead th{background:var(--brand-navy);color:#FFFFFF;border-bottom:2px solid var(--brand-gold);font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
html[data-theme="light"] table thead th:first-child{border-top-left-radius:8px}
html[data-theme="light"] table thead th:last-child{border-top-right-radius:8px}
html[data-theme="light"] table tbody td{border-bottom:1px solid #EDEAE1}
html[data-theme="light"] table tbody tr:hover{background:var(--brand-gold-soft)}
html[data-theme="light"] :where(table .num,table .money,table .qty,table [data-app-align="number"]){font-family:var(--font-mono);text-align:right;font-variant-numeric:tabular-nums}

html[data-theme="light"] :where(.status-badge,.badge,.pill,.device-guard-status,.product-row-discontinued-badge){border-radius:999px;padding:4px 11px}
html[data-theme="light"] :where(.is-success,.is-paid,.status-paid,.status-success){color:var(--success);background-color:var(--status-success-bg)}
html[data-theme="light"] :where(.is-error,.is-expired,.status-error,.status-expired){color:var(--danger);background-color:var(--status-danger-bg)}
html[data-theme="light"] :where(.is-info,.is-issued,.status-info,.status-issued){color:var(--info);background-color:var(--status-info-bg)}
html[data-theme="light"] :where(.is-draft,.status-draft){color:var(--text-3);background-color:var(--status-draft-bg)}

html[data-theme="light"] :where(.overlay,[class*="backdrop"],.doc-packaging-dialog,.product-lifecycle-modal){background:rgba(10,20,40,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
html[data-theme="light"] :where(.product-filter-drawer,.app-select-sheet,.app-category-select-sheet,.product-photo-viewer-panel,.price-reader-barcode-role-panel,.kassza-machine-popup-box,.kassza-checklist-dialog,.login-account-switch-pin-dialog,.doc-packaging-dialog-box,.product-lifecycle-panel,.product-ops-card,.storage-shelf-picker){position:relative;background:var(--bg-surface)!important;background-image:none!important;border:1px solid var(--border)!important;border-radius:14px;box-shadow:var(--modal-shadow)!important}
html[data-theme="light"] :where(.product-filter-drawer,.app-select-sheet,.app-category-select-sheet,.product-photo-viewer-panel,.price-reader-barcode-role-panel,.kassza-machine-popup-box,.kassza-checklist-dialog,.login-account-switch-pin-dialog,.doc-packaging-dialog-box,.product-lifecycle-panel,.product-ops-card,.storage-shelf-picker)::before{content:"";position:absolute;z-index:1;top:0;left:14px;right:14px;height:4px;border-radius:0 0 4px 4px;background:var(--brand-gold);pointer-events:none}
html[data-theme="light"] :where(.product-filter-drawer,.app-select-sheet,.app-category-select-sheet,.product-photo-viewer-panel,.price-reader-barcode-role-panel,.kassza-machine-popup-box,.kassza-checklist-dialog,.login-account-switch-pin-dialog,.doc-packaging-dialog-box,.product-lifecycle-panel,.product-ops-card,.storage-shelf-picker){animation:kps-modal-in 220ms ease-out}
@keyframes kps-modal-in{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (prefers-reduced-motion:reduce){html[data-theme="light"] :where(.product-filter-drawer,.app-select-sheet,.app-category-select-sheet,.product-photo-viewer-panel,.price-reader-barcode-role-panel,.kassza-machine-popup-box,.kassza-checklist-dialog,.login-account-switch-pin-dialog,.doc-packaging-dialog-box,.product-lifecycle-panel,.product-ops-card,.storage-shelf-picker){animation:none}}

html[data-theme="light"] #pg-price-reader .price-card,
html[data-theme="light"] #pg-price-reader .price-card .price-card-data,
html[data-theme="light"] #pg-price-reader .price-summary-row,
html[data-theme="light"] #pg-price-reader .price-card-head,
html[data-theme="light"] #pg-price-reader .price-offer,
html[data-theme="light"] #pg-price-reader .price-collector-metric{background:var(--bg-surface)!important;border-color:var(--border)!important;box-shadow:var(--card-shadow)!important}
html[data-theme="light"] #pg-price-reader :where(.price-sale-value,.price-unit-value,.price-offer-total,.price-collector-total){color:var(--brand-navy)!important;font-family:var(--font-mono);text-shadow:none}
html[data-theme="light"] :where(.home-menu-tile,.login-user-card){background:var(--bg-surface)!important;background-image:none!important;border:1px solid var(--border)!important;border-radius:14px;box-shadow:var(--card-shadow)!important}
html[data-theme="light"] :where(.login-product-name,.home-menu-title){font-family:var(--font-title);font-weight:650}
html[data-theme="light"] :where(.home-alert-badge b,.home-stat-value,.price-c-price strong){font-family:var(--font-mono);font-variant-numeric:tabular-nums}

/* ==== KPS VILÁGOS – TELJES FELÜLETI RITMUS ================================ */
html[data-theme="light"]{
  --brand-gold-border:rgba(205,167,46,.48);
  --brand-gold-dark:#765600;
}

html[data-theme="light"] :where(.topbar,.product-filter-toolbar,.product-filter-footer,.contacts-search-bar,.promotion-filter-bar,.supplier-invoice-template-toolbar){
  border-color:var(--border);
  background:rgba(255,255,255,.90);
  box-shadow:0 1px 0 var(--border),0 8px 24px rgba(14,27,51,.035);
}
html[data-theme="light"] .topbar{
  min-height:calc(82px + var(--safe-top));
  padding:calc(13px + var(--safe-top)) calc(24px + var(--safe-right)) 13px calc(24px + var(--safe-left));
  gap:12px;
}
html[data-theme="light"] .topbar .ttl{font-size:1.7rem;color:var(--brand-navy);line-height:1.08}
html[data-theme="light"] .topbar button{
  min-width:50px;
  height:50px;
  padding:0 15px;
  border:1px solid var(--border-strong);
  border-radius:16px;
  background:linear-gradient(180deg,#FFFFFF,#F7F9FC);
  color:var(--brand-navy-2);
  box-shadow:0 5px 14px rgba(14,27,51,.06);
}
html[data-theme="light"] .topbar button[id$="-back"],
html[data-theme="light"] #b-home-menu,
html[data-theme="light"] .drawer-menu-button,
html[data-theme="light"] #b-pr-back,
html[data-theme="light"] #b-kassza-back{width:50px;min-width:50px;height:50px;flex-basis:50px;border-radius:16px;color:var(--brand-gold-dark)}

html[data-theme="light"] .session-header-status{height:54px;gap:10px;max-width:72%}
html[data-theme="light"] .topbar .session-header-status :where(.session-user-chip,.sync-live-status,.edit-lock-status,.session-network-chip){
  min-height:46px;
  height:46px;
  border-radius:18px;
  padding-left:13px;
  padding-right:13px;
  box-shadow:0 5px 14px rgba(14,27,51,.05);
}
html[data-theme="light"] .topbar .session-header-status .session-user-icon{width:28px;height:28px;flex-basis:28px;border-radius:50%}
html[data-theme="light"] .topbar .session-header-status .session-help-button{width:46px;min-width:46px;height:46px;border-radius:16px}
html[data-theme="light"] .topbar .session-header-status .sync-live-status{border-color:#7DB89B;background:#E7F4EC;color:#267652}
html[data-theme="light"] .topbar .session-header-status .session-network-chip.is-online{border-color:#7DB89B;background:#E7F4EC;color:#267652}

html[data-theme="light"] :where(.card,.settings-card,.settings-hero,.home-stat,.home-alerts-card,.home-warehouse-card,.doclist-card,.doc-list-card,.doc-item-card,.docpick-card,.docprod-card,.docprod-new-card,.docqty-summary-card,.preentry-card,.purchase-plan-summary>div,.purchase-plan-list,.purchase-plan-draft,.po-capacity-card,.po-product-card,.po-draft-card,.po-price-focus-card,.report-metric-card,.report-expiry-card,.daily-report-analysis-card,.supplier-report-card,.price-result-card,.price-card,.product-row,.product-card,.product-ops-card,.promotion-card,.contact-card,.cash-save-card,.doc-row,.doc-item-row,.kassza-summary-card,.kassza-daily-total-card,.kassza-report-card,.kassza-total-card,.page-warehouse-card,.pf-photo-gallery-card,.pf-promo-card,.stock-ai-card,.cat-recovery-card,.role-help-card,.login-user-card,.app-theme-card,.version-history-card,.supplier-invoice-map-card,.device-guard-overlay-box,.product-filter-section,.kassza-checklist-card){
  border-color:var(--border)!important;
  border-radius:20px;
  box-shadow:var(--card-shadow)!important;
}
html[data-theme="light"] :where(.home-menu-tile,.login-user-card){border-radius:18px}
html[data-theme="light"] :where(.settings-shell,.version-history-shell,.role-help-content){background:var(--bg-page)}
html[data-theme="light"] .settings-shell{padding:24px}

html[data-theme="light"] :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  min-height:54px;
  padding:12px 15px;
  border-color:var(--border-strong);
  border-radius:14px;
  background:#FFFFFF;
}
html[data-theme="light"] :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus{
  border-color:var(--info);
  box-shadow:var(--input-focus-shadow);
}
html[data-theme="light"] :where(.sbtn,.app-primary-add,.topbar-btn,.product-filter-trigger,.product-filter-toolbar-clear){min-height:50px;border-radius:14px;padding:11px 18px}
html[data-theme="light"] :where(.sbtn.grey,.topbar-btn,.product-filter-trigger,.product-filter-toolbar-clear){background:linear-gradient(180deg,#FFFFFF,#F7F9FC);border-color:var(--border-strong);color:var(--brand-navy-2);box-shadow:0 5px 14px rgba(14,27,51,.05)}

html[data-theme="light"] table{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#FFFFFF;box-shadow:0 8px 24px rgba(14,27,51,.055)}
html[data-theme="light"] table thead th{padding:13px 15px;background:var(--brand-navy);border-bottom-color:var(--brand-gold)}
html[data-theme="light"] table tbody td{padding:13px 15px;border-bottom-color:var(--border)}
html[data-theme="light"] table tbody tr:nth-child(even){background:#F8FAFD}

html[data-theme="light"] :where(.drawer,.app-rail){background:linear-gradient(180deg,#0D1C35 0%,#071326 100%)!important}
html[data-theme="light"] body:not(.rail-bottom) .app-rail{border-right:2px solid var(--brand-gold)!important;padding-top:calc(18px + var(--safe-top));gap:6px;box-shadow:8px 0 24px rgba(7,19,38,.20)!important}
html[data-theme="light"] body:not(.rail-bottom) .rail-item{width:94px;min-height:90px;border-radius:13px}
html[data-theme="light"] body:not(.rail-bottom) .rail-item:hover{background:rgba(255,255,255,.055)!important}
html[data-theme="light"] body:not(.rail-bottom) .rail-item.is-active{background:rgba(205,167,46,.14)!important;box-shadow:inset 4px 0 0 var(--brand-gold)!important}
html[data-theme="light"] body:not(.rail-bottom) .rail-item .app-icon{width:30px;height:30px;padding:12px;border-radius:18px;stroke-width:2.05}
html[data-theme="light"] body:not(.rail-bottom) .rail-item-label{font-size:12px;line-height:1.15}
html[data-theme="light"] body:not(.rail-bottom) .rail-quick-menu-trigger{width:60px;min-height:60px!important;margin-bottom:14px;border-radius:18px!important}
html[data-theme="light"] body.rail-bottom .rail-item{min-width:82px;padding:6px 9px;border-radius:14px}
html[data-theme="light"] body.rail-bottom .rail-item .app-icon{box-sizing:content-box;width:22px;height:22px;padding:4px;border-radius:10px}
html[data-theme="light"] body.rail-bottom .rail-item.is-active{box-shadow:inset 0 3px 0 var(--brand-gold)!important}

html[data-theme="light"] .drawer .ditem{min-height:54px;margin:8px 0;border-radius:15px;padding:13px 14px}
html[data-theme="light"] .drawer .ditem .app-icon{color:var(--brand-gold-light)!important}

html[data-theme="light"] #pg-price-reader .topbar{border-bottom:1px solid var(--brand-gold-border)}
html[data-theme="light"] body.rail-on:not(.rail-bottom) #pg-price-reader .topbar>#b-pr-back,
html[data-theme="light"] body.rail-on:not(.rail-bottom) #pg-price-reader .topbar>.drawer-menu-button{display:none}
html[data-theme="light"] #pg-price-reader .module-brand-title{display:flex!important;flex:1;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;margin:0;line-height:1}
html[data-theme="light"] #pg-price-reader .module-brand-title .brand-logo-module{display:none!important}
html[data-theme="light"] #pg-price-reader .module-brand-title::before{content:"ÖNÁLLÓ KÉSZLETALKALMAZÁS"!important;display:block;color:var(--text-3)!important;font-family:var(--font-ui);font-size:13px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:.08em!important;text-transform:uppercase!important}
html[data-theme="light"] #pg-price-reader .module-brand-title>span{display:block!important;margin:0!important;color:var(--brand-navy)!important;font-family:var(--font-title);font-size:30px!important;font-weight:400!important;line-height:1.15!important;letter-spacing:0!important;text-transform:none!important}
html[data-theme="light"] #pg-price-reader .price-reader-search-shell{
  top:calc(82px + var(--safe-top));
  width:min(1520px,calc(100% - 32px));
  box-sizing:border-box;
  margin:12px auto 0;
  padding:6px;
  border:1px solid var(--border);
  border-radius:20px;
  background:rgba(255,255,255,.96);
  box-shadow:0 15px 35px rgba(31,45,69,.12),inset 0 1px 0 #FFFFFF;
}
html[data-theme="light"] #pg-price-reader .price-reader-search-shell::before{display:none}
html[data-theme="light"] #pg-price-reader .price-reader-search-row{gap:10px}
html[data-theme="light"] #pg-price-reader .price-reader-search-icon{left:20px;color:var(--info);font-size:22px;filter:none}
html[data-theme="light"] #pg-price-reader .price-reader-search-input{
  min-height:54px;
  padding:12px 15px 12px 60px;
  border:1px solid var(--info);
  border-radius:16px;
  background:#FFFFFF;
  color:var(--brand-navy);
  font-size:18px;
  box-shadow:inset 0 1px 2px rgba(14,27,51,.04);
}
html[data-theme="light"] #pg-price-reader .price-reader-search-input:focus{border-color:var(--info);box-shadow:0 0 0 4px rgba(49,95,159,.16),inset 0 1px 3px rgba(31,45,69,.06)}
html[data-theme="light"] #pg-price-reader :where(#b-pr-keyboard,#b-pr-voice,#b-pr-theme,#b-pr-fullscreen){width:68px;min-width:68px;height:54px;min-height:54px;flex-basis:68px;padding:0;border:1px solid var(--border-strong);border-radius:16px;background:linear-gradient(145deg,#FFFFFF,#EDF1F6);color:var(--brand-navy-2);box-shadow:0 7px 18px rgba(31,45,69,.11),0 2px 0 #D6DCE5,inset 0 1px 0 #FFFFFF;font-size:23px}
html[data-theme="light"] #pg-price-reader #b-pr-voice{color:var(--info)}
html[data-theme="light"] #pg-price-reader #b-pr-theme{color:var(--brand-gold-dark)}
html[data-theme="light"] #pg-price-reader .camera-barcode-button{display:none}
html[data-theme="light"] #pg-price-reader .price-reader-result{padding:12px 24px 24px}
html[data-theme="light"] #pg-price-reader .price-empty{
  width:min(1510px,100%);
  min-height:236px;
  margin:0 auto;
  border-color:var(--border);
  border-radius:20px;
  background:linear-gradient(145deg,#FFFFFF,#EEF1F5);
  box-shadow:0 13px 32px rgba(31,45,69,.10),inset 0 1px 0 #FFFFFF;
  color:var(--text-2);
}
html[data-theme="light"] #pg-price-reader .price-empty-icon{width:88px;height:88px;border-color:var(--border-strong);border-radius:24px;background:linear-gradient(180deg,#FFFFFF,#EDF2F8);color:var(--brand-navy-2);box-shadow:0 8px 22px rgba(14,27,51,.07)}

@media (min-width:1200px){
  html[data-theme="light"] .topbar{min-height:calc(94px + var(--safe-top));padding-top:calc(17px + var(--safe-top));padding-bottom:17px}
  html[data-theme="light"] #pg-price-reader .price-reader-search-shell{top:calc(94px + var(--safe-top))}
}
@media (min-width:901px) and (max-width:1350px){
  html[data-theme="light"] .session-header-status{max-width:66%;gap:7px}
  html[data-theme="light"] .session-header-status .session-user-chip{width:46px;padding:6px}
  html[data-theme="light"] .session-header-status .session-user-name{display:none}
  html[data-theme="light"] .session-header-status .session-user-icon{margin:auto}
}
@media (max-width:900px){
  html[data-theme="light"] .topbar{min-height:calc(66px + var(--safe-top));padding:calc(8px + var(--safe-top)) calc(10px + var(--safe-right)) 8px calc(10px + var(--safe-left));gap:7px}
  html[data-theme="light"] .topbar .ttl{font-size:1.25rem}
  html[data-theme="light"] .topbar button,
  html[data-theme="light"] .topbar button[id$="-back"],
  html[data-theme="light"] #b-home-menu,
  html[data-theme="light"] #b-pr-back,
  html[data-theme="light"] #b-kassza-back{width:42px;min-width:42px;height:42px;flex-basis:42px;padding:0;border-radius:13px}
  html[data-theme="light"] #pg-price-reader .price-reader-search-shell{top:calc(66px + var(--safe-top));width:calc(100% - 14px);margin-top:7px;padding:6px;border-radius:15px}
  html[data-theme="light"] #pg-price-reader .price-reader-search-input{min-height:48px;font-size:15px;border-radius:12px}
  html[data-theme="light"] #pg-price-reader :where(#b-pr-keyboard,#b-pr-voice,#b-pr-theme,#b-pr-fullscreen){width:48px;min-width:48px;height:48px;min-height:48px;flex-basis:48px;border-radius:12px;font-size:20px}
  html[data-theme="light"] #pg-price-reader .camera-barcode-button{display:inline-flex}
  html[data-theme="light"] #pg-price-reader .module-brand-title::before{display:none!important}
  html[data-theme="light"] #pg-price-reader .module-brand-title>span{font-size:20px!important}
  html[data-theme="light"] #pg-price-reader .price-reader-result{padding:9px 8px 14px}
  html[data-theme="light"] #pg-price-reader .price-empty{min-height:210px;border-radius:16px}
  html[data-theme="light"] .settings-shell{padding:14px}
  html[data-theme="light"] .session-header-status{height:44px;gap:5px;max-width:62%}
  html[data-theme="light"] .topbar .session-header-status :where(.session-user-chip,.sync-live-status,.edit-lock-status,.session-network-chip){min-height:36px;height:36px;border-radius:13px;padding-left:7px;padding-right:7px}
  html[data-theme="light"] .topbar .session-header-status .session-help-button{width:36px;min-width:36px;height:36px;border-radius:12px}
  html[data-theme="light"] body:not(.rail-bottom) .app-rail{gap:7px;padding-top:calc(9px + var(--safe-top))}
  html[data-theme="light"] body:not(.rail-bottom) .rail-item{width:62px;min-height:66px;padding:5px 2px;border-radius:13px}
  html[data-theme="light"] body:not(.rail-bottom) .rail-item .app-icon{width:21px;height:21px;padding:6px;border-radius:12px}
  html[data-theme="light"] body:not(.rail-bottom) .rail-item-label{font-size:10px;line-height:1.05}
  html[data-theme="light"] body:not(.rail-bottom) .rail-quick-menu-trigger{width:50px;min-height:50px!important;margin-bottom:7px;border-radius:15px!important}
  html[data-theme="light"] body:not(.rail-bottom) .rail-quick-menu-glyph{font-size:28px}
}

/* ==== KPS FORRÁSAZONOS IKON- ÉS ÁRELLENŐRZŐ-RÉTEG ==========================
   A KPS lucide ikonméreteit, arany ikontartóit és a nappali árellenőrző
   pontos keret/árnyék rendszerét követi. */
html[data-theme="light"] body:not(.rail-bottom) .app-rail{
  gap:5px;
  padding-top:calc(6px + var(--safe-top));
  padding-left:10px;
  padding-right:10px;
}
html[data-theme="light"] body:not(.rail-bottom) .rail-item{
  width:94px;
  min-height:86px;
  padding:7px 4px;
  gap:7px;
  border:0!important;
  border-radius:10px;
}
html[data-theme="light"] body:not(.rail-bottom) .rail-item-icon{
  position:relative;
  z-index:1;
  box-sizing:border-box;
  width:48px;
  height:48px;
  flex:0 0 48px;
  display:grid;
  place-items:center;
  border:1px solid rgba(205,167,46,.23);
  border-radius:14px;
  color:var(--brand-gold);
  background:rgba(205,167,46,.07);
  transition:color .15s,background-color .15s,border-color .15s,transform .15s;
}
html[data-theme="light"] body:not(.rail-bottom) .rail-item-icon .app-icon{
  box-sizing:border-box;
  width:33px;
  height:33px;
  padding:0;
  border:0;
  border-radius:0;
  color:inherit!important;
  background:transparent;
  stroke-width:2.2;
  filter:none;
}
html[data-theme="light"] body:not(.rail-bottom) .rail-item.is-active{
  color:var(--brand-gold-light)!important;
  background:rgba(205,167,46,.14)!important;
  box-shadow:inset 3px 0 0 var(--brand-gold)!important;
}
html[data-theme="light"] body:not(.rail-bottom) .rail-item.is-active .rail-item-icon{
  border-color:var(--brand-gold);
  color:var(--brand-navy-deep)!important;
  background:linear-gradient(145deg,var(--brand-gold-light),var(--brand-gold));
  box-shadow:0 6px 14px rgba(0,0,0,.23);
  transform:translateY(-1px);
}
html[data-theme="light"] body:not(.rail-bottom) .rail-item-label{
  position:relative;
  z-index:1;
  max-width:80px;
  color:#AEB9CC;
  font-size:10px;
  font-weight:800;
  line-height:1.2;
  text-align:center;
}
html[data-theme="light"] body:not(.rail-bottom) .rail-item.is-active .rail-item-label{color:var(--brand-gold-light)}
html[data-theme="light"] body:not(.rail-bottom) .rail-quick-menu-trigger{
  position:relative;
  top:auto;
  width:100%;
  min-height:68px!important;
  margin:0 0 6px;
  padding:7px 4px!important;
  overflow:visible;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  box-shadow:none!important;
  animation:none;
}
html[data-theme="light"] body:not(.rail-bottom) .rail-quick-menu-trigger::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-7px;
  height:1px;
  background:rgba(205,167,46,.20);
}
html[data-theme="light"] body:not(.rail-bottom) .rail-quick-menu-trigger .rail-item-icon{
  border-color:rgba(205,167,46,.23);
  color:var(--brand-gold);
  background:rgba(205,167,46,.07);
  box-shadow:none;
}
html[data-theme="light"] body.rail-bottom .rail-item-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid rgba(205,167,46,.23);
  border-radius:12px;
  color:var(--brand-gold);
  background:rgba(205,167,46,.07);
}
html[data-theme="light"] body.rail-bottom .rail-item-icon .app-icon{width:27px;height:27px;padding:0;border:0;background:transparent;stroke-width:2.25}
html[data-theme="light"] body.rail-bottom .rail-item.is-active .rail-item-icon{color:var(--brand-navy-deep);background:linear-gradient(145deg,var(--brand-gold-light),var(--brand-gold))}

html[data-theme="light"] #pg-price-reader .price-reader-search-shell{
  padding:9px;
  border:1px solid #CBD2DD;
  border-radius:16px;
  background:rgba(255,255,255,.96);
  box-shadow:0 12px 28px rgba(31,45,69,.12),inset 0 1px 0 #FFFFFF;
}
html[data-theme="light"] #pg-price-reader .price-reader-search-shell::before{
  display:block;
  height:42%;
  background:linear-gradient(110deg,rgba(255,255,255,.8),transparent 45%,rgba(45,107,228,.06));
}
html[data-theme="light"] #pg-price-reader .price-reader-search-row{gap:8px}
html[data-theme="light"] #pg-price-reader .price-reader-search-icon{
  position:absolute;
  z-index:2;
  left:15px;
  top:50%;
  width:21px;
  height:21px;
  color:#315F9F;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  transform:translateY(-50%);
  pointer-events:none;
  filter:none;
}
html[data-theme="light"] #pg-price-reader .price-reader-search-input{
  min-height:52px;
  padding:12px 15px 12px 48px;
  border:1px solid #9AA8BC;
  border-radius:13px;
  outline:0!important;
  color:var(--text-1);
  caret-color:#173F7A;
  background:#FFFFFF;
  font-size:17px;
  box-shadow:inset 0 1px 3px rgba(31,45,69,.09),0 3px 9px rgba(31,45,69,.06);
}
html[data-theme="light"] #pg-price-reader .price-reader-search-input::placeholder{color:#68758A}
html[data-theme="light"] #pg-price-reader .price-reader-search-input:focus,
html[data-theme="light"] #pg-price-reader .price-reader-search-input:focus-visible{
  outline:0!important;
  outline-offset:0!important;
  border-color:#315F9F!important;
  box-shadow:0 0 0 3px rgba(49,95,159,.16),inset 0 1px 3px rgba(31,45,69,.06)!important;
}
html[data-theme="light"] #pg-price-reader :where(#b-pr-keyboard,#b-pr-voice,#b-pr-theme,#b-pr-fullscreen){
  width:54px;
  min-width:54px;
  height:52px;
  min-height:52px;
  flex:0 0 54px;
  padding:0;
  border:1px solid #CBD2DD;
  border-radius:13px;
  color:#243956;
  background:linear-gradient(145deg,#FFFFFF,#EDF1F6);
  box-shadow:0 6px 14px rgba(31,45,69,.11),0 2px 0 #D6DCE5,inset 0 1px 0 #FFFFFF;
}
html[data-theme="light"] #pg-price-reader .pr-control-icon{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#pg-price-reader .pr-theme-icon-sun,
#pg-price-reader .pr-fullscreen-icon-exit{display:none}
#pg-price-reader #b-pr-theme.shows-sun .pr-theme-icon-moon,
#pg-price-reader #b-pr-fullscreen.is-on .pr-fullscreen-icon-enter{display:none}
#pg-price-reader #b-pr-theme.shows-sun .pr-theme-icon-sun,
#pg-price-reader #b-pr-fullscreen.is-on .pr-fullscreen-icon-exit{display:block}
html[data-theme="light"] #pg-price-reader .price-reader-result{padding:14px 24px 24px}
html[data-theme="light"] #pg-price-reader .price-empty{
  min-height:280px;
  border:1px solid #D5DAE2;
  border-radius:17px;
  color:var(--text-2);
  background:linear-gradient(145deg,#FFFFFF,#EEF1F5);
  box-shadow:0 10px 25px rgba(31,45,69,.10),inset 0 1px 0 #FFFFFF;
}
html[data-theme="light"] #pg-price-reader .price-empty-icon{
  box-sizing:border-box;
  width:72px;
  height:72px;
  border:1px solid #CCD3DD;
  border-radius:24px;
  color:#42536D;
  background:linear-gradient(145deg,#FFFFFF,#E5EAF0);
  box-shadow:0 7px 16px rgba(31,45,69,.10),inset 0 1px 0 #FFFFFF;
}
html[data-theme="light"] #pg-price-reader .price-empty-icon svg{
  width:38px;
  height:38px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media (max-width:900px){
  html[data-theme="light"] body:not(.rail-bottom) .app-rail{padding-left:5px;padding-right:5px;gap:7px}
  html[data-theme="light"] body:not(.rail-bottom) .rail-item{width:62px;min-height:66px;padding:5px 2px}
  html[data-theme="light"] body:not(.rail-bottom) .rail-item-icon{width:36px;height:36px;flex-basis:36px;border-radius:12px}
  html[data-theme="light"] body:not(.rail-bottom) .rail-item-icon .app-icon{width:25px;height:25px;stroke-width:2.2}
  html[data-theme="light"] body:not(.rail-bottom) .rail-quick-menu-trigger{width:100%;min-height:50px!important;margin-bottom:7px}
  html[data-theme="light"] #pg-price-reader .price-reader-search-shell{padding:6px;border-radius:15px}
  html[data-theme="light"] #pg-price-reader .price-reader-search-input{min-height:48px;font-size:15px;border-radius:12px}
  html[data-theme="light"] #pg-price-reader :where(#b-pr-keyboard,#b-pr-voice,#b-pr-theme,#b-pr-fullscreen){width:48px;min-width:48px;height:48px;min-height:48px;flex-basis:48px;border-radius:12px}
  html[data-theme="light"] #pg-price-reader .price-empty{min-height:210px;border-radius:16px}
}

/* ==== KPS FORRÁSAZONOS ÁRELLENŐRZŐ TERMÉKKÁRTYA ========================
   A KPS PriceReader komponensének szerkezete, méretei és vizuális hierarchiája. */
html[data-theme="light"] body:not(.rail-bottom) .rail-item-icon .app-lucide-icon,
html[data-theme="light"] body:not(.rail-bottom) .rail-item-icon .app-lucide-icon *{
  vector-effect:none!important;
  stroke-width:2.2!important;
}
html[data-theme="light"] #pg-price-reader .price-reader-result.has-price-card{
  overflow:auto;
  padding:14px 24px 24px;
}
html[data-theme="light"] #pg-price-reader .price-reader-card{
  --pr-page:#EEF1F5;
  --pr-surface:#FFFFFF;
  --pr-surface-2:#F4F6F9;
  --pr-inset:#E9EDF3;
  --pr-line:#D5DAE2;
  --pr-text:#172033;
  --pr-muted:#667087;
  --pr-accent:#CDA72E;
  --pr-price:#9A7100;
  --pr-success:#178253;
  --pr-success-ink:#FFFFFF;
  --pr-warning:#977310;
  --pr-danger:#B3452F;
  --pr-info:#315F9F;
  width:min(1510px,100%);
  min-height:0;
  box-sizing:border-box;
  margin:0 auto;
  overflow:hidden;
  padding:14px;
  border:1px solid var(--pr-line);
  border-radius:16px;
  background:var(--pr-page);
  box-shadow:0 18px 42px rgba(14,27,51,.18),inset 0 1px 0 rgba(255,255,255,.9);
}
html[data-theme="light"] #pg-price-reader .price-reader-card .app-lucide-icon,
html[data-theme="light"] #pg-price-reader .price-reader-card .app-lucide-icon *{vector-effect:none}
html[data-theme="light"] #pg-price-reader .price-reader-b-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px;align-items:start}
html[data-theme="light"] #pg-price-reader .price-reader-b-media{min-width:0}
html[data-theme="light"] #pg-price-reader .price-reader-photo{position:relative;width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;padding:8px;border:1px solid var(--pr-line);border-radius:14px;background:linear-gradient(145deg,#F7F2E8,#E8E0CF)}
html[data-theme="light"] #pg-price-reader button.price-reader-photo{appearance:none;cursor:pointer}
html[data-theme="light"] #pg-price-reader .price-reader-photo::before{content:"";position:absolute;inset:9px;border:1px solid rgba(13,16,22,.1);border-radius:12px;pointer-events:none}
html[data-theme="light"] #pg-price-reader .price-reader-photo img{position:relative;z-index:1;width:108%;height:108%;max-width:none;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(0,0,0,.3))}
html[data-theme="light"] #pg-price-reader .price-reader-photo>span{position:absolute;z-index:2;right:16px;bottom:16px;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#FFF;background:rgba(8,22,44,.9);box-shadow:0 7px 16px rgba(0,0,0,.24)}
html[data-theme="light"] #pg-price-reader .price-reader-photo>span svg{width:21px;height:21px}
html[data-theme="light"] #pg-price-reader .price-reader-photo.is-empty{color:#69778D;background:linear-gradient(145deg,#F8FAFC,#E7EBF1)}
html[data-theme="light"] #pg-price-reader .price-reader-photo.is-empty::before{border-color:rgba(13,16,22,.08)}
html[data-theme="light"] #pg-price-reader .price-reader-photo.is-empty>svg{width:76px;height:76px;stroke-width:1.35}
html[data-theme="light"] #pg-price-reader .price-reader-lot-summary{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;gap:9px;box-sizing:border-box;margin-top:9px;padding:9px 10px;border:1px solid var(--pr-line);border-radius:11px;color:var(--pr-text);background:var(--pr-surface);font:inherit;text-align:left;box-shadow:0 5px 13px rgba(0,0,0,.08)}
html[data-theme="light"] #pg-price-reader button.price-reader-lot-summary{appearance:none;cursor:pointer}
html[data-theme="light"] #pg-price-reader .price-reader-lot-summary>svg:first-child{width:24px;height:24px;color:var(--pr-success)}
html[data-theme="light"] #pg-price-reader .price-reader-lot-summary>svg:last-child{width:18px;height:18px;color:var(--pr-muted)}
html[data-theme="light"] #pg-price-reader .price-reader-lot-summary span,
html[data-theme="light"] #pg-price-reader .price-reader-lot-summary small,
html[data-theme="light"] #pg-price-reader .price-reader-lot-summary strong,
html[data-theme="light"] #pg-price-reader .price-reader-lot-summary em{display:block;min-width:0}
html[data-theme="light"] #pg-price-reader .price-reader-lot-summary small{color:var(--pr-muted);font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
html[data-theme="light"] #pg-price-reader .price-reader-lot-summary strong{margin-top:2px;overflow:hidden;color:var(--pr-text);font-size:13px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}
html[data-theme="light"] #pg-price-reader .price-reader-lot-summary em{margin-top:3px;overflow:hidden;color:var(--pr-muted);font-size:9px;font-style:normal;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
html[data-theme="light"] #pg-price-reader .price-reader-lot-summary.notice{border-color:color-mix(in srgb,var(--pr-info) 45%,var(--pr-line))}
html[data-theme="light"] #pg-price-reader .price-reader-lot-summary.notice>svg:first-child{color:var(--pr-info)}
html[data-theme="light"] #pg-price-reader .price-reader-lot-summary.warning{border-color:#D7AA1D;background:color-mix(in srgb,#F0B323 10%,var(--pr-surface))}
html[data-theme="light"] #pg-price-reader .price-reader-lot-summary.warning>svg:first-child{color:#9A7000}
html[data-theme="light"] #pg-price-reader .price-reader-lot-summary.critical,
html[data-theme="light"] #pg-price-reader .price-reader-lot-summary.expired{border-color:#C55C4E;background:color-mix(in srgb,#D94B3D 9%,var(--pr-surface))}
html[data-theme="light"] #pg-price-reader .price-reader-lot-summary.critical>svg:first-child,
html[data-theme="light"] #pg-price-reader .price-reader-lot-summary.expired>svg:first-child{color:var(--pr-danger)}
html[data-theme="light"] #pg-price-reader .price-reader-b-photo-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
html[data-theme="light"] #pg-price-reader .price-reader-b-photo-meta span{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--pr-line);border-radius:999px;color:var(--pr-muted);background:var(--pr-surface);font-size:11px;font-weight:850}
html[data-theme="light"] #pg-price-reader .price-reader-b-photo-meta svg{width:13px;height:13px;color:var(--pr-accent)}
html[data-theme="light"] #pg-price-reader .price-reader-b-data{min-width:0;display:flex;flex-direction:column;gap:14px}
html[data-theme="light"] #pg-price-reader .price-reader-b-head{display:flex;align-items:flex-start;gap:14px;padding:2px 0}
html[data-theme="light"] #pg-price-reader .price-reader-b-head>div:first-child{flex:1 1 auto;min-width:0}
html[data-theme="light"] #pg-price-reader .price-reader-b-head h2{margin:0;color:var(--pr-text);font-family:var(--font-ui);font-size:clamp(24px,2.35vw,32px);font-weight:900;line-height:1.08;letter-spacing:-.025em;text-transform:uppercase}
html[data-theme="light"] #pg-price-reader .price-reader-product-title{max-width:100%;margin:0;padding:0;border:0;border-radius:6px;color:inherit;background:transparent;font:inherit;line-height:inherit;letter-spacing:inherit;text-align:left;text-transform:inherit;cursor:pointer}
html[data-theme="light"] #pg-price-reader .price-reader-product-title:hover{color:var(--pr-accent)}
html[data-theme="light"] #pg-price-reader .price-reader-product-title:focus-visible{outline:2px solid var(--pr-accent);outline-offset:4px}
html[data-theme="light"] #pg-price-reader .price-reader-b-head .price-title-combo{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}
html[data-theme="light"] #pg-price-reader .price-reader-b-head .price-product-name{color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit}
html[data-theme="light"] #pg-price-reader .price-reader-b-head .product-size-badge{padding:0;border:0;color:var(--pr-muted);background:transparent;font-size:.64em;font-weight:750;white-space:nowrap}
html[data-theme="light"] #pg-price-reader .price-reader-identity{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:9px;color:var(--pr-muted);font-size:12px}
html[data-theme="light"] #pg-price-reader .price-reader-identity span{display:inline-flex;align-items:baseline;gap:7px;padding:6px 9px;border:1px solid var(--pr-line);border-radius:7px;background:var(--pr-surface)}
html[data-theme="light"] #pg-price-reader .price-reader-identity span.is-primary{border-color:color-mix(in srgb,var(--pr-info) 42%,var(--pr-line))}
html[data-theme="light"] #pg-price-reader .price-reader-identity .price-reader-bundle-trigger{display:inline-grid;grid-template-columns:auto auto 16px;align-items:center;gap:7px;min-height:34px;padding:6px 9px;border:1px solid color-mix(in srgb,var(--pr-accent) 62%,var(--pr-line));border-radius:7px;background:color-mix(in srgb,var(--pr-accent) 10%,var(--pr-surface));color:var(--pr-text);font:inherit;cursor:pointer;box-shadow:0 4px 10px rgba(154,113,0,.08)}
html[data-theme="light"] #pg-price-reader .price-reader-identity .price-reader-bundle-trigger:hover,html[data-theme="light"] #pg-price-reader .price-reader-identity .price-reader-bundle-trigger:focus-visible{border-color:var(--pr-accent);background:color-mix(in srgb,var(--pr-accent) 17%,var(--pr-surface));outline:none}
html[data-theme="light"] #pg-price-reader .price-reader-identity .price-reader-bundle-trigger small{color:var(--pr-muted)}
html[data-theme="light"] #pg-price-reader .price-reader-identity .price-reader-bundle-trigger b{color:var(--pr-price);font-family:var(--font-ui);font-size:15px;letter-spacing:0}
html[data-theme="light"] #pg-price-reader .price-reader-identity .price-reader-bundle-trigger svg{width:16px;height:16px;color:var(--pr-accent)}
html[data-theme="light"] #pg-price-reader .price-reader-identity small{color:var(--pr-muted);font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
html[data-theme="light"] #pg-price-reader .price-reader-identity b{color:var(--pr-text);font:900 15px/1 Consolas,monospace;letter-spacing:.035em}
html[data-theme="light"] #pg-price-reader .price-reader-identity i{width:1px;height:24px;background:var(--pr-line)}
html[data-theme="light"] #pg-price-reader .price-reader-b-stock{position:relative;flex:0 0 auto;min-width:108px;padding:9px 14px;border:1px solid var(--pr-line);border-radius:11px;color:inherit;background:var(--pr-inset);font:inherit;text-align:right}
html[data-theme="light"] #pg-price-reader .price-reader-b-stock span,
html[data-theme="light"] #pg-price-reader .price-reader-b-main-price>span,
html[data-theme="light"] #pg-price-reader .price-reader-b-eyebrow{display:block;color:var(--pr-muted);font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
html[data-theme="light"] #pg-price-reader .price-reader-b-stock b{display:block;margin-top:2px;color:var(--pr-warning);font-size:23px;font-variant-numeric:tabular-nums}
html[data-theme="light"] #pg-price-reader .price-reader-b-stock.has-stock b{color:var(--pr-success)}
html[data-theme="light"] #pg-price-reader .price-reader-b-stock.is-negative b{color:var(--pr-danger)}
html[data-theme="light"] #pg-price-reader .price-reader-b-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,auto);gap:16px;align-items:stretch;padding:12px;border:1px solid var(--pr-line);border-radius:14px;background:var(--pr-surface)}
html[data-theme="light"] #pg-price-reader .price-reader-b-main-price{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:148px;padding:18px 22px;border:1px solid color-mix(in srgb,var(--pr-accent) 48%,var(--pr-line));border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--pr-accent) 13%,var(--pr-surface)),var(--pr-surface) 62%);box-shadow:inset 5px 0 0 var(--pr-accent);text-align:center}
html[data-theme="light"] #pg-price-reader .price-reader-b-main-price>strong{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:5px;color:var(--pr-price);font-size:clamp(54px,5.3vw,74px);font-weight:950;line-height:.94;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
html[data-theme="light"] #pg-price-reader .price-reader-b-main-price>strong small{color:var(--pr-text);font-size:21px;font-weight:900;letter-spacing:0}
html[data-theme="light"] #pg-price-reader .price-reader-b-price-drs{width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--pr-success) 52%,var(--pr-line));border-radius:8px;color:var(--pr-success);background:color-mix(in srgb,var(--pr-success) 9%,var(--pr-surface));font-size:15px;font-weight:950}
html[data-theme="light"] #pg-price-reader .price-reader-b-price-drs svg{width:17px;height:17px}
html[data-theme="light"] #pg-price-reader .price-reader-b-main-price>em{display:block;width:max-content;max-width:100%;margin-top:9px;padding:5px 9px;border-radius:7px;color:var(--pr-success);background:rgba(46,204,128,.09);font-size:12px;font-style:normal;font-weight:850}
html[data-theme="light"] #pg-price-reader .price-reader-b-side{display:grid;align-content:stretch;gap:9px;text-align:right}
html[data-theme="light"] #pg-price-reader .price-reader-b-side>div{display:flex;flex-direction:column;justify-content:center;min-width:170px;padding:10px 12px;border:1px solid var(--pr-line);border-radius:10px;background:var(--pr-surface-2)}
html[data-theme="light"] #pg-price-reader .price-reader-b-side>div.is-unit-price{border-color:color-mix(in srgb,var(--pr-info) 40%,var(--pr-line));background:color-mix(in srgb,var(--pr-info) 7%,var(--pr-surface))}
html[data-theme="light"] #pg-price-reader .price-reader-b-side>div span{display:flex;align-items:center;justify-content:flex-end;gap:4px;color:var(--pr-muted);font-size:11px;font-weight:850;letter-spacing:.04em}
html[data-theme="light"] #pg-price-reader .price-reader-b-side>div b{display:block;margin-top:1px;color:var(--pr-text);font-size:19px;font-variant-numeric:tabular-nums}
html[data-theme="light"] #pg-price-reader .price-reader-b-side>div.is-unit-price b{font-size:25px;font-weight:950;letter-spacing:-.02em}
html[data-theme="light"] #pg-price-reader .price-reader-b-tiers{min-width:0}
html[data-theme="light"] #pg-price-reader .price-reader-b-eyebrow{margin-bottom:9px}
html[data-theme="light"] #pg-price-reader .price-reader-b-tier-grid{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;gap:10px}
html[data-theme="light"] #pg-price-reader .price-reader-b-tier{position:relative;width:max-content;min-width:220px;max-width:100%;flex:0 0 auto;display:flex;flex-direction:column;gap:9px;overflow:hidden;box-sizing:border-box;padding:15px 16px;border:1px solid var(--pr-line);border-radius:12px;background:var(--pr-surface)}
html[data-theme="light"] #pg-price-reader .price-reader-b-tier.is-best{border-color:rgba(46,204,128,.48);background:linear-gradient(180deg,rgba(46,204,128,.08),var(--pr-surface))}
html[data-theme="light"] #pg-price-reader .price-reader-b-best{position:absolute;top:0;right:0;padding:4px 10px;border-bottom-left-radius:9px;color:var(--pr-success-ink);background:var(--pr-success);font-size:9px;font-weight:950;letter-spacing:.07em}
html[data-theme="light"] #pg-price-reader .price-reader-b-tier-quantity{padding-right:54px;color:var(--pr-text);font-size:15px;font-weight:900;white-space:nowrap}
html[data-theme="light"] #pg-price-reader .price-reader-b-tier-quantity small{color:var(--pr-muted);font-size:11px;font-weight:700}
html[data-theme="light"] #pg-price-reader .price-reader-b-tier-unit{display:flex;align-items:baseline;gap:6px}
html[data-theme="light"] #pg-price-reader .price-reader-b-tier-unit b{color:var(--pr-text);font-size:30px;font-variant-numeric:tabular-nums}
html[data-theme="light"] #pg-price-reader .price-reader-b-tier.is-best .price-reader-b-tier-unit b{color:var(--pr-success)}
html[data-theme="light"] #pg-price-reader .price-reader-b-tier-unit span{color:var(--pr-muted);font-size:12px;font-weight:750}
html[data-theme="light"] #pg-price-reader .price-reader-b-tier-foot{display:flex;justify-content:flex-start;gap:14px;margin-top:auto;padding-top:9px;border-top:1px solid var(--pr-line);color:var(--pr-muted);font-size:11px;font-weight:700;white-space:nowrap}
html[data-theme="light"] #pg-price-reader .price-reader-b-tier-foot span{display:inline-flex;align-items:center;gap:3px}
html[data-theme="light"] #pg-price-reader .price-reader-b-tier-foot svg{width:13px;height:13px;color:var(--pr-success)}
html[data-theme="light"] #pg-price-reader .price-reader-b-tier-foot b{color:var(--pr-text);font-weight:850}
html[data-theme="light"] #pg-price-reader .price-reader-b-no-tiers{padding:18px;border:1px dashed var(--pr-line);border-radius:12px;color:var(--pr-muted);background:rgba(255,255,255,.45);font-size:12px;text-align:center}

@media (max-width:900px){
  html[data-theme="light"] #pg-price-reader .price-reader-result.has-price-card{padding:9px 8px 14px}
  html[data-theme="light"] #pg-price-reader .price-reader-b-layout{grid-template-columns:1fr}
  html[data-theme="light"] #pg-price-reader .price-reader-b-media{width:100%;max-width:320px}
}
@media (max-width:760px){
  html[data-theme="light"] #pg-price-reader .price-reader-card{padding:10px}
  html[data-theme="light"] #pg-price-reader .price-reader-b-head h2{font-size:22px}
  html[data-theme="light"] #pg-price-reader .price-reader-b-hero{padding:15px}
  html[data-theme="light"] #pg-price-reader .price-reader-b-tier-grid{display:grid;grid-template-columns:1fr}
  html[data-theme="light"] #pg-price-reader .price-reader-b-tier{width:100%;min-width:0}
}
@media (max-width:520px){
  html[data-theme="light"] #pg-price-reader .price-reader-b-head{flex-direction:column}
  html[data-theme="light"] #pg-price-reader .price-reader-b-stock{width:100%;box-sizing:border-box}
  html[data-theme="light"] #pg-price-reader .price-reader-b-hero{grid-template-columns:1fr}
  html[data-theme="light"] #pg-price-reader .price-reader-b-side{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-theme="light"] #pg-price-reader .price-reader-b-side>div{min-width:0}
  html[data-theme="light"] #pg-price-reader .price-reader-identity{align-items:flex-start;flex-direction:column}
  html[data-theme="light"] #pg-price-reader .price-reader-identity i{display:none}
}

/* ==== KPS KÉPI REFERENCIÁHOZ IGAZÍTOTT TELJES GYORSMENÜ ===================
   A KPS quick-nav szerkezete a referencia-képen látható fizikai arányokkal:
   széles, jól olvasható oldalsáv, karakteres ikonok és ritka menüsorok. */
html[data-theme="light"] body:not(.rail-bottom) .app-rail{
  width:116px;
  min-height:100dvh;
  align-items:stretch;
  gap:0;
  overflow:hidden;
  padding:calc(6px + var(--safe-top)) 7px 8px;
  border-right:2px solid var(--brand-gold)!important;
  background:linear-gradient(180deg,#0D1C35 0%,#071326 100%)!important;
  box-shadow:8px 0 24px rgba(7,19,38,.20)!important;
}
html[data-theme="light"] body.rail-on:not(.rail-bottom) .page{left:116px}
html[data-theme="light"] body.rail-on:not(.rail-bottom) .overlay{left:116px}
html[data-theme="light"] body.session-header-on.rail-on:not(.rail-bottom) #pg-doc-qty.page.on{left:116px!important}
html[data-theme="light"] body:not(.rail-bottom) .rail-quick-nav-top{
  flex:none;
  display:block;
  padding-bottom:8px;
  border-bottom:1px solid rgba(205,167,46,.20);
}
html[data-theme="light"] body:not(.rail-bottom) .rail-quick-nav-scroll{
  width:100%;
  min-height:0;
  flex:1 1 auto;
  display:grid;
  grid-auto-rows:minmax(88px,96px);
  align-content:start;
  gap:8px;
  overflow-x:hidden;
  overflow-y:auto;
  padding:7px 2px;
  scroll-padding-block:7px;
  scrollbar-width:none;
  overscroll-behavior-y:contain;
}
html[data-theme="light"] body:not(.rail-bottom) .rail-quick-nav-scroll::-webkit-scrollbar{display:none}
html[data-theme="light"] body:not(.rail-bottom) .rail-quick-nav-footer{
  flex:none;
  display:block;
  padding-top:6px;
  color:var(--brand-gold-light);
  font-size:9px;
  font-weight:850;
  letter-spacing:.06em;
  text-align:center;
  font-variant-numeric:tabular-nums;
}
html[data-theme="light"] body:not(.rail-bottom) .rail-item{
  position:relative;
  isolation:isolate;
  width:100%;
  min-height:0;
  padding:8px 4px;
  gap:8px;
  border:0!important;
  border-radius:10px;
  color:#AEB9CC;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme="light"] body:not(.rail-bottom) .rail-item:hover{color:#D9E0EF;background:rgba(255,255,255,.06)!important}
html[data-theme="light"] body:not(.rail-bottom) .rail-item-icon{
  position:relative;
  z-index:1;
  box-sizing:border-box;
  width:58px;
  height:58px;
  flex:0 0 58px;
  display:grid;
  place-items:center;
  border:1px solid rgba(205,167,46,.23);
  border-radius:16px;
  color:var(--brand-gold);
  background:rgba(205,167,46,.07);
  line-height:1;
}
html[data-theme="light"] body:not(.rail-bottom) .rail-item-icon .app-icon{
  box-sizing:border-box;
  width:40px;
  height:40px;
  padding:0;
  border:0;
  border-radius:0;
  color:inherit!important;
  background:transparent;
  stroke-width:2.2!important;
  filter:none;
}
html[data-theme="light"] body:not(.rail-bottom) .rail-item-icon .app-lucide-icon,
html[data-theme="light"] body:not(.rail-bottom) .rail-item-icon .app-lucide-icon *{vector-effect:none!important}
html[data-theme="light"] body:not(.rail-bottom) .rail-item-label{
  position:relative;
  z-index:1;
  max-width:104px;
  overflow:visible;
  color:inherit;
  font-size:11px;
  font-weight:800;
  line-height:1.2;
  white-space:nowrap;
  text-align:center;
}
html[data-theme="light"] body:not(.rail-bottom) .rail-item.is-active{color:var(--brand-gold-light)!important;background:transparent!important;box-shadow:none!important}
html[data-theme="light"] body:not(.rail-bottom) .rail-item.is-active::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:3px 0;
  border-radius:9px;
  background:rgba(205,167,46,.14);
  box-shadow:inset 3px 0 0 var(--brand-gold);
}
html[data-theme="light"] body:not(.rail-bottom) .rail-item.is-active .rail-item-icon{
  border-color:var(--brand-gold);
  color:#071326!important;
  background:linear-gradient(145deg,var(--brand-gold-light),var(--brand-gold));
  box-shadow:0 6px 14px rgba(0,0,0,.23);
  transform:translateY(-1px);
}
html[data-theme="light"] body:not(.rail-bottom) .rail-quick-menu-trigger{
  width:100%;
  min-height:82px!important;
  margin:0;
  padding:8px 4px!important;
  overflow:visible;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  box-shadow:none!important;
  animation:none;
}
html[data-theme="light"] body:not(.rail-bottom) .rail-quick-menu-trigger::after{display:none}
html[data-theme="light"] body:not(.rail-bottom) .rail-quick-menu-trigger .rail-item-icon{width:58px;height:58px;flex-basis:58px;border-radius:16px}
html[data-theme="light"] body:not(.rail-bottom) .rail-quick-menu-trigger .rail-item-icon .app-icon{width:40px;height:40px;stroke-width:2.2!important}
html[data-theme="light"] body:not(.rail-bottom) .rail-menu-label{display:none}
html[data-theme="light"] body:not(.rail-bottom) .rail-item-logout{margin:0;color:#AEB9CC}

html[data-theme="light"] body.rail-bottom{--rail-bottom-h:70px}
html[data-theme="light"] body.rail-bottom .app-rail{
  height:calc(70px + var(--rail-edge-pad));
  gap:0;
  padding:6px 10px calc(6px + var(--rail-edge-pad));
  border-top:2px solid var(--brand-gold)!important;
  background:linear-gradient(180deg,#0D1C35 0%,#071326 100%)!important;
  box-shadow:0 -8px 24px rgba(7,19,38,.20)!important;
}
html[data-theme="light"] body.rail-bottom .rail-quick-nav-top,
html[data-theme="light"] body.rail-bottom .rail-quick-nav-scroll{display:contents}
html[data-theme="light"] body.rail-bottom .rail-quick-nav-footer{display:none}
html[data-theme="light"] body.rail-bottom .rail-item{min-width:82px;min-height:0;padding:6px 8px;gap:3px;border:0!important;border-radius:10px;color:#AEB9CC;background:transparent!important;box-shadow:none!important}
html[data-theme="light"] body.rail-bottom .rail-item-icon{width:40px;height:40px;flex:0 0 40px;border:1px solid rgba(205,167,46,.23);border-radius:12px;color:var(--brand-gold);background:rgba(205,167,46,.07)}
html[data-theme="light"] body.rail-bottom .rail-item-icon .app-icon{width:27px;height:27px;padding:0;border:0;border-radius:0;background:transparent;stroke-width:2.25!important}
html[data-theme="light"] body.rail-bottom .rail-item-label{max-width:76px;color:inherit;font-size:11px;line-height:1.1;white-space:nowrap}
html[data-theme="light"] body.rail-bottom .rail-item.is-active{position:relative;color:var(--brand-gold-light)!important;background:transparent!important;box-shadow:none!important}
html[data-theme="light"] body.rail-bottom .rail-item.is-active::before{content:"";position:absolute;z-index:0;inset:0 auto;left:50%;width:calc(100% - 12px);border-radius:10px;background:rgba(205,167,46,.14);box-shadow:inset 0 3px 0 var(--brand-gold);transform:translateX(-50%)}
html[data-theme="light"] body.rail-bottom .rail-item.is-active .rail-item-icon{border-color:var(--brand-gold);color:#071326!important;background:linear-gradient(145deg,var(--brand-gold-light),var(--brand-gold));box-shadow:0 6px 14px rgba(0,0,0,.23);transform:translateY(-1px)}
html[data-theme="light"] body.rail-bottom .rail-quick-menu-trigger{position:relative;left:auto;width:auto;min-width:82px;min-height:0!important;margin:0;padding:6px 8px!important;align-self:stretch}
html[data-theme="light"] body.rail-bottom .rail-item-logout{margin:0}
.settings-feature-control-card{padding:18px}
.settings-feature-warning{margin:0 0 14px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--accent) 8%,var(--bg-inset));color:var(--text-2);font-size:12px;line-height:1.45}
#settings-shop-features,.shop-feature-admin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.shop-feature-group{min-width:0;padding:12px;border:1px solid var(--border-strong);border-radius:14px;background:color-mix(in srgb,var(--bg-inset) 84%,transparent)}
.shop-feature-group:first-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
.shop-feature-group:first-child h4{grid-column:1/-1}
.shop-feature-group h4{margin:0 0 9px;color:var(--accent-strong);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.045em}
.shop-feature-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent)}
.shop-feature-row:first-of-type{border-top:0}
.shop-feature-row>span{display:grid;gap:2px;min-width:0}
.shop-feature-row b{color:var(--text-1);font-size:13px;line-height:1.25}
.shop-feature-row em{color:var(--text-3);font-size:10px;line-height:1.35;font-style:normal}
.shop-feature-row button{min-width:74px;min-height:38px;border:1px solid color-mix(in srgb,var(--success) 66%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--success) 15%,var(--bg-inset));color:var(--success-text);font-size:11px;font-weight:950;cursor:pointer}
.shop-feature-row.is-off button{border-color:color-mix(in srgb,var(--danger) 66%,var(--border));background:color-mix(in srgb,var(--danger) 12%,var(--bg-inset));color:var(--danger-text)}
.shop-feature-row.is-off b{color:var(--text-3)}
.shop-feature-row.is-locked button{border-color:var(--border-strong);background:var(--bg-inset);color:var(--text-3);cursor:not-allowed}
.settings-feature-control-card>#settings-shop-features-status{margin-top:14px}
@media(max-width:820px){#settings-shop-features,.shop-feature-admin{grid-template-columns:1fr}.shop-feature-group:first-child{grid-column:auto;display:block}.settings-feature-control-card{padding:12px}.shop-feature-row button{min-width:68px}}

/* Közös Termék hozzáadása nézet: áttekintő termékkártya.
   A valódi termékfotó a bal oldali képkeretben marad. A közös kártyaváz a
   beérkező/kimenő árunál és a leltárnál is azonos; a mérőpanelek tartalma
   továbbra is az aktuális dokumentumtípushoz igazodik. */
#pg-doc-add-prod .docprod-list{
  border:1px solid color-mix(in srgb,var(--kps-gold,#cda72e) 46%,var(--kps-card-blue-deep,#0d1c35));
  border-radius:18px;
  background:var(--kps-card-blue,#142a4c);
  background-image:none;
  padding:12px 12px 110px;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card{
  border:1px solid #dce4ed!important;
  border-radius:20px!important;
  background:#fff!important;
  background-image:linear-gradient(145deg,#fff 0%,#fbfdff 100%)!important;
  color:#071b40!important;
  box-shadow:0 14px 34px rgba(7,19,38,.16)!important;
  contain:layout paint style;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card:hover{
  border-color:#b9cfdf!important;
  box-shadow:0 15px 34px rgba(7,19,38,.18)!important;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-band{
  display:grid;
  grid-template-columns:clamp(118px,11vw,176px) minmax(0,1fr) clamp(220px,20vw,300px);
  grid-template-rows:auto auto;
  grid-template-areas:"photo title price" "photo meta price";
  align-items:center;
  gap:10px 16px;
  padding:14px;
  border:0;
  background:transparent;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-photo{
  grid-area:photo;
  align-self:center;
  width:100%;
  height:auto;
  max-height:176px;
  aspect-ratio:1;
  object-fit:contain;
  border:1px solid #d9e2eb;
  border-radius:17px;
  background:#fff;
  padding:10px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.85),0 5px 14px rgba(7,19,38,.05);
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-photo-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#8693a3;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-photo-empty .app-icon{width:42px;height:42px}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-band-main{
  grid-area:meta;
  align-self:center;
  min-width:0;
  gap:8px;
  overflow:visible;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-head{
  grid-area:title;
  min-width:0;
  align-items:flex-start;
  align-content:flex-start;
  flex-wrap:wrap;
  gap:10px;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-title-combo{
  display:flex;
  min-width:0;
  flex:1 0 100%;
  align-items:baseline;
  flex-wrap:nowrap;
  gap:.2em .35em;
  overflow:hidden;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-title-combo .docpick-name{min-width:0;flex:0 1 auto}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-title-combo .product-size-badge{flex:0 0 auto}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-name,
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-title-combo .product-size-badge{
  overflow:hidden;
  color:#071b40;
  display:inline;
  font-size:clamp(22px,2vw,34px);
  font-weight:950;
  line-height:1.05;
  letter-spacing:.015em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-title-combo .product-size-badge{margin-left:.3em}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-warehouse,
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-meta .product-row-chip{
  min-height:34px;
  border-radius:11px;
  padding:7px 11px;
  font-size:13px;
  font-weight:900;
  text-transform:none;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-warehouse{
  border-color:#b7e2e8;
  background:#ecfbfd;
  color:#168da0;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-meta .product-row-chip{
  border-color:#d7dfe8;
  background:#fff;
  color:#071b40;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-meta .product-row-chip-cat{border-color:#e4c55e;color:#9b7600}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-meta .product-row-chip-supplier{border-color:#b8dbe8;color:#168da0}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-meta{
  display:flex;
  align-items:center;
  gap:8px;
  color:#52627a;
  font-size:14px;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-meta>span:first-child{
  order:20;
  flex:1 0 100%;
  margin-top:2px;
  color:#14233d;
  font-size:clamp(17px,1.55vw,26px);
  font-weight:850;
  letter-spacing:.025em;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-meta>span:first-child .app-icon{
  width:clamp(42px,4vw,64px);
  height:clamp(23px,2.4vw,32px);
  color:#14233d;
  stroke-width:2.2;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-meta>span:nth-child(3){
  order:2;
  min-height:34px;
  border:1px solid #c7dde5;
  border-radius:11px;
  background:#f6fcfd;
  color:#168da0;
  padding:7px 11px;
  font-size:13px;
  font-weight:850;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-meta>span:nth-child(3) b{color:#168da0}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-meta .product-row-chip{order:3}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-band-price{
  grid-area:price;
  align-self:center;
  justify-content:center;
  width:100%;
  min-width:0;
  min-height:126px;
  margin:0;
  padding:14px 16px;
  border:1px solid #f0d887;
  border-radius:18px;
  background:linear-gradient(145deg,#fff9e7 0%,#fff1c8 100%);
  box-shadow:inset 0 0 30px rgba(231,174,22,.08);
  text-align:center;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-band-price>span:first-child{
  color:#c98800;
  font-size:16px;
  font-weight:950;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-band-price>b{
  color:#d99d00;
  font-size:clamp(36px,3.4vw,52px);
  line-height:1;
  letter-spacing:.02em;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-band-price .product-row-price-note{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  margin-top:8px;
  padding-top:9px;
  border-top:1px solid #ecd27d;
  color:#c98700;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  text-align:left;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-band-price .product-row-price-note b{
  color:#14233d;
  font-size:clamp(15px,1.5vw,20px);
  font-weight:950;
  white-space:nowrap;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-body{
  display:grid;
  grid-template-columns:minmax(180px,.8fr) minmax(340px,1.6fr);
  align-items:stretch;
  gap:12px;
  padding:0 14px 14px;
  min-height:100px;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-details{
  display:flex;
  align-items:stretch;
  align-content:flex-start;
  gap:8px;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docprod-pack-actions{
  display:grid;
  grid-template-columns:62px repeat(2,minmax(0,1fr));
  align-items:center;
  align-self:stretch;
  flex:1 0 100%;
  width:100%;
  min-height:96px;
  padding:9px 12px;
  border:1px solid #bdd7f5;
  border-left:6px solid #2679da;
  border-radius:14px;
  background:linear-gradient(135deg,#f1f7ff 0%,#fbfdff 100%);
  color:#2679da;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docprod-pack-actions>.app-icon{
  width:52px;
  height:52px;
  padding:12px;
  border-radius:50%;
  background:#2679da;
  color:#fff;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docprod-pack-actions .product-row-dot{display:none}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docprod-pack-action{
  min-height:58px;
  border:0;
  background:transparent!important;
  color:#071b40;
  padding:7px;
  font-size:15px;
  box-shadow:none!important;
  transform:none!important;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docprod-pack-action b{
  color:#12a85b;
  font-size:clamp(30px,3vw,46px);
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-details>.product-row-chip:not(.docprod-pack-actions){align-self:flex-start}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docprod-stock-panel.is-inbound{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  width:100%;
  margin:0;
  padding:0;
  gap:12px;
  border:0;
  border-radius:0;
  background:transparent;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docprod-stock-panel.is-inbound .docpick-inbound-metric{
  display:grid;
  grid-template-columns:62px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:13px;
  min-height:96px;
  padding:9px 12px;
  border:1px solid #d8e0e4;
  border-left:6px solid #7e9092;
  border-radius:14px;
  background:linear-gradient(135deg,#f7faf9 0%,#fff 100%);
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docprod-stock-panel.is-inbound .docpick-inbound-metric.is-collected{
  border-color:#c6e6d2;
  border-left-color:#23a94f;
  background:linear-gradient(135deg,#f1fbf4 0%,#fbfffc 100%);
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-inbound-icon{
  grid-column:1;
  grid-row:1 / span 2;
  display:flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  border-radius:50%;
  background:#7f9192;
  color:#fff;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .is-collected .docpick-inbound-icon{background:#23a94f}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-inbound-icon .app-icon{width:29px;height:29px;color:currentColor;stroke-width:2}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-inbound-label{
  grid-column:2;
  align-self:end;
  color:#071b40;
  font-size:15px;
  font-weight:950;
  line-height:1.15;
  text-transform:uppercase;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docprod-stock-panel.is-inbound b{
  grid-column:2;
  align-self:start;
  color:#12a85b;
  font-size:clamp(30px,3vw,46px);
  line-height:1;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card .docprod-stock-panel.is-inbound .is-listed b,
#pg-doc-add-prod .docpick-card.is-product-overview-card .docprod-stock-panel.is-inbound .is-available b{color:#12a85b;font-size:clamp(30px,3vw,46px)}

@media (max-width:1100px){
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-band{
    grid-template-columns:clamp(88px,16vw,130px) minmax(0,1fr) minmax(190px,30vw,240px);
    grid-template-areas:"title title title" "photo meta price";
    gap:10px 12px;
    padding:14px;
  }
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-photo{max-height:130px;padding:8px}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-name,
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-title-combo .product-size-badge{font-size:clamp(20px,3vw,28px)}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-band-price{min-height:108px;padding:11px 13px}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-band-price>b{font-size:clamp(32px,5vw,42px)}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-body{grid-template-columns:minmax(180px,.8fr) minmax(320px,1.6fr);padding:0 14px 14px}
}

@media (max-width:620px){
  #pg-doc-add-prod .docpick-card.is-product-overview-card{border-radius:15px!important}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-band{
    grid-template-columns:82px minmax(0,1fr);
    grid-template-areas:"title title" "photo meta" "price price";
    align-items:start;
    gap:10px 12px;
    padding:12px;
  }
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-photo{grid-area:photo;width:82px;height:82px;padding:7px;border-radius:13px}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-band-main{grid-area:meta;align-self:center;gap:7px}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-band-price{
    grid-area:price;
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:3px 12px;
    min-height:84px;
    padding:10px 14px;
    text-align:left;
  }
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-band-price>span:first-child{font-size:12px}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-band-price>b{grid-column:2;grid-row:1 / span 2;font-size:38px}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-band-price .product-row-price-note{grid-column:1;margin:0;padding:0;border:0;font-size:10px}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-band-price .product-row-price-note b{font-size:15px}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-title-combo{display:block}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-name,
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-title-combo .product-size-badge{display:inline;font-size:17px;line-height:1.15;white-space:normal}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-warehouse,
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-meta .product-row-chip,
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-meta>span:nth-child(3){min-height:26px;padding:4px 7px;font-size:10px}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-meta{gap:5px}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-meta>span:first-child{font-size:12px;margin:0}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-meta>span:first-child .app-icon{width:15px;height:15px}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-body{gap:9px;padding:0 12px 12px}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-body{grid-template-columns:1fr}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docprod-pack-actions{min-height:88px;grid-template-columns:44px repeat(2,minmax(0,1fr));padding:8px 10px}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docprod-pack-actions>.app-icon{width:38px;height:38px;padding:8px}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docprod-pack-action{min-height:64px;font-size:12px}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docprod-pack-action b{font-size:24px}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docprod-stock-panel.is-inbound{gap:9px}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docprod-stock-panel.is-inbound .docpick-inbound-metric{grid-template-columns:38px minmax(0,1fr);column-gap:8px;min-height:88px;padding:9px 10px;border-left-width:4px}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-inbound-icon{width:36px;height:36px}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-inbound-icon .app-icon{width:20px;height:20px}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-inbound-label{font-size:9px}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docprod-stock-panel.is-inbound b,
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docprod-stock-panel.is-inbound .is-listed b,
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docprod-stock-panel.is-inbound .is-available b{font-size:23px}
}

@media (max-width:430px){
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docprod-stock-panel.is-inbound{grid-template-columns:1fr}
  #pg-doc-add-prod .docpick-card.is-product-overview-card .docpick-band-price>b{font-size:32px}
}

/* Beérkező áru, kezdő leltár és leltár / Termék hozzáadása: közös, tömör,
   teljes szélességet kitöltő, tartalomfüggő kártya. */
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-band{
  grid-template-columns:clamp(108px,10vw,154px) minmax(0,1fr) max-content;
  row-gap:4px;
  column-gap:12px;
  padding:8px 12px 6px;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-photo{
  max-height:154px;
  padding:7px;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-head,
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-band-main{align-self:center;gap:4px}
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-title-combo{
  overflow:visible;
  gap:.2em .32em;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-name{
  display:block;
  min-width:0;
  flex:1 1 auto;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  text-overflow:clip;
  touch-action:pan-x;
  -webkit-overflow-scrolling:touch;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-name::-webkit-scrollbar{display:none}
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-title-combo .product-size-badge{flex:0 0 auto}
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-meta{gap:6px}
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-warehouse,
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-meta .product-row-chip,
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-meta>span:nth-child(3){
  min-height:30px;
  padding:5px 9px;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-meta>span:first-child{margin-top:0}
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-band-price{
  justify-self:end;
  width:max-content;
  min-width:0;
  max-width:100%;
  min-height:0;
  padding:7px 6px;
  border-radius:13px;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-compact-value{
  display:inline-flex;
  align-items:baseline;
  justify-content:center;
  gap:4px;
  white-space:nowrap;
  letter-spacing:0;
  word-spacing:0;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-compact-value>.docpick-value-part{
  color:inherit;
  font:inherit;
  line-height:inherit;
  letter-spacing:0;
  text-transform:none;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-band-price .product-row-price-note{
  justify-content:flex-end;
  gap:0;
  margin-top:5px;
  padding-top:6px;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-body{
  display:flex;
  align-items:stretch;
  gap:8px;
  min-height:0;
  padding:0 12px 10px;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-details{
  display:contents;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docprod-pack-actions{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 42px;
  align-items:center;
  flex:1 1 max-content;
  width:auto;
  max-width:100%;
  min-width:0;
  min-height:76px;
  gap:7px;
  padding:6px 9px;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docprod-pack-actions>.app-icon{
  grid-column:1;
  width:42px;
  height:42px;
  padding:9px;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docprod-pack-action-group{
  grid-column:2;
  display:flex;
  align-items:stretch;
  justify-content:center;
  min-width:0;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docprod-pack-action{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  flex:1 1 auto;
  width:auto;
  min-width:0;
  min-height:0;
  padding:4px 6px;
  text-align:center;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docprod-pack-action span{font-weight:800}
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docprod-pack-action b,
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docprod-stock-panel.is-inbound b,
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docprod-stock-panel.is-inbound .is-listed b,
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docprod-stock-panel.is-inbound .is-available b{
  font-size:clamp(24px,2.1vw,34px);
  font-weight:850;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docprod-stock-panel.is-inbound{
  display:contents;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docprod-stock-panel.is-inbound .docpick-inbound-metric{
  grid-template-columns:42px max-content;
  flex:1 1 max-content;
  width:auto;
  min-width:0;
  min-height:76px;
  column-gap:9px;
  padding:6px 10px;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-inbound-icon{
  width:42px;
  height:42px;
}
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-inbound-icon .app-icon{width:23px;height:23px}
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-inbound-label,
#pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docprod-stock-panel.is-inbound b{
  justify-self:end;
  text-align:right;
}

@media (max-width:1100px) and (min-width:621px){
  #pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-band{
    grid-template-columns:clamp(88px,16vw,126px) minmax(0,1fr) max-content;
    row-gap:5px;
    column-gap:10px;
    padding:8px 10px 6px;
  }
  #pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-body{gap:6px;padding:0 10px 9px}
  #pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docprod-pack-actions,
  #pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docprod-stock-panel.is-inbound .docpick-inbound-metric{min-height:70px;padding-block:5px}
}

@media (max-width:620px){
  #pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-band{gap:6px 9px;padding:8px}
  #pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-title-combo{display:flex;flex-wrap:nowrap}
  #pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-name,
  #pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-title-combo .product-size-badge{display:block;white-space:nowrap}
  #pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-band-price{width:100%;padding:8px 10px}
  #pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-body{display:grid;grid-template-columns:1fr;gap:6px;padding:0 8px 8px}
  #pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docpick-details{display:block;width:100%}
  #pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docprod-pack-actions{width:100%}
  #pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docprod-stock-panel.is-inbound{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  #pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docprod-stock-panel.is-inbound .docpick-inbound-metric{width:100%;grid-template-columns:38px minmax(0,1fr);min-height:68px;padding:5px 8px}
  #pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docprod-pack-action b,
  #pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docprod-stock-panel.is-inbound b{font-size:26px}
}

@media (max-width:430px){
  #pg-doc-add-prod .docpick-card.is-product-overview-card.is-inbound .docprod-stock-panel.is-inbound{grid-template-columns:1fr}
}

/* Közös piszkozat-/dokumentumtétel-kártya: ugyanaz az áttekintő vizuális
   rendszer, a dokumentumtípus saját adatainak és műveleteinek megőrzésével. */
#pg-doc-edit .doc-edit-items{
  border-color:color-mix(in srgb,var(--kps-gold,#cda72e) 46%,var(--kps-card-blue-deep,#0d1c35))!important;
  background:var(--kps-card-blue,#142a4c)!important;
  background-image:none!important;
}
.doc-item-card.is-product-overview-card{
  grid-template-columns:clamp(150px,14vw,240px) minmax(0,1fr) minmax(170px,210px) minmax(64px,76px);
  grid-template-areas:"photo main side actions";
  align-items:stretch;
  gap:clamp(8px,.7vw,12px);
  width:calc(100% - 24px);
  min-height:0;
  margin:12px 12px 0;
  padding:6px clamp(10px,.8vw,14px);
  border:1px solid #dce4ed!important;
  border-radius:20px!important;
  background:#fff!important;
  background-image:linear-gradient(145deg,#fff 0%,#fbfdff 100%)!important;
  color:#071b40!important;
  box-shadow:0 14px 34px rgba(7,19,38,.16)!important;
}
.doc-item-card.is-product-overview-card:hover{
  border-color:#b9cfdf!important;
  box-shadow:0 15px 34px rgba(7,19,38,.18)!important;
}
.doc-item-card.is-product-overview-card .doc-item-wh{
  display:none;
}
.doc-item-card.is-product-overview-card .doc-item-photo{
  align-self:center;
  width:100%;
  height:auto;
  min-height:0;
  max-height:none;
  aspect-ratio:1;
  object-fit:contain;
  border:1px solid #d9e2eb;
  border-radius:17px;
  background:#fff;
  padding:12px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.85),0 5px 14px rgba(7,19,38,.05);
}
.doc-item-card.is-product-overview-card .doc-item-photo-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#8693a3;
}
.doc-item-card.is-product-overview-card .doc-item-photo-empty .app-icon{width:42px;height:42px}
.doc-item-card.is-product-overview-card .doc-item-main{
  align-self:center;
  gap:6px;
  padding:0;
  overflow:hidden;
}
.doc-item-card.is-product-overview-card .doc-item-head{
  align-items:baseline;
  flex-wrap:nowrap;
  gap:0;
  min-width:0;
  width:100%;
  overflow:hidden;
}
.doc-item-card.is-product-overview-card .doc-item-title-combo{
  flex:1 1 auto;
  display:flex;
  align-items:baseline;
  flex-wrap:nowrap;
  gap:.4em;
  min-width:0;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  touch-action:pan-x;
  -webkit-overflow-scrolling:touch;
}
.doc-item-card.is-product-overview-card .doc-item-title-combo::-webkit-scrollbar{display:none;width:0;height:0}
.doc-item-card.is-product-overview-card .doc-item-name,
.doc-item-card.is-product-overview-card .doc-item-title-combo .product-size-badge{
  flex:0 0 auto;
  overflow:visible;
  color:#071b40;
  font-size:clamp(28px,2.4vw,52px);
  font-weight:950;
  line-height:1.06;
  letter-spacing:.015em;
  text-overflow:clip;
  white-space:nowrap;
}
.doc-item-card.is-product-overview-card .doc-item-warehouse{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:32px;
  border-radius:11px;
  padding:7px 11px;
  font-size:12px;
  font-weight:900;
  text-transform:none;
  border-color:#b7e2e8;
  background:#ecfbfd;
  color:#168da0;
}
.doc-item-card.is-product-overview-card .doc-item-meta{
  gap:5px 10px;
  color:#52627a;
  font-size:17px;
}
.doc-item-card.is-product-overview-card .doc-item-meta>span+span,
.doc-item-card.is-product-overview-card .doc-item-meta>.doc-item-warehouse{
  padding-left:10px;
  border-left:1px solid #cfd8e3;
}
.doc-item-card.is-product-overview-card .doc-item-meta>span:first-child{
  color:#14233d;
  font-size:19px;
  font-weight:850;
  letter-spacing:.02em;
}
.doc-item-card.is-product-overview-card .doc-item-meta>span:first-child .app-icon{width:21px;height:21px}
.doc-item-card.is-product-overview-card .doc-item-unit-price{color:#109d54;font-size:19px;font-weight:950}
.doc-item-card.is-product-overview-card .doc-item-details{
  gap:2px;
  color:#52627a;
  font-size:17px;
  line-height:1.28;
}
.doc-item-card.is-product-overview-card .doc-item-details>div{font-size:17px!important}
.doc-item-card.is-product-overview-card .doc-item-details>div,
.doc-item-card.is-product-overview-card .doc-item-details>div span{color:#52627a!important}
.doc-item-card.is-product-overview-card .doc-item-details>div b{color:#109d54!important}
.doc-item-card.is-product-overview-card .doc-item-meta>span:first-child .app-icon{width:clamp(42px,4vw,82px);height:clamp(24px,2.5vw,38px);color:#14233d}
.doc-item-card.is-product-overview-card .doc-item-side{
  display:grid;
  grid-template-columns:1fr;
  align-self:center;
  align-items:stretch;
  width:100%;
  height:clamp(190px,13vw,226px);
  min-width:0;
  gap:6px;
}
.doc-item-card.is-product-overview-card .doc-item-pack-side,
.doc-item-card.is-product-overview-card .doc-item-qty{
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:0;
  height:100%;
  padding:8px 10px;
  border-radius:15px;
  text-align:center;
}
.doc-item-card.is-product-overview-card .doc-item-pack-side{
  border:1px solid #bdd7f5;
  background:linear-gradient(145deg,#f1f7ff 0%,#fbfdff 100%);
}
.doc-item-card.is-product-overview-card .doc-item-qty{
  border:1px solid #c6e6d2;
  background:linear-gradient(145deg,#f1fbf4 0%,#fbfffc 100%);
}
.doc-item-card.is-product-overview-card .doc-item-pack-side span,
.doc-item-card.is-product-overview-card .doc-item-qty span{
  color:#071b40;
  font-size:17px;
  font-weight:950;
}
.doc-item-card.is-product-overview-card .doc-item-pack-side b{
  color:#2679da;
  font-size:clamp(46px,4.2vw,68px);
  line-height:1;
}
.doc-item-card.is-product-overview-card .doc-item-qty b{
  color:#12a85b;
  font-size:clamp(42px,3.8vw,62px);
  line-height:1;
  white-space:nowrap;
}
.doc-item-card.is-product-overview-card .doc-item-actions{
  display:grid;
  grid-auto-rows:minmax(0,1fr);
  align-self:center;
  align-items:stretch;
  justify-content:center;
  width:100%;
  height:clamp(190px,13vw,226px);
  gap:6px;
}
.doc-item-card.is-product-overview-card .doc-item-edit,
.doc-item-card.is-product-overview-card .doc-item-delete{
  display:flex!important;
  flex:1 1 0!important;
  width:100%!important;
  min-width:0;
  min-height:0;
  max-width:none!important;
  height:auto!important;
  box-sizing:border-box;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:2px;
  padding:4px!important;
  border-radius:14px!important;
  box-shadow:0 4px 12px rgba(7,19,38,.08)!important;
}
.doc-item-card.is-product-overview-card .doc-item-edit{
  border:1px solid #8ee3dc;
  background:#effdfa;
  color:#168f85;
  font-size:16px;
  font-weight:950;
}
.doc-item-card.is-product-overview-card .doc-item-edit .app-icon{width:39px;height:39px}
.doc-item-card.is-product-overview-card .doc-item-delete .app-icon{width:39px;height:39px}

@media (max-width:1100px){
  .doc-item-card.is-product-overview-card{
    grid-template-columns:108px minmax(0,1fr) minmax(140px,170px) 54px;
    grid-template-areas:"photo main side actions";
    gap:8px;
    min-height:0;
    padding:6px 8px;
  }
  .doc-item-card.is-product-overview-card .doc-item-name,
  .doc-item-card.is-product-overview-card .doc-item-title-combo .product-size-badge{font-size:22px}
  .doc-item-card.is-product-overview-card .doc-item-details,
  .doc-item-card.is-product-overview-card .doc-item-details>div{font-size:11px!important}
  .doc-item-card.is-product-overview-card .doc-item-pack-side,
  .doc-item-card.is-product-overview-card .doc-item-qty{min-height:64px;height:100%;padding:6px}
  .doc-item-card.is-product-overview-card .doc-item-side,
  .doc-item-card.is-product-overview-card .doc-item-actions{height:auto;align-self:stretch}
  .doc-item-card.is-product-overview-card .doc-item-pack-side b{font-size:34px}
  .doc-item-card.is-product-overview-card .doc-item-qty b{font-size:30px}
}

@media (max-width:900px){
  .doc-item-card.is-product-overview-card{
    grid-template-columns:84px minmax(0,1fr) minmax(118px,160px) 48px;
    grid-template-areas:"photo main side actions";
    align-items:stretch;
    gap:7px;
    width:calc(100% - 16px);
    min-height:0;
    margin:9px 8px 0;
    padding:5px 7px;
    border-radius:15px!important;
  }
  .doc-item-card.is-product-overview-card .doc-item-photo{width:84px;height:84px;min-height:84px;padding:7px;border-radius:13px}
  .doc-item-card.is-product-overview-card .doc-item-main{align-self:start;gap:3px;padding-top:0}
  .doc-item-card.is-product-overview-card .doc-item-title-combo{display:flex}
  .doc-item-card.is-product-overview-card .doc-item-name,
  .doc-item-card.is-product-overview-card .doc-item-title-combo .product-size-badge{display:block;font-size:17px;line-height:1.15;white-space:nowrap}
  .doc-item-card.is-product-overview-card .doc-item-title-combo .product-size-badge{margin-left:.4em}
  .doc-item-card.is-product-overview-card .doc-item-warehouse{min-height:25px;padding:4px 7px;font-size:10px}
  .doc-item-card.is-product-overview-card .doc-item-meta{gap:3px;font-size:11px}
  .doc-item-card.is-product-overview-card .doc-item-meta>span+span,
  .doc-item-card.is-product-overview-card .doc-item-meta>.doc-item-warehouse{padding-left:0;border-left:0}
  .doc-item-card.is-product-overview-card .doc-item-meta>span:first-child{font-size:11px}
  .doc-item-card.is-product-overview-card .doc-item-meta>span:first-child .app-icon{width:14px;height:14px}
  .doc-item-card.is-product-overview-card .doc-item-unit-price{font-size:11px}
  .doc-item-card.is-product-overview-card .doc-item-details,
  .doc-item-card.is-product-overview-card .doc-item-details>div{font-size:10px!important}
  .doc-item-card.is-product-overview-card .doc-item-side{grid-area:side;grid-template-columns:1fr;width:100%;min-width:0;gap:5px;justify-self:end}
  .doc-item-card.is-product-overview-card .doc-item-pack-side,
  .doc-item-card.is-product-overview-card .doc-item-qty{min-height:58px;padding:5px}
  .doc-item-card.is-product-overview-card .doc-item-pack-side span,
  .doc-item-card.is-product-overview-card .doc-item-qty span{font-size:10px}
  .doc-item-card.is-product-overview-card .doc-item-pack-side b,
  .doc-item-card.is-product-overview-card .doc-item-qty b{font-size:26px}
  .doc-item-card.is-product-overview-card .doc-item-actions{grid-area:actions;gap:5px}
  .doc-item-card.is-product-overview-card .doc-item-edit,
  .doc-item-card.is-product-overview-card .doc-item-delete{min-width:44px;min-height:54px;padding:5px!important;font-size:10px}
  .doc-item-card.is-product-overview-card .doc-item-edit .app-icon,
  .doc-item-card.is-product-overview-card .doc-item-delete .app-icon{width:20px;height:20px}
}

/* ==== KPS 0.28.20 ÁRELLENŐRZŐ-FORRÁSPARITÁS ==============================
   Csak a PRP Árellenőrző oldalára érvényes. A geometria és az információs
   sorrend a KPS PriceReader jelenlegi forrását követi. */
#pg-price-reader>.topbar>#b-pr-back,
#pg-price-reader>.topbar>#session-header-status{display:none!important}
#pg-price-reader>.topbar .module-brand-title::before{display:none!important;content:none!important}
#pg-price-reader>.topbar .module-brand-title>span{
  font-family:var(--font-title)!important;
  font-size:clamp(18px,2vw,28px)!important;
  font-weight:950!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
}
#pg-price-reader .price-reader-connection-status{
  flex:0 0 auto;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:0 16px;
  border:1px solid color-mix(in srgb,var(--brand-gold) 64%,var(--border));
  border-radius:999px;
  color:var(--brand-gold-dark);
  background:color-mix(in srgb,var(--brand-gold-soft) 34%,#fff);
  font-size:13px;
  font-weight:850;
  white-space:nowrap;
}
#pg-price-reader .price-reader-connection-status>span{width:6px;height:6px;border-radius:50%;background:var(--success)}
#pg-price-reader .price-reader-connection-status strong,
#pg-price-reader .price-reader-connection-status b{font:inherit;color:inherit}

#pg-price-reader .price-reader-page{
  min-height:0!important;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  padding:8px 10px!important;
}
#pg-price-reader .price-reader-result.has-price-card,
#pg-price-reader .price-reader-result.has-product{
  min-height:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-block:16px!important;
}
#pg-price-reader .price-reader-card{width:100%;box-sizing:border-box}
#pg-price-reader .price-reader-b-layout{grid-template-columns:auto minmax(0,1fr);align-items:stretch}
#pg-price-reader .price-reader-b-data{justify-content:space-between;gap:10px}
#pg-price-reader .price-reader-b-media{position:relative;width:auto;height:100%;min-height:0;aspect-ratio:1/1}
#pg-price-reader .price-reader-photo{height:100%;min-height:100%;padding:0;aspect-ratio:auto}
#pg-price-reader .price-reader-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center}
#pg-price-reader .price-reader-b-hero{
  grid-template-columns:minmax(0,1fr) minmax(170px,.44fr);
  gap:10px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
#pg-price-reader .price-reader-b-main-price{
  min-height:89px;
  padding:10px 18px;
  border:1px solid #EFD58B;
  border-radius:11px;
  background:linear-gradient(135deg,#FFF9E8,#FFFDF8 62%);
  box-shadow:inset 0 1px 0 #FFF;
}
#pg-price-reader .price-reader-b-main-price>strong{margin-top:2px;font-size:clamp(48px,5vw,60px)}
#pg-price-reader .price-reader-b-main-price>span{color:#D89200;letter-spacing:.04em}
#pg-price-reader .price-reader-b-price-drs{align-self:flex-end;margin-left:auto}
#pg-price-reader .price-reader-b-hero-unit{
  min-width:0;
  min-height:89px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:10px 12px;
  border:1px solid #BFD2F3;
  border-radius:11px;
  background:linear-gradient(180deg,#F3F7FF,#EDF4FF);
  text-align:center;
}
#pg-price-reader .price-reader-b-hero-unit span{color:#225CB7;font-size:10px;font-weight:900;letter-spacing:.045em;text-transform:uppercase}
#pg-price-reader .price-reader-b-hero-unit b{display:block;margin-top:4px;color:var(--pr-text);font-size:clamp(21px,2.2vw,27px);font-weight:950;line-height:1.05;white-space:nowrap;font-variant-numeric:tabular-nums}
#pg-price-reader .price-reader-b-summary{min-width:0;display:grid;grid-template-columns:1fr 1.18fr .94fr;gap:10px}
#pg-price-reader .price-reader-b-summary>div{
  min-width:0;
  min-height:72px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  padding:8px 10px;
  border:1px solid var(--pr-line);
  border-radius:10px;
  text-align:center;
}
#pg-price-reader .price-reader-b-summary span{display:block;font-size:10px;font-weight:900;letter-spacing:.045em;text-transform:uppercase}
#pg-price-reader .price-reader-b-summary b{display:block;margin-top:2px;color:var(--pr-text);font-size:26px;font-weight:950;line-height:1.05;white-space:nowrap;font-variant-numeric:tabular-nums}
#pg-price-reader .price-reader-b-summary .price-reader-b-stock{min-width:0;color:inherit;background:linear-gradient(180deg,#F4FBF6,#EDF9F1);border-color:#BFE2CB;text-align:center}
#pg-price-reader .price-reader-b-summary .price-reader-b-stock span{color:#09894F}
#pg-price-reader .price-reader-b-summary .price-reader-b-stock b{color:#079457;font-size:30px}
#pg-price-reader .price-reader-b-summary .price-reader-b-stock.is-negative{border-color:#E4BAB5;background:#FFF1EF}
#pg-price-reader .price-reader-b-summary .price-reader-b-stock.is-negative span,
#pg-price-reader .price-reader-b-summary .price-reader-b-stock.is-negative b{color:var(--pr-danger)}
#pg-price-reader .price-reader-b-summary .price-reader-lot-summary{min-width:0;min-height:72px;margin:0;padding:8px 10px;border-radius:10px}
#pg-price-reader .price-reader-b-summary .price-reader-lot-summary>span{font-size:inherit;font-weight:inherit;letter-spacing:normal;text-transform:none}
#pg-price-reader .price-reader-b-summary .is-vat{border-color:#C3E1EB;background:linear-gradient(180deg,#F4FBFD,#EEF8FB)}
#pg-price-reader .price-reader-b-summary .is-vat span{color:#4C9BB2}

@media (max-width:1180px){
  #pg-price-reader .price-reader-b-layout{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:start}
  #pg-price-reader .price-reader-b-media{width:100%;height:auto;aspect-ratio:1/1}
  #pg-price-reader .price-reader-photo{height:auto;min-height:0;aspect-ratio:1/1}
}
@media (max-width:900px){
  #pg-price-reader .price-reader-b-layout{grid-template-columns:1fr}
  #pg-price-reader .price-reader-b-media{width:min(320px,100%);height:auto;margin-inline:auto}
  #pg-price-reader .price-reader-photo{height:auto;min-height:0;aspect-ratio:1/1}
}
@media (max-width:520px){
  #pg-price-reader .price-reader-connection-status{min-height:36px;padding-inline:10px;font-size:11px}
  #pg-price-reader .price-reader-b-hero,
  #pg-price-reader .price-reader-b-summary{grid-template-columns:1fr}
}

/* ==== KÖZÖS GÖRGETÉSI TELJESÍTMÉNYRÉTEG ================================
   A kézi görgetéshez nem adunk CSS smooth animációt: az a programozott ugrást
   animálja, a folyamatos érintéses görgetést nem gyorsítja. Ehelyett a tényleges
   görgetőfelületek kompozitorbarát érintési viselkedést kapnak. A változó
   magasságú sorokon nincs content-visibility, mert annak becsült magassága a
   képernyőre éréskor scrollmagasság-változást és látható ugrást okozhat. */
:where(
  .page,
  .home-main-scroll,
  #kassza-content,
  #prod-list,
  #whcats-list,
  #whshelves-list,
  #doc-list,
  #pre-items,
  .docqty-scroll,
  #custh-content,
  #costs-list,
  #vat-content,
  .docprod-list,
  .docout-picking-rows,
  .product-form-body,
  .promotion-list,
  .promotion-form-scroll,
  .contacts-shell,
  .preentries-list,
  .settings-shell,
  .role-help-content,
  .cash-treasury-body,
  .drawer-menu-scroll
){
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
}

/* A görgetett kártyákon egyetlen kis külső árnyék marad. A korábbi, több nagy
   elmosásból álló árnyék minden képkockán jelentős újrafestést okozott. */
:where(
  .product-row,
  .doclist-card,
  .doc-list-card,
  .preentry-card,
  .po-product-card,
  .promotion-card,
  .contact-card,
  .cash-save-card,
  .report-expiry-card,
  .daily-report-analysis-card,
  .supplier-report-card,
  .kassza-summary-card,
  .page-warehouse-card,
  .version-history-card
){
  box-shadow:0 3px 10px rgba(0,0,0,.18),inset 0 1px 0 var(--glass-highlight)!important;
}

@media (hover:hover) and (pointer:fine){
  :where(.product-row,.doclist-card,.doc-list-card,.preentry-card,.promotion-card,.contact-card,.page-warehouse-card):hover{
    box-shadow:0 7px 18px rgba(0,0,0,.24),inset 0 1px 0 var(--glass-highlight)!important;
  }
}

@media (pointer:coarse){
  :where(.product-row,.doc-row,.doc-item-row,.preentry-card,.promotion-card,.contact-card,.kassza-save-row,.report-doc-row){
    transition:none!important;
  }
}

#pg-products #prod-list>.product-row:hover{transform:none!important}
#pg-products #prod-list.is-product-list-scrolling>.product-row,
#pg-products #prod-list.is-product-list-scrolling>.product-row:hover{box-shadow:0 2px 6px rgba(0,0,0,.15),inset 0 1px 0 var(--glass-highlight)!important;transition:none!important}
#pg-products #prod-list>.product-row.is-product-list-return-target{animation:product-list-return-target 1.4s ease-out}
@keyframes product-list-return-target{0%,34%{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent),0 5px 14px rgba(0,0,0,.2)!important}100%{border-color:var(--border-strong)}}

@media (hover:hover) and (pointer:fine){
  :where(.page,.home-main-scroll,#kassza-content,#prod-list,#doc-list,#pre-items,#custh-content,#costs-list,#vat-content,.contacts-shell,.preentries-list,.settings-shell){
    scrollbar-gutter:stable;
  }
}

/* ==== Központi professzionális toast értesítések ========================== */
.app-toast-stack{position:fixed;z-index:10050;top:max(16px,env(safe-area-inset-top,0px));right:max(18px,env(safe-area-inset-right,0px));width:min(430px,calc(100vw - 32px));display:flex;flex-direction:column;align-items:stretch;gap:10px;pointer-events:none}
.app-toast-item{--toast-accent:var(--info);--toast-soft:color-mix(in srgb,var(--toast-accent) 12%,var(--bg-surface));position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:12px;width:100%;box-sizing:border-box;overflow:hidden;padding:14px 13px 14px 14px;border:1px solid color-mix(in srgb,var(--toast-accent) 44%,var(--border-strong));border-left:5px solid var(--toast-accent);border-radius:15px;background:linear-gradient(145deg,var(--toast-soft),var(--bg-surface) 54%,var(--bg-inset));color:var(--text-1);box-shadow:0 18px 42px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.07);pointer-events:auto;opacity:0;transform:translateY(-10px) scale(.985);transition:opacity .2s ease,transform .2s ease,border-color .2s ease}
.app-toast-item.is-visible{opacity:1;transform:translateY(0) scale(1)}
.app-toast-item.is-leaving{opacity:0;transform:translateX(18px) scale(.985)}
.app-toast-item.is-success{--toast-accent:#169c6b}
.app-toast-item.is-info{--toast-accent:#2f75c8}
.app-toast-item.is-warning{--toast-accent:#e19a16}
.app-toast-item.is-error{--toast-accent:#dc4d5e}
.app-toast-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--toast-accent) 45%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--toast-accent) 16%,var(--bg-inset));color:var(--toast-accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.app-toast-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.app-toast-content{min-width:0;display:flex;flex-direction:column;gap:4px;padding-top:1px}
.app-toast-title{display:block;color:var(--toast-accent);font-size:11px;font-weight:950;line-height:1.2;letter-spacing:.075em;text-transform:uppercase}
.app-toast-message{display:block;color:var(--text-1);font-size:13.5px;font-weight:760;line-height:1.42;overflow-wrap:anywhere}
.app-toast-controls{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:-3px -2px 0 0}
.app-toast-close,.app-toast-action{min-height:44px;border-radius:9px;font-family:inherit;font-weight:900;cursor:pointer}
.app-toast-close{width:44px;min-width:44px;padding:0;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-inset) 88%,transparent);color:var(--text-2);font-size:24px;line-height:1}
.app-toast-action{padding:7px 10px;border:1px solid color-mix(in srgb,var(--toast-accent) 55%,var(--border));background:color-mix(in srgb,var(--toast-accent) 14%,var(--bg-inset));color:var(--toast-accent);font-size:11px;line-height:1.1;white-space:nowrap}
.app-toast-close:hover,.app-toast-close:focus-visible,.app-toast-action:hover,.app-toast-action:focus-visible{border-color:var(--toast-accent);outline:2px solid color-mix(in srgb,var(--toast-accent) 32%,transparent);outline-offset:1px}
.app-toast-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--toast-accent);transform-origin:left center;animation:app-toast-countdown linear forwards}
.app-toast-item:hover .app-toast-progress,.app-toast-item:focus-within .app-toast-progress{animation-play-state:paused}
.app-toast-item.is-repeated{animation:app-toast-repeated .26s ease}
@keyframes app-toast-countdown{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@keyframes app-toast-repeated{50%{border-color:var(--toast-accent);transform:translateY(0) scale(1.015)}}
html[data-theme="light"] .app-toast-item{box-shadow:0 16px 38px rgba(24,37,58,.2),inset 0 1px 0 rgba(255,255,255,.86)}
@media(max-width:600px){
  .app-toast-stack{top:max(10px,env(safe-area-inset-top,0px));left:12px;right:12px;width:auto;gap:8px}
  .app-toast-item{grid-template-columns:40px minmax(0,1fr) auto;gap:10px;padding:12px 10px 12px 11px;border-radius:13px}
  .app-toast-icon{width:38px;height:38px;border-radius:11px}
  .app-toast-icon svg{width:22px;height:22px}
  .app-toast-title{font-size:10px}
  .app-toast-message{font-size:13px}
  .app-toast-action{padding-inline:8px}
}
@media(prefers-reduced-motion:reduce){
  .app-toast-item{transition:none}
  .app-toast-progress,.app-toast-item.is-repeated{animation:none}
}

/* ==== Termékszerkesztő: rögzített termékkontextus és öt munkafül ======== */
#pg-prod-form .pf-sticky-workspace{position:sticky;top:0;z-index:24;margin:0 0 14px;padding:0 0 8px;background:linear-gradient(180deg,var(--bg-page) 0%,var(--bg-page) 78%,transparent 100%)}
#pg-prod-form .pf-sticky-product-name{position:relative;top:auto;z-index:auto;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:66px;margin:0 0 8px;padding:8px 12px}
#pg-prod-form .pf-context-photo{width:52px;height:52px;display:grid;place-items:center;overflow:hidden;padding:0;border:1px solid rgba(244,229,164,.7);border-radius:10px;background:#f5f1e6;color:#17345c;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.7)}
#pg-prod-form .pf-context-photo img{display:none;width:100%;height:100%;object-fit:contain;padding:3px;box-sizing:border-box}
#pg-prod-form .pf-context-photo>span{font-size:9px;font-weight:950;letter-spacing:.08em}
#pg-prod-form .pf-context-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
#pg-prod-form .pf-context-copy>span{color:#dbe7f7;font-size:9px;font-weight:900;letter-spacing:.075em;text-transform:uppercase}
#pg-prod-form .pf-context-copy>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pf-heading-light,var(--accent));font-size:16px;font-weight:950;letter-spacing:.012em;text-shadow:0 1px 2px rgba(3,12,27,.72)}
#pg-prod-form .pf-context-meta{display:flex;align-items:center;gap:7px;min-width:0;color:#dbe7f7;font-size:10px;font-weight:800}
#pg-prod-form .pf-context-meta>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#pg-prod-form .pf-context-meta>span+span:before{content:"";display:inline-block;width:6px;height:6px;margin:0 5px 1px 0;border-radius:50%;background:var(--danger)}
#pg-prod-form .pf-context-meta>span.is-verified:before{background:var(--success)}
#pg-prod-form .pf-sticky-product-name>.pf-save-state{justify-self:end;max-width:150px;padding:6px 9px;border:1px solid rgba(197,211,231,.5);border-radius:999px;background:rgba(255,255,255,.08);color:#dbe7f7;font-size:10px;font-weight:900;line-height:1.2;letter-spacing:0;text-align:center;text-transform:none;white-space:normal}
#pg-prod-form .pf-save-state.is-dirty{border-color:#ffd166;background:rgba(255,209,102,.13);color:#ffe39a}
#pg-prod-form .pf-save-state.is-saved{border-color:#72d6a2;background:rgba(40,167,105,.15);color:#a9ebc7}
#pg-prod-form .pf-save-state.is-new{border-color:#8fc7ff;background:rgba(79,147,214,.15);color:#b9dcff}
#pg-prod-form .pf-form-tabs{display:grid;grid-template-columns:repeat(5,minmax(128px,1fr));gap:6px;overflow-x:auto;padding:0 1px 2px;scrollbar-width:thin}
#pg-prod-form .pf-form-tabs button{min-height:46px;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px;border:1px solid #71839c;border-radius:10px;background:#dfe6ef;color:#23334b;font-size:11px;font-weight:900;line-height:1.15;white-space:nowrap;cursor:pointer;box-shadow:0 3px 8px rgba(3,12,27,.16)}
#pg-prod-form .pf-form-tabs button>span{width:21px;height:21px;display:grid;place-items:center;flex:0 0 21px;border-radius:50%;background:#b7c4d5;color:#22344f;font-size:10px}
#pg-prod-form .pf-form-tabs button[aria-selected="true"]{border-color:#d6b632;background:linear-gradient(180deg,#fff7cf,#eadb95);color:#463500;box-shadow:0 0 0 2px rgba(214,182,50,.18),0 5px 12px rgba(3,12,27,.18)}
#pg-prod-form .pf-form-tabs button[aria-selected="true"]>span{background:#17345c;color:#fff3b8}
#pg-prod-form .pf-form-tabs button:focus-visible{outline:3px solid color-mix(in srgb,var(--info) 34%,transparent);outline-offset:1px}

#pg-prod-form .pf-tab-content>:where(.pf-section,#pf-sup-history){display:none}
#pg-prod-form .pf-tab-content[data-pf-active-tab="basic"]>.pf-section-ident,
#pg-prod-form .pf-tab-content[data-pf-active-tab="basic"]>.pf-section-photo,
#pg-prod-form .pf-tab-content[data-pf-active-tab="pricing"]>.pf-section-place,
#pg-prod-form .pf-tab-content[data-pf-active-tab="pricing"]>.pf-section-buy,
#pg-prod-form .pf-tab-content[data-pf-active-tab="pricing"]>.pf-section-sale,
#pg-prod-form .pf-tab-content[data-pf-active-tab="pricing"]>.pf-section-drs,
#pg-prod-form .pf-tab-content[data-pf-active-tab="pricing"]>.pf-section-unit-price,
#pg-prod-form .pf-tab-content[data-pf-active-tab="stock"]>.pf-section-place,
#pg-prod-form .pf-tab-content[data-pf-active-tab="stock"]>.pf-section-stock,
#pg-prod-form .pf-tab-content[data-pf-active-tab="packaging"]>.pf-section-ident,
#pg-prod-form .pf-tab-content[data-pf-active-tab="sales"]>.pf-section-sale{display:block}
#pg-prod-form .pf-tab-content:not([data-pf-active-tab="pricing"])>#pf-sup-history{display:none!important}
#pg-prod-form .pf-tab-content[data-pf-active-tab="basic"] .pf-section-ident>.pf-section-supplier-ref,
#pg-prod-form .pf-tab-content[data-pf-active-tab="basic"] .pf-packaging-detail{display:none!important}
#pg-prod-form .pf-tab-content[data-pf-active-tab="packaging"] .pf-section-ident>.pf-data-verification,
#pg-prod-form .pf-tab-content[data-pf-active-tab="packaging"] .pf-section-ident>.pf-identity-grid,
#pg-prod-form .pf-tab-content[data-pf-active-tab="packaging"] .pf-basic-only{display:none!important}
#pg-prod-form .pf-tab-content[data-pf-active-tab="pricing"] .pf-location-only,
#pg-prod-form .pf-tab-content[data-pf-active-tab="stock"] .pf-tax-only{display:none!important}
#pg-prod-form .pf-tab-content[data-pf-active-tab="pricing"] .pf-section-sale>:where(.pf-promo-card,.pf-price-grid){display:none!important}
#pg-prod-form .pf-tab-content .pf-title-basic,
#pg-prod-form .pf-tab-content .pf-title-pricing,
#pg-prod-form .pf-tab-content .pf-title-stock,
#pg-prod-form .pf-tab-content .pf-title-packaging,
#pg-prod-form .pf-tab-content .pf-title-sales{display:none}
#pg-prod-form .pf-tab-content[data-pf-active-tab="basic"] .pf-title-basic,
#pg-prod-form .pf-tab-content[data-pf-active-tab="pricing"] .pf-title-pricing,
#pg-prod-form .pf-tab-content[data-pf-active-tab="stock"] .pf-title-stock,
#pg-prod-form .pf-tab-content[data-pf-active-tab="packaging"] .pf-title-packaging,
#pg-prod-form .pf-tab-content[data-pf-active-tab="sales"] .pf-title-sales{display:inline}
#pg-prod-form .pf-packaging-block .pf-subpanel-head i{font-style:normal}
#pg-prod-form .pf-tab-content[data-pf-active-tab="packaging"] .pf-main-product-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
#pg-prod-form .pf-tab-content[data-pf-active-tab="pricing"]{display:grid;grid-template-columns:minmax(210px,1fr) minmax(0,3fr);gap:10px;align-items:stretch}
#pg-prod-form .pf-tab-content[data-pf-active-tab="pricing"]>.pf-section-place{grid-column:1;grid-row:1;margin-bottom:0;height:100%;box-sizing:border-box}
#pg-prod-form .pf-tab-content[data-pf-active-tab="pricing"]>.pf-section-sale{grid-column:2;grid-row:1;margin-bottom:0;height:100%;box-sizing:border-box}
#pg-prod-form .pf-tab-content[data-pf-active-tab="pricing"]>.pf-section-buy{grid-column:1 / -1;grid-row:2}
#pg-prod-form .pf-tab-content[data-pf-active-tab="pricing"]>.pf-section-drs{grid-column:1 / -1;grid-row:3}
#pg-prod-form .pf-tab-content[data-pf-active-tab="pricing"]>.pf-section-unit-price{grid-column:1 / -1;grid-row:4}
#pg-prod-form .pf-tab-content[data-pf-active-tab="pricing"]>#pf-sup-history{grid-column:1 / -1;grid-row:5}
#pg-prod-form .pf-tab-content[data-pf-active-tab="pricing"] .pf-location-grid{grid-template-columns:1fr}
#pg-prod-form .pf-tab-content[data-pf-active-tab="stock"] .pf-location-grid{grid-template-columns:minmax(180px,.8fr) minmax(260px,1.2fr)}

/* A füleken belül világos munkafelület ad valódi hierarchiát a sötét keretben. */
#pg-prod-form .pf-tab-content{min-height:310px;padding:12px;border:1px solid #8394ab;border-radius:14px;background:#e9eff6;box-shadow:0 10px 24px rgba(3,12,27,.18)}
#pg-prod-form .pf-tab-content .pf-section,
#pg-prod-form .pf-tab-content #pf-sup-history{padding:13px 14px;margin-bottom:10px;border:0!important;border-radius:11px!important;background:#fff!important;background-image:none!important;box-shadow:0 2px 7px rgba(23,52,92,.1)!important}
#pg-prod-form .pf-tab-content .pf-section:before{display:none}
#pg-prod-form .pf-tab-content .pf-section-title{min-height:38px;box-sizing:border-box;padding:8px 12px;border-radius:8px;background:var(--pf-card-blue,#17345c);color:#fff!important;text-shadow:none!important;text-transform:none;font-size:15px;letter-spacing:.01em}
#pg-prod-form .pf-tab-content .pf-section-title *{color:#fff!important;text-shadow:none!important}
#pg-prod-form .pf-tab-content .pf-section-toggle-head .pf-section-title{flex:1;margin-bottom:0}
#pg-prod-form .pf-tab-content .pf-collapsible-head>div:first-child{flex:1;min-width:0}
#pg-prod-form .pf-tab-content .pf-section-title:before{display:none}
#pg-prod-form .pf-tab-content :where(.lbl,.pf-section-help,.pf-muted-note,.pf-subpanel-head span,.pf-mini-title,.pf-photo-presentation-settings label){color:#33445d!important;text-shadow:none!important}
#pg-prod-form .pf-tab-content .lbl{text-transform:none;font-size:12px;font-weight:850;letter-spacing:.005em}
#pg-prod-form .pf-tab-content :where(.pf-subpanel,.pf-promo-card,.pf-photo-gallery-card,.stock-ai-card){border:1px solid #bdc9d8!important;background:#eef3f8!important;background-image:none!important;box-shadow:none!important}
#pg-prod-form .pf-tab-content .pf-packaging-block{margin-top:4px;background:#f4f7fb!important}
#pg-prod-form .pf-tab-content .pf-promo-card{background:#fff4f5!important;border-color:#e2abb2!important}
#pg-prod-form .pf-tab-content .pf-promo-head b{color:#7f2434!important;text-shadow:none!important}
#pg-prod-form .pf-tab-content .pf-promo-status{color:#4d5d73!important}
#pg-prod-form .pf-tab-content .pf-promo-status.is-active{color:#9c2638!important}
#pg-prod-form .pf-tab-content .pf-promo-reference-note{color:#536178!important}
#pg-prod-form .pf-tab-content .pf-promo-reference-note.is-warning{color:#8d5c00!important}
#pg-prod-form .pf-tab-content .pf-promo-reference-note.is-complete{color:#147149!important}
#pg-prod-form .pf-tab-content .stock-ai-title{color:#17345c!important;text-shadow:none!important}
#pg-prod-form .pf-tab-content :is(.pf-subpanel-head>span,.pf-mini-title,.stock-ai-title,.pf-promo-head b){display:inline-flex;width:max-content;max-width:100%;align-items:center;box-sizing:border-box;padding:5px 9px;border-radius:6px;background:var(--pf-card-blue,#17345c)!important;color:#fff!important;text-shadow:none!important}
#pg-prod-form .pf-tab-content .pf-promo-head b{align-self:flex-start}
#pg-prod-form .pf-tab-content .pf-photo-count{color:#46556d!important}
#pg-prod-form .pf-tab-content #pf-drs-summary{background:#f4f7fb!important;color:#33445d!important;border:1px solid #c8d2df}
#pg-prod-form .pf-tab-content .pf-section-drs .pf-section-toggle-head>div:last-child>span{color:#33445d!important}
#pg-prod-form .pf-tab-content .pf-ref-chip{background:#fff;color:#33445d}
#pg-prod-form .pf-margin-summary{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px 12px;margin-top:10px;padding:9px 11px;border:1px solid #aebdce;border-radius:9px;background:#eef3f8;color:#33445d}
#pg-prod-form .pf-margin-summary>span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.035em}
#pg-prod-form .pf-margin-summary>b{min-width:72px;color:#17345c;font-family:var(--font-mono);font-size:20px;font-weight:950;line-height:1;text-align:right;font-variant-numeric:tabular-nums lining-nums}
#pg-prod-form .pf-margin-summary>small{min-width:0;color:#536178;font-size:11px;line-height:1.3}
#pg-prod-form .pf-margin-summary.is-positive{border-color:#78bd9a;background:#edf8f2}
#pg-prod-form .pf-margin-summary.is-positive>b{color:#147149}
#pg-prod-form .pf-margin-summary.is-negative{border-color:#d7a0aa;background:#fff2f4}
#pg-prod-form .pf-margin-summary.is-negative>b{color:#9c2638}
#pg-prod-form .pf-tab-content #pf-buy-hint,
#pg-prod-form .pf-tab-content #pf-buy-hint b,
#pg-prod-form .pf-tab-content #pf-buy-hint .pf-number-emphasis{color:#17345c!important;text-shadow:none!important}
#pg-prod-form .app-num-trigger{width:50px;min-height:48px;border:1px solid #9bacc1!important;background:#e4ebf3!important;color:#1e527c!important;box-shadow:none!important;filter:none!important}
#pg-prod-form .app-num-trigger:hover,#pg-prod-form .app-num-trigger:focus-visible{border-color:#2f75c8!important;background:#d7e7f6!important;color:#17476f!important;outline:2px solid rgba(47,117,200,.18)}

@media (max-width:980px){
  #pg-prod-form .pf-form-tabs{grid-template-columns:repeat(5,minmax(154px,1fr))}
}
@media (max-width:760px){
  #pg-prod-form .pf-sticky-workspace{margin-bottom:10px}
  #pg-prod-form .pf-sticky-product-name{grid-template-columns:48px minmax(0,1fr);gap:9px;min-height:60px;padding:7px 9px}
  #pg-prod-form .pf-context-photo{width:44px;height:44px}
  #pg-prod-form .pf-context-copy>strong{font-size:14px}
  #pg-prod-form .pf-save-state{grid-column:1 / -1;justify-self:stretch;max-width:none;padding:4px 8px;border-radius:8px}
  #pg-prod-form .pf-form-tabs{grid-template-columns:repeat(5,minmax(145px,1fr))}
  #pg-prod-form .pf-form-tabs button{min-height:44px}
  #pg-prod-form .pf-tab-content{padding:8px;border-radius:11px}
  #pg-prod-form .pf-tab-content .pf-section{padding:12px 11px}
  #pg-prod-form .pf-tab-content[data-pf-active-tab="stock"] .pf-location-grid{grid-template-columns:1fr}
}
@media (max-width:520px){
  #pg-prod-form .pf-context-meta{flex-wrap:wrap;gap:2px 7px}
  #pg-prod-form .pf-form-tabs{grid-template-columns:repeat(5,minmax(136px,1fr))}
  #pg-prod-form .pf-tab-content[data-pf-active-tab="pricing"]{grid-template-columns:1fr}
  #pg-prod-form .pf-tab-content[data-pf-active-tab="pricing"]>.pf-section-place{grid-column:1;grid-row:1}
  #pg-prod-form .pf-tab-content[data-pf-active-tab="pricing"]>.pf-section-sale{grid-column:1;grid-row:2}
  #pg-prod-form .pf-tab-content[data-pf-active-tab="pricing"]>.pf-section-buy{grid-column:1;grid-row:3}
  #pg-prod-form .pf-tab-content[data-pf-active-tab="pricing"]>.pf-section-drs{grid-column:1;grid-row:4}
  #pg-prod-form .pf-tab-content[data-pf-active-tab="pricing"]>.pf-section-unit-price{grid-column:1;grid-row:5}
  #pg-prod-form .pf-tab-content[data-pf-active-tab="pricing"]>#pf-sup-history{grid-column:1;grid-row:6}
  #pg-prod-form .pf-margin-summary{grid-template-columns:auto 1fr}
  #pg-prod-form .pf-margin-summary>b{text-align:right}
  #pg-prod-form .pf-margin-summary>small{grid-column:1 / -1}
}