/* KVK Module Test Workbench v5.7.8 / shared layer v3.9.237
   One embedded calendar per Promotion date column, stronger blue-green form fill,
   gently more transparent watermark surfaces, and print-white protection. */
:root{
  --kvk-v39237-input-a:#e5f2f5;
  --kvk-v39237-input-b:#e7f4ee;
  --kvk-v39237-line:#9fc3cf;
  --kvk-v39237-surface:rgba(236,247,248,.86);
  --kvk-v39237-surface-strong:rgba(233,245,247,.89);
  --kvk-v39237-calendar-a:#d4e8ee;
  --kvk-v39237-calendar-b:#dceee5;
}

/* One column: the calendar trigger is embedded at the right edge of the visible text field. */
html body [data-promo-date-inline-v39237="true"] .promo-date-input-row-v39235{
  position:relative!important;display:block!important;grid-template-columns:none!important;gap:0!important;
}
html body [data-promo-date-inline-v39237="true"] .promo-date-display-v39235{
  width:100%!important;min-width:0!important;padding-right:54px!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:clip!important;
}
html body [data-promo-date-inline-v39237="true"] .promo-date-picker-shell-v39237{
  position:absolute!important;right:5px!important;top:50%!important;transform:translateY(-50%)!important;
  width:40px!important;height:34px!important;min-width:40px!important;display:grid!important;place-items:center!important;
  overflow:hidden!important;border:1px solid var(--kvk-v39237-line)!important;border-radius:9px!important;
  background:linear-gradient(145deg,var(--kvk-v39237-calendar-a),var(--kvk-v39237-calendar-b))!important;
  color:#173b5f!important;cursor:pointer!important;box-shadow:none!important;z-index:3!important;
}
html body [data-promo-date-inline-v39237="true"] .promo-date-picker-shell-v39237:hover{
  border-color:#6f9fb2!important;background:linear-gradient(145deg,#cde3ea,#d4eadf)!important;
}
html body [data-promo-date-inline-v39237="true"] .promo-date-picker-shell-v39237:focus-within{
  outline:2px solid #2563eb!important;outline-offset:1px!important;
}
html body [data-promo-date-inline-v39237="true"] .promo-date-calendar-icon-v39237{
  position:relative!important;z-index:1!important;pointer-events:none!important;font-size:17px!important;line-height:1!important;
}
/* Override v39235/v39236 off-screen rules. The native picker is transparent only over the one embedded icon. */
html body [data-promo-date-inline-v39237="true"] input.promo-date-picker-v39235,
html body [data-promo-date-inline-v39237="true"] input[data-promo-date-inline-picker-v39237="true"]{
  position:absolute!important;inset:0!important;left:0!important;right:0!important;top:0!important;bottom:0!important;
  width:100%!important;min-width:100%!important;max-width:100%!important;
  height:100%!important;min-height:100%!important;max-height:100%!important;
  margin:0!important;padding:0!important;border:0!important;opacity:0!important;pointer-events:auto!important;
  overflow:visible!important;z-index:2!important;cursor:pointer!important;appearance:auto!important;-webkit-appearance:auto!important;
}
html body [data-promo-date-inline-v39237="true"] .promo-date-picker-button-v39235{display:none!important}

/* Promotion form white controls use the KVK blue-green low-glare family. */
html body :is(#couponForm,#offerForm,#bannerForm,#comboAdFormV39225)
  :is(input:not([type="hidden"]),select,textarea){
  background-color:var(--kvk-v39237-input-a)!important;
  background-image:linear-gradient(145deg,var(--kvk-v39237-input-a),var(--kvk-v39237-input-b))!important;
  border-color:var(--kvk-v39237-line)!important;color:#17324a!important;
}
html body :is(#couponForm,#offerForm,#bannerForm,#comboAdFormV39225)
  :is(input:not([type="hidden"]),select,textarea):focus{
  border-color:#2563eb!important;box-shadow:0 0 0 2px rgba(37,99,235,.13)!important;outline:none!important;
}
html body :is(#couponForm,#offerForm,#bannerForm,#comboAdFormV39225) :is(input,textarea)::placeholder{
  color:#607b88!important;opacity:1!important;
}

/* Slightly more transparent than v39234, so the large KVK watermark remains gently visible. */
body[data-role="owner"] :is(.card,.hero-card,.mobile-shell,.role-card,.order-card,.product-card,.kvk-settings-root-v39232,.kvk-settings-detail-v39232,.kvk-promo-panel-v39232,.promo-manager-toolbar-v39185),
body[data-role="ownerapp"] :is(.card,.hero-card,.mobile-shell,.role-card,.order-card,.product-card,.kvk-settings-root-v39232,.kvk-settings-detail-v39232,.kvk-promo-panel-v39232,.promo-manager-toolbar-v39185),
body[data-role="customer"] :is(.card,.hero-card,.mobile-shell,.role-card,.order-card,.product-card),
body[data-role="delivery"] :is(.card,.hero-card,.mobile-shell,.role-card,.order-card,.product-card){
  background-color:var(--kvk-v39237-surface)!important;border-color:#aecbd4!important;
}
body[data-role="owner"] :is(.modal,.modal-content,.modal-body,.table-wrap),
body[data-role="ownerapp"] :is(.modal,.modal-content,.modal-body,.table-wrap),
body[data-role="customer"] :is(.modal,.modal-content,.modal-body,.table-wrap),
body[data-role="delivery"] :is(.modal,.modal-content,.modal-body,.table-wrap){
  background-color:var(--kvk-v39237-surface-strong)!important;border-color:#aecbd4!important;
  background-image:none!important;
}

/* Print/capture surfaces are never translucent and never inherit the watermark. */
html body .print-area,
html body .packing-slip-v39181,
html body #packingSlipDocumentV39181,
html body [class*="bill-document"],
html body [class*="receipt-document"],
html body [data-print-document]{background:#fff!important;background-image:none!important;color:#000!important;opacity:1!important}
@media(max-width:680px){
  html body [data-promo-date-inline-v39237="true"] .promo-date-display-v39235{font-size:13px!important;padding-right:50px!important}
  html body [data-promo-date-inline-v39237="true"] .promo-date-picker-shell-v39237{width:38px!important;min-width:38px!important;height:32px!important}
}
@media print{
  html,body,body[data-role],.card,.hero-card,.mobile-shell,.modal,.modal-content,.modal-body,.table-wrap,.print-area,.packing-slip-v39181,[data-print-document]{
    background:#fff!important;background-image:none!important;color:#000!important;opacity:1!important;box-shadow:none!important;
  }
  html body .promo-date-picker-shell-v39237,html body .promo-date-format-v39235{display:none!important}
  html body :is(#couponForm,#offerForm,#bannerForm,#comboAdFormV39225) :is(input:not([type="hidden"]),select,textarea){
    background:#fff!important;background-image:none!important;color:#000!important;
  }
}