/* Købsbilag form — inline "Fordel X kr …?" confirm before the samle
   agreed-price split runs (owner 2026-10-15, assets/js/kobsbilag-form/samle-fordel-confirm.js).
   Mobile-first bottom sheet, fixed to the viewport so it reads above the
   save button wherever that sits (topbar-controls.php moves it there).
   Reuses .sbv2-btn / .sbv2-btn-primary — no new button styling. */

.kbs-fordel-confirm {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9100; /* above the merchant bottom nav (9000), which hid the buttons on phones */
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 16px calc(14px + env(safe-area-inset-bottom, 0px));
  background: var(--sbv2-paper, #fff);
  border-top: 1px solid var(--sbv2-line-strong, #ddd);
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.12);
}

.kbs-fordel-confirm-text {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--sbv2-ink, #1a1a1a);
}

.kbs-fordel-confirm-actions {
  display: flex;
  gap: 10px;
}

.kbs-fordel-confirm-actions .sbv2-btn {
  flex: 1;
  min-height: 44px;
  justify-content: center;
}

@media (min-width: 640px) {
  .kbs-fordel-confirm {
    left: auto;
    right: 24px;
    bottom: 24px;
    max-width: 360px;
    border-radius: 12px;
    border: 1px solid var(--sbv2-line-strong, #ddd);
    border-top: 1px solid var(--sbv2-line-strong, #ddd);
  }
}

/* Neutral .salgsbilag-v2 host so .sbv2-btn styles apply on <body> (design gate #6923). */
.salgsbilag-v2.kbs-fordel-host { min-height: 0; padding: 0; background: transparent; }
body.tdk-soft .kbs-fordel-host .sbv2-btn { border-radius: var(--t-r-pill); min-height: var(--t-btn-h); font-weight: var(--t-fw-semi); }
body.tdk-soft .kbs-fordel-host .sbv2-btn-primary { background: var(--t-primary); border-color: var(--t-primary); color: var(--t-on-primary); }