.oferta-podglad { padding:26px; }
.oferta-podglad > h2 { margin:0 0 22px; font-size:21px; font-weight:500; }
.oferta-paper { box-sizing:border-box; width:210mm; max-width:100%; padding:14mm; margin:auto; background:#fff; border:1px solid #ddd; }
.of-suma .of-suma-label { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px 16px; }
.of-suma .of-vat { color:#555; letter-spacing:.06em; white-space:nowrap; }
.of-suma > b { white-space:nowrap; margin-left:16px; }
@media(max-width:720px) {
  .oferta-podglad { padding:15px; }
  .oferta-paper { padding:18px; overflow:auto; }
  .oferta-paper .of { min-width:510px; }
}

/* Potwierdzenie czyszczenia wyceny — zamiast okienka przegladarki. */
.reset-potwierdz { border:1px solid var(--graphite,#000); padding:13px; margin-top:8px; background:#fff; }
.reset-potwierdz p { margin:0 0 11px; font-size:11.5px; line-height:1.55; color:#111; }
.reset-akcje { display:flex; gap:7px; }
.reset-akcje button { flex:1; font-family:inherit; font-size:9px; font-weight:500; letter-spacing:.12em;
  text-transform:uppercase; padding:9px 6px; cursor:pointer; border:1px solid var(--graphite,#000); }
.reset-akcje .reset-tak { background:var(--graphite,#000); color:#fff; }
.reset-akcje .reset-tak:hover { background:#333; }
.reset-akcje .reset-nie { background:transparent; color:var(--graphite,#000); }
.reset-akcje .reset-nie:hover { background:#f2f2f2; }

/* Brak wpisanej liczby slabow — materialu nie ma w wycenie. */
.khint.alarm { color:#a33; font-weight:500; }