/* v3.9.247 - Settings is the only visual/layout reference for Item actions and Promotions. */
:root{
  --kvk-settings-control-bg-v39247:linear-gradient(145deg,rgba(212,234,238,.96),rgba(201,228,233,.96));
  --kvk-settings-control-hover-v39247:linear-gradient(145deg,rgba(220,239,242,.98),rgba(208,233,237,.98));
  --kvk-settings-control-border-v39247:#78adbb;
  --kvk-settings-control-text-v39247:#17384a;
  --kvk-settings-active-start-v39247:#1d4ed8;
  --kvk-settings-active-end-v39247:#172554;
}

/* One exact Settings-reference button component. */
html body :is(
  .store-settings-actions .store-setting-btn,
  .item-master-toolbar-v39243 .item-master-action-v39243,
  .promo-manager-tabs-v39185 .promo-manager-tab-v39185,
  .kvk-settings-parity-button-v39247
){
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  flex:0 0 auto!important;width:auto!important;min-width:max-content!important;max-width:none!important;
  min-height:40px!important;height:40px!important;box-sizing:border-box!important;padding:8px 13px!important;
  border:1px solid var(--kvk-settings-control-border-v39247)!important;border-radius:999px!important;
  background:var(--kvk-settings-control-bg-v39247)!important;background-image:var(--kvk-settings-control-bg-v39247)!important;
  color:var(--kvk-settings-control-text-v39247)!important;font-family:inherit!important;font-size:15px!important;font-weight:800!important;
  line-height:1.2!important;letter-spacing:normal!important;text-align:center!important;white-space:nowrap!important;
  box-shadow:none!important;transform:none!important;filter:none!important;opacity:1!important;
  transition:none!important;animation:none!important;
}
html body :is(
  .store-settings-actions .store-setting-btn,
  .item-master-toolbar-v39243 .item-master-action-v39243,
  .promo-manager-tabs-v39185 .promo-manager-tab-v39185
):not([data-kvk-active-v39233="true"]):not([data-kvk-active-v39242="true"]):hover{
  background:var(--kvk-settings-control-hover-v39247)!important;background-image:var(--kvk-settings-control-hover-v39247)!important;
  border-color:#5f9dac!important;color:#17384a!important;box-shadow:none!important;
}
html body .item-master-toolbar-v39243 .item-master-action-v39243:active,
html body .item-master-toolbar-v39243 .item-master-action-v39243[data-kvk-item-pressed-v39249="true"]{
  background:linear-gradient(135deg,var(--kvk-settings-active-start-v39247),var(--kvk-settings-active-end-v39247))!important;
  background-image:linear-gradient(135deg,var(--kvk-settings-active-start-v39247),var(--kvk-settings-active-end-v39247))!important;
  color:#fff!important;border-color:var(--kvk-settings-active-start-v39247)!important;
  box-shadow:0 5px 12px rgba(23,37,84,.18)!important;
}
html body :is(
  .store-settings-actions .store-setting-btn,
  .promo-manager-tabs-v39185 .promo-manager-tab-v39185
)[data-kvk-active-v39233="true"],
html body :is(
  .store-settings-actions .store-setting-btn,
  .promo-manager-tabs-v39185 .promo-manager-tab-v39185
)[data-kvk-active-v39242="true"]{
  background:linear-gradient(135deg,var(--kvk-settings-active-start-v39247),var(--kvk-settings-active-end-v39247))!important;
  background-image:linear-gradient(135deg,var(--kvk-settings-active-start-v39247),var(--kvk-settings-active-end-v39247))!important;
  color:#fff!important;border-color:var(--kvk-settings-active-start-v39247)!important;
  box-shadow:0 7px 16px rgba(23,37,84,.24)!important;
}

/* Item keeps its accepted compact content width, but exact Settings fill and geometry. */
html body .item-master-toolbar-v39243{
  display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;
  width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
  overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;
  margin:8px 0 12px!important;padding:7px 5px 12px!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  scrollbar-width:thin!important;scrollbar-gutter:stable both-edges!important;
}

/* Promotions use the same structure as Settings: heading -> buttons -> selected form in one panel. */
html body .promo-manager-shell-v39185.promo-settings-section-v39247{
  display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
  margin:0!important;padding:18px!important;overflow:visible!important;
  background-color:var(--kvk-v39241-surface,rgba(190,222,228,.72))!important;background-image:none!important;
  border:1px solid var(--kvk-low-glare-line-v39233,#bfd2dc)!important;border-radius:18px!important;
  box-shadow:none!important;
}
html body .promo-settings-heading-v39247{margin:0 0 10px!important}
html body .promo-settings-heading-v39247 h2{margin:0!important}
html body .promo-settings-heading-v39247 .badge{flex:0 0 auto!important}
html body .promo-manager-shell-v39185.promo-settings-section-v39247 > .promo-manager-toolbar-v39185{
  display:block!important;order:initial!important;width:100%!important;max-width:100%!important;min-width:0!important;
  margin:0!important;padding:0!important;background:transparent!important;background-image:none!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;
}
html body .promo-settings-section-v39247 .promo-manager-tabs-v39185{
  display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;
  width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
  overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;
  margin:0!important;padding:7px 5px 12px!important;background:transparent!important;border:0!important;border-radius:0!important;
  scrollbar-width:thin!important;scrollbar-gutter:stable both-edges!important;
}
html body .promo-settings-section-v39247 :is([data-v39185-promo-panel],[data-combo-ad-panel-v39225="true"],.promo-settings-detail-v39247){
  display:none!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
  margin:4px 0 0!important;padding:16px!important;
  background-color:rgba(205,231,235,.78)!important;background-image:none!important;
  border:1px solid rgba(120,173,187,.62)!important;border-radius:18px!important;box-shadow:none!important;
  overflow:visible!important;
}
html body .promo-settings-section-v39247 :is([data-v39185-promo-panel],[data-combo-ad-panel-v39225="true"],.promo-settings-detail-v39247)[data-kvk-active-panel-v39233="true"],
html body .promo-settings-section-v39247 :is([data-v39185-promo-panel],[data-combo-ad-panel-v39225="true"],.promo-settings-detail-v39247):not([hidden]){
  display:block!important;
}
html body .promo-settings-section-v39247 :is([data-v39185-promo-panel],[data-combo-ad-panel-v39225="true"],.promo-settings-detail-v39247) > :first-child{margin-top:0!important}

/* v3.9.249: all four Promotion forms share one Settings-family surface and control theme. */
html body[data-role] .promo-settings-section-v39247 .promo-settings-detail-v39247{
  background-color:var(--kvk-v39241-surface-soft,rgba(205,231,235,.48))!important;
  color:var(--kvk-v39241-text,#143549)!important;
}
html body[data-role] .promo-settings-section-v39247 .promo-settings-detail-v39247 :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]),select,textarea){
  background-color:var(--kvk-v39241-control,rgba(205,231,235,.94))!important;
  border-color:var(--kvk-v39241-line,#78a8b4)!important;
  color:var(--kvk-v39241-text,#143549)!important;
}
html body[data-role] .promo-settings-section-v39247 .promo-settings-detail-v39247[hidden]{display:none!important}



/* v3.9.250: final cascade guard preserved cumulatively below. */
/* v3.9.251: final cascade and instant-state/card guard.
   v39241 uses a high-specificity :is(.btn.secondary, ...) neutral rule. In v5.7.20
   that rule could override both Promotion selected colour and the explicit Item
   press marker. These selectors intentionally include body[data-role] and the
   exact toolbar hierarchy so the approved active/pressed state wins without
   changing any business click/submit handler. */
html body[data-role] .item-master-toolbar-v39243 .item-master-action-v39243.btn.secondary:active,
html body[data-role] .item-master-toolbar-v39243 .item-master-action-v39243.btn.secondary[data-kvk-item-pressed-v39249="true"],
html body[data-role] .item-master-toolbar-v39243 .item-master-action-v39243[data-kvk-item-pressed-v39249="true"]{
  background-color:#1d4ed8!important;
  background-image:linear-gradient(135deg,#1d4ed8,#172554)!important;
  color:#fff!important;
  border-color:#1d4ed8!important;
  box-shadow:0 5px 12px rgba(23,37,84,.18)!important;
}
html body[data-role] .promo-settings-section-v39247 .promo-manager-tabs-v39185 .promo-manager-tab-v39185[data-kvk-active-v39233="true"],
html body[data-role] .promo-settings-section-v39247 .promo-manager-tabs-v39185 .promo-manager-tab-v39185[data-kvk-active-v39242="true"],
html body[data-role] .promo-settings-section-v39247 .promo-manager-tabs-v39185 .promo-manager-tab-v39185[aria-selected="true"]{
  background-color:#1d4ed8!important;
  background-image:linear-gradient(135deg,#1d4ed8,#172554)!important;
  color:#fff!important;
  border-color:#1d4ed8!important;
  box-shadow:0 7px 16px rgba(23,37,84,.24)!important;
}
html body[data-role] .promo-settings-section-v39247 .promo-manager-tabs-v39185 .promo-manager-tab-v39185:not([data-kvk-active-v39233="true"]):not([data-kvk-active-v39242="true"])[aria-selected="false"]{
  background-color:rgba(205,231,235,.94)!important;
  background-image:linear-gradient(145deg,rgba(212,234,238,.96),rgba(201,228,233,.96))!important;
  color:#17384a!important;
  border-color:#78adbb!important;
  box-shadow:none!important;
}

/* One visible blue-green Promotion surface for Coupon, Offer, Banner and Combo Ad. */
html body[data-role] .promo-settings-section-v39247 > .promo-settings-detail-v39247,
html body[data-role] .promo-settings-section-v39247 > [data-v39185-promo-panel],
html body[data-role] .promo-settings-section-v39247 > [data-combo-ad-panel-v39225="true"]{
  background-color:rgba(205,231,235,.78)!important;
  background-image:none!important;
  border-color:rgba(120,173,187,.62)!important;
  border-style:solid!important;
  border-width:1px!important;
  border-radius:18px!important;
  padding:16px!important;
  color:#143549!important;
}
/* v3.9.253 owns the visible inner Promotion form and management-list fill. */
html body[data-role] .promo-settings-section-v39247 .promo-settings-detail-v39247 .switch-row{
  background-color:rgba(205,231,235,.70)!important;
  background-image:none!important;
  border-color:rgba(120,173,187,.48)!important;
}
html body[data-role] .promo-settings-section-v39247 .promo-settings-detail-v39247 :is(input,select,textarea){
  background-color:rgba(205,231,235,.94)!important;
  border-color:#78a8b4!important;
  color:#143549!important;
}
html body[data-role] .promo-settings-section-v39247 .promo-settings-detail-v39247 input[type="color"]{
  padding:4px!important;
}

html body :is(.store-settings-actions,.item-master-toolbar-v39243,.promo-manager-tabs-v39185)::-webkit-scrollbar{height:5px!important}


html body :is(.store-settings-actions,.item-master-toolbar-v39243,.promo-manager-tabs-v39185)::-webkit-scrollbar-thumb{background:#8eb7c2!important;border-radius:999px!important}


/* v3.9.252: main Promotion page uses the exact Settings primary surface.
   This is presentation-only: the technical `offers` tab key, inner button names,
   panel registry and all Save/Modify/Delete/date handlers remain unchanged. */
html body[data-role] .promo-manager-shell-v39185.promo-settings-section-v39247{
  background-color:var(--kvk-v39241-surface,rgba(190,222,228,.72))!important;
  background-image:none!important;
  border-color:var(--kvk-v39241-line-soft,#9bc0c8)!important;
  border-style:solid!important;
  border-width:1px!important;
  border-radius:18px!important;
  opacity:1!important;
}


/* v3.9.253: Coupon, Offer, Banner and Combo Ad inner forms must never fall back
   to the generic white card/form surface. This block is deliberately scoped to
   the canonical Promotion section, so Settings, New Item, Orders, Dashboard,
   reports and every print document keep their existing ownership. */
:root{
  --kvk-promo-inner-form-v39253:rgba(198,227,232,.82);
  --kvk-promo-inner-list-v39253:rgba(205,231,235,.68);
  --kvk-promo-inner-line-v39253:rgba(120,173,187,.62);
}
html body[data-role] .promo-settings-section-v39247 :is(
  [data-v39185-promo-panel],
  [data-combo-ad-panel-v39225="true"],
  .promo-settings-detail-v39247
).card{
  background-color:var(--kvk-v39241-surface-strong,rgba(207,231,235,.86))!important;
  background-image:none!important;
  border-color:var(--kvk-promo-inner-line-v39253)!important;
  color:var(--kvk-v39241-text,#143549)!important;
}
html body[data-role] .promo-settings-section-v39247 .promo-settings-detail-v39247 :is(
  #couponForm,#offerForm,#bannerForm,#comboAdFormV39225
){
  display:grid;
  width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
  margin:10px 0 0!important;padding:14px!important;
  background-color:var(--kvk-promo-inner-form-v39253)!important;
  background-image:none!important;
  border:1px solid var(--kvk-promo-inner-line-v39253)!important;
  border-radius:14px!important;
  color:var(--kvk-v39241-text,#143549)!important;
  box-shadow:none!important;opacity:1!important;
}
html body[data-role] .promo-settings-section-v39247 .promo-settings-detail-v39247 .manage-list{
  width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
  margin:12px 0 0!important;padding:10px!important;
  background-color:var(--kvk-promo-inner-list-v39253)!important;
  background-image:none!important;
  border:1px solid rgba(120,173,187,.48)!important;
  border-radius:14px!important;
  color:var(--kvk-v39241-text,#143549)!important;
  box-shadow:none!important;opacity:1!important;
}
html body[data-role] .promo-settings-section-v39247 .promo-settings-detail-v39247 .manage-list > :is(.empty,.switch-row){
  background-color:rgba(210,234,237,.82)!important;
  background-image:none!important;
  border-color:rgba(120,173,187,.48)!important;
  color:var(--kvk-v39241-text,#143549)!important;
}
html body[data-role] .promo-settings-section-v39247 .promo-settings-detail-v39247 :is(
  #couponForm,#offerForm,#bannerForm,#comboAdFormV39225
) :is(input,select,textarea){
  background-color:var(--kvk-v39241-control,rgba(205,231,235,.94))!important;
  background-image:none!important;
  border-color:var(--kvk-v39241-line,#78a8b4)!important;
  color:var(--kvk-v39241-text,#143549)!important;
  opacity:1!important;
}
html body[data-role] .promo-settings-section-v39247 .promo-settings-detail-v39247 :is(
  #couponForm,#offerForm,#bannerForm,#comboAdFormV39225
) input[type="file"]{
  padding:8px!important;
}
html body[data-role] .promo-settings-section-v39247 .promo-settings-detail-v39247 :is(
  #couponForm,#offerForm,#bannerForm,#comboAdFormV39225
) input[type="color"]{
  padding:4px!important;
}
@media(max-width:760px){
  html body[data-role] .promo-settings-section-v39247 .promo-settings-detail-v39247 :is(#couponForm,#offerForm,#bannerForm,#comboAdFormV39225){padding:12px!important;border-radius:12px!important}
  html body[data-role] .promo-settings-section-v39247 .promo-settings-detail-v39247 .manage-list{padding:8px!important;border-radius:12px!important}
}

@media(max-width:760px){
  html body .promo-manager-shell-v39185.promo-settings-section-v39247{padding:14px!important}
  html body .promo-settings-section-v39247 :is([data-v39185-promo-panel],[data-combo-ad-panel-v39225="true"],.promo-settings-detail-v39247){padding:14px!important;border-radius:16px!important}
  html body :is(.store-settings-actions,.item-master-toolbar-v39243,.promo-manager-tabs-v39185){gap:6px!important;padding-inline:4px!important}
  html body :is(.store-settings-actions .store-setting-btn,.item-master-toolbar-v39243 .item-master-action-v39243,.promo-manager-tabs-v39185 .promo-manager-tab-v39185){font-size:14px!important;padding:8px 12px!important}
}
@media print{html body .item-master-toolbar-v39243,html body .promo-settings-heading-v39247,html body .promo-manager-toolbar-v39185{display:none!important}}
