/* StileJuventus V9.421 — invito installazione Web App */
.slr-pwa-install-root{
  --pwa-bg:#fff;
  --pwa-panel:#f4f5f7;
  --pwa-text:#11151a;
  --pwa-muted:#596776;
  --pwa-line:#d8dee5;
  --pwa-accent:#a90038;
  position:fixed;
  z-index:1700;
  inset:0;
  display:grid;
  place-items:end center;
  padding:18px;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease;
}
html[data-slr-theme="dark"] .slr-pwa-install-root{
  --pwa-bg:#0d1014;
  --pwa-panel:#171b20;
  --pwa-text:#f7f8fa;
  --pwa-muted:#a8b1bc;
  --pwa-line:#323841;
  --pwa-accent:#f6bb16;
}
.slr-pwa-install-root[hidden]{display:none!important}
.slr-pwa-install-root.is-open{opacity:1;pointer-events:auto}
body.slr-pwa-install-open{overflow:hidden!important;overscroll-behavior:none}
.slr-pwa-install-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(4,6,9,.64);backdrop-filter:blur(5px);cursor:default}
.slr-pwa-install-sheet{
  position:relative;
  width:min(100%,560px);
  max-height:min(82dvh,720px);
  overflow:auto;
  padding:12px 22px calc(22px + env(safe-area-inset-bottom));
  border:1px solid var(--pwa-line);
  border-radius:28px;
  background:var(--pwa-bg);
  color:var(--pwa-text);
  box-shadow:0 28px 80px rgba(0,0,0,.34);
  transform:translateY(24px);
  transition:transform .2s ease;
  scrollbar-width:thin;
  overscroll-behavior:contain;
}
.slr-pwa-install-root.is-open .slr-pwa-install-sheet{transform:translateY(0)}
.slr-pwa-install-handle{display:block;width:42px;height:4px;margin:0 auto 12px;border-radius:999px;background:var(--pwa-line)}
.slr-pwa-install-close{position:absolute;top:18px;right:18px;display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--pwa-line);border-radius:50%;background:transparent;color:var(--pwa-text);font:700 25px/1 system-ui;cursor:pointer}
.slr-pwa-install-close:hover,.slr-pwa-install-close:focus-visible{background:var(--pwa-panel)}
.slr-pwa-install-brand{display:flex;align-items:center;gap:13px;padding-right:52px}
.slr-pwa-install-brand img{flex:none;width:58px;height:58px;border-radius:15px;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.slr-pwa-install-brand span,.slr-pwa-install-eyebrow{display:block;color:var(--pwa-accent);font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.slr-pwa-install-brand strong{display:block;margin-top:3px;font-size:19px;letter-spacing:-.025em}
.slr-pwa-install-copy{margin-top:20px}
.slr-pwa-install-copy h2{margin:7px 0 8px;color:var(--pwa-text);font-size:clamp(28px,7vw,42px);line-height:1.03;letter-spacing:-.045em}
.slr-pwa-install-copy p{margin:0;color:var(--pwa-muted);font-size:16px;line-height:1.5}
.slr-pwa-install-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px}
.slr-pwa-install-benefits span{display:flex;min-width:0;align-items:center;gap:7px;padding:11px 10px;border:1px solid var(--pwa-line);border-radius:15px;background:var(--pwa-panel);color:var(--pwa-text);font-size:12px;font-weight:760;line-height:1.2}
.slr-pwa-install-benefits svg{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.slr-pwa-install-ios,.slr-pwa-install-browser-help{margin-top:18px;padding:16px;border:1px solid var(--pwa-line);border-radius:18px;background:var(--pwa-panel)}
.slr-pwa-install-ios[hidden],.slr-pwa-install-browser-help[hidden]{display:none!important}
.slr-pwa-install-ios>strong,.slr-pwa-install-browser-help strong{display:block;margin-bottom:10px;font-size:16px}
.slr-pwa-install-ios ol{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.slr-pwa-install-ios li{display:grid;grid-template-columns:28px 1fr 24px;align-items:center;gap:10px;color:var(--pwa-muted);font-size:14px;line-height:1.35}
.slr-pwa-install-ios li b{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--pwa-text);color:var(--pwa-bg);font-size:12px}
.slr-pwa-install-ios li em{color:var(--pwa-text);font-style:normal;font-weight:800}
.slr-pwa-install-ios svg{width:23px;height:23px;fill:none;stroke:var(--pwa-text);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.slr-pwa-install-browser-help p{margin:0;color:var(--pwa-muted);font-size:14px;line-height:1.45}
.slr-pwa-install-actions{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:10px;margin-top:20px}
.slr-pwa-install-actions button{min-height:52px;border-radius:999px;padding:12px 18px;font:800 15px/1.1 system-ui;cursor:pointer}
.slr-pwa-install-actions .is-primary{border:1px solid #0e1217;background:#0e1217;color:#fff}
html[data-slr-theme="dark"] .slr-pwa-install-actions .is-primary{border-color:#f6bb16;background:#f6bb16;color:#111}
.slr-pwa-install-actions .is-secondary{border:1px solid var(--pwa-line);background:transparent;color:var(--pwa-text)}
.slr-pwa-install-actions button:hover,.slr-pwa-install-actions button:focus-visible{filter:brightness(.94)}
.slr-pwa-install-actions button:focus-visible,.slr-pwa-install-close:focus-visible{outline:3px solid color-mix(in srgb,var(--pwa-accent) 55%,transparent);outline-offset:2px}
.slr-pwa-install-status{min-height:18px;margin:10px 0 0;color:var(--pwa-muted);font-size:12px;text-align:center}
.slr-pwa-install-status.is-error{color:#c62828}

/* Voce permanente nel menu Altro. */
.slr-social-mobile-more-panel nav>button[data-slr-pwa-install-open]{
  display:flex;
  width:100%;
  align-items:center;
  gap:13px;
  padding:13px 12px;
  border:0;
  border-radius:13px;
  background:transparent;
  color:inherit;
  font:inherit;
  font-weight:760;
  text-align:left;
  cursor:pointer;
}
.slr-social-mobile-more-panel nav>button[data-slr-pwa-install-open]:active{background:rgba(255,255,255,.08)}
.slr-social-mobile-more-panel nav>button[data-slr-pwa-install-open] svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Richiamo permanente nelle impostazioni. */
.slr-pwa-settings-state{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--slr-line,#dce1e6);border-radius:20px;background:var(--slr-surface-soft,#f6f7f8)}
.slr-pwa-settings-state>div{min-width:0}
.slr-pwa-settings-state strong{display:block;font-size:17px}
.slr-pwa-settings-state span{display:block;margin-top:5px;color:var(--slr-muted,#5d6874);line-height:1.45}
.slr-pwa-settings-state button{flex:none;border:0;border-radius:999px;background:#0e1217;color:#fff;padding:13px 18px;font:800 14px/1 system-ui;cursor:pointer}
html[data-slr-theme="dark"] .slr-pwa-settings-state button{background:#f6bb16;color:#111}
html[data-slr-pwa-installed="1"] [data-slr-pwa-install-open]{display:none!important}

@media(max-width:700px){
  .slr-pwa-install-root{padding:10px;align-items:end}
  .slr-pwa-install-sheet{width:100%;max-height:calc(88dvh - env(safe-area-inset-top));padding:10px 16px calc(17px + env(safe-area-inset-bottom));border-radius:24px}
  .slr-pwa-install-close{top:15px;right:15px}
  .slr-pwa-install-brand{padding-right:46px}
  .slr-pwa-install-brand img{width:52px;height:52px;border-radius:13px}
  .slr-pwa-install-copy{margin-top:16px}
  .slr-pwa-install-copy h2{font-size:31px}
  .slr-pwa-install-copy p{font-size:15px}
  .slr-pwa-install-benefits{grid-template-columns:1fr;gap:6px;margin-top:16px}
  .slr-pwa-install-benefits span{padding:9px 11px}
  .slr-pwa-install-actions{margin-top:16px}
  .slr-pwa-settings-state{align-items:flex-start;flex-direction:column}
  .slr-pwa-settings-state button{width:100%}
}
@media(max-width:380px){
  .slr-pwa-install-actions{grid-template-columns:1fr}
  .slr-pwa-install-sheet{max-height:91dvh}
}
@media(prefers-reduced-motion:reduce){
  .slr-pwa-install-root,.slr-pwa-install-sheet{transition:none!important}
}

/* V9.499 HF1 — contrasto Web App nelle Impostazioni, tema Notte. */
html[data-slr-theme="dark"] body.slr-account-settings-page .slr-pwa-settings-card{
  background:#111418!important;
  border-color:#2f3336!important;
  color:#f2f4f5!important;
}
html[data-slr-theme="dark"] body.slr-account-settings-page .slr-pwa-settings-card>header{
  border-bottom-color:#2f3336!important;
}
html[data-slr-theme="dark"] body.slr-account-settings-page .slr-pwa-settings-card>header h3{
  color:#f2f4f5!important;
  -webkit-text-fill-color:#f2f4f5!important;
}
html[data-slr-theme="dark"] body.slr-account-settings-page .slr-pwa-settings-card>header p{
  color:#9aa4ae!important;
  -webkit-text-fill-color:#9aa4ae!important;
}
html[data-slr-theme="dark"] body.slr-account-settings-page .slr-pwa-settings-state{
  border-color:#343a40!important;
  background:#0b0e11!important;
  color:#f5f7f8!important;
  -webkit-text-fill-color:#f5f7f8!important;
}
html[data-slr-theme="dark"] body.slr-account-settings-page .slr-pwa-settings-state strong{
  color:#f5f7f8!important;
  -webkit-text-fill-color:#f5f7f8!important;
}
html[data-slr-theme="dark"] body.slr-account-settings-page .slr-pwa-settings-state span{
  color:#a6afb9!important;
  -webkit-text-fill-color:#a6afb9!important;
}
html[data-slr-theme="dark"] body.slr-account-settings-page .slr-pwa-settings-state button,
html[data-slr-theme="dark"] body.slr-account-settings-page .slr-pwa-settings-state button:is(:hover,:focus,:focus-visible,:active){
  background:#f4ba00!important;
  color:#111!important;
  -webkit-text-fill-color:#111!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
}