/*
 * KPS GLOBAL THEME FOR PRP
 * Source of truth: 1.kps.softv.cc/kassza-pos/app/globals.css.
 *
 * Geometry and component rhythm are deliberately theme-independent. Theme
 * selectors below only replace palette tokens, so switching theme cannot move
 * controls, resize cards or change the navigation and PriceReader layout.
 */

:root {
  --kps-navy-950: #071326;
  --kps-navy-900: #0d1c35;
  --kps-navy-800: #142a4c;
  --kps-gold: #cda72e;
  --kps-gold-deep: #977310;
  --kps-gold-soft: #f4e5a4;
  --kps-gold-faint: #fff8dc;
  --kps-paper: #f5f3ec;
  --kps-card: #ffffff;
  --kps-ink: #172033;
  --kps-ink-soft: #667087;
  --kps-line: #dfe3eb;
  --kps-card-blue: var(--kps-navy-800);
  --kps-card-blue-deep: var(--kps-navy-900);
  --kps-card-line: #3a4e6c;
  --kps-card-text: #f4f6fa;
  --kps-card-text-soft: #d3dceb;
  --kps-card-text-muted: #a9b6ca;
  --kps-field-light: #f8fafc;
  --kps-field-light-disabled: #e8edf4;
  --kps-field-ink: #172033;
  --kps-field-muted: #667087;
  --kps-field-line: #b8c4d6;
  --kps-green: #188652;
  --kps-red: #b5493c;
  --kps-shadow: 0 12px 34px rgba(13, 28, 53, .09);
  --home-card-heading-bg: var(--kps-navy-800);
  --home-card-heading-fg: #ffffff;
  --kps-bottom-nav-space: calc(70px + env(safe-area-inset-bottom, 0px));
  --font-ui: "Segoe UI", Arial, sans-serif;
  --font-title: var(--font-ui);
  --font-mono: "IBM Plex Mono", Consolas, monospace;
}

html[data-theme="light"] {
  --bg-page: var(--kps-paper);
  --bg-surface: var(--kps-card);
  --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: var(--kps-ink);
  --text-2: #536078;
  --text-3: #758198;
  --accent: var(--kps-gold);
  --accent-strong: var(--kps-gold-deep);
  --accent-text: #ffffff;
  --success: #188652;
  --success-text: #188652;
  --warning: #977310;
  --danger: var(--kps-red);
  --danger-text: var(--kps-red);
  --info: #315f9f;
  --placeholder: #8290a5;
  --disabled-bg: #eeeff2;
  --disabled-text: #8b92a3;
  --mod-sales: var(--kps-gold);
  --mod-sales-strong: var(--kps-gold-deep);
  --mod-warehouse: #315f9f;
  --mod-management: #2e7d5b;
  --mod-management-strong: #246548;
  --mod-admin: var(--kps-navy-800);
  --mod-admin-strong: var(--kps-navy-900);
  --rail-decor: var(--kps-gold);
  --rail-decor-strong: var(--kps-gold-deep);
  --rail-decor-text: #ffffff;
  --card-shadow: var(--kps-shadow);
  --modal-shadow: 0 26px 80px rgba(3, 12, 27, .28);
  color-scheme: light;
}

html[data-theme="dark"] {
  --bg-page: #071326;
  --bg-surface: #0d1c35;
  --bg-surface-2: #142a4c;
  --bg-inset: #08162b;
  --bg-input: #101a2c;
  --page-mix-end: #0d1c35;
  --page-layer-end: #142a4c;
  --border: #273a57;
  --border-strong: #3a4e6c;
  --text-1: #f4f6fa;
  --text-2: #bec9da;
  --text-3: #8996ae;
  --accent: var(--kps-gold);
  --accent-strong: var(--kps-gold-deep);
  --accent-text: #071326;
  --success: #50dc9a;
  --success-text: #50dc9a;
  --warning: #f1cf57;
  --danger: #ef7569;
  --danger-text: #ef7569;
  --info: #72a2ff;
  --placeholder: #7f8ca2;
  --disabled-bg: #17243a;
  --disabled-text: #69758a;
  --mod-sales: var(--kps-gold);
  --mod-sales-strong: var(--kps-gold-deep);
  --mod-warehouse: #72a2ff;
  --mod-management: #50dc9a;
  --mod-management-strong: #188652;
  --mod-admin: var(--kps-gold-soft);
  --mod-admin-strong: var(--kps-gold);
  --rail-decor: var(--kps-gold);
  --rail-decor-strong: var(--kps-gold-deep);
  --rail-decor-text: #071326;
  --card-shadow: 0 12px 34px rgba(0, 0, 0, .28);
  --modal-shadow: 0 26px 80px rgba(0, 0, 0, .58);
  color-scheme: dark;
}

html[data-theme="industrial"] {
  --bg-page: #0a0a0a;
  --bg-surface: #151515;
  --bg-surface-2: #202020;
  --bg-inset: #080808;
  --bg-input: #111111;
  --page-mix-end: #151515;
  --page-layer-end: #202020;
  --border: #4c4c4c;
  --border-strong: #747474;
  --text-1: #ffffff;
  --text-2: #e2e2e2;
  --text-3: #b9b9b9;
  --accent: #f3c623;
  --accent-strong: #b88b00;
  --accent-text: #101010;
  --success: #4fda8b;
  --success-text: #4fda8b;
  --warning: #f3c623;
  --danger: #ff6b61;
  --danger-text: #ff6b61;
  --info: #76a8ff;
  --placeholder: #a5a5a5;
  --disabled-bg: #252525;
  --disabled-text: #8a8a8a;
  --mod-sales: #f3c623;
  --mod-sales-strong: #b88b00;
  --mod-warehouse: #76a8ff;
  --mod-management: #4fda8b;
  --mod-management-strong: #248155;
  --mod-admin: #f3c623;
  --mod-admin-strong: #b88b00;
  --rail-decor: #f3c623;
  --rail-decor-strong: #b88b00;
  --rail-decor-text: #101010;
  --card-shadow: 0 12px 34px rgba(0, 0, 0, .42);
  --modal-shadow: 0 26px 80px rgba(0, 0, 0, .7);
  color-scheme: dark;
}

/* Global KPS component rhythm. */
html[data-theme],
html[data-theme] body,
html[data-theme] button,
html[data-theme] input,
html[data-theme] select,
html[data-theme] textarea { font-family: var(--font-ui); }
html[data-theme] body { background: var(--bg-page); color: var(--text-1); }
html[data-theme] .page { background: var(--bg-page); background-image: none; }
html[data-theme] ::selection { color: var(--kps-navy-950); background: var(--kps-gold-soft); }
html[data-theme] :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); }
html[data-theme] .home-warehouse-name { font-family: var(--font-ui); font-weight: 950; }
html[data-theme] :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] .topbar {
  min-height: calc(92px + var(--safe-top));
  padding: calc(18px + var(--safe-top)) calc(28px + var(--safe-right)) 18px calc(28px + var(--safe-left));
  gap: 20px;
  border-bottom: 1px solid var(--border);
  background: color-mix(in srgb, var(--bg-surface) 92%, transparent);
  background-image: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html[data-theme] .topbar .ttl {
  flex: 1;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: var(--text-1);
  font-family: var(--font-title);
  font-size: 18px;
  font-weight: 950;
  line-height: 1.1;
  letter-spacing: .045em;
  text-transform: uppercase;
  text-overflow: ellipsis;
  text-shadow: 0 1px 0 var(--bg-inset);
  white-space: nowrap;
}
html[data-theme] .topbar .ttl:is(.home-brand-title,.module-brand-title) { display: block !important; }
html[data-theme] .topbar .ttl :where(.brand-logo-topbar,.brand-logo-module) { display: none !important; }
html[data-theme] .topbar .ttl:is(.home-brand-title,.module-brand-title)::before { display: none !important; content: none !important; }
html[data-theme] .topbar .ttl:is(.home-brand-title,.module-brand-title) > span {
  display: block !important;
  min-width: 0;
  margin: 0 !important;
  overflow: hidden;
  color: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  text-overflow: ellipsis;
  text-shadow: inherit !important;
  white-space: nowrap;
}
html[data-theme] #pg-price-reader .topbar .ttl.module-brand-title > span {
  display: block !important;
  margin: 0 !important;
  color: var(--text-1) !important;
  font-family: var(--font-title) !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 0 var(--bg-inset) !important;
}
html[data-theme] #pg-price-reader .topbar .ttl.module-brand-title::before {
  display: none !important;
  content: none !important;
}
html[data-theme] .topbar button {
  min-width: 44px;
  min-height: 44px;
  padding: 0 13px;
  border: 1.5px solid var(--border-strong);
  border-radius: 12px;
  color: var(--text-2);
  background: var(--bg-surface);
  box-shadow: 0 5px 14px color-mix(in srgb, var(--kps-navy-900) 7%, transparent);
  text-shadow: none;
}
html[data-theme] .topbar button[id$="-back"],
html[data-theme] #b-home-menu,
html[data-theme] .drawer-menu-button,
html[data-theme] #b-pr-back,
html[data-theme] #b-kassza-back { width: 44px; min-width: 44px; height: 44px; flex-basis: 44px; padding: 0; color: var(--accent-strong); }
html[data-theme] .topbar .drawer-menu-button {
  width: 50px !important;
  min-width: 50px !important;
  height: 50px !important;
  min-height: 50px !important;
  flex: 0 0 50px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 1.5px solid var(--border-strong) !important;
  border-radius: 16px !important;
  color: var(--accent-strong) !important;
  background: var(--bg-surface) !important;
  box-shadow: 0 5px 14px color-mix(in srgb, var(--kps-navy-900) 7%, transparent) !important;
  line-height: 1;
}
html[data-theme] .topbar .drawer-menu-button .app-drawer-menu-icon {
  display: block;
  width: 31px;
  height: 31px;
  margin: 0;
  stroke-width: 2.35 !important;
}
html[data-theme] .session-header-status { min-width: 0; max-width: min(760px, 62vw); height: 54px; gap: 10px; }
html[data-theme] .topbar .session-header-status :where(.session-user-chip,.sync-live-status,.edit-lock-status,.session-network-chip) { min-height: 46px; height: 46px; padding-inline: 13px; border-radius: 999px; box-shadow: 0 4px 12px color-mix(in srgb, var(--kps-navy-900) 7%, transparent); }
html[data-theme] .topbar .session-header-status .session-user-chip { border-color: color-mix(in srgb, var(--accent) 58%, var(--border)); color: var(--text-1); background: var(--bg-surface); }
html[data-theme] .topbar .session-header-status .session-user-icon { border-radius: 50%; color: var(--kps-navy-950); background: linear-gradient(145deg,var(--kps-gold-soft),var(--kps-gold)); }
html[data-theme] .topbar .session-header-status .session-network-chip { width: 46px; min-width: 46px; height: 46px; min-height: 46px; padding: 0; border-radius: 15px; }
html[data-theme] .topbar .session-header-status .session-network-icon,
html[data-theme] .topbar .session-header-status .session-network-icon .app-icon { width: 25px; height: 25px; }

html[data-theme] :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) {
  --bg-surface: var(--kps-card-blue);
  --bg-surface-2: var(--kps-card-blue-deep);
  --bg-inset: var(--kps-navy-950);
  --bg-input: var(--kps-field-light);
  --border: var(--kps-card-line);
  --border-strong: color-mix(in srgb,var(--kps-card-line) 72%,#ffffff);
  --text-1: var(--kps-card-text);
  --text-2: var(--kps-card-text-soft);
  --text-3: var(--kps-card-text-muted);
  --placeholder: var(--kps-field-muted);
  --disabled-bg: var(--kps-field-light-disabled);
  --disabled-text: var(--kps-field-muted);
  border: 1px solid var(--kps-card-line) !important;
  border-radius: 16px;
  color: var(--kps-card-text);
  background: linear-gradient(145deg,var(--kps-card-blue),var(--kps-card-blue-deep)) !important;
  background-image: linear-gradient(145deg,var(--kps-card-blue),var(--kps-card-blue-deep)) !important;
  box-shadow: 0 12px 30px rgba(7,19,38,.22),inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* Termékek: a kategóriák és a görgethető lista közös témakék munkaterülete. */
html[data-theme] #pg-products :where(.product-category-browser,.product-category-path,.product-category-row,.product-category-fixed,.product-category-back-cell,.product-category-tabs) {
  background: var(--kps-navy-800) !important;
  background-image: none !important;
}
html[data-theme] #pg-products .product-category-browser {
  border-bottom-color: color-mix(in srgb,var(--kps-gold) 68%,var(--kps-navy-900)) !important;
}
html[data-theme] #pg-products .product-filter-toolbar {
  min-height: 52px;
  padding-block: 4px;
}
html[data-theme] #pg-products :where(.product-filter-trigger,.product-filter-toolbar-clear) {
  min-height: 44px;
}
html[data-theme] #pg-products :where(.product-category-crumbs button,.product-category-crumb-separator) {
  color: #d9e0ef;
}
html[data-theme] #pg-products .product-category-crumb-current {
  border-color: color-mix(in srgb,var(--kps-gold) 58%,var(--kps-navy-900));
  background: #fff;
  color: var(--kps-navy-900);
  box-shadow: 0 5px 14px color-mix(in srgb,var(--kps-navy-950) 20%,transparent);
}
html[data-theme] #pg-products .product-category-toggle {
  border-color: color-mix(in srgb,var(--kps-gold) 58%,var(--kps-navy-900));
  background: color-mix(in srgb,var(--kps-gold) 14%,var(--kps-navy-800));
  color: var(--kps-gold);
}
html[data-theme] #pg-products #prod-list {
  border-top: 1px solid color-mix(in srgb,var(--kps-gold) 58%,var(--kps-navy-900));
  background: var(--kps-navy-800) !important;
  background-image: linear-gradient(180deg,var(--kps-navy-800),var(--kps-navy-900)) !important;
  scrollbar-color: color-mix(in srgb,var(--kps-gold) 66%,var(--kps-navy-800)) var(--kps-navy-900);
}
html[data-theme="light"] #pg-products {
  --product-row-surface: #ffffff;
  --product-row-surface-soft: #f7f8fa;
  --product-row-inset: #eef1f5;
  --product-row-line: #d5dae2;
  --product-row-line-strong: #cbd2dd;
  --product-row-ink: #172033;
  --product-row-copy: #536078;
  --product-row-muted: #758198;
}
html[data-theme="dark"] #pg-products {
  --product-row-surface: #ffffff;
  --product-row-surface-soft: #f7f8fa;
  --product-row-inset: #eef1f5;
  --product-row-line: #d5dae2;
  --product-row-line-strong: #cbd2dd;
  --product-row-ink: #172033;
  --product-row-copy: #536078;
  --product-row-muted: #758198;
}
html[data-theme="industrial"] #pg-products {
  --product-row-surface: #ffffff;
  --product-row-surface-soft: #f7f8fa;
  --product-row-inset: #eef1f5;
  --product-row-line: #d5dae2;
  --product-row-line-strong: #cbd2dd;
  --product-row-ink: #172033;
  --product-row-copy: #536078;
  --product-row-muted: #758198;
}
html[data-theme] #pg-products #prod-list > .product-row {
  --bg-surface: var(--product-row-surface);
  --bg-surface-2: var(--product-row-surface-soft);
  --bg-page: var(--product-row-surface-soft);
  --bg-inset: var(--product-row-inset);
  --border: var(--product-row-line);
  --border-strong: var(--product-row-line-strong);
  --text-1: var(--product-row-ink);
  --text-2: var(--product-row-copy);
  --text-3: var(--product-row-muted);
  border: 1px solid var(--product-row-line) !important;
  color: var(--product-row-ink) !important;
  background: var(--product-row-surface) !important;
  background-image: none !important;
  box-shadow: 0 8px 22px rgba(7,19,38,.16) !important;
}
html[data-theme] #pg-products #prod-list > .product-row:hover {
  border-color: color-mix(in srgb,var(--accent) 48%,var(--product-row-line)) !important;
  box-shadow: 0 12px 28px rgba(7,19,38,.2) !important;
}
html[data-theme] #pg-products #prod-list > .product-row .product-row-warehouse {
  border-color: color-mix(in srgb,var(--row-wh) 68%,#536078) !important;
  color: #172033 !important;
  background: color-mix(in srgb,var(--row-wh) 28%,#fff) !important;
}

/* Termékoldal: a jóváhagyott, fehér termék-adatlap kártya minden témában.
   A terméksor funkciói változatlanok; kizárólag a Termékek oldal közös
   renderelője kapja a product-row-showcase jelölést. */
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 5px 210px minmax(0,1fr) minmax(300px,360px) 56px;
  grid-template-areas: "bar photo main side actions";
  align-items: center;
  gap: 16px;
  min-height: 242px;
  padding: 16px 16px 16px 0;
  overflow: hidden;
  border-radius: 20px !important;
  color-scheme: light;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase > .product-row-wh {
  grid-area: bar;
  width: 5px;
  height: 100%;
  border-radius: 0 999px 999px 0;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase > .product-row-photo {
  grid-area: photo;
  box-sizing: border-box;
  display: flex;
  width: 210px;
  height: 210px;
  max-width: none;
  aspect-ratio: 1 / 1;
  align-self: center;
  padding: 10px;
  border: 1px solid #ccd4df;
  border-radius: 15px;
  background: linear-gradient(145deg,#fff,#eef1f5);
  color: #c5a126;
  box-shadow: 0 8px 22px rgba(11,34,65,.15),inset 0 1px 0 #fff;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase > .product-row-photo .product-row-photo-image {
  border-radius: 10px;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase > .product-row-photo .product-row-photo-expand {
  right: 5px;
  bottom: 5px;
  width: 32px;
  height: 32px;
  border-color: #d8b33a;
  border-radius: 10px;
  background: #fff;
  color: #b8900d;
  opacity: 1;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase > .product-row-photo .product-row-photo-expand .app-icon {
  width: 16px;
  height: 16px;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase > .product-row-main {
  grid-area: main;
  align-self: center;
  gap: 12px;
  padding-right: 0;
  overflow: visible;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-head {
  flex-wrap: nowrap;
  gap: 10px;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-data-verification-dot {
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-title-combo {
  flex: 0 1 auto;
  min-width: 0;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-name,
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-title-combo .product-size-badge {
  color: #071b3c;
  font-size: 25px;
  line-height: 1.08;
  font-weight: 950;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-warehouse {
  padding: 5px 10px;
  border-color: #c8a426 !important;
  background: #fffdf6 !important;
  color: #0d2342 !important;
  font-size: 11px;
  font-weight: 950;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-meta {
  gap: 9px 14px;
  color: #536078;
  font-size: 13px;
  font-weight: 650;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-meta b {
  color: #c89f14;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-details {
  gap: 8px;
  min-height: 28px;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-chip {
  border-color: #cbd3df;
  background: #fff;
  color: #172b4a;
  font-size: 12px;
  font-weight: 900;
  padding: 5px 9px;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-chip-pack {
  border-color: #16875b;
  color: #147a54;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-chip-cat {
  border-color: #c8a426;
  color: #a47d00;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-chip-supplier {
  border-color: #369bb0;
  color: #257f91;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-chip-whbreak {
  border-color: #4d79bd;
  background: #f4f7fc;
  color: #335f9f;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-whbreak-title,
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-wh-part,
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-wh-part b {
  color: #172b4a;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase > .product-row-side {
  grid-area: side;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(84px,.7fr) minmax(180px,1.55fr);
  gap: 10px;
  align-self: center;
  justify-items: stretch;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-stock,
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-sale {
  box-sizing: border-box;
  width: 100%;
  min-height: 104px;
  padding: 14px 15px;
  border: 1px solid #cbd4df;
  border-radius: 13px;
  background: linear-gradient(145deg,#f4f7fb,#e9eef5);
  text-align: left;
  align-items: flex-start;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-stock span,
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-sale > span:first-child {
  color: #7b879c;
  font-size: 10px;
  font-weight: 900;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-stock b {
  color: #08864e;
  font-size: 25px;
  white-space: nowrap;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-stock.low b {
  color: #cf3348;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-sale > b {
  color: #c99e13;
  font-size: 25px;
  white-space: nowrap;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-sale .product-row-price-note {
  margin-top: 6px;
  color: #7b879c;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-sale .product-row-price-note b {
  color: #b98e08;
  font-size: 13px;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase > .product-row-actions {
  grid-area: actions;
  gap: 9px;
  align-self: center;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase :where(.product-row-label,.product-row-op,.product-row-delete,.product-row-lifecycle) {
  box-sizing: border-box;
  width: 56px;
  min-width: 56px;
  min-height: 56px;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 7px 18px rgba(11,34,65,.12);
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase :where(.product-row-label,.product-row-op,.product-row-delete,.product-row-lifecycle) .app-icon {
  width: 23px;
  height: 23px;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-label {
  border-color: #7bc5a1;
  color: #168755;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-op {
  border-color: #e3c468;
  color: #bd9109;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-lifecycle:not(.is-delete):not(.is-restore) {
  border-color: #e3c468;
  color: #a77e00;
}

@media (max-width:1499px) and (orientation:landscape) {
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase {
    grid-template-columns: 5px 150px minmax(0,1fr) minmax(250px,300px) 50px;
    gap: 12px;
    min-height: 182px;
    padding: 12px 12px 12px 0;
    border-radius: 17px !important;
  }
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase > .product-row-photo {
    width: 150px;
    height: 150px;
    padding: 7px;
  }
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-name,
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-title-combo .product-size-badge { font-size: 20px; }
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-stock,
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-sale { min-height: 88px; padding: 11px 12px; }
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase :where(.product-row-label,.product-row-op,.product-row-delete,.product-row-lifecycle) {
    width: 50px;
    min-width: 50px;
    min-height: 48px;
  }
}

@media (max-width:1100px) {
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase {
    grid-template-columns: 5px 104px minmax(0,1fr) 46px;
    grid-template-areas: "bar photo main actions" "bar side side actions";
    gap: 10px 12px;
    min-height: 0;
    padding: 11px 11px 11px 0;
    border-radius: 16px !important;
  }
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase > .product-row-photo {
    width: 104px;
    height: 104px;
    padding: 6px;
  }
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-name,
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-title-combo .product-size-badge { font-size: 18px; }
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase > .product-row-side {
    grid-template-columns: minmax(90px,.65fr) minmax(170px,1.7fr);
  }
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-stock,
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-sale { min-height: 72px; padding: 9px 11px; }
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-stock b,
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-sale > b { font-size: 20px; }
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase :where(.product-row-label,.product-row-op,.product-row-delete,.product-row-lifecycle) {
    width: 46px;
    min-width: 46px;
    min-height: 44px;
  }
}

@media (max-width:620px) {
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase {
    grid-template-columns: 5px 76px minmax(0,1fr) 40px;
    gap: 8px;
    padding: 9px 8px 9px 0;
    border-radius: 14px !important;
  }
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase > .product-row-photo {
    width: 76px;
    height: 76px;
    padding: 4px;
  }
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase > .product-row-photo .product-row-photo-expand {
    width: 25px;
    height: 25px;
  }
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-head {
    flex-wrap: wrap;
    gap: 6px;
  }
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-title-combo { flex: 1 1 calc(100% - 22px); }
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-name,
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-title-combo .product-size-badge { font-size: 15px; }
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-warehouse { margin-left: 18px; font-size: 9px; padding: 3px 7px; }
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-meta { font-size: 11px; gap: 5px 8px; }
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-chip { font-size: 10px; padding: 4px 7px; }
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase > .product-row-side { grid-template-columns: minmax(78px,.7fr) minmax(0,1.6fr); gap: 7px; }
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-stock,
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-sale { min-height: 62px; padding: 7px 8px; }
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-stock b,
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-sale > b { font-size: 17px; }
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase > .product-row-actions { gap: 6px; }
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase :where(.product-row-label,.product-row-op,.product-row-delete,.product-row-lifecycle) {
    width: 40px;
    min-width: 40px;
    min-height: 40px;
  }
}

/* Termékoldal – a felhasználói referenciakártya pontos szerkezete.
   Az összkészlet a gyűjtő és a raktárbontás után, ugyanabban az adatfüggő
   szélességű alsó panelsorban áll. Így a cím a teljes adatmezőt használhatja,
   az árpanel pedig a mellette álló teljes adatoszloppal azonos magas. */
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase {
  --product-card-scale: .82;
  zoom: var(--product-card-scale);
  grid-template-columns: 5px clamp(150px,11vw,192px) minmax(680px,1fr) max-content 52px;
  grid-template-areas: "bar photo main price actions";
  gap: 14px;
  min-height: 0;
  padding: 8px 14px 8px 0;
  border: 1px solid #d9dee6 !important;
  border-radius: 28px !important;
  background: #fff !important;
  box-shadow: 0 20px 45px rgba(9,31,64,.18) !important;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase > .product-row-photo {
  width: 100%;
  height: auto;
  min-height: 0;
  max-width: none;
  aspect-ratio: 1 / 1;
  justify-self: center;
  align-self: center;
  padding: 6px;
  border-radius: 18px;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase > .product-row-main {
  height: auto;
  align-self: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-head {
  align-items: center;
  gap: 14px;
  padding-block: 2px 3px;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-data-verification-dot {
  width: 18px;
  height: 18px;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-name,
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-title-combo .product-size-badge {
  font-size: clamp(28px,2.05vw,40px);
  line-height: 1.12;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-title-combo {
  box-sizing: border-box;
  flex: 0 0 max-content;
  min-width: max-content;
  max-width: none;
  padding-right: 3px;
  overflow: visible;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-title-combo .product-row-name {
  flex: 0 0 auto;
  min-width: max-content;
  overflow: visible;
  padding-right: 0;
  text-overflow: clip;
  white-space: nowrap;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-title-combo .product-row-name::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-title-combo .product-size-badge {
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
  margin-left: 0;
  padding-left: 10px;
  background: #fff;
  white-space: nowrap;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase :is(.product-row-head,.product-row-meta,.product-row-details) {
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x pan-y;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase :is(.product-row-head,.product-row-meta,.product-row-details)::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-warehouse {
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 13px;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-meta {
  gap: 8px 18px;
  font-size: 17px;
  white-space: nowrap;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-meta > * {
  flex: 0 0 auto;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-meta > .product-row-warehouse {
  flex: 0 0 auto;
  order: -1;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-meta .app-icon {
  width: 24px;
  height: 24px;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-meta .product-row-chip {
  padding: 6px 12px;
  font-size: 14px;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-details {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 12px;
  min-height: 88px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x pan-y;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-details::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-details > .product-row-chip-pack,
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-details > .product-row-chip-whbreak,
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-details > .product-row-stock {
  box-sizing: border-box;
  flex: 1 0 max-content;
  width: auto;
  max-width: none;
  min-width: 126px;
  min-height: 88px;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-details > .product-row-chip-pack,
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-details > .product-row-chip-whbreak {
  display: grid;
  grid-template-columns: 56px max-content;
  grid-auto-rows: min-content;
  align-content: center;
  justify-content: center;
  gap: 4px 12px;
  padding: 8px 12px;
  border-radius: 18px;
  white-space: normal;
  font-size: 17px;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-details > :is(.product-row-chip-pack,.product-row-chip-whbreak) > .app-icon {
  grid-column: 1;
  grid-row: 1 / span 4;
  align-self: center;
  width: 56px;
  height: 56px;
  padding: 11px;
  border: 1px solid currentColor;
  border-radius: 50%;
  background: #fff;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-chip-pack > span:not(.product-row-dot),
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-chip-whbreak > :not(.app-icon):not(.product-row-dot) {
  grid-column: 2;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-chip-pack b {
  display: block;
  margin-top: 4px;
  color: #14985d;
  font-size: 34px;
  line-height: 1;
  white-space: nowrap;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-whbreak-title {
  font-size: 20px;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-wh-part {
  font-size: 16px;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase > .product-row-side {
  grid-area: price;
  display: flex;
  width: max-content;
  min-width: 210px;
  height: 100%;
  align-self: stretch;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-sale {
  width: max-content;
  min-width: 210px;
  height: 100%;
  min-height: 0;
  align-self: stretch;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-quick-price {
  position: relative;
  appearance: none;
  font: inherit;
  cursor: pointer;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-quick-price:hover,
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-quick-price:focus-visible {
  border-color: #d7a300;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(215,163,0,.16),0 8px 18px rgba(9,31,64,.12);
  transform: translateY(-1px);
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-quick-price-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid #e0bd49;
  border-radius: 9px;
  color: #a87e00;
  background: #fff8df;
  box-shadow: 0 3px 9px rgba(168,126,0,.14);
  pointer-events: none;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-quick-price-icon .app-icon {
  width: 15px;
  height: 15px;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-details > .product-row-stock,
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-sale {
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  border-radius: 20px;
  text-align: center;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-stock span,
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-sale > span:first-child {
  font-size: 13px;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-stock b {
  margin-top: 4px;
  font-size: clamp(28px,2.3vw,38px);
  line-height: 1;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-sale > b {
  margin: 4px 0 6px;
  color: #d7a300;
  font-size: clamp(38px,3.2vw,50px);
  line-height: 1;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-sale .product-row-price-note {
  width: 100%;
  margin-top: 0;
  padding-top: 5px;
  border-top: 1px solid #e7c864;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center !important;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-sale .product-row-drs {
  flex-direction: row;
  gap: 5px;
  padding: 5px 8px;
  border: 0;
  border-radius: 8px;
  background: #14985d;
  color: #f6fff9;
  white-space: nowrap;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-sale .product-row-drs .app-icon {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  color: #f6fff9;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase .product-row-sale .product-row-price-note b {
  display: block;
  margin-top: 2px;
  font-size: 19px;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase > .product-row-actions {
  height: 100%;
  justify-content: center;
  gap: 10px;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase :where(.product-row-label,.product-row-op,.product-row-delete,.product-row-lifecycle) {
  width: 52px;
  min-width: 52px;
  min-height: 52px;
  flex: 0 0 52px;
  border-radius: 16px;
}
html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase :where(.product-row-label,.product-row-op,.product-row-delete,.product-row-lifecycle) .app-icon {
  width: 34px;
  height: 34px;
}

/* A kártya minden törésponton ugyanazt a geometriát tartja meg. A gyökérszintű
   zoom a képet, tipográfiát, paneleket, ikonokat, gombokat és térközöket egyetlen
   arányos egységként méretezi, miközben a böngésző a zsugorított mérettel számol. */
@media (max-width:1499px) {
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase {
    --product-card-scale: .72;
  }
}
@media (max-width:1100px) {
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase {
    --product-card-scale: .64;
  }
}
@media (max-width:820px) {
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase {
    --product-card-scale: .56;
  }
}
@media (pointer:coarse) {
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase {
    box-shadow: 0 3px 10px rgba(9,31,64,.16) !important;
    transition: none !important;
  }
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase > .product-row-photo,
  html[data-theme] #pg-products #prod-list > .product-row.product-row-showcase :where(.product-row-label,.product-row-op,.product-row-delete,.product-row-lifecycle) {
    box-shadow: none !important;
    transition: none !important;
  }
}
html[data-theme] #pg-products .product-warehouse-search-row .page-warehouse-card:not(.has-explicit-warehouse-contrast) {
  --wh-fg: #fff !important;
  color: #fff !important;
}
html[data-theme] .settings-card { padding: 20px; border-left: 1px solid var(--border) !important; }
html[data-theme] .home-stat {
  --bg-surface: var(--kps-card);
  --bg-surface-2: #f7f8fa;
  --bg-inset: #eef1f5;
  --border: #d5dae2;
  --border-strong: #cbd2dd;
  --text-1: var(--kps-ink);
  --text-2: #536078;
  --text-3: #758198;
  position: relative;
  overflow: hidden;
  border-color: #d5dae2 !important;
  color: var(--kps-ink) !important;
  background: var(--kps-card) !important;
  background-image: none !important;
  color-scheme: light;
}
html[data-theme] .home-stat::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--accent); }
html[data-theme] .home-stat:nth-child(2)::before { background: var(--info); }
html[data-theme] .home-stat:nth-child(3)::before { background: var(--success); }
html[data-theme] :where(.home-stat-label,.home-section-label,.home-menu-title) {
  color: var(--home-card-heading-fg) !important;
  background: var(--home-card-heading-bg) !important;
}
html[data-theme] .home-stat-label { margin: -12px -10px 8px; padding: 8px 10px; }
html[data-theme] .home-section-label { margin: -16px -14px 14px; padding: 11px 14px; border-radius: 15px 15px 0 0; }
html[data-theme] .home-section-label::before { background: var(--kps-gold) !important; }
html[data-theme] .home-menu-title { align-self: flex-start; max-width: 100%; padding: 5px 8px; border-radius: 7px; box-shadow: inset 0 1px 0 rgba(255,255,255,.12); }
html[data-theme] .home-menu-icon {
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border-radius: 14px;
}
html[data-theme] .home-menu-icon svg,
html[data-theme] .home-menu-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 !important;
  filter: none;
  vector-effect: none !important;
}
html[data-theme] #bt-kassza { --home-frequent-accent: #1f8a5b; }
html[data-theme] #bt-out { --home-frequent-accent: #d46a1f; }
html[data-theme] #bt-products { --home-frequent-accent: #2f6fbd; }
html[data-theme] #bt-purchase-plan { --home-frequent-accent: #7a56b3; }
html[data-theme] #bt-in { --home-frequent-accent: #168c86; }
html[data-theme] #bt-docs { --home-frequent-accent: #4d5fb8; }
html[data-theme] .home-menu-tile.home-menu-frequent {
  box-sizing: border-box;
  border: 4px solid var(--home-frequent-accent) !important;
  box-shadow: 0 8px 18px rgba(7,19,38,.12),inset 0 0 0 2px color-mix(in srgb,var(--home-frequent-accent) 16%,transparent) !important;
}
html[data-theme] .home-menu-tile.home-menu-frequent .home-menu-icon {
  border: 1px solid color-mix(in srgb,var(--home-frequent-accent) 38%,#d5dae2);
  color: var(--home-frequent-accent) !important;
  background: color-mix(in srgb,var(--home-frequent-accent) 16%,var(--kps-card)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7),0 5px 12px color-mix(in srgb,var(--home-frequent-accent) 16%,transparent);
}
html[data-theme] .home-menu-tile.home-menu-frequent .home-menu-title {
  color: #ffffff !important;
  background: var(--home-frequent-accent) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24),0 4px 10px color-mix(in srgb,var(--home-frequent-accent) 22%,transparent);
}
html[data-theme] .home-warehouse-card {
  border-color: color-mix(in srgb,var(--wh-bg) 72%,var(--kps-navy-950)) !important;
  color: var(--wh-fg) !important;
  background: linear-gradient(135deg,var(--wh-bg),color-mix(in srgb,var(--wh-bg) 76%,var(--kps-navy-950))) !important;
  background-image: linear-gradient(135deg,var(--wh-bg),color-mix(in srgb,var(--wh-bg) 76%,var(--kps-navy-950))) !important;
  box-shadow: 0 10px 24px color-mix(in srgb,var(--wh-bg) 25%,rgba(7,19,38,.32)),inset 0 1px 0 rgba(255,255,255,.2) !important;
}
html[data-theme] .home-warehouse-card.has-explicit-warehouse-contrast {
  color: var(--wh-fg) !important;
  background: var(--wh-bg) !important;
  background-image: none !important;
}
html[data-theme] .home-warehouse-card :where(.home-warehouse-icon,.home-warehouse-label,.home-warehouse-name,.home-warehouse-caret) { color: var(--wh-fg) !important; }
html[data-theme] #whp-list { padding: 8px 10px 18px; }
html[data-theme] #whp-list .warehouse-picker-row {
  min-height: 58px;
  margin: 8px 0;
  padding: 10px 14px;
  cursor: pointer;
  border: 1px solid color-mix(in srgb,var(--warehouse-color) 48%,var(--border));
  border-left: 7px solid var(--warehouse-color);
  border-radius: 12px;
  color: var(--text-1);
  background: linear-gradient(90deg,color-mix(in srgb,var(--warehouse-color) 18%,var(--bg-surface)),var(--bg-surface) 78%) !important;
  box-shadow: 0 6px 15px color-mix(in srgb,var(--warehouse-color) 12%,transparent);
}
html[data-theme] #whp-list .warehouse-picker-row.is-active {
  border-color: var(--warehouse-color);
  background: linear-gradient(90deg,color-mix(in srgb,var(--warehouse-color) 34%,var(--bg-surface)),color-mix(in srgb,var(--warehouse-color) 10%,var(--bg-surface))) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb,var(--warehouse-color) 24%,transparent),0 9px 20px color-mix(in srgb,var(--warehouse-color) 20%,transparent);
}
html[data-theme] #whp-list .warehouse-picker-swatch {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  border: 2px solid color-mix(in srgb,var(--warehouse-color) 72%,#fff);
  border-radius: 50%;
  background: var(--warehouse-color);
  box-shadow: 0 0 0 4px color-mix(in srgb,var(--warehouse-color) 15%,transparent),0 0 14px color-mix(in srgb,var(--warehouse-color) 45%,transparent);
}
html[data-theme] #whp-list .warehouse-picker-name {
  min-width: 0;
  color: var(--text-1);
  font-family: var(--font-ui);
  font-size: 15px;
  font-weight: 850;
  text-transform: uppercase;
}
html[data-theme] #pg-kassza #kassza-tabs,
html[data-theme] #pg-kassza .kassza-pay-mode-sticky .kassza-pay-tabs {
  border-color: color-mix(in srgb,var(--kps-gold) 58%,var(--kps-navy-900)) !important;
  background: var(--kps-navy-800) !important;
  background-image: none !important;
}
html[data-theme] #pg-kassza .kassza-pay-mode-sticky {
  border-bottom-color: color-mix(in srgb,var(--kps-gold) 58%,#d7dde8) !important;
  background-color: #f3f5f8 !important;
  background-image: linear-gradient(180deg,#fff,#f3f5f8) !important;
  box-shadow: 0 10px 22px rgba(15,31,57,.14),inset 0 1px 0 #fff !important;
}
html[data-theme] #pg-kassza #kassza-tabs .kassza-till-tab {
  border-color: var(--glass-edge) !important;
  background: var(--glass-control) !important;
  color: var(--text-2) !important;
}
html[data-theme] #pg-kassza #kassza-tabs .kassza-till-tab.on {
  border-color: color-mix(in srgb,var(--kps-gold) 74%,rgba(255,255,255,.42)) !important;
  background: linear-gradient(145deg,var(--kps-gold-soft),var(--kps-gold) 60%,var(--kps-gold-deep)) !important;
  color: var(--kps-navy-950) !important;
  box-shadow: 0 11px 23px color-mix(in srgb,var(--kps-gold) 28%,rgba(0,0,0,.24)),0 3px 0 color-mix(in srgb,var(--kps-gold) 42%,var(--kps-navy-900)),inset 0 1px 0 rgba(255,255,255,.48) !important;
}
html[data-theme] #pg-kassza #kassza-tabs .kassza-till-tab.on .kassza-tab-total { color: var(--kps-navy-950) !important; text-shadow: none; }
html[data-theme] #pg-kassza .kassza-reports-summary-intro {
  border-color: color-mix(in srgb,var(--kps-gold) 64%,var(--kps-navy-950));
  background: var(--kps-navy-800);
}
html[data-theme] #pg-kassza .kassza-reports-summary-intro b { color: var(--kps-gold-soft); }
html[data-theme] #pg-kassza .kassza-reports-summary-intro span { color: #bec9da; }
html[data-theme] #pg-kassza .kassza-reports-summary-intro strong { background: var(--kps-gold);color:var(--kps-navy-950); }
html[data-theme] #pg-kassza .kassza-pay-mode-sticky .kassza-pay-tabs-title {
  color: var(--kps-navy-800);
}
html[data-theme] #pg-kassza .kassza-opening-panel {
  border-color: color-mix(in srgb,var(--kps-gold) 58%,var(--kps-navy-900)) !important;
  background: var(--kps-navy-800) !important;
  background-image: none !important;
}
html[data-theme] #pg-kassza .kassza-opening-panel :where(.lbl,.kassza-panel-help) {
  color: #bec9da;
}
html[data-theme] #pg-kassza .kassza-opening-highlight.is-opening {
  --metric-tone: var(--kps-gold);
  border-color: var(--kps-gold) !important;
  background: linear-gradient(145deg,var(--kps-gold-soft),var(--kps-gold) 58%,var(--kps-gold-deep)) !important;
}
html[data-theme] #pg-kassza .kassza-opening-highlight.is-opening :where(.kassza-opening-highlight-label,.kassza-opening-highlight-value) {
  color: var(--kps-navy-950);
  text-shadow: none;
}
html[data-theme] #pg-kassza .kassza-opening-highlight.is-revenue {
  --metric-tone: var(--kps-green);
  border-color: color-mix(in srgb,var(--kps-green) 68%,#fff) !important;
  background: linear-gradient(145deg,color-mix(in srgb,var(--kps-green) 58%,#fff),var(--kps-green) 58%,color-mix(in srgb,var(--kps-green) 68%,var(--kps-navy-950))) !important;
}
html[data-theme] #pg-kassza .kassza-opening-highlight.is-revenue :where(.kassza-opening-highlight-label,.kassza-opening-highlight-value) {
  color: #fff;
}
html[data-theme] #pg-kassza .cash-count-sections > .cash-count-section:not(.cash-count-summary-section) {
  border-color: color-mix(in srgb,var(--kps-gold) 58%,var(--kps-navy-900)) !important;
  background: var(--kps-navy-800) !important;
  background-image: none !important;
}
html[data-theme] #pg-kassza .cash-count-sections > .cash-count-section:not(.cash-count-summary-section) > .cash-count-title {
  border-bottom-color: color-mix(in srgb,var(--kps-gold) 58%,var(--kps-navy-900)) !important;
  background: var(--kps-navy-900) !important;
  background-image: none !important;
  color: var(--kps-gold-soft);
}
html[data-theme] #pg-kassza :where(.kassza-summary-stage-head,.kassza-saved-closures-head,.kassza-history-stat-head,.kassza-report-head,.kassza-admin-change-head,.kassza-list-section-head,.kassza-save-view-head,.kassza-report-card > span,.kassza-report-vat > b,.kassza-report-tills > b) {
  border-color: color-mix(in srgb,var(--kps-gold) 58%,var(--kps-navy-900)) !important;
  background: var(--kps-navy-800) !important;
  background-image: none !important;
  color: var(--kps-gold-soft) !important;
}
html[data-theme] #pg-kassza .kassza-summary-stage-head {
  margin: -4px -4px 10px;
  padding: 9px 11px;
  border: 1px solid color-mix(in srgb,var(--kps-gold) 58%,var(--kps-navy-900));
  border-radius: 9px;
  font-size: 14px;
  font-weight: 900;
}
html[data-theme] #pg-kassza .kassza-saved-closures-card {
  margin: 12px 0;
  padding: 12px;
  overflow: hidden;
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  background: var(--bg-surface);
}
html[data-theme] #pg-kassza .kassza-saved-closures-head {
  margin: -12px -12px 10px;
  padding: 11px 13px;
  border-bottom: 1px solid color-mix(in srgb,var(--kps-gold) 58%,var(--kps-navy-900));
  font-weight: 900;
}
html[data-theme] #pg-kassza .kassza-history-stat-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(120px,1fr));
  gap: 8px;
  margin: 8px 0 10px;
}
html[data-theme] #pg-kassza .kassza-history-stat-card {
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg-surface);
}
html[data-theme] #pg-kassza .kassza-history-stat-card > b {
  display: block;
  padding: 9px 10px 10px;
}
html[data-theme] #pg-kassza .kassza-history-stat-head {
  padding: 7px 10px;
  font-size: 10px;
  font-weight: 850;
}
html[data-theme] #pg-kassza .kassza-report-card {
  overflow: hidden;
  padding-top: 0;
}
html[data-theme] #pg-kassza .kassza-report-card > span {
  margin: 0 -12px;
  padding: 7px 10px;
}
html[data-theme] #pg-kassza :where(.kassza-report-head,.kassza-admin-change-head,.kassza-list-section-head,.kassza-save-view-head) {
  padding: 11px 13px;
  border: 1px solid color-mix(in srgb,var(--kps-gold) 58%,var(--kps-navy-900));
  border-radius: 9px;
}
html[data-theme] #pg-kassza :where(.kassza-report-head,.kassza-admin-change-head,.kassza-list-section-head,.kassza-save-view-head) :where(b,span,strong,small) {
  color: inherit !important;
}
html[data-theme] #pg-kassza :where(.kassza-report-vat > b,.kassza-report-tills > b) {
  margin: -10px -10px 9px;
  padding: 8px 10px;
  border-radius: 9px 9px 0 0;
}
html[data-theme] #pg-kassza .kassza-save-filter .kassza-save-filter-start {
  position: relative;
  padding: 9px;
  border: 2px solid var(--kps-gold);
  border-radius: 11px;
  background: linear-gradient(145deg,var(--kps-navy-800),var(--kps-navy-900)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb,var(--kps-gold) 18%,transparent),0 10px 24px rgba(7,19,38,.28),inset 0 1px 0 rgba(255,255,255,.14);
}
html[data-theme] #pg-kassza .kassza-save-filter .kassza-save-filter-start::after {
  content: "KEZDŐ DÁTUM";
  position: absolute;
  top: 7px;
  right: 8px;
  padding: 2px 7px;
  border-radius: 999px;
  background: var(--kps-gold);
  color: var(--kps-navy-950);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .045em;
}
html[data-theme] #pg-kassza .kassza-save-filter .kassza-save-filter-start > span {
  padding-right: 82px;
  color: var(--kps-gold-soft);
  font-size: 11px;
  font-weight: 950;
}
html[data-theme] #pg-kassza .kassza-save-filter .kassza-save-filter-start > input {
  border: 2px solid color-mix(in srgb,var(--kps-gold) 78%,#fff) !important;
  background: color-mix(in srgb,var(--kps-navy-950) 90%,#fff) !important;
  color: #fff !important;
  box-shadow: inset 0 2px 5px rgba(0,0,0,.32),0 3px 9px rgba(0,0,0,.18);
}
html[data-theme] #pg-kassza .kassza-saved-list-module {
  margin-top: 16px;
  overflow: hidden;
  border: 2px solid var(--kps-gold);
  border-radius: 15px;
  background: color-mix(in srgb,var(--kps-navy-800) 5%,var(--bg-surface));
  box-shadow: 0 0 0 4px color-mix(in srgb,var(--kps-gold) 12%,transparent),0 18px 42px rgba(7,19,38,.24);
}
html[data-theme] #pg-kassza .kassza-saved-list-module > .kassza-list-section-head {
  margin: 0;
  border: 0 !important;
  border-bottom: 1px solid color-mix(in srgb,var(--kps-gold) 70%,var(--kps-navy-900)) !important;
  border-radius: 0;
  padding: 14px 16px;
}
html[data-theme] #pg-kassza .kassza-saved-list-module > .kassza-save-filter {
  margin: 24px 14px 0;
  padding: 12px 14px 10px;
  border: 1px solid color-mix(in srgb,var(--kps-gold) 66%,var(--border)) !important;
  border-bottom: 0 !important;
  border-radius: 13px 13px 0 0;
  background: color-mix(in srgb,var(--kps-gold-soft) 20%,var(--bg-surface)) !important;
  box-shadow: inset 0 -1px 0 color-mix(in srgb,var(--kps-gold) 54%,var(--border));
}
html[data-theme] #pg-kassza .kassza-save-filter-head {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: -4px 0 2px;
  padding: 10px 12px;
  border: 2px solid var(--kps-gold);
  border-radius: 10px;
  background: linear-gradient(145deg,var(--kps-gold-soft),var(--kps-gold)) !important;
  color: var(--kps-navy-950);
  box-shadow: 0 7px 16px rgba(151,115,16,.22),inset 0 1px 0 rgba(255,255,255,.5);
}
html[data-theme] #pg-kassza .kassza-save-filter-head div { min-width: 0; }
html[data-theme] #pg-kassza .kassza-save-filter-head span {
  display: block;
  color: var(--kps-navy-950);
  font-size: 14px;
  font-weight: 950;
  letter-spacing: .055em;
}
html[data-theme] #pg-kassza .kassza-save-filter-head small {
  display: block;
  margin-top: 2px;
  color: color-mix(in srgb,var(--kps-navy-950) 82%,transparent);
  font-size: 11px;
  font-weight: 800;
}
html[data-theme] #pg-kassza .kassza-save-filter-head strong {
  flex: 0 0 auto;
  padding: 5px 9px;
  border-radius: 999px;
  background: var(--kps-navy-900);
  color: var(--kps-gold-soft);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .04em;
}
html[data-theme] #pg-kassza .kassza-saved-list-module > .kassza-save-filter::after {
  content: "↓  EZ A FŐSZŰRŐ VEZÉRLI AZ ALATTA LÉVŐ TELJES LISTÁT  ↓";
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  margin: 2px 0 -2px;
  color: var(--kps-navy-800);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .045em;
  text-align: center;
}
html[data-theme] #pg-kassza .kassza-saved-list-results {
  margin: 0 14px 14px;
  padding: 0 12px 12px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb,var(--kps-gold) 66%,var(--border));
  border-top: 0;
  border-radius: 0 0 13px 13px;
  background: color-mix(in srgb,var(--kps-navy-800) 3%,var(--bg-surface));
}
html[data-theme] #pg-kassza .kassza-saved-list-results-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 -12px 2px;
  padding: 9px 13px;
  border-bottom: 1px solid color-mix(in srgb,var(--kps-gold) 60%,var(--kps-navy-900));
  background: var(--kps-navy-800);
  color: var(--kps-gold-soft);
}
html[data-theme] #pg-kassza .kassza-saved-list-results-head span {
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .045em;
}
html[data-theme] #pg-kassza .kassza-saved-list-results-head small {
  color: #bec9da;
  font-size: 10px;
  font-weight: 750;
}
/* A Napi zárások munkanézete listaközpontú: a két dátum és a két művelet
   egyetlen alacsony vezérlősor, amely után rögtön a mentések következnek. */
html[data-theme] #pg-kassza .kassza-saved-list-module.is-compact-daily {
  margin-top: 6px;
  border-width: 1px;
  border-radius: 10px;
  background: var(--bg-surface);
  box-shadow: 0 8px 20px rgba(7,19,38,.16);
}
html[data-theme] #pg-kassza .kassza-saved-list-module.is-compact-daily > .kassza-save-filter.is-daily-filter {
  grid-template-columns: minmax(150px,1fr) minmax(150px,1fr) auto auto;
  gap: 7px;
  margin: 0;
  padding: 5px 8px;
  border: 0 !important;
  border-bottom: 1px solid color-mix(in srgb,var(--kps-gold) 55%,var(--border)) !important;
  border-radius: 0;
  background: var(--bg-surface) !important;
  box-shadow: none;
}
html[data-theme] #pg-kassza .kassza-saved-list-module.is-compact-daily > .kassza-save-filter.is-daily-filter::after,
html[data-theme] #pg-kassza .kassza-save-filter.is-daily-filter .kassza-save-filter-head,
html[data-theme] #pg-kassza .kassza-save-filter.is-daily-filter .kassza-save-filter-start::after {
  display: none !important;
  content: none !important;
}
html[data-theme] #pg-kassza .kassza-save-filter.is-daily-filter label { gap: 2px; }
html[data-theme] #pg-kassza .kassza-save-filter.is-daily-filter label > span {
  padding: 0;
  color: var(--text-3);
  font-size: 9px;
  font-weight: 900;
}
html[data-theme] #pg-kassza .kassza-save-filter.is-daily-filter .kassza-save-filter-start {
  position: static;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none;
}
html[data-theme] #pg-kassza .kassza-save-filter.is-daily-filter input,
html[data-theme] #pg-kassza .kassza-save-filter.is-daily-filter .kassza-save-filter-start > input {
  min-height: 34px;
  padding: 4px 8px;
  border: 1px solid var(--border-strong) !important;
  background: var(--bg-input) !important;
  color: var(--text-1) !important;
  box-shadow: none;
}
html[data-theme] #pg-kassza .kassza-save-filter.is-daily-filter .sbtn {
  min-height: 34px;
  padding: 0 12px;
}
html[data-theme] #pg-kassza .kassza-saved-list-module.is-compact-daily .kassza-saved-list-results {
  margin: 0;
  padding: 0 8px 8px;
  border: 0;
  border-radius: 0;
  background: var(--bg-surface);
}
html[data-theme] #pg-kassza .kassza-saved-list-module.is-compact-daily .kassza-saved-list-results-head {
  min-height: 30px;
  margin: 0 -8px 2px;
  padding: 6px 10px;
}
html[data-theme] #pg-kassza .kassza-saved-list-module.is-compact-daily .kassza-saved-list-results-head span {
  font-size: 10px;
}
@media (max-width:760px) {
  html[data-theme] #pg-kassza .kassza-history-stat-grid { grid-template-columns: 1fr 1fr; }
  html[data-theme] #pg-kassza .kassza-save-filter-head,
  html[data-theme] #pg-kassza .kassza-saved-list-results-head { align-items: flex-start; flex-direction: column; }
  html[data-theme] #pg-kassza .kassza-saved-list-module.is-compact-daily .kassza-saved-list-results-head { flex-direction: row; align-items: center; }
}
@media (max-width:560px) {
  html[data-theme] #pg-kassza .kassza-saved-list-module.is-compact-daily > .kassza-save-filter.is-daily-filter {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  }
  html[data-theme] #pg-kassza .kassza-save-filter.is-daily-filter .sbtn { width: 100%; }
}
html[data-theme] .home-alerts {
  border-left-color: var(--kps-gold) !important;
  background: var(--kps-navy-800) !important;
}
html[data-theme] .home-alerts-board-head {
  border-bottom-color: color-mix(in srgb,var(--kps-gold) 72%,var(--kps-navy-900)) !important;
  background: var(--kps-navy-900) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html[data-theme] .home-alerts-board-head b { color: #ffffff !important; }
html[data-theme] .home-alerts-board-head small { color: #bec9da !important; }
html[data-theme] .home-alerts-board-head > span {
  border-color: color-mix(in srgb,var(--kps-gold) 58%,transparent) !important;
  color: var(--kps-gold-soft) !important;
  background: color-mix(in srgb,var(--kps-gold) 13%,transparent) !important;
}
html[data-theme] .home-alerts :where(.home-daily-briefing,.home-previous-coins,.home-alerts-card) {
  --bg-surface: var(--kps-card);
  --bg-surface-2: #f7f8fa;
  --bg-inset: #eef1f5;
  --border: #d5dae2;
  --border-strong: #cbd2dd;
  --text-1: var(--kps-ink);
  --text-2: #536078;
  --text-3: #758198;
  color: var(--kps-ink) !important;
  color-scheme: light;
}
html[data-theme] .home-alerts .home-alerts-card {
  border-color: #d5dae2 !important;
  background: var(--kps-card) !important;
  background-image: none !important;
  box-shadow: 0 8px 18px rgba(7,19,38,.12) !important;
}
html[data-theme] .home-previous-coins-till-head {
  align-items: stretch;
  flex-direction: column;
  gap: 6px;
}
html[data-theme] .home-previous-coins-total {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 38px;
  padding: 7px 9px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 2px;
  border: 1px solid var(--kps-gold-deep);
  border-radius: 9px;
  color: var(--kps-navy-950) !important;
  background: linear-gradient(145deg,var(--kps-gold-soft),var(--kps-gold));
  box-shadow: 0 6px 14px rgba(7,19,38,.2),inset 0 1px 0 rgba(255,255,255,.55);
  white-space: nowrap;
}
html[data-theme] .home-previous-coins-total > span {
  align-self: flex-start;
  color: color-mix(in srgb,var(--kps-navy-950) 72%,transparent);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}
html[data-theme] .home-previous-coins-total > b {
  width: 100%;
  flex: 0 0 auto;
  overflow: visible;
  text-align: right;
  text-overflow: clip;
  color: var(--kps-navy-950) !important;
  font-family: var(--font-mono);
  font-size: clamp(13px,1.22vw,17px);
  font-weight: 900;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
html[data-theme] #pg-home,
html[data-theme] #home-layout,
html[data-theme] #pg-home :where(.home-main-scroll,.home-alerts) {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
html[data-theme] #pg-home::-webkit-scrollbar,
html[data-theme] #home-layout::-webkit-scrollbar,
html[data-theme] #pg-home :where(.home-main-scroll,.home-alerts)::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

html[data-theme] :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
  min-height: 48px;
  border: 1.5px solid var(--kps-field-line) !important;
  border-radius: 10px;
  color: var(--kps-field-ink) !important;
  background: var(--kps-field-light) !important;
  background-image: none !important;
  background-color: var(--kps-field-light) !important;
  -webkit-text-fill-color: var(--kps-field-ink);
  caret-color: var(--kps-field-ink);
  color-scheme: light;
  box-shadow: inset 0 1px 2px rgba(13,28,53,.08),0 1px 0 rgba(255,255,255,.55) !important;
}
html[data-theme] :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus {
  outline: none;
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent),inset 0 1px 2px rgba(13,28,53,.08) !important;
}
html[data-theme] :where(input:not([type="checkbox"]):not([type="radio"]),textarea)::placeholder {
  color: var(--kps-field-muted) !important;
  -webkit-text-fill-color: var(--kps-field-muted);
  opacity: 1;
}
html[data-theme] :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):disabled,
html[data-theme] :where(input:not([type="checkbox"]):not([type="radio"]),textarea)[readonly] {
  color: var(--kps-field-muted) !important;
  background: var(--kps-field-light-disabled) !important;
  background-image: none !important;
  background-color: var(--kps-field-light-disabled) !important;
  -webkit-text-fill-color: var(--kps-field-muted);
  opacity: 1 !important;
}

/* A regi, nagyobb specifitasu oldalszabalyok se allithassanak vissza sotet adatmezot. */
html[data-theme] .pre-scan-input-wrap input,
html[data-theme] #docprod-search,
html[data-theme] .stock-ai-min-input,
html[data-theme] #pg-doc-edit .doc-header-fields :where(input,select),
html[data-theme] .doc-payment-grid :where(input,select),
html[data-theme] #pg-settings :where(.settings-card,.settings-advanced) :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
html[data-theme] .contacts-search-bar input,
html[data-theme] #pg-kassza :where(.cash-count-input,.cash-treasury-field input,.cash-treasury-field select,.cash-treasury-field textarea,.cash-treasury-denom-row input,.kassza-mode-field>input,.kassza-tape-gross-control>input) {
  color: var(--kps-field-ink) !important;
  -webkit-text-fill-color: var(--kps-field-ink);
  background: var(--kps-field-light) !important;
  background-image: none !important;
  border-color: var(--kps-field-line) !important;
  color-scheme: light;
}
html[data-theme] #pg-kassza :where(.kassza-mode-field.is-auto>input,.app-num-field>input[readonly]),
html[data-theme] #pg-doc-edit :where(input,select,textarea):disabled,
html[data-theme] #pg-settings :where(.settings-card,.settings-advanced) :where(input,select,textarea):disabled {
  color: var(--kps-field-muted) !important;
  -webkit-text-fill-color: var(--kps-field-muted);
  background: var(--kps-field-light-disabled) !important;
  background-image: none !important;
  opacity: 1 !important;
}
html[data-theme] select :where(option,optgroup) {
  color: var(--kps-field-ink);
  background: var(--kps-field-light);
}
html[data-theme] :where(.sbtn,.app-primary-add,.topbar-btn,.product-filter-trigger,.product-filter-toolbar-clear,.settings-security-action) { min-height: 48px; padding: 0 18px; border-radius: 10px; font-weight: 750; }
html[data-theme] :where(.app-primary-add,.sbtn.acc,.sbtn.yellow,.promotion-step-primary,.product-filter-footer .is-primary) { border: 0 !important; color: #fff !important; background: linear-gradient(155deg,var(--accent),var(--accent-strong)) !important; box-shadow: 0 7px 16px color-mix(in srgb,var(--accent-strong) 24%,transparent) !important; }
html[data-theme] :where(.sbtn.grey,.topbar-btn,.product-filter-trigger,.product-filter-toolbar-clear) { border: 1.5px solid var(--border-strong); color: var(--text-2); background: var(--bg-surface); box-shadow: none; }
html[data-theme] :where(.sbtn.red,.is-danger,.danger-btn) { border-color: var(--danger) !important; color: #fff !important; background: var(--danger) !important; }

html[data-theme] table { width: 100%; border-collapse: separate; border-spacing: 0; }
html[data-theme] table thead th { padding: 11px 12px; border-bottom: 2px solid var(--accent); color: #fff; background: var(--kps-navy-800); font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
html[data-theme] table thead th:first-child { border-top-left-radius: 8px; }
html[data-theme] table thead th:last-child { border-top-right-radius: 8px; }
html[data-theme] table tbody td { padding: 11px 12px; border-bottom: 1px solid var(--border); color: var(--text-1); }
html[data-theme] table tbody tr:hover { background: color-mix(in srgb,var(--accent) 10%,var(--bg-surface)); }

html[data-theme] :where(.overlay,[class*="backdrop"],.doc-packaging-dialog,.product-lifecycle-modal) { background: rgba(10,20,40,.58); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }
html[data-theme] .product-filter-backdrop { background: rgba(10,20,40,.82); backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html[data-theme] .product-filter-footer { background: var(--bg-surface) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html[data-theme] :where(.product-filter-drawer,.app-select-sheet,.app-category-select-sheet,.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) { border: 1px solid color-mix(in srgb,var(--accent) 55%,var(--border)) !important; border-radius: 18px; color: var(--text-1); background: var(--bg-surface) !important; background-image: none !important; box-shadow: var(--modal-shadow) !important; animation: kps-global-modal-in .18s ease-out; }
@keyframes kps-global-modal-in { from { opacity: 0; transform: translateY(18px) scale(.98); } to { opacity: 1; transform: none; } }

/* Közös választóablak: a régi kék-rózsaszín kijelölés és az üveghatás helyett
   minden témában azonos szerkezetű, az adott téma színeit használó felület. */
html[data-theme] .app-select-sheet {
  overflow: hidden;
  color: var(--text-1);
  background: var(--bg-surface) !important;
  background-image: none !important;
}
html[data-theme] .app-select-header {
  border-bottom: 1px solid var(--border) !important;
  background: var(--bg-surface) !important;
  background-image: none !important;
}
html[data-theme] .app-select-title { color: var(--text-1) !important; }
html[data-theme] .app-select-close {
  border: 1px solid var(--border-strong) !important;
  color: var(--text-1) !important;
  background: var(--bg-inset) !important;
  background-image: none !important;
  box-shadow: none !important;
}
html[data-theme] .app-select-search {
  border-color: var(--border-strong) !important;
  color: var(--text-1) !important;
  background: var(--bg-inset) !important;
  background-image: none !important;
  box-shadow: none !important;
}
html[data-theme] .app-select-options {
  background: var(--bg-page) !important;
  scrollbar-color: color-mix(in srgb,var(--accent) 42%,var(--border-strong)) transparent;
}
html[data-theme] .app-select-option {
  border: 1px solid var(--border) !important;
  color: var(--text-1) !important;
  background: var(--bg-surface) !important;
  background-image: none !important;
  box-shadow: none !important;
}
html[data-theme] .app-select-option + .app-select-option { margin-top: 6px; }
html[data-theme] .app-select-option:is(:hover,:focus-visible) {
  border-color: color-mix(in srgb,var(--accent) 55%,var(--border)) !important;
  background: color-mix(in srgb,var(--accent) 7%,var(--bg-surface)) !important;
  background-image: none !important;
}
html[data-theme] .app-select-option.is-selected {
  border-color: color-mix(in srgb,var(--accent) 65%,var(--border)) !important;
  color: var(--text-1) !important;
  background: color-mix(in srgb,var(--accent) 13%,var(--bg-surface)) !important;
  background-image: none !important;
  box-shadow: inset 4px 0 0 var(--accent) !important;
}
html[data-theme] .app-select-option-check { color: var(--success) !important; }

/* Dokumentumszerkesztő: a becsukott fejléc fő adatai egyformán hangsúlyosak,
   a terméknév pedig minden kártyán állandó, témakék fejlécsávba kerül. */
html[data-theme="light"] #pg-doc-edit {
  --doc-item-surface: #ffffff;
  --doc-item-surface-soft: #f7f8fa;
  --doc-item-inset: #eef1f5;
  --doc-item-line: #d5dae2;
  --doc-item-line-strong: #cbd2dd;
  --doc-item-ink: #172033;
  --doc-item-copy: #536078;
  --doc-item-muted: #758198;
}
html[data-theme="dark"] #pg-doc-edit {
  --doc-item-surface: #0d1c35;
  --doc-item-surface-soft: #142a4c;
  --doc-item-inset: #08162b;
  --doc-item-line: #273a57;
  --doc-item-line-strong: #3a4e6c;
  --doc-item-ink: #f4f6fa;
  --doc-item-copy: #bec9da;
  --doc-item-muted: #8996ae;
}
html[data-theme="industrial"] #pg-doc-edit {
  --doc-item-surface: #151515;
  --doc-item-surface-soft: #202020;
  --doc-item-inset: #080808;
  --doc-item-line: #4c4c4c;
  --doc-item-line-strong: #747474;
  --doc-item-ink: #ffffff;
  --doc-item-copy: #e2e2e2;
  --doc-item-muted: #b9b9b9;
}
html[data-theme] #pg-doc-edit .doc-header-summary :where(.doc-header-date,.doc-header-ref,.doc-header-partner) {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 4px 9px;
  border: 1px solid color-mix(in srgb,var(--accent) 42%,var(--border));
  border-radius: 999px;
  color: var(--accent) !important;
  background: color-mix(in srgb,var(--accent) 9%,var(--bg-surface)) !important;
  font-weight: 900 !important;
}
html[data-theme] #pg-doc-edit .doc-item-card {
  --bg-surface: var(--doc-item-surface);
  --bg-page: var(--doc-item-surface-soft);
  --bg-surface-2: var(--doc-item-surface-soft);
  --bg-inset: var(--doc-item-inset);
  --border: var(--doc-item-line);
  --border-strong: var(--doc-item-line-strong);
  --text-1: var(--doc-item-ink);
  --text-2: var(--doc-item-copy);
  --text-3: var(--doc-item-muted);
  border-color: var(--doc-item-line) !important;
  color: var(--doc-item-ink) !important;
  background: var(--doc-item-surface) !important;
  background-image: none !important;
  box-shadow: var(--card-shadow) !important;
}
html[data-theme] #pg-doc-edit .doc-item-head {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 10px;
  border-radius: 9px;
  background: var(--kps-navy-800) !important;
  background-image: none !important;
}
html[data-theme] #pg-doc-edit .doc-item-head .doc-item-title-combo { flex: 1 1 auto; }
html[data-theme] #pg-doc-edit .doc-item-head :where(.doc-item-name,.product-size-badge) { color: #ffffff !important; }
html[data-theme] #pg-doc-edit .doc-item-head .doc-item-warehouse {
  border-color: rgba(255,255,255,.3);
  color: #ffffff;
  background: rgba(255,255,255,.11);
}
/* A közös áttekintő termékkártya világos marad; a kártyát hordozó teljes
   listafelület témakék, a raktárjelvény pedig a vonalkód és az ár adatsorában áll. */
html[data-theme] #pg-doc-edit .doc-item-card.is-product-overview-card {
  border-color: #dce4ed !important;
  color: #071b40 !important;
  background: #ffffff !important;
  background-image: linear-gradient(145deg,#fff 0%,#fbfdff 100%) !important;
}
html[data-theme] #pg-doc-edit .doc-item-card.is-product-overview-card .doc-item-head {
  width:100%;
  padding:0;
  border-radius:0;
  background:transparent!important;
  background-image:none!important;
}
html[data-theme] #pg-doc-edit .doc-item-card.is-product-overview-card .doc-item-head :where(.doc-item-name,.product-size-badge) {
  color:#071b40!important;
}
html[data-theme] #pg-doc-edit .doc-item-card.is-product-overview-card .doc-item-meta .doc-item-warehouse {
  border-color:#b7e2e8;
  color:#168da0;
  background:#ecfbfd;
}
/* A régi 40–42 px-es kukaszabály több !important méretet is tartalmaz.
   A tényleges dokumentumszerkesztő oldalon mindkét művelet ugyanazt a nagy,
   teljes rácscellát tölti ki. */
html[data-theme] #pg-doc-edit .doc-item-card.is-product-overview-card .doc-item-actions {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-rows:minmax(0,1fr)!important;
  align-items:stretch!important;
  justify-items:stretch!important;
}
html[data-theme] #pg-doc-edit .doc-item-card.is-product-overview-card :is(.doc-item-edit,.doc-item-delete) {
  display:flex!important;
  flex:none!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  padding:4px!important;
  box-sizing:border-box!important;
}
html[data-theme] #pg-doc-edit #b-de-add-prod {
  box-shadow: 0 10px 24px color-mix(in srgb,var(--accent) 24%,transparent) !important;
}

/* KPS quick navigation, copied by structure and dimensions from globals.css. */
html[data-theme] :where(.drawer,.app-rail,.home-bottom) { color: #d9e0ef; border-color: var(--accent) !important; background: linear-gradient(170deg,var(--kps-navy-900),var(--kps-navy-950)) !important; background-image: linear-gradient(170deg,var(--kps-navy-900),var(--kps-navy-950)) !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html[data-theme] .drawer-brand { color: #d9e0ef; border-color: rgba(255,255,255,.09) !important; background: transparent !important; box-shadow: none !important; }
html[data-theme] .drawer .ditem { min-height: 54px; margin: 5px 0; padding: 0 14px; border: 0 !important; border-radius: 11px; color: #bec9da !important; background: transparent !important; box-shadow: none !important; }
html[data-theme] .drawer .ditem:hover { color: #fff !important; background: rgba(255,255,255,.06) !important; }
html[data-theme] .drawer .ditem:is(.is-active,.active) { color: var(--kps-gold-soft) !important; background: rgba(205,167,46,.13) !important; box-shadow: inset 3px 0 0 var(--kps-gold) !important; }
html[data-theme] .drawer .ditem .app-icon { color: currentColor !important; }
html[data-theme] .drawer-section-title { color: var(--kps-gold-soft) !important; background: transparent !important; }
html[data-theme] .drawer-section-title::before { background: var(--kps-gold) !important; }
html[data-theme] .drawer-sub { background: transparent !important; }
html[data-theme] .drawer-menu-scroll {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}
html[data-theme] .drawer-menu-scroll::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

html[data-theme] body:not(.rail-bottom) .app-rail {
  width: 94px;
  min-height: 100dvh;
  align-items: stretch;
  gap: 0;
  overflow: hidden;
  padding: calc(6px + var(--safe-top)) 7px 8px;
  border-right: 2px solid var(--kps-gold) !important;
  box-shadow: 8px 0 24px rgba(7,19,38,.2) !important;
}
html[data-theme] body.rail-on:not(.rail-bottom) .page { left: 94px; }
html[data-theme] body.rail-on:not(.rail-bottom) .overlay { left: 94px; }
html[data-theme] body.session-header-on.rail-on:not(.rail-bottom) #pg-doc-qty.page.on { left: 94px !important; }
html[data-theme] body:not(.rail-bottom) .rail-quick-nav-top { flex: none; display: block; padding-bottom: 6px; border-bottom: 1px solid rgba(205,167,46,.2); }
html[data-theme] body:not(.rail-bottom) .rail-quick-nav-scroll { min-height: 0; flex: 1; width: 100%; display: grid; grid-auto-rows: minmax(81px,auto); align-content: start; gap: 5px; overflow-x: hidden; overflow-y: auto; padding: 7px 2px; scroll-padding-block: 7px; scrollbar-width: none; -ms-overflow-style: none; overscroll-behavior-y: contain; }
html[data-theme] body:not(.rail-bottom) .rail-quick-nav-scroll::-webkit-scrollbar { width: 0; height: 0; display: none; }
html[data-theme] body:not(.rail-bottom) .rail-session-card {
  width: 100%;
  min-height: 72px;
  margin-bottom: 6px;
  padding: 7px 3px;
  border: 1px solid rgba(205,167,46,.38);
  border-radius: 12px;
  color: #f4e5a4;
  background: rgba(205,167,46,.09);
  box-shadow: 0 1px 0 rgba(205,167,46,.18);
}
html[data-theme] body:not(.rail-bottom) .rail-session-card .session-user-icon { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border: 1px solid var(--kps-gold); border-radius: 50%; color: var(--kps-navy-950); background: linear-gradient(145deg,var(--kps-gold-soft),var(--kps-gold)); }
html[data-theme] body:not(.rail-bottom) .rail-session-copy { align-items: center; color: inherit; text-align: center; }
html[data-theme] .rail-session-copy small { color: #aeb9cc; }
html[data-theme] .rail-session-copy .session-user-name { color: inherit; }
html[data-theme] body:not(.rail-bottom) .rail-quick-nav-footer { flex: none; display: block; padding-top: 6px; color: var(--kps-gold-soft); font-size: 8px; font-weight: 850; letter-spacing: .06em; text-align: center; font-variant-numeric: tabular-nums; }
html[data-theme] body:not(.rail-bottom) .rail-item { position: relative; isolation: isolate; width: 100%; min-height: 81px; padding: 7px 0; gap: 7px; border: 0 !important; border-radius: 10px; color: #aeb9cc; background: transparent !important; box-shadow: none !important; }
html[data-theme] body:not(.rail-bottom) .rail-item:hover { color: #d9e0ef; background: rgba(255,255,255,.06) !important; }
html[data-theme] 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(--kps-gold); background: rgba(205,167,46,.07); line-height: 1; transition: color .15s,background-color .15s,border-color .15s,transform .15s; }
html[data-theme] body:not(.rail-bottom) .rail-item-icon svg,
html[data-theme] 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 !important; filter: none; vector-effect: none !important; }
html[data-theme] body:not(.rail-bottom) .rail-item-label { position: relative; z-index: 1; max-width: 80px; color: inherit; font-size: 10px; font-weight: 800; line-height: 1.2; white-space: normal; overflow-wrap: normal; word-break: keep-all; hyphens: manual; text-align: center; }
html[data-theme] .rail-item-temporary { position: relative; }
html[data-theme] .rail-item-temporary-badge { position: absolute; z-index: 3; top: 5px; right: 5px; width: 18px; height: 18px; display: grid; place-items: center; border: 1px solid var(--kps-gold); border-radius: 999px; color: var(--kps-navy-950); background: var(--kps-gold-soft); box-shadow: 0 2px 7px rgba(0,0,0,.28); font-size: 14px; font-weight: 900; line-height: 1; pointer-events: none; }
html[data-theme] body:not(.rail-bottom) .rail-item.is-active { color: var(--kps-gold-soft) !important; background: transparent !important; box-shadow: none !important; }
html[data-theme] 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(--kps-gold); }
html[data-theme] body:not(.rail-bottom) .rail-item.is-active .rail-item-icon { border-color: var(--kps-gold); color: var(--kps-navy-950) !important; background: linear-gradient(145deg,var(--kps-gold-soft),var(--kps-gold)); box-shadow: 0 6px 14px rgba(0,0,0,.23); transform: translateY(-1px); }
html[data-theme] body:not(.rail-bottom) .rail-quick-menu-trigger { width: 100%; min-height: 68px !important; margin: 0; padding: 7px 4px !important; border: 0 !important; border-radius: 10px !important; color: #aeb9cc !important; background: transparent !important; box-shadow: none !important; animation: none; }
html[data-theme] body:not(.rail-bottom) .rail-quick-menu-trigger::after { display: none; }
html[data-theme] body:not(.rail-bottom) .rail-quick-menu-trigger .rail-item-icon { width: 48px; height: 48px; flex-basis: 48px; border-radius: 14px; }
html[data-theme] body:not(.rail-bottom) .rail-quick-menu-trigger .rail-item-icon svg,
html[data-theme] body:not(.rail-bottom) .rail-quick-menu-trigger .rail-item-icon .app-icon { width: 33px; height: 33px; stroke-width: 2.2 !important; }
html[data-theme] body:not(.rail-bottom) .rail-menu-label { display: none; }
html[data-theme] body:not(.rail-bottom) .rail-item-logout { margin: 0; color: #aeb9cc; }

html[data-theme] body.rail-bottom { --rail-bottom-h: 70px; }
html[data-theme] 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(--kps-gold) !important; border-right: 0 !important; box-shadow: 0 -8px 24px rgba(7,19,38,.2) !important; }
html[data-theme] body.rail-bottom .rail-quick-nav-top,
html[data-theme] body.rail-bottom .rail-quick-nav-scroll { display: contents; }
html[data-theme] body.rail-bottom .rail-quick-nav-footer { display: none; }
html[data-theme] 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 rgba(205,167,46,.38); border-radius: 12px; color: var(--kps-gold-soft); background: linear-gradient(90deg,var(--kps-navy-800),var(--kps-navy-900)); box-shadow: 1px 0 0 rgba(205,167,46,.24),9px 0 16px rgba(7,19,38,.84); }
html[data-theme] body.rail-bottom .rail-session-card .session-user-icon { width: 40px; height: 40px; flex: 0 0 40px; display: grid; place-items: center; border: 1px solid var(--kps-gold); border-radius: 50%; color: var(--kps-navy-950); background: linear-gradient(145deg,var(--kps-gold-soft),var(--kps-gold)); }
html[data-theme] body.rail-bottom .rail-session-copy { width: 100%; align-items: center; text-align: center; }
html[data-theme] body.rail-bottom .rail-session-copy .session-user-name { font-size: 10.5px; line-height: 1.05; }
html[data-theme] body.rail-bottom .rail-item { min-width: 76px; 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] body.rail-bottom .rail-item[data-rail-pg="purchase-plan"] { min-width: 128px; }
html[data-theme] body.rail-bottom .rail-item-icon { position: relative; z-index: 1; width: 40px; height: 40px; flex: 0 0 40px; display: grid; place-items: center; border: 1px solid rgba(205,167,46,.23); border-radius: 12px; color: var(--kps-gold); background: rgba(205,167,46,.07); }
html[data-theme] body.rail-bottom .rail-item-icon svg { width: 27px; height: 27px; padding: 0; border: 0; background: transparent; stroke-width: 2.25 !important; }
html[data-theme] body.rail-bottom .rail-item-label { position: relative; z-index: 1; max-width: 100%; color: inherit; font-size: 11px; line-height: 1.1; white-space: nowrap; overflow-wrap: normal; word-break: normal; }
html[data-theme] body.rail-bottom .rail-item-temporary-badge { top: 3px; right: 3px; width: 16px; height: 16px; font-size: 12px; }
html[data-theme] body.rail-bottom .rail-item.is-active { position: relative; color: var(--kps-gold-soft) !important; background: transparent !important; box-shadow: none !important; }
html[data-theme] 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(--kps-gold); transform: translateX(-50%); }
html[data-theme] body.rail-bottom .rail-item.is-active .rail-item-icon { border-color: var(--kps-gold); color: var(--kps-navy-950) !important; background: linear-gradient(145deg,var(--kps-gold-soft),var(--kps-gold)); box-shadow: 0 6px 14px rgba(0,0,0,.23); transform: translateY(-1px); }
html[data-theme] body.rail-bottom .rail-quick-menu-trigger { position: relative; left: auto; min-width: 76px; min-height: 0 !important; margin: 0; padding: 6px 8px !important; align-self: stretch; }

/* A Főmenü a gyorsnavigáció biztos visszatérési pontja, ezért görgetéskor is látható marad. */
html[data-theme] body:not(.rail-bottom) .rail-quick-nav-scroll > .rail-item[data-rail-pg="home"] {
  position: sticky;
  top: 0;
  z-index: 8;
  background: linear-gradient(180deg,var(--kps-navy-800),var(--kps-navy-900)) !important;
  box-shadow: 0 1px 0 rgba(205,167,46,.24),0 9px 16px rgba(7,19,38,.84) !important;
}
html[data-theme] body.rail-bottom .rail-quick-nav-scroll > .rail-item[data-rail-pg="home"] {
  position: sticky;
  left: 104px;
  z-index: 8;
  background: linear-gradient(90deg,var(--kps-navy-800),var(--kps-navy-900)) !important;
  box-shadow: 1px 0 0 rgba(205,167,46,.24),9px 0 16px rgba(7,19,38,.84) !important;
}

/* KPS PriceReader. Layout is copied from the component source; only tokens vary. */
html[data-theme] #pg-price-reader .price-reader-page {
  --pr-page: #0d1016;
  --pr-surface: #171b24;
  --pr-surface-2: #202631;
  --pr-inset: #10141c;
  --pr-line: #343c4b;
  --pr-text: #f4f6fa;
  --pr-muted: #9aa5b6;
  --pr-info: #2d6be4;
  --pr-price: #ffc529;
  --pr-accent: #ffc529;
  --pr-success: #2ecc80;
  --pr-warning: #f0a51d;
  --pr-danger: #ff6675;
  --pr-success-ink: #06210f;
  min-height: calc(100dvh - 92px - var(--kps-bottom-nav-space));
  display: flex;
  flex-direction: column;
  padding: 8px 10px;
  isolation: isolate;
  color: var(--pr-text);
  background: radial-gradient(circle at 18% 0,rgba(45,107,228,.13),transparent 31%),radial-gradient(circle at 92% 15%,rgba(217,40,112,.08),transparent 26%),var(--pr-page);
}
html[data-theme] #pg-price-reader .price-reader-page.is-day {
  --pr-page: #0d1c35;
  --pr-surface: #fffefa;
  --pr-surface-2: #fbfaf7;
  --pr-inset: #f7f6f2;
  --pr-line: #cbc8c1;
  --pr-text: #071a36;
  --pr-muted: #4f5359;
  --pr-price: #b37f00;
  --pr-accent: #b37f00;
  --pr-success: #167c4d;
  --pr-warning: #b37f00;
  --pr-danger: #c8323b;
  --pr-success-ink: #ffffff;
  background: radial-gradient(circle at 18% 0,rgba(63,119,198,.24),transparent 34%),radial-gradient(circle at 92% 16%,rgba(205,167,46,.09),transparent 28%),linear-gradient(155deg,#142a4c 0%,#0d1c35 56%,#071326 100%);
}
html[data-theme] #pg-price-reader .price-reader-page:fullscreen { min-height: 100dvh; overflow: auto; padding-top: 0; }
html[data-theme] #pg-price-reader .price-reader-page::backdrop { background: var(--pr-page); }
html[data-theme] #pg-price-reader .price-reader-module-header { display: none; }
html[data-theme] #pg-price-reader .price-reader-page:fullscreen .price-reader-module-header { position: sticky; top: 0; z-index: 12; display: flex; align-items: baseline; gap: 12px; min-height: 58px; padding: 13px 18px; border-bottom: 1px solid var(--pr-line); color: var(--pr-text); background: rgba(13,16,22,.96); box-sizing: border-box; }
html[data-theme] #pg-price-reader .price-reader-page.is-day:fullscreen .price-reader-module-header { background: rgba(242,244,247,.96); }
html[data-theme] #pg-price-reader .price-reader-module-header span { color: var(--pr-accent); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .1em; }
html[data-theme] #pg-price-reader .price-reader-module-header strong { color: var(--pr-text); font-family: var(--font-title); font-size: 18px; font-weight: 950; line-height: 1.1; letter-spacing: .045em; text-transform: uppercase; }
html[data-theme] #pg-price-reader .price-reader-search-shell { position: sticky; top: 8px; z-index: 9; width: min(1220px,100%); margin: 0 auto; padding: 9px; overflow: hidden; border: 1px solid rgba(255,255,255,.17); border-radius: 16px; background: linear-gradient(145deg,rgba(39,46,59,.94),rgba(19,23,31,.96)); box-shadow: 0 16px 34px rgba(0,0,0,.34),0 4px 0 rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.15); box-sizing: border-box; }
html[data-theme] #pg-price-reader .price-reader-page:fullscreen .price-reader-search-shell { top: 66px; }
html[data-theme] #pg-price-reader .price-reader-search-shell::before { content: ""; position: absolute; inset: 0 0 auto; display: block; height: 42%; pointer-events: none; background: linear-gradient(110deg,rgba(255,255,255,.13),transparent 43%,rgba(45,107,228,.12)); }
html[data-theme] #pg-price-reader .price-reader-search-row { position: relative; display: flex; align-items: center; gap: 8px; }
html[data-theme] #pg-price-reader .price-reader-search-wrap { position: relative; flex: 1; min-width: 0; }
html[data-theme] #pg-price-reader .price-reader-search-icon { position: absolute; z-index: 2; left: 15px; top: 50%; width: 21px; height: 21px; color: #b8c7e0; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transform: translateY(-50%); pointer-events: none; }
html[data-theme] #pg-price-reader .price-reader-search-input { width: 100%; min-height: 52px; box-sizing: border-box; padding: 12px 15px 12px 48px; border: 1px solid rgba(78,138,255,.74); border-radius: 13px; outline: 0; color: var(--pr-text); background: linear-gradient(180deg,#111722,#0b1018); font-size: 17px; caret-color: #70a1ff; box-shadow: inset 0 2px 7px rgba(0,0,0,.42),0 4px 12px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08); }
html[data-theme] #pg-price-reader .price-reader-search-input::placeholder { color: #7e8a9e; }
html[data-theme] #pg-price-reader .price-reader-search-input:focus { border-color: #5b91ff; box-shadow: 0 0 0 3px rgba(45,107,228,.2),inset 0 2px 7px rgba(0,0,0,.35),0 7px 18px rgba(0,0,0,.2); }
html[data-theme] #pg-price-reader .price-reader-tool { flex: 0 0 54px; width: 54px; min-width: 54px; height: 52px; min-height: 52px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.16); border-radius: 13px; color: var(--pr-text); background: linear-gradient(145deg,#2c3340,#171c25); box-shadow: 0 8px 17px rgba(0,0,0,.29),0 3px 0 rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.17); }
html[data-theme] #pg-price-reader .price-reader-tool svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
html[data-theme] #pg-price-reader .price-reader-voice { color: #72a2ff; }
html[data-theme] #pg-price-reader .price-reader-theme-toggle { color: var(--pr-accent); }
html[data-theme] #pg-price-reader .price-reader-voice.is-on,
html[data-theme] #pg-price-reader .price-reader-fullscreen.is-on { color: #fff; border-color: #72a2ff; background: linear-gradient(145deg,#3978ed,#183a7c); }
html[data-theme] #pg-price-reader .price-reader-helper { position: relative; width: max-content; max-width: 100%; margin: 7px auto 0; padding: 4px 10px; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; color: #8490a4; background: rgba(28,34,44,.65); font-size: 10px; font-weight: 750; text-align: center; }
html[data-theme] #pg-price-reader .price-reader-result { width: min(1220px,100%); margin: 0 auto; padding: 14px 6px 18px; box-sizing: border-box; }
html[data-theme] #pg-price-reader .price-reader-result.has-price-card,
html[data-theme] #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; }
html[data-theme] #pg-price-reader .price-reader-empty { width: 100%; min-height: 280px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 28px 18px; border: 1px solid rgba(255,255,255,.14); border-radius: 17px; color: var(--pr-muted); background: linear-gradient(145deg,rgba(33,39,50,.84),rgba(15,19,26,.88)); font-size: 17px; line-height: 1.35; text-align: center; box-shadow: 0 13px 30px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1); box-sizing: border-box; }
html[data-theme] #pg-price-reader .price-reader-empty > span { width: 72px; height: 72px; display: grid; place-items: center; margin-bottom: 14px; border: 1px solid rgba(255,255,255,.15); border-radius: 24px; color: #aeb9ca; background: linear-gradient(145deg,#2b3340,#171c24); box-shadow: 0 9px 19px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.13); }
html[data-theme] #pg-price-reader .price-reader-empty > span svg { width: 38px; height: 38px; }
html[data-theme] #pg-price-reader .price-reader-empty p { margin: 0; }
html[data-theme] #pg-price-reader .price-reader-empty.is-missing { color: var(--pr-danger); }
html[data-theme] #pg-price-reader .price-reader-empty.is-missing b { color: var(--pr-text); overflow-wrap: anywhere; }
html[data-theme] #pg-price-reader .price-reader-empty.is-missing > button { margin-top: 18px; padding: 13px 22px; border: 0; border-radius: 12px; color: #fff; background: linear-gradient(135deg,#4384fc,#2352ac); font-size: 14px; font-weight: 900; box-shadow: 0 12px 28px rgba(45,107,228,.25); }
html[data-theme] #pg-price-reader .price-reader-result-count { margin: 0 0 12px 4px; color: var(--pr-muted); font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
html[data-theme] #pg-price-reader .price-reader-pick-row { width: 100%; display: flex; align-items: center; gap: 12px; margin-bottom: 10px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; color: var(--pr-text); background: linear-gradient(145deg,#232a35,#121720); text-align: left; box-shadow: 0 8px 19px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.1); }
html[data-theme] #pg-price-reader .price-reader-pick-photo { flex: 0 0 54px; width: 54px; height: 54px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 11px; background: #f5f1e7; }
html[data-theme] #pg-price-reader .price-reader-pick-photo img { width: 100%; height: 100%; object-fit: contain; }
html[data-theme] #pg-price-reader .price-reader-pick-photo.is-empty { color: #8490a4; background: #171c24; }
html[data-theme] #pg-price-reader .price-reader-pick-main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
html[data-theme] #pg-price-reader .price-reader-pick-main :where(.price-pick-name,.price-product-name) { overflow: hidden; font-size: 16px; font-weight: 850; white-space: nowrap; text-overflow: ellipsis; }
html[data-theme] #pg-price-reader .price-reader-pick-main small { margin-top: 2px; color: var(--pr-muted); }
html[data-theme] #pg-price-reader .price-reader-pick-price { flex: 0 0 auto; color: var(--pr-price); text-align: right; }
html[data-theme] #pg-price-reader .price-reader-pick-price strong { font-size: 18px; }
html[data-theme] #pg-price-reader .price-reader-pick-price small { display: block; color: var(--pr-muted); }

/* The product card uses the same source geometry in every palette. */
html[data-theme] #pg-price-reader .price-reader-card { width: auto; min-height: 0; margin: 0; overflow: hidden; padding: 14px; border: 1px solid var(--pr-line); border-radius: 16px; background: var(--pr-page); box-shadow: 0 18px 42px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07); }
html[data-theme] #pg-price-reader .price-reader-b-layout { display: grid; grid-template-columns: 330px minmax(0,1fr); gap: 16px; align-items: start; }
html[data-theme] #pg-price-reader .price-reader-b-media { min-width: 0; }
html[data-theme] #pg-price-reader .price-reader-photo { position: relative; width: 100%; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 8px; border: 1px solid var(--pr-line); border-radius: 14px; background: linear-gradient(145deg,#f7f2e8,#e8e0cf); }
html[data-theme] #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] #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] #pg-price-reader .price-reader-photo.is-empty { color: #69778d; background: linear-gradient(145deg,#1d232d,#11151c); }
html[data-theme] #pg-price-reader .price-reader-photo.is-empty > svg { width: 76px; height: 76px; stroke-width: 1.35; }
html[data-theme] #pg-price-reader .price-reader-photo.is-empty { flex-direction: column; gap: 12px; }
html[data-theme] #pg-price-reader .price-reader-photo.is-empty > small { font-size: 13px; font-weight: 850; letter-spacing: .02em; }
html[data-theme] #pg-price-reader .price-reader-lot-summary { width: 100%; display: grid; grid-template-columns: 30px minmax(0,1fr) 18px; align-items: center; gap: 9px; margin-top: 9px; padding: 9px 10px; border: 1px solid var(--pr-line); border-radius: 11px; color: var(--pr-text); background: var(--pr-surface); text-align: left; box-shadow: 0 5px 13px rgba(0,0,0,.08); }
html[data-theme] #pg-price-reader .price-reader-b-photo-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 9px; }
html[data-theme] #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] #pg-price-reader .price-reader-b-data { min-width: 0; display: flex; flex-direction: column; gap: 14px; }
html[data-theme] #pg-price-reader .price-reader-b-head { display: flex; align-items: flex-start; gap: 14px; padding: 2px 0; }
html[data-theme] #pg-price-reader .price-reader-b-head > div:first-child { flex: 1 1 auto; min-width: 0; }
html[data-theme] #pg-price-reader .price-reader-b-head h2 { margin: 0; color: var(--pr-text); font: 900 clamp(24px,2.35vw,32px)/1.08 var(--font-ui); letter-spacing: -.025em; text-transform: uppercase; }
html[data-theme] #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; }
html[data-theme] #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] #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] #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] #pg-price-reader .price-reader-identity b { color: var(--pr-text); font: 900 15px/1 Consolas,monospace; letter-spacing: .035em; }
html[data-theme] #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); text-align: right; }
html[data-theme] #pg-price-reader :where(.price-reader-b-stock span,.price-reader-b-main-price>span,.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] #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] #pg-price-reader .price-reader-b-stock.has-stock b { color: var(--pr-success); }
html[data-theme] #pg-price-reader .price-reader-card .price-reader-b-layout { grid-template-columns: auto minmax(0,1fr); align-items: stretch; }
html[data-theme] #pg-price-reader .price-reader-card .price-reader-b-data { justify-content: space-between; gap: 10px; }
html[data-theme] #pg-price-reader .price-reader-card .price-reader-b-media { position: relative; width: auto; height: 100%; min-height: 0; aspect-ratio: 1/1; }
html[data-theme] #pg-price-reader .price-reader-card .price-reader-photo { height: 100%; min-height: 100%; padding: 0; aspect-ratio: auto; }
html[data-theme] #pg-price-reader .price-reader-card .price-reader-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center center; }
html[data-theme] #pg-price-reader .price-reader-card .price-reader-b-hero { grid-template-columns: minmax(0,1fr) minmax(170px,.44fr); gap: 10px; padding: 0; border: 0; border-radius: 0; background: transparent; }
html[data-theme] #pg-price-reader .price-reader-card .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; }
html[data-theme] #pg-price-reader .price-reader-card .price-reader-b-main-price > strong { margin-top: 2px; font-size: clamp(48px,5vw,60px); }
html[data-theme] #pg-price-reader .price-reader-card .price-reader-b-main-price > span { color: #d89200; letter-spacing: .04em; }
html[data-theme] #pg-price-reader .price-reader-card .price-reader-b-price-drs { align-self: flex-end; margin-left: auto; }
html[data-theme] #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; }
html[data-theme] #pg-price-reader .price-reader-b-hero-unit span { color: #225cb7; font-size: 10px; font-weight: 900; letter-spacing: .045em; text-transform: uppercase; }
html[data-theme] #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; }
html[data-theme] #pg-price-reader .price-reader-b-summary { min-width: 0; display: grid; grid-template-columns: 1fr 1.18fr .94fr; gap: 10px; }
html[data-theme] #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; }
html[data-theme] #pg-price-reader .price-reader-b-summary span { display: block; font-size: 10px; font-weight: 900; letter-spacing: .045em; text-transform: uppercase; }
html[data-theme] #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; }
html[data-theme] #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; }
html[data-theme] #pg-price-reader .price-reader-b-summary .price-reader-b-stock span { color: #09894f; }
html[data-theme] #pg-price-reader .price-reader-b-summary .price-reader-b-stock b { color: #079457; font-size: 30px; }
html[data-theme] #pg-price-reader .price-reader-b-summary .price-reader-b-stock.is-negative { border-color: #e4bab5; background: #fff1ef; }
html[data-theme] #pg-price-reader .price-reader-b-summary .price-reader-b-stock.is-negative span,
html[data-theme] #pg-price-reader .price-reader-b-summary .price-reader-b-stock.is-negative b { color: var(--pr-danger); }
html[data-theme] #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; }
html[data-theme] #pg-price-reader .price-reader-b-summary .price-reader-lot-summary > span { font-size: inherit; font-weight: inherit; letter-spacing: normal; text-transform: none; }
html[data-theme] #pg-price-reader .price-reader-b-summary .is-vat { border-color: #c3e1eb; background: linear-gradient(180deg,#f4fbfd,#eef8fb); }
html[data-theme] #pg-price-reader .price-reader-b-summary .is-vat span { color: #4c9bb2; }
html[data-theme] #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] #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] #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] #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] #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] #pg-price-reader .price-reader-b-side { display: grid; align-content: stretch; gap: 9px; text-align: right; }
html[data-theme] #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] #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; }
html[data-theme] #pg-price-reader .price-reader-b-side > div b { display: block; color: var(--pr-text); font-size: 19px; }
html[data-theme] #pg-price-reader .price-reader-b-side > div.is-unit-price b { font-size: 25px; font-weight: 950; }
html[data-theme] #pg-price-reader .price-reader-b-eyebrow { margin-bottom: 9px; }
html[data-theme] #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] #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; padding: 15px 16px; border: 1px solid var(--pr-line); border-radius: 12px; background: var(--pr-surface); }
html[data-theme] #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] #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] #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] #pg-price-reader .price-reader-b-tier-unit { display: flex; align-items: baseline; gap: 6px; }
html[data-theme] #pg-price-reader .price-reader-b-tier-unit b { color: var(--pr-text); font-size: 30px; font-variant-numeric: tabular-nums; }
html[data-theme] #pg-price-reader .price-reader-b-tier.is-best .price-reader-b-tier-unit b { color: var(--pr-success); }
html[data-theme] #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] #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,.025); font-size: 12px; text-align: center; }

html[data-theme] #pg-price-reader .price-reader-page.is-day .price-reader-search-shell { border-color: transparent; background: transparent; box-shadow: none; }
html[data-theme] #pg-price-reader .price-reader-page.is-day .price-reader-search-shell::before { background: none; }
html[data-theme] #pg-price-reader .price-reader-page.is-day .price-reader-search-input { border-color: #c5c2bb; color: var(--pr-text); caret-color: #9b6e00; background: #fff; box-shadow: inset 0 1px 3px rgba(44,43,39,.08),0 3px 9px rgba(44,43,39,.05); }
html[data-theme] #pg-price-reader .price-reader-page.is-day .price-reader-search-icon { color: #59616d; filter: none; }
html[data-theme] #pg-price-reader .price-reader-page.is-day .price-reader-tool { border-color: #c9c6bf; color: #24334a; background: linear-gradient(145deg,#fff,#f1f0ec); box-shadow: 0 5px 12px rgba(44,43,39,.1),0 2px 0 #d9d6cf,inset 0 1px 0 #fff; }
html[data-theme] #pg-price-reader .price-reader-page.is-day .price-reader-voice { color: #2359a6; }
html[data-theme] #pg-price-reader .price-reader-page.is-day .price-reader-theme-toggle { color: #765600; }
html[data-theme] #pg-price-reader .price-reader-page.is-day .price-reader-helper { border-color: #d5dae2; color: #5c687b; background: rgba(255,255,255,.84); }
html[data-theme] #pg-price-reader .price-reader-page.is-day .price-reader-empty { border-color: #d5dae2; color: var(--pr-muted); background: linear-gradient(145deg,#fff,#eef1f5); box-shadow: 0 10px 25px rgba(31,45,69,.1),inset 0 1px 0 #fff; }
html[data-theme] #pg-price-reader .price-reader-page.is-day .price-reader-empty > span { border-color: #ccd3dd; color: #42536d; background: linear-gradient(145deg,#fff,#e5eaf0); box-shadow: 0 7px 16px rgba(31,45,69,.1),inset 0 1px 0 #fff; }
html[data-theme] #pg-price-reader .price-reader-page.is-day .price-reader-pick-row { border-color: #d1d7e0; color: var(--pr-text); background: linear-gradient(145deg,#fff,#f0f3f7); box-shadow: 0 6px 15px rgba(31,45,69,.09),inset 0 1px 0 #fff; }
html[data-theme] #pg-price-reader .price-reader-page.is-day .price-reader-pick-photo.is-empty,
html[data-theme] #pg-price-reader .price-reader-page.is-day .price-reader-photo.is-empty { color: #69778d; background: linear-gradient(145deg,#f8fafc,#e7ebf1); }

@media (min-width: 900px) and (orientation: landscape) {
  :root { --kps-bottom-nav-space: 0px; }
}
@media (min-width: 1081px) and (max-height: 900px) and (orientation: landscape) {
  html[data-theme] .topbar { min-height: calc(76px + var(--safe-top)); padding: calc(11px + var(--safe-top)) 24px 11px; }
  html[data-theme] .topbar .ttl { font-size: 18px; }
  html[data-theme] #pg-price-reader .price-reader-page { min-height: calc(100dvh - 76px); }
}
@media (max-width: 900px) {
  html[data-theme] .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] .topbar .ttl { font-size: 18px; }
  html[data-theme] .topbar button,
  html[data-theme] .topbar button[id$="-back"] { width: 42px; min-width: 42px; height: 42px; min-height: 42px; flex-basis: 42px; padding: 0; border-radius: 12px; }
  html[data-theme] #pg-price-reader .price-reader-card .price-reader-b-layout { grid-template-columns: 1fr; }
  html[data-theme] #pg-price-reader .price-reader-card .price-reader-b-media { width: min(320px,100%); height: auto; margin-inline: auto; }
  html[data-theme] #pg-price-reader .price-reader-card .price-reader-photo { height: auto; min-height: 0; aspect-ratio: 1/1; }
}
@media (max-width: 520px) {
  html[data-theme] .topbar .ttl { font-size: 16px; letter-spacing: .035em; }
  html[data-theme] #pg-price-reader .topbar .ttl.module-brand-title > span { font-size: 16px !important; letter-spacing: .035em !important; }
  html[data-theme] #pg-price-reader .price-reader-module-header strong { font-size: 16px; letter-spacing: .035em; }
}
@media (max-width: 760px) {
  html[data-theme] #pg-price-reader .price-reader-page { padding: 6px 7px 20px; }
  html[data-theme] #pg-price-reader .price-reader-search-shell { top: 6px; padding: 7px; border-radius: 14px; }
  html[data-theme] #pg-price-reader .price-reader-search-row { gap: 6px; }
  html[data-theme] #pg-price-reader .price-reader-search-input { min-height: 47px; padding-left: 43px; font-size: 15px; }
  html[data-theme] #pg-price-reader .price-reader-tool { flex-basis: 48px; width: 48px; min-width: 48px; height: 47px; min-height: 47px; }
  html[data-theme] #pg-price-reader .price-reader-fullscreen { display: none; }
  html[data-theme] #pg-price-reader .price-reader-helper { margin-top: 5px; font-size: 9px; }
  html[data-theme] #pg-price-reader .price-reader-result { padding: 10px 1px 14px; }
  html[data-theme] #pg-price-reader .price-reader-empty { min-height: 220px; }
  html[data-theme] #pg-price-reader .price-reader-card { padding: 10px; }
  html[data-theme] #pg-price-reader .price-reader-b-head h2 { font-size: 22px; }
  html[data-theme] #pg-price-reader .price-reader-b-hero { padding: 15px; }
  html[data-theme] #pg-price-reader .price-reader-b-tier-grid { display: grid; grid-template-columns: 1fr; }
  html[data-theme] #pg-price-reader .price-reader-b-tier { width: 100%; min-width: 0; }
}
@media (max-width: 520px) {
  html[data-theme] #pg-price-reader .price-reader-helper { display: none; }
  html[data-theme] #pg-price-reader .price-reader-b-head { align-items: stretch; flex-direction: column; }
  html[data-theme] #pg-price-reader .price-reader-b-stock { width: 100%; text-align: left; }
  html[data-theme] #pg-price-reader .price-reader-b-hero { grid-template-columns: 1fr; }
  html[data-theme] #pg-price-reader .price-reader-b-side { grid-template-columns: repeat(2,minmax(0,1fr)); text-align: left; }
  html[data-theme] #pg-price-reader .price-reader-b-side > div { min-width: 0; }
  html[data-theme] #pg-price-reader .price-reader-b-side > div span { justify-content: flex-start; }
  html[data-theme] #pg-price-reader .price-reader-identity { align-items: flex-start; flex-direction: column; }
  html[data-theme] #pg-price-reader .price-reader-identity i { display: none; }
  html[data-theme] #pg-price-reader .price-reader-pick-row { padding: 10px; }
}
@media (orientation: landscape) and (max-height: 720px) {
  html[data-theme] #pg-price-reader .price-reader-page { min-height: calc(100dvh - 76px); }
  html[data-theme] #pg-price-reader .price-reader-search-shell { padding: 6px; }
  html[data-theme] #pg-price-reader :where(.price-reader-search-input,.price-reader-tool) { min-height: 43px; height: 43px; }
  html[data-theme] #pg-price-reader .price-reader-helper { display: none; }
  html[data-theme] #pg-price-reader .price-reader-result { padding-top: 8px; }
  html[data-theme] #pg-price-reader .price-reader-empty { min-height: 170px; }
  html[data-theme] #pg-price-reader .price-reader-b-layout { gap: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-theme] :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; }
}

/* Elő-rögzítések: a lista- és szerkesztőoldal a választott témát kövesse, a
   globális sötétkék kártyaréteg ne maradjon rajta a világos témában. */
html[data-theme="light"] :where(#pg-preentries,#pg-preentry-edit) {
  --pre-page: #f5f3ec;
  --pre-surface: #ffffff;
  --pre-surface-soft: #f7f8fa;
  --pre-inset: #eef1f5;
  --pre-line: #d5dae2;
  --pre-line-strong: #cbd2dd;
  --pre-ink: #172033;
  --pre-copy: #536078;
  --pre-muted: #758198;
  --pre-shadow: 0 8px 24px rgba(13,28,53,.07);
}
html[data-theme="dark"] :where(#pg-preentries,#pg-preentry-edit) {
  --pre-page: #071326;
  --pre-surface: #0d1c35;
  --pre-surface-soft: #142a4c;
  --pre-inset: #08162b;
  --pre-line: #273a57;
  --pre-line-strong: #3a4e6c;
  --pre-ink: #f4f6fa;
  --pre-copy: #bec9da;
  --pre-muted: #8996ae;
  --pre-shadow: 0 10px 28px rgba(0,0,0,.22);
}
html[data-theme="industrial"] :where(#pg-preentries,#pg-preentry-edit) {
  --pre-page: #0a0a0a;
  --pre-surface: #151515;
  --pre-surface-soft: #202020;
  --pre-inset: #080808;
  --pre-line: #4c4c4c;
  --pre-line-strong: #747474;
  --pre-ink: #ffffff;
  --pre-copy: #e2e2e2;
  --pre-muted: #b9b9b9;
  --pre-shadow: none;
}
html[data-theme] :where(#pg-preentries,#pg-preentry-edit) {
  --pre-in-accent: #168c86;
  --pre-out-accent: #d46a1f;
  color: var(--pre-ink);
  background: var(--pre-page) !important;
  background-image: none !important;
}
html[data-theme] #pg-preentries .preentries-hero {
  --bg-page: var(--pre-page);
  --bg-surface: var(--pre-surface);
  --bg-surface-2: var(--pre-surface-soft);
  --bg-inset: var(--pre-inset);
  --border: var(--pre-line);
  --border-strong: var(--pre-line-strong);
  --text-1: var(--pre-ink);
  --text-2: var(--pre-copy);
  --text-3: var(--pre-muted);
  padding: 18px !important;
  border: 1px solid var(--pre-line) !important;
  border-left: 1px solid var(--pre-line) !important;
  border-radius: 16px !important;
  color: var(--pre-ink) !important;
  background: var(--pre-surface) !important;
  background-image: none !important;
  box-shadow: var(--pre-shadow) !important;
}
html[data-theme] #pg-preentries .settings-card-title {
  min-height: 38px;
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px solid var(--pre-line);
  color: var(--pre-ink) !important;
}
html[data-theme] #pg-preentries .settings-card-icon {
  border: 1px solid color-mix(in srgb,var(--accent) 34%,var(--pre-line));
  color: var(--accent);
  background: color-mix(in srgb,var(--accent) 9%,var(--pre-surface));
}
html[data-theme] #pg-preentries .preentries-help { color: var(--pre-copy); }
html[data-theme] #pg-preentries .preentries-action {
  --pre-action-accent: var(--pre-in-accent);
  border: 1px solid color-mix(in srgb,var(--pre-action-accent) 46%,var(--pre-line)) !important;
  color: var(--pre-action-accent) !important;
  background: color-mix(in srgb,var(--pre-action-accent) 11%,var(--pre-surface)) !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html[data-theme] #pg-preentries .preentries-action-out { --pre-action-accent: var(--pre-out-accent); }
html[data-theme] #pg-preentries .preentries-action:hover {
  border-color: var(--pre-action-accent) !important;
  background: color-mix(in srgb,var(--pre-action-accent) 17%,var(--pre-surface)) !important;
  box-shadow: 0 7px 16px color-mix(in srgb,var(--pre-action-accent) 14%,transparent) !important;
  filter: none;
}
html[data-theme] #pg-preentries .preentries-list {
  color: var(--pre-ink);
  background: var(--pre-page) !important;
  background-image: none !important;
}
html[data-theme] #pg-preentries .preentry-card {
  --pre-accent: var(--pre-in-accent);
  --bg-page: var(--pre-page);
  --bg-surface: var(--pre-surface);
  --bg-surface-2: var(--pre-surface-soft);
  --bg-inset: var(--pre-inset);
  --border: var(--pre-line);
  --border-strong: var(--pre-line-strong);
  --text-1: var(--pre-ink);
  --text-2: var(--pre-copy);
  --text-3: var(--pre-muted);
  border: 1px solid var(--pre-line) !important;
  border-left: 5px solid var(--pre-accent) !important;
  color: var(--pre-ink) !important;
  background: var(--pre-surface) !important;
  background-image: none !important;
  box-shadow: var(--pre-shadow) !important;
}
html[data-theme] #pg-preentries .preentry-card.is-out { --pre-accent: var(--pre-out-accent); }
html[data-theme] #pg-preentries .preentry-main { color: var(--pre-ink); }
html[data-theme] #pg-preentries .preentry-icon {
  background: color-mix(in srgb,var(--pre-accent) 12%,var(--pre-surface));
}
html[data-theme] #pg-preentries .preentry-stats span {
  border-color: var(--pre-line);
  background: var(--pre-surface-soft);
}
html[data-theme] #pg-preentries .preentry-load-btn {
  color: #ffffff;
  background: var(--pre-accent) !important;
  background-image: none !important;
  box-shadow: none !important;
}
html[data-theme] #pg-preentry-edit {
  --bg-page: var(--pre-page);
  --bg-surface: var(--pre-surface);
  --bg-surface-2: var(--pre-surface-soft);
  --bg-inset: var(--pre-inset);
  --border: var(--pre-line);
  --border-strong: var(--pre-line-strong);
  --text-1: var(--pre-ink);
  --text-2: var(--pre-copy);
  --text-3: var(--pre-muted);
}
@media (max-width: 760px) {
  html[data-theme] #pg-preentries .preentries-hero { padding: 15px !important; }
}

/* Beállítások: önálló, tiszta témaréteg. A globális kék kártyaszabály és a
   korábbi színes/gradientes beállításkártyák ezen az oldalon nem öröklődnek. */
html[data-theme="light"] #pg-settings {
  --settings-page: #f5f3ec;
  --settings-surface: #ffffff;
  --settings-surface-soft: #f7f8fa;
  --settings-inset: #eef1f5;
  --settings-line: #d5dae2;
  --settings-line-strong: #cbd2dd;
  --settings-ink: #172033;
  --settings-copy: #536078;
  --settings-muted: #758198;
  --settings-shadow: 0 8px 24px rgba(13,28,53,.07);
}
html[data-theme="dark"] #pg-settings {
  --settings-page: #071326;
  --settings-surface: #0d1c35;
  --settings-surface-soft: #142a4c;
  --settings-inset: #08162b;
  --settings-line: #273a57;
  --settings-line-strong: #3a4e6c;
  --settings-ink: #f4f6fa;
  --settings-copy: #bec9da;
  --settings-muted: #8996ae;
  --settings-shadow: 0 10px 28px rgba(0,0,0,.22);
}
html[data-theme="industrial"] #pg-settings {
  --settings-page: #0a0a0a;
  --settings-surface: #151515;
  --settings-surface-soft: #202020;
  --settings-inset: #080808;
  --settings-line: #4c4c4c;
  --settings-line-strong: #747474;
  --settings-ink: #ffffff;
  --settings-copy: #e2e2e2;
  --settings-muted: #b9b9b9;
  --settings-shadow: none;
}
html[data-theme] #pg-settings,
html[data-theme] #pg-settings .settings-shell {
  color: var(--settings-ink);
  background: var(--settings-page) !important;
  background-image: none !important;
}
html[data-theme] #pg-settings .settings-shell {
  padding: 22px clamp(14px,2.4vw,34px) 36px;
}
html[data-theme] #pg-settings .settings-shell > * {
  width: min(1320px,100%);
  margin-inline: auto;
}
html[data-theme] #pg-settings .settings-hero {
  padding: 20px;
  border: 1px solid var(--settings-line) !important;
  border-radius: 16px;
  color: var(--settings-ink);
  background: var(--settings-surface) !important;
  background-image: none !important;
  box-shadow: var(--settings-shadow) !important;
}
html[data-theme] #pg-settings .settings-hero-icon {
  border: 1px solid color-mix(in srgb,var(--accent) 38%,var(--settings-line));
  border-radius: 12px;
  color: var(--accent);
  background: color-mix(in srgb,var(--accent) 10%,var(--settings-surface));
}
html[data-theme] #pg-settings .settings-hero-title { color: var(--settings-ink); }
html[data-theme] #pg-settings .settings-hero-text { color: var(--settings-copy); }
html[data-theme] #pg-settings .settings-tier {
  margin-top: 30px;
  padding: 0 0 9px;
  border-bottom: 1px solid color-mix(in srgb,var(--accent) 48%,var(--settings-line));
  color: var(--accent-strong);
}
html[data-theme="dark"] #pg-settings .settings-tier,
html[data-theme="industrial"] #pg-settings .settings-tier { color: var(--accent); }
html[data-theme] #pg-settings .settings-tier small { color: var(--settings-muted); }
html[data-theme] #pg-settings .settings-group { margin-top: 14px; margin-bottom: 22px; }
html[data-theme] #pg-settings .settings-group-head { margin: 0 2px 10px; }
html[data-theme] #pg-settings .settings-group-head span {
  color: var(--settings-ink);
  font-size: 12px;
  letter-spacing: .065em;
}
html[data-theme] #pg-settings .settings-group-head small { max-width: 680px; color: var(--settings-muted); }
html[data-theme] #pg-settings .settings-card-grid { gap: 14px; }
html[data-theme] #pg-settings .settings-card {
  --bg-page: var(--settings-page);
  --bg-surface: var(--settings-surface);
  --bg-surface-2: var(--settings-surface-soft);
  --bg-inset: var(--settings-inset);
  --bg-input: var(--settings-surface);
  --border: var(--settings-line);
  --border-strong: var(--settings-line-strong);
  --text-1: var(--settings-ink);
  --text-2: var(--settings-copy);
  --text-3: var(--settings-muted);
  --settings-accent: var(--accent);
  padding: 18px !important;
  border: 1px solid var(--settings-line) !important;
  border-left: 1px solid var(--settings-line) !important;
  border-radius: 14px !important;
  color: var(--settings-ink) !important;
  background: var(--settings-surface) !important;
  background-image: none !important;
  box-shadow: var(--settings-shadow) !important;
}
html[data-theme] #pg-settings .settings-card-title {
  min-height: 38px;
  margin: 0 0 14px;
  padding: 0 0 12px;
  border-bottom: 1px solid var(--settings-line);
  color: var(--settings-ink);
  font-family: var(--font-ui);
  font-size: 15px;
  font-weight: 900;
}
html[data-theme] #pg-settings .settings-card-icon {
  border: 1px solid color-mix(in srgb,var(--accent) 36%,var(--settings-line));
  border-radius: 10px;
  color: var(--accent);
  background: color-mix(in srgb,var(--accent) 9%,var(--settings-surface));
}
html[data-theme] #pg-settings .settings-card-collapsible > .settings-card-title { min-height: 46px; }
html[data-theme] #pg-settings .settings-card-collapse-hint {
  border: 0;
  color: var(--settings-muted);
  background: var(--settings-surface-soft);
}
html[data-theme] #pg-settings .settings-group-advanced > .settings-group-head {
  border: 1px solid var(--settings-line);
  border-radius: 12px;
  background: var(--settings-surface);
  box-shadow: none;
}
html[data-theme] #pg-settings .app-theme-choice-row { gap: 9px; }
html[data-theme] #pg-settings .app-theme-choice {
  min-height: 70px;
  border: 1px solid var(--settings-line);
  border-radius: 12px;
  color: var(--settings-ink);
  background: var(--settings-surface-soft);
  background-image: none;
  box-shadow: none;
}
html[data-theme] #pg-settings .app-theme-choice em { color: var(--settings-muted); }
html[data-theme] #pg-settings .app-theme-choice.is-active {
  border-color: var(--accent);
  background: color-mix(in srgb,var(--accent) 9%,var(--settings-surface));
  box-shadow: 0 0 0 2px color-mix(in srgb,var(--accent) 15%,transparent);
}
html[data-theme] #pg-settings .app-theme-status { color: var(--settings-muted); }
html[data-theme] #pg-settings :where(.settings-feature-warning,.thermal-print-bridge-status,.settings-maintenance-toggle-status) {
  border-color: var(--settings-line);
  color: var(--settings-copy);
  background: var(--settings-surface-soft);
  background-image: none;
}
html[data-theme] #pg-settings :where(#settings-shop-features,.shop-feature-admin) { gap: 12px; }
html[data-theme] #pg-settings .shop-feature-group {
  border: 1px solid var(--settings-line);
  border-radius: 12px;
  background: var(--settings-surface-soft);
}
html[data-theme] #pg-settings .shop-feature-group h4 { color: var(--accent-strong); }
html[data-theme="dark"] #pg-settings .shop-feature-group h4,
html[data-theme="industrial"] #pg-settings .shop-feature-group h4 { color: var(--accent); }
html[data-theme] #pg-settings .shop-feature-row { border-top-color: var(--settings-line); }
html[data-theme] #pg-settings .shop-feature-row b { color: var(--settings-ink); }
html[data-theme] #pg-settings .shop-feature-row em { color: var(--settings-muted); }
html[data-theme] #pg-settings .shop-feature-row button {
  border-color: color-mix(in srgb,var(--success) 48%,var(--settings-line));
  color: var(--success-text);
  background: color-mix(in srgb,var(--success) 9%,var(--settings-surface));
  background-image: none;
  box-shadow: none;
}
html[data-theme] #pg-settings .shop-feature-row.is-off button {
  border-color: color-mix(in srgb,var(--danger) 48%,var(--settings-line));
  color: var(--danger-text);
  background: color-mix(in srgb,var(--danger) 8%,var(--settings-surface));
}
html[data-theme] #pg-settings .shop-feature-row.is-locked button {
  border-color: var(--settings-line);
  color: var(--settings-muted);
  background: var(--settings-inset);
}
html[data-theme] #pg-settings :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
  border: 1px solid var(--settings-line-strong) !important;
  border-radius: 10px !important;
  color: var(--settings-ink) !important;
  -webkit-text-fill-color: var(--settings-ink);
  background: var(--settings-inset) !important;
  background-image: none !important;
  box-shadow: none !important;
  color-scheme: inherit;
}
html[data-theme="light"] #pg-settings :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea) { background: #ffffff !important; }
html[data-theme] #pg-settings :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent) !important;
}
html[data-theme] #pg-settings :where(input,select,textarea):disabled {
  color: var(--settings-muted) !important;
  -webkit-text-fill-color: var(--settings-muted);
  background: var(--settings-surface-soft) !important;
}
html[data-theme] #pg-settings :where(.settings-card .sbtn,.settings-advanced .sbtn,.settings-security-action) {
  min-height: 46px !important;
  border: 1px solid var(--settings-line-strong) !important;
  border-radius: 10px !important;
  color: var(--settings-ink) !important;
  background: var(--settings-surface-soft) !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
html[data-theme] #pg-settings :where(.settings-card .sbtn,.settings-advanced .sbtn,.settings-security-action):hover {
  border-color: var(--accent) !important;
  background: color-mix(in srgb,var(--accent) 8%,var(--settings-surface)) !important;
  transform: none;
  filter: none;
}
html[data-theme] #pg-settings :where(.settings-card .sbtn.red,.settings-card-red .sbtn,.settings-security-action.is-danger) {
  border-color: color-mix(in srgb,var(--danger) 52%,var(--settings-line)) !important;
  color: var(--danger-text) !important;
  background: color-mix(in srgb,var(--danger) 8%,var(--settings-surface)) !important;
}
html[data-theme] #pg-settings :where(.settings-stability-grid>*,.settings-security-status>*,.settings-security-action,.sync-outbox-last-issue) {
  border-color: var(--settings-line);
  background: var(--settings-surface-soft);
  background-image: none;
  box-shadow: none;
}

/* Beszerzési tervező: világos kártyák a KPS sötétkék munkafelületén. */
html[data-theme] #pg-purchase-plan {
  --po-page: #0d1c35;
  --po-surface: #ffffff;
  --po-surface-soft: #f7f8fa;
  --po-inset: #eef1f5;
  --po-line: #d5dae2;
  --po-line-strong: #bdc7d6;
  --po-ink: #0d1c35;
  --po-copy: #536078;
  --po-muted: #758198;
  --po-gold: #cda72e;
  --po-gold-deep: #977310;
  --po-success: #188652;
  --po-danger: #b5493c;
  --po-shadow: 0 10px 28px rgba(13,28,53,.08);
  color: var(--po-ink);
  background: var(--po-page) !important;
  background-image: none !important;
}
html[data-theme="dark"] #pg-purchase-plan {
  --po-page: #071326;
  --po-surface: #0d1c35;
  --po-surface-soft: #142a4c;
  --po-inset: #08162b;
  --po-line: #273a57;
  --po-line-strong: #3a4e6c;
  --po-ink: #f4f6fa;
  --po-copy: #bec9da;
  --po-muted: #8996ae;
  --po-gold: #cda72e;
  --po-gold-deep: #f4e5a4;
  --po-success: #50dc9a;
  --po-danger: #ef7569;
  --po-shadow: 0 12px 30px rgba(0,0,0,.28);
}
html[data-theme="industrial"] #pg-purchase-plan {
  --po-page: #0a0a0a;
  --po-surface: #151515;
  --po-surface-soft: #202020;
  --po-inset: #080808;
  --po-line: #3b3b3b;
  --po-line-strong: #626262;
  --po-ink: #ffffff;
  --po-copy: #dddddd;
  --po-muted: #aaaaaa;
  --po-gold: #ffd400;
  --po-gold-deep: #ffe66a;
  --po-success: #48d58b;
  --po-danger: #ff7367;
  --po-shadow: none;
}
html[data-theme] #pg-purchase-plan .purchase-plan-shell {
  padding: clamp(12px,1.35vw,22px);
  color: var(--po-ink);
  background: var(--po-page) !important;
  background-image: none !important;
}
html[data-theme] #pg-purchase-plan .purchase-plan-controls {
  padding: 14px;
  border: 1px solid var(--po-line);
  border-radius: 18px;
  background: var(--po-surface);
  box-shadow: var(--po-shadow);
}
html[data-theme] #pg-purchase-plan .purchase-plan-controls .lbl,
html[data-theme] #pg-purchase-plan .po-custom-panel .lbl {
  color: var(--po-copy);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .055em;
  text-transform: uppercase;
}
html[data-theme] #pg-purchase-plan :where(.purchase-plan-controls,.po-custom-panel) :where(input,select) {
  min-height: 50px;
  border: 1px solid var(--po-line-strong) !important;
  border-radius: 12px !important;
  color: var(--po-ink) !important;
  -webkit-text-fill-color: var(--po-ink);
  background: var(--po-surface) !important;
  background-image: none !important;
  box-shadow: none !important;
}
html[data-theme] #pg-purchase-plan :where(.purchase-plan-controls,.po-custom-panel) :where(input,select):focus {
  border-color: var(--po-gold) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb,var(--po-gold) 18%,transparent) !important;
}
html[data-theme] #pg-purchase-plan .purchase-plan-summary > div {
  position: relative;
  overflow: hidden;
  min-height: 112px;
  padding: 16px 17px;
  border: 1px solid var(--po-line) !important;
  border-top: 4px solid var(--po-gold) !important;
  border-radius: 18px;
  color: var(--po-ink) !important;
  background: var(--po-surface) !important;
  background-image: none !important;
  box-shadow: var(--po-shadow) !important;
}
html[data-theme] #pg-purchase-plan .purchase-plan-summary {
  grid-template-columns: minmax(150px,1.2fr) minmax(78px,.58fr) minmax(100px,.72fr) minmax(150px,1fr) minmax(130px,.9fr) minmax(210px,1.45fr);
}
html[data-theme] #pg-purchase-plan .purchase-plan-summary span {
  color: var(--po-copy);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .05em;
}
html[data-theme] #pg-purchase-plan .purchase-plan-summary b {
  color: var(--po-gold-deep);
  font-family: var(--font-mono);
  font-size: 22px;
  font-variant-numeric: tabular-nums;
}
html[data-theme] #pg-purchase-plan .purchase-plan-summary .po-capacity-card.is-ok {
  border-top-color: var(--po-success) !important;
  background: color-mix(in srgb,var(--po-success) 7%,var(--po-surface)) !important;
}
html[data-theme] #pg-purchase-plan .purchase-plan-summary .po-capacity-card.is-over {
  border-top-color: var(--po-danger) !important;
  background: color-mix(in srgb,var(--po-danger) 7%,var(--po-surface)) !important;
}
html[data-theme] #pg-purchase-plan .purchase-plan-summary .po-capacity-card.is-gratis-impact {
  border-top-color: var(--po-gold) !important;
  background: color-mix(in srgb,var(--po-gold) 8%,var(--po-surface)) !important;
}
html[data-theme] #pg-purchase-plan .purchase-plan-summary .po-capacity-card.is-ok b { color: var(--po-success); }
html[data-theme] #pg-purchase-plan .purchase-plan-summary .po-capacity-card.is-over b { color: var(--po-danger); }
html[data-theme] #pg-purchase-plan .purchase-plan-summary .po-capacity-card.is-gratis-impact b { color: var(--po-gold-deep); }
html[data-theme] #pg-purchase-plan .purchase-plan-summary .po-capacity-card small { color: var(--po-copy); }
html[data-theme] #pg-purchase-plan .purchase-plan-summary .po-capacity-value {
  display: grid;
  gap: 2px;
  margin-top: 5px;
  line-height: 1.12;
}
html[data-theme] #pg-purchase-plan .purchase-plan-summary .po-capacity-value > span {
  display: block;
  margin: 0;
  color: inherit;
  font: inherit;
  letter-spacing: normal;
  text-transform: none;
}
html[data-theme] #pg-purchase-plan .purchase-plan-summary .po-capacity-state { font-size: 19px; }
html[data-theme] #pg-purchase-plan .purchase-plan-summary .po-capacity-amount { font-size: 24px; }
html[data-theme] #pg-purchase-plan :where(.purchase-action-btn,.po-title-action,.po-small-btn,.po-delete-btn,.po-pack-btn) {
  border: 1px solid var(--po-line-strong) !important;
  border-radius: 12px;
  color: var(--po-ink);
  background: var(--po-surface) !important;
  background-image: none !important;
  box-shadow: 0 5px 14px rgba(13,28,53,.06);
  text-shadow: none;
}
html[data-theme] #pg-purchase-plan .purchase-action-btn {
  min-height: 50px;
  font-size: 14px;
}
html[data-theme] #pg-purchase-plan :where(.purchase-action-btn,.po-title-action).is-primary {
  border-color: var(--po-success) !important;
  color: #ffffff;
  background: var(--po-success) !important;
}
html[data-theme] #pg-purchase-plan .po-delete-btn {
  border-color: color-mix(in srgb,var(--po-danger) 52%,var(--po-line)) !important;
  color: var(--po-danger);
  background: color-mix(in srgb,var(--po-danger) 7%,var(--po-surface)) !important;
}
html[data-theme] #pg-purchase-plan .po-title-action.is-danger {
  border-color: color-mix(in srgb,var(--po-danger) 52%,var(--po-line)) !important;
  color: var(--po-danger) !important;
  background: color-mix(in srgb,var(--po-danger) 7%,var(--po-surface)) !important;
}
html[data-theme] #pg-purchase-plan :where(.purchase-action-btn,.po-title-action,.po-small-btn,.po-delete-btn,.po-pack-btn):hover {
  border-color: var(--po-gold) !important;
  filter: none;
  transform: translateY(-1px);
}
html[data-theme] #pg-purchase-plan .po-custom-panel {
  padding: 18px;
  border: 1px solid color-mix(in srgb,var(--po-gold) 60%,var(--po-line)) !important;
  border-top: 4px solid var(--po-gold) !important;
  border-radius: 18px;
  color: var(--po-ink);
  background: var(--po-surface) !important;
  background-image: none !important;
  box-shadow: var(--po-shadow);
}
html[data-theme] #pg-purchase-plan .po-custom-panel-title,
html[data-theme] #pg-purchase-plan .po-custom-subtitle { color: var(--po-gold-deep); }
html[data-theme] #pg-purchase-plan .po-product-create-fields { border-top-color: var(--po-line); }
html[data-theme] #pg-purchase-plan .purchase-panel {
  border: 1px solid var(--po-line) !important;
  border-radius: 18px;
  color: var(--po-ink);
  background: var(--po-surface) !important;
  background-image: none !important;
  box-shadow: var(--po-shadow);
}
html[data-theme] #pg-purchase-plan .purchase-panel-title {
  min-height: 58px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--po-line);
  color: var(--po-ink);
  background: linear-gradient(90deg,color-mix(in srgb,var(--po-gold) 11%,var(--po-surface)),var(--po-surface) 42%);
  font-family: var(--font-title);
  font-size: 15px;
  letter-spacing: .035em;
}
html[data-theme] #pg-purchase-plan .purchase-panel-title::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 22px;
  margin-right: 10px;
  border-radius: 999px;
  vertical-align: middle;
  background: var(--po-gold);
}
html[data-theme] #pg-purchase-plan .purchase-cart-title > span:first-child { display: inline-flex; align-items: center; }
html[data-theme] #pg-purchase-plan .purchase-cart-title > span:first-child::before {
  content: "";
  width: 4px;
  height: 22px;
  margin-right: 10px;
  border-radius: 999px;
  background: var(--po-gold);
}
html[data-theme] #pg-purchase-plan .purchase-cart-title::before { display: none; }
html[data-theme] #pg-purchase-plan .po-product-card {
  margin: 10px;
  padding: 16px 18px;
  border: 1px solid var(--po-line) !important;
  border-left: 5px solid var(--po-line-strong) !important;
  border-radius: 16px;
  color: var(--po-ink) !important;
  background: var(--po-surface) !important;
  background-image: none !important;
  box-shadow: 0 7px 20px rgba(13,28,53,.055) !important;
}
html[data-theme] #pg-purchase-plan .po-product-card.is-ok { border-left-color: var(--po-success) !important; }
html[data-theme] #pg-purchase-plan .po-product-card.is-need { border-left-color: var(--po-danger) !important; }
html[data-theme] #pg-purchase-plan .po-product-name,
html[data-theme] #pg-purchase-plan .po-cart-name { color: var(--po-ink); font-family: var(--font-title); }
html[data-theme] #pg-purchase-plan :where(.po-product-meta,.po-price-compare,.po-product-compact-row,.po-muted,.po-empty) { color: var(--po-copy); }
html[data-theme] #pg-purchase-plan .po-price-focus-card {
  border: 1px solid var(--po-line) !important;
  border-radius: 12px;
  color: var(--po-ink) !important;
  background: var(--po-surface-soft) !important;
  background-image: none !important;
  box-shadow: none !important;
}
html[data-theme] #pg-purchase-plan .po-price-focus-card span,
html[data-theme] #pg-purchase-plan .po-price-focus-card small { color: var(--po-copy); }
html[data-theme] #pg-purchase-plan .po-price-focus-card.is-sale {
  border-color: color-mix(in srgb,var(--po-danger) 44%,var(--po-line)) !important;
  background: color-mix(in srgb,var(--po-danger) 6%,var(--po-surface)) !important;
}
html[data-theme] #pg-purchase-plan .po-price-focus-card.is-sale b { color: var(--po-danger); }
html[data-theme] #pg-purchase-plan .po-price-focus-card.is-buy {
  border-color: color-mix(in srgb,var(--po-gold) 52%,var(--po-line)) !important;
  background: color-mix(in srgb,var(--po-gold) 8%,var(--po-surface)) !important;
}
html[data-theme] #pg-purchase-plan .po-price-focus-card.is-buy b { color: var(--po-gold-deep); }
html[data-theme] #pg-purchase-plan .po-price-focus-card b,
html[data-theme] #pg-purchase-plan .po-stock-count b,
html[data-theme] #pg-purchase-plan .po-cart-qty,
html[data-theme] #pg-purchase-plan .po-order-stats b { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
html[data-theme] #pg-purchase-plan .po-price-compare > span { color: var(--po-gold-deep); }
html[data-theme] #pg-purchase-plan .po-id-chip {
  color: var(--po-copy);
  background: var(--po-surface-soft);
}
html[data-theme] #pg-purchase-plan .po-id-chip.is-ok { color: var(--po-success); background: color-mix(in srgb,var(--po-success) 8%,var(--po-surface)); }
html[data-theme] #pg-purchase-plan .po-id-chip.is-missing { color: var(--po-gold-deep); background: color-mix(in srgb,var(--po-gold) 9%,var(--po-surface)); }
html[data-theme] #pg-purchase-plan .po-id-details,
html[data-theme] #pg-purchase-plan .po-price-pill {
  border-color: var(--po-line);
  color: var(--po-copy);
  background: var(--po-surface-soft);
  background-image: none;
}
html[data-theme] #pg-purchase-plan .po-stock-count,
html[data-theme] #pg-purchase-plan .po-qty-box {
  border: 1px solid var(--po-line) !important;
  color: var(--po-ink);
  background: var(--po-surface-soft) !important;
  background-image: none !important;
  box-shadow: none !important;
}
html[data-theme] #pg-purchase-plan .po-stock-count span,
html[data-theme] #pg-purchase-plan .po-qty-box span { color: var(--po-copy); }
html[data-theme] #pg-purchase-plan .po-stock-count.is-ok b { color: var(--po-success); }
html[data-theme] #pg-purchase-plan .po-stock-count.is-need b { color: var(--po-danger); }
html[data-theme] #pg-purchase-plan .po-qty-box small { color: var(--po-gold-deep); }
html[data-theme] #pg-purchase-plan .po-qty-box .po-qty-input {
  color: var(--po-ink) !important;
  -webkit-text-fill-color: var(--po-ink);
  background: var(--po-surface) !important;
}
html[data-theme] #pg-purchase-plan .po-cart-qty-edit > span { color: var(--po-copy); }
html[data-theme] #pg-purchase-plan .po-cart-qty-input {
  border-color: var(--po-line) !important;
  color: var(--po-ink) !important;
  -webkit-text-fill-color: var(--po-ink);
  background: var(--po-surface) !important;
}
html[data-theme] #pg-purchase-plan .po-pack-btn { color: var(--po-gold-deep); background: color-mix(in srgb,var(--po-gold) 7%,var(--po-surface)) !important; }
html[data-theme] #pg-purchase-plan .po-pack-btn.po-gratis-btn { color: var(--po-success); background: color-mix(in srgb,var(--po-success) 8%,var(--po-surface)) !important; }
html[data-theme] #pg-purchase-plan :where(.po-cart-row,.po-order-row) {
  margin: 8px 10px;
  border: 1px solid var(--po-line);
  border-radius: 13px;
  color: var(--po-ink);
  background: var(--po-surface-soft);
}
html[data-theme] #pg-purchase-plan .po-order-row.is-current,
html[data-theme] #pg-purchase-plan .po-cart-row.is-gratis {
  border-left: 4px solid var(--po-success);
  background: color-mix(in srgb,var(--po-success) 7%,var(--po-surface));
}
html[data-theme] #pg-purchase-plan .po-cart-row.is-custom { border-left: 4px solid #315f9f; }
html[data-theme] #pg-purchase-plan .po-cart-qty { color: var(--po-gold-deep); }
html[data-theme] #pg-purchase-plan .po-order-stats { border-color: var(--po-line); background: var(--po-surface); }
html[data-theme] #pg-purchase-plan .po-order-stats b { color: var(--po-ink); }
html[data-theme] #pg-purchase-plan .po-order-stats span { color: var(--po-copy); }
html[data-theme] #pg-purchase-plan .po-empty {
  min-height: 180px;
  display: grid;
  place-items: center;
  font-size: 15px;
  background: var(--po-surface);
}
html[data-theme] #pg-purchase-plan .po-week-plan {
  border: 1px solid var(--po-line);
  border-top: 4px solid var(--po-gold);
  border-radius: 18px;
  color: var(--po-ink);
  background: var(--po-surface);
  background-image: none;
  box-shadow: var(--po-shadow);
}
html[data-theme] #pg-purchase-plan :where(.po-week-plan-title b,.po-week-head-stat b,.po-week-overview b,.po-week-date b,.po-week-supplier b,.po-week-route-stat b,.po-week-item-name b,.po-week-item-metric b) { color: var(--po-ink); }
html[data-theme] #pg-purchase-plan :where(.po-week-plan-title span,.po-week-head-stat span,.po-week-overview span,.po-week-date span,.po-week-date small,.po-week-supplier span,.po-week-route-stat span,.po-week-item-name span,.po-week-item-metric span,.po-week-item-metric small,.po-week-method,.po-week-empty) { color: var(--po-copy); }
html[data-theme] #pg-purchase-plan :where(.po-week-overview>div,.po-week-route,.po-week-item,.po-week-method,.po-week-empty) { border-color: var(--po-line); background: var(--po-surface-soft); }
html[data-theme] #pg-purchase-plan .po-week-route.is-critical,
html[data-theme] #pg-purchase-plan .po-week-item.is-critical { border-color: color-mix(in srgb,var(--po-danger) 50%,var(--po-line)); }
html[data-theme] #pg-purchase-plan .po-week-delete-btn { border-color: color-mix(in srgb,var(--po-danger) 58%,var(--po-line)); background: color-mix(in srgb,var(--po-danger) 7%,var(--po-surface)); color: var(--po-danger); }
html[data-theme] #pg-purchase-plan .po-week-restore-btn { border-color: color-mix(in srgb,var(--po-success) 58%,var(--po-line)); background: color-mix(in srgb,var(--po-success) 7%,var(--po-surface)); color: var(--po-success); }
html[data-theme] #pg-purchase-plan .is-positive { color: var(--po-success); }
html[data-theme] #pg-purchase-plan .is-negative { color: var(--po-danger); }

@media (max-width: 1100px) {
  html[data-theme] #pg-purchase-plan .purchase-plan-controls { grid-template-columns: repeat(2,minmax(0,1fr)); }
  html[data-theme] #pg-purchase-plan .purchase-plan-summary { grid-template-columns: repeat(3,minmax(0,1fr)); }
  html[data-theme] #pg-purchase-plan .purchase-plan-actions { grid-template-columns: repeat(2,minmax(0,1fr)); }
  html[data-theme] #pg-purchase-plan .purchase-plan-grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  html[data-theme] #pg-purchase-plan .purchase-plan-shell { padding: 10px; }
  html[data-theme] #pg-purchase-plan .purchase-plan-controls { grid-template-columns: 1fr; padding: 11px; border-radius: 14px; }
  html[data-theme] #pg-purchase-plan .purchase-plan-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  html[data-theme] #pg-purchase-plan .purchase-plan-summary > div { min-height: 96px; padding: 13px; border-radius: 14px; }
  html[data-theme] #pg-purchase-plan .purchase-plan-actions { grid-template-columns: 1fr; }
  html[data-theme] #pg-purchase-plan .purchase-panel { border-radius: 14px; }
  html[data-theme] #pg-purchase-plan .purchase-panel-title { min-height: 52px; padding: 13px 14px; }
  html[data-theme] #pg-purchase-plan .po-product-card { margin: 8px; padding: 13px; border-radius: 13px; }
  html[data-theme] #pg-purchase-plan .po-product-name { font-size: 16px; }
  html[data-theme] #pg-purchase-plan .purchase-cart-title { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 820px) {
  html[data-theme] #pg-settings .settings-shell { padding: 12px 10px 28px; }
  html[data-theme] #pg-settings .settings-hero { padding: 15px; }
  html[data-theme] #pg-settings .settings-card { padding: 14px !important; }
  html[data-theme] #pg-settings .settings-group-head { align-items: flex-start; }
}
@media (max-width: 540px) {
  html[data-theme] #pg-settings .settings-hero-text { font-size: 12px; }
  html[data-theme] #pg-settings .settings-tier { font-size: 11px; }
  html[data-theme] #pg-settings .app-theme-choice-row { grid-template-columns: 1fr; }
}