/* AnteFirma web: lo stesso pannello dell'estensione, in una finestra.
   Niente overflow nascosto sul body: si propagherebbe alla finestra e la pagina non scorrerebbe più. */
html[data-web] body { max-width: 560px; margin: 0 auto; min-height: 100vh; box-shadow: 0 0 0 1px rgba(21, 32, 58, .08); }
@media (min-width: 700px) { html[data-web] { background: #eef1f5; } html[data-web] body { margin-block: 24px; min-height: calc(100vh - 48px); border-radius: 14px; } }
@media (prefers-color-scheme: dark) and (min-width: 700px) { html[data-web] { background: #0b1120; } }
/* Una pagina web non può leggere le altre schede né scaricare un indirizzo qualsiasi. */
html[data-web] .source[data-source="page"], html[data-web] .source[data-source="url"] { display: none !important; }
/* Impostazioni che valgono solo per l'estensione nel browser. */
html[data-web] label.switch:has(#enabled), html[data-web] label.field:has(#blockFrom), html[data-web] label.field:has(#minBlockAmount), html[data-web] section.card:has(#allowlist),
html[data-web] label.switch:has(#watchChanges), html[data-web] label.switch:has(#watchUsesRemote) { display: none !important; }
html[data-web] .wrap { max-width: 720px; }
.web-install { margin-inline-start: auto; margin-inline-end: 8px; font: 700 13px/1 system-ui, sans-serif; background: #ffe04a; color: #15203a; border: 0; border-radius: 999px; padding: 8px 12px; cursor: pointer; }
.web-back { display: inline-block; margin: 16px 0 0; font-weight: 700; color: inherit; }
.web-note { font-size: 12px; color: #6b7280; padding: 8px 14px 0; margin: 0; }