/* Broniarz - okno potwierdzenia (js/potwierdz.js) zamiast confirm() przeglądarki. */
dialog.potwierdz {
  width: min(420px, calc(100vw - 32px)); padding: 0; margin: auto;
  background: var(--tlo-2); color: var(--tekst); border: 1px solid var(--ramka-mocna); border-radius: 18px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .5);
}
dialog.potwierdz::backdrop { background: rgba(0, 0, 0, .6); }
dialog.potwierdz[open] { animation: potwierdz-wejscie .16s ease-out; }
@keyframes potwierdz-wejscie { from { opacity: 0; transform: translateY(8px) scale(.98); } }
.potwierdz-tresc { padding: 22px 20px 18px; }
.potwierdz-pytanie { margin: 0 0 20px; font-size: 1.05rem; font-weight: 600; line-height: 1.4; }
.potwierdz-przyciski { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.potwierdz-przyciski .przycisk { width: 100%; }
.przycisk-niebezpieczny-pelny { background: var(--blad); border-color: var(--blad); color: #fff; }
.przycisk-niebezpieczny-pelny:hover { filter: brightness(1.08); border-color: var(--blad); }

/* Dymek z komunikatem (HX-Trigger „komunikat”: ulubione, alerty cenowe) - na środku ekranu
   (Seba 10.10: tak samo wyglądający, ale na środku, nie na dole). */
.dymek {
  position: fixed; left: 50%; top: 50%; z-index: 90;
  width: max-content; max-width: min(460px, calc(100vw - 32px)); padding: 16px 20px;
  background: var(--tekst); color: var(--tlo); border-radius: 14px; box-shadow: 0 12px 34px rgba(0, 0, 0, .4);
  font-weight: 600; line-height: 1.35; text-align: center;
  opacity: 0; transform: translate(-50%, -50%) scale(.96); transition: opacity .2s, transform .2s; pointer-events: none;
}
.dymek.widoczny { opacity: 1; transform: translate(-50%, -50%) scale(1); }

/* Okno z formularzem (<dialog class="okno-formularz">, np. nowe przypomnienie). overflow: visible -
   kalendarz pod polem daty może wystawać poza okno. */
dialog.okno-formularz {
  width: min(480px, calc(100vw - 32px)); padding: 22px 20px 18px; margin: auto; overflow: visible;
  background: var(--tlo-2); color: var(--tekst); border: 1px solid var(--ramka-mocna); border-radius: 18px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .5);
}
dialog.okno-formularz::backdrop { background: rgba(0, 0, 0, .6); }
dialog.okno-formularz h2 { margin: 0; }