/* KVK Module Test Workbench v5.7.10 / shared layer v3.9.239
   Promotion date ownership, compact DDMMYYYY input and professional one-button dialog. */

html body [data-promo-date-owned-v39239="true"] .promo-date-row-v39239{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 44px!important;
  align-items:stretch!important;
  gap:0!important;
  width:100%!important;
  min-width:0!important;
}
html body [data-promo-date-owned-v39239="true"] .promo-date-display-v39235{
  grid-column:1/2!important;
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  border-radius:12px 0 0 12px!important;
  border-right:0!important;
  padding:9px 12px!important;
  background:linear-gradient(135deg,rgba(236,248,250,.91),rgba(239,249,245,.88))!important;
  color:#12304b!important;
  box-sizing:border-box!important;
}
html body [data-promo-date-owned-v39239="true"] .promo-date-display-v39235:focus{
  position:relative!important;
  z-index:1!important;
  border-right:1px solid #4aa8bf!important;
  box-shadow:0 0 0 3px rgba(14,116,144,.13)!important;
}
html body [data-promo-date-owned-v39239="true"] .promo-date-display-v39235.promo-date-invalid-v39239{
  border-color:#dc2626!important;
  background:rgba(255,247,247,.96)!important;
  box-shadow:0 0 0 3px rgba(220,38,38,.11)!important;
}
html body .promo-date-button-v39239{
  grid-column:2/3!important;
  position:static!important;
  inset:auto!important;
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #9ec8d4!important;
  border-radius:0 12px 12px 0!important;
  background:linear-gradient(180deg,rgba(223,244,245,.98),rgba(213,238,239,.95))!important;
  color:#0f5f75!important;
  font-size:18px!important;
  line-height:1!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
html body .promo-date-button-v39239:hover{
  background:linear-gradient(180deg,rgba(208,239,242,.99),rgba(194,229,233,.98))!important;
}
html body .promo-date-button-v39239:focus-visible{
  outline:3px solid rgba(14,116,144,.24)!important;
  outline-offset:2px!important;
}
html body [data-promo-date-owned-v39239="true"] .professional-date-field-v39200,
html body [data-promo-date-owned-v39239="true"] .professional-date-button-v39200,
html body [data-promo-date-owned-v39239="true"] .professional-date-picker-v39200,
html body [data-promo-date-owned-v39239="true"] .promo-date-picker-shell-v39237,
html body [data-promo-date-owned-v39239="true"] .promo-date-single-button-v39238,
html body [data-promo-date-owned-v39239="true"] input[type="datetime-local"]{
  display:none!important;
}

html body .kvk-promo-date-dialog-v39239{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:grid!important;
  place-items:center!important;
  padding:18px!important;
}
html body .kvk-promo-date-dialog-v39239[hidden]{display:none!important}
html body .kvk-promo-date-backdrop-v39239{
  position:absolute!important;
  inset:0!important;
  background:rgba(10,31,47,.38)!important;
  backdrop-filter:blur(2px)!important;
}
html body .kvk-promo-date-panel-v39239{
  position:relative!important;
  z-index:1!important;
  width:min(460px,calc(100vw - 28px))!important;
  border:1px solid rgba(121,181,194,.75)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(239,250,250,.99),rgba(232,247,244,.98))!important;
  box-shadow:0 24px 70px rgba(8,47,73,.28)!important;
  padding:18px!important;
  color:#102f49!important;
}
html body .kvk-promo-date-panel-v39239 header{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:16px!important;
}
html body .kvk-promo-date-panel-v39239 header strong{
  display:block!important;
  font-size:18px!important;
  line-height:1.25!important;
}
html body .kvk-promo-date-panel-v39239 header small{
  display:block!important;
  margin-top:4px!important;
  color:#4a6a7f!important;
  line-height:1.35!important;
}
html body .kvk-promo-date-close-v39239{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border:1px solid #b7d4db!important;
  border-radius:10px!important;
  background:rgba(244,252,252,.95)!important;
  color:#36576b!important;
  font-size:22px!important;
  line-height:1!important;
  cursor:pointer!important;
}
html body .kvk-promo-date-dialog-grid-v39239{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(150px,.7fr)!important;
  gap:12px!important;
}
html body .kvk-promo-date-dialog-grid-v39239 label{
  display:grid!important;
  gap:6px!important;
  font-weight:800!important;
  color:#173d56!important;
}
html body .kvk-promo-date-dialog-grid-v39239 input{
  width:100%!important;
  height:44px!important;
  box-sizing:border-box!important;
  border:1px solid #9fc8d3!important;
  border-radius:11px!important;
  background:rgba(247,253,252,.98)!important;
  color:#102f49!important;
  padding:8px 10px!important;
  font:inherit!important;
}
html body .kvk-promo-date-dialog-actions-v39239{
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin-top:18px!important;
}
html body .kvk-promo-date-dialog-actions-v39239 .btn{
  min-width:96px!important;
}

@media(max-width:620px){
  html body .kvk-promo-date-dialog-grid-v39239{grid-template-columns:1fr!important}
  html body .kvk-promo-date-dialog-actions-v39239{display:grid!important;grid-template-columns:1fr 1fr!important}
  html body .kvk-promo-date-dialog-actions-v39239 .btn{width:100%!important;min-width:0!important}
}
@media print{
  html body .promo-date-button-v39239,
  html body .kvk-promo-date-dialog-v39239{display:none!important}
  html body [data-promo-date-owned-v39239="true"] .promo-date-display-v39235{
    border-radius:0!important;
    border:0!important;
    background:#fff!important;
    color:#000!important;
  }
}