/* Ramka podglądu: osobne pochodzenie bez dostępu do arkuszy pulpitu, więc kolory systemowe i oba motywy przeglądarki. */
:root { color-scheme: light dark; }
body { margin: 0; padding: 12px; font: 14px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; background: Canvas; color: CanvasText; }
#stan { margin: 0 0 8px; color: color-mix(in srgb, CanvasText 70%, Canvas); }
#stan:empty { display: none; }
canvas { display: block; max-width: 100%; height: auto; margin: 0 auto; }
iframe { display: block; width: 100%; min-height: 70vh; border: 0; }
nav { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 8px; }
button { min-height: 36px; padding: 0 16px; border: 1px solid ButtonBorder; border-radius: 10px; font: inherit; background: ButtonFace; color: ButtonText; cursor: pointer; }
#zapisz { border-color: transparent; background: AccentColor; color: AccentColorText; font-weight: 500; }
button:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; }
button:disabled { opacity: 0.5; cursor: default; }
.pobranie { max-width: 40rem; }
.pobranie__nazwa { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.pobranie__szczegoly { margin: 2px 0 12px; color: color-mix(in srgb, CanvasText 70%, Canvas); }
.pobranie__ostrzezenie { margin: 0 0 12px; }
.pobranie__niezgodnosc { margin: 0 0 12px; padding: 8px 12px; border: 1px solid Mark; border-radius: 10px; background: Mark; color: MarkText; }
.pobranie__niezgodnosc[hidden] { display: none; }