.flixab-pwa-login { display: flex; justify-content: center; margin-top: 1rem; }
.flixab-pwa-dialog { position: fixed; inset: 0; margin: auto; width: min(30rem, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); overflow: auto; border: 1px solid #d1d5db; border-radius: 1rem; padding: 1.5rem; background: #fff; color: #111827; box-shadow: 0 20px 60px #0004; }
.flixab-pwa-dialog::backdrop { background: #11182780; }
.flixab-pwa-heading { display: flex; align-items: start; gap: 1rem; justify-content: space-between; }
.flixab-pwa-dialog h2 { font-size: 1.125rem; font-weight: 700; }
.flixab-pwa-dialog h3 { font-size: 1rem; font-weight: 600; }
.flixab-pwa-dialog section { margin-top: 1.5rem; }
.flixab-pwa-dialog p { font-size: .875rem; line-height: 1.5; margin-top: .5rem; }
.flixab-pwa-close { border: 0; border-radius: .5rem; width: 2.75rem; min-height: 2.75rem; font-size: 1.5rem; cursor: pointer; background: transparent; color: inherit; flex-shrink: 0; }
.flixab-pwa-button { min-height: 2.75rem; max-width: 100%; margin-top: .75rem; padding: .625rem 1rem; border: 1px solid #246184; border-radius: .5rem; background: #246184; color: white; font-size: .875rem; font-weight: 600; cursor: pointer; }
.flixab-pwa-secondary { background: transparent; color: #246184; }
.flixab-pwa-button[hidden], [data-flixab-pwa-error][hidden] { display: none !important; }
.flixab-pwa-button:disabled { opacity: .65; cursor: wait; }
.flixab-pwa-dialog button:focus-visible, .flixab-pwa-login button:focus-visible { outline: 3px solid #38bdf8; outline-offset: 3px; }
[data-flixab-pwa-error] { color: #b91c1c; }
.dark .flixab-pwa-dialog { color: #f3f4f6; background: #18222e; border-color: #4b5563; }
.dark .flixab-pwa-secondary { color: #7dd3fc; border-color: #7dd3fc; }
.dark [data-flixab-pwa-error] { color: #fca5a5; }
@media (max-width: 25rem) { .flixab-pwa-dialog { padding: 1rem; } }