/* planb-widgets.css — geteilte Styles für die wiederverwendbaren Widgets (PB.*). */

/* Lightbox */
.pb-lightbox { display: none; position: fixed; inset: 0; background: rgba(0, 0, 0, .92); z-index: 1000; align-items: center; justify-content: center; padding: 1rem; cursor: zoom-out; }
.pb-lightbox.on { display: flex; }
.pb-lightbox img, .pb-lightbox video { max-width: 96vw; max-height: 96vh; border-radius: 8px; }
.pb-lightbox video { background: #000; }

/* Toast */
.pb-toast { position: fixed; left: 50%; bottom: calc(env(safe-area-inset-bottom, 0) + 24px); transform: translateX(-50%); background: #1c1c20; border: 1px solid #2b2b31; color: #f7f4ec; padding: 10px 16px; border-radius: 8px; font: 13px ui-sans-serif, system-ui; opacity: 0; pointer-events: none; transition: opacity .25s; z-index: 1001; max-width: 90vw; }
.pb-toast.show { opacity: 1; }