/* KVK Module Test Workbench v5.7.4 / shared layer v3.9.233
   Exactly-one visual state for Settings and Promotion tabs plus a soft low-glare
   KVK AI Solutions blue-green surface theme. Print documents remain white. */
:root{
  --kvk-active-start-v39233:#1d4ed8;
  --kvk-active-end-v39233:#172554;
  --kvk-low-glare-v39233:#eef6f7;
  --kvk-low-glare-2-v39233:#eaf3f8;
  --kvk-low-glare-panel-v39233:#f2f8f9;
  --kvk-low-glare-input-v39233:#f7fbfc;
  --kvk-low-glare-line-v39233:#bfd2dc;
  --kvk-low-glare-text-v39233:#17324a;
}

/* Legacy active classes never own colour. Only the canonical v39233 marker does. */
html body .store-settings-actions .store-setting-btn,
html body .promo-manager-tabs-v39185 .promo-manager-tab-v39185{
  background:linear-gradient(145deg,var(--kvk-low-glare-v39233),var(--kvk-low-glare-2-v39233))!important;
  color:#425a70!important;
  border-color:var(--kvk-low-glare-line-v39233)!important;
  box-shadow:none!important;
}
html body .store-settings-actions .store-setting-btn.active:not([data-kvk-active-v39233="true"]),
html body .store-settings-actions .store-setting-btn.kvk-shared-tab-active-v39229:not([data-kvk-active-v39233="true"]),
html body .settings-tabs-v39228 .settings-tab-v39228.active:not([data-kvk-active-v39233="true"]),
html body .settings-tabs-v39228 .settings-tab-v39228:not(.secondary):not([data-kvk-active-v39233="true"]),
html body .promo-manager-tabs-v39185 .promo-manager-tab-v39185.active:not([data-kvk-active-v39233="true"]),
html body .promo-manager-tabs-v39185 .promo-manager-tab-v39185.kvk-shared-tab-active-v39229:not([data-kvk-active-v39233="true"]){
  background:linear-gradient(145deg,var(--kvk-low-glare-v39233),var(--kvk-low-glare-2-v39233))!important;
  color:#425a70!important;
  border-color:var(--kvk-low-glare-line-v39233)!important;
  box-shadow:none!important;
}
html body .store-settings-actions .store-setting-btn[data-kvk-active-v39233="true"],
html body .promo-manager-tabs-v39185 .promo-manager-tab-v39185[data-kvk-active-v39233="true"]{
  background:linear-gradient(135deg,var(--kvk-active-start-v39233),var(--kvk-active-end-v39233))!important;
  color:#fff!important;
  border-color:var(--kvk-active-start-v39233)!important;
  box-shadow:0 7px 16px rgba(23,37,84,.24)!important;
}
html body .store-settings-actions .store-setting-btn:not([data-kvk-active-v39233="true"]):hover,
html body .promo-manager-tabs-v39185 .promo-manager-tab-v39185:not([data-kvk-active-v39233="true"]):hover{
  background:linear-gradient(145deg,#e8f2f5,#e4eff6)!important;
  border-color:#8fb5c8!important;
}

/* Exactly one canonical Promotion panel. Legacy hidden/active changes cannot create two panels. */
html body .kvk-promo-shell-v39233 > [data-v39185-promo-panel],
html body .kvk-promo-shell-v39233 > [data-combo-ad-panel-v39225="true"]{display:none!important}
html body .kvk-promo-shell-v39233 > [data-kvk-active-panel-v39233="true"]{
  display:block!important;
  grid-column:1 / -1!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
}

/* Low-glare KVK surfaces for Trade-facing apps. */
body[data-role="owner"] .card,
body[data-role="ownerapp"] .card,
body[data-role="customer"] .card,
body[data-role="delivery"] .card,
body[data-role="owner"] .modal,
body[data-role="ownerapp"] .modal,
body[data-role="customer"] .modal,
body[data-role="delivery"] .modal,
body[data-role="owner"] .modal-content,
body[data-role="ownerapp"] .modal-content,
body[data-role="customer"] .modal-content,
body[data-role="delivery"] .modal-content,
body[data-role="owner"] .modal-body,
body[data-role="ownerapp"] .modal-body,
body[data-role="customer"] .modal-body,
body[data-role="delivery"] .modal-body,
body[data-role="owner"] .table-wrap,
body[data-role="ownerapp"] .table-wrap,
body[data-role="customer"] .table-wrap,
body[data-role="delivery"] .table-wrap,
body[data-role="owner"] .promo-manager-toolbar-v39185,
body[data-role="ownerapp"] .promo-manager-toolbar-v39185,
body[data-role="owner"] .kvk-settings-root-v39232,
body[data-role="ownerapp"] .kvk-settings-root-v39232,
body[data-role="owner"] .kvk-settings-detail-v39232,
body[data-role="ownerapp"] .kvk-settings-detail-v39232,
body[data-role="owner"] .kvk-promo-panel-v39232,
body[data-role="ownerapp"] .kvk-promo-panel-v39232{
  background-color:var(--kvk-low-glare-panel-v39233)!important;
  border-color:var(--kvk-low-glare-line-v39233)!important;
}
body[data-role="owner"] input:not([type="checkbox"]):not([type="radio"]),
body[data-role="ownerapp"] input:not([type="checkbox"]):not([type="radio"]),
body[data-role="customer"] input:not([type="checkbox"]):not([type="radio"]),
body[data-role="delivery"] input:not([type="checkbox"]):not([type="radio"]),
body[data-role="owner"] select,body[data-role="ownerapp"] select,body[data-role="customer"] select,body[data-role="delivery"] select,
body[data-role="owner"] textarea,body[data-role="ownerapp"] textarea,body[data-role="customer"] textarea,body[data-role="delivery"] textarea{
  background-color:var(--kvk-low-glare-input-v39233)!important;
  border-color:#c7d8e1!important;
}

/* Bill, Receipt, Packing Slip and print/PDF capture roots stay white. */
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;color:#000!important}
@media print{
  html,body,body[data-role]{background:#fff!important;background-image:none!important}
  .card,.modal,.modal-content,.modal-body,.table-wrap,.print-area,.packing-slip-v39181,[data-print-document]{
    background:#fff!important;color:#000!important;box-shadow:none!important;
  }
}