/* Solo PWA installata: sito nel browser completamente invariato */
@media all and (display-mode: standalone) {
 body.fs-app .site-header{position:sticky;top:0;z-index:90;background:#103d80;padding:8px 12px;min-height:60px}
 body.fs-app .site-header .nav,body.fs-app .site-header .menu-btn{display:none!important}
 body.fs-app .site-header .site-logo-img{max-height:48px;max-width:135px;object-fit:contain}
 body.fs-app .site-header .header-actions{margin-left:auto}
 body.fs-app{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px));background:#08182d}
 body.fs-app .fs-bottom{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:100;background:#0d213b;border-top:1px solid #345476;padding:8px 3px calc(9px + env(safe-area-inset-bottom,0px));box-shadow:0 -5px 25px #0006}
 body.fs-app .fs-bottom.admin-mode{grid-template-columns:repeat(6,minmax(0,1fr))}
 body.fs-app .fs-bottom button{appearance:none;background:transparent;border:0;color:#b4c6df;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;font:600 clamp(9px,2.5vw,12px) system-ui;min-height:49px;padding:2px 0;cursor:pointer}
 body.fs-app .fs-bottom button.active{color:#65b8ff;background:#183d69;border-radius:10px}
 body.fs-app .fs-bottom button.admin-tab{color:#f5c84b}
 body.fs-app .fs-bottom .fs-ico{font-size:21px;line-height:1.2}
 body.fs-app .fs-shell{max-width:1050px;margin:0 auto;padding:14px 12px 28px;color:#fff}
 body.fs-app .fs-panel{background:#142d50;border:1px solid #274869;border-radius:18px;padding:18px;margin:12px 0}
 body.fs-app .fs-panel h2,body.fs-app .fs-panel h3{color:#fff;margin:0 0 10px}
 body.fs-app .fs-muted{color:#b6c9e0;font-size:13px}
 body.fs-app .fs-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body.fs-app .fs-tile{border:1px solid #345575;background:#183557;color:#fff;border-radius:15px;padding:16px;text-align:left;min-height:100px;cursor:pointer;font:600 15px system-ui}
 body.fs-app .fs-tile small{display:block;color:#b7c8e0;font-size:12px;font-weight:400;margin-top:7px}
 body.fs-app .fs-tile .fs-tile-ico{display:block;color:#f5c84b;font-size:23px;margin-bottom:9px}
 body.fs-app .fs-link{display:block;padding:13px 15px;background:#1a3b61;border-radius:10px;margin:9px 0;color:white;text-decoration:none}
 body.fs-app .fs-action{background:#267bd0;color:white;border:0;border-radius:10px;padding:12px 16px;font-weight:700;cursor:pointer}
 body.fs-app.fs-view-form #area-personale .account-grid > .account-card:has(#rename-team-form){display:none}
 body.fs-app.fs-view-form #area-personale .section-head h2{font-size:24px}
 body.fs-app.fs-view-form #area-personale .section-head h2::after{content:' · Inserisci formazione'}
 body.fs-app .fs-shell[hidden]{display:none!important}
}
@media not all and (display-mode: standalone){.fs-shell,.fs-bottom{display:none!important}}

@media all and (display-mode:standalone){body.fs-app:not(.fs-view-form):has(.fs-shell:not([hidden])) main>section:not(.fs-shell){display:none!important}body.fs-app.fs-view-form #area-personale .account-card:has(#rename-team-form){display:none!important}}

/* Navigazione PWA: le pagine originali rimangono intatte e sono mostrate solo nella vista scelta. */
@media (display-mode:standalone){
 body.fs-app main>section{display:none!important}
 body.fs-app main>#fs-app-shell:not([hidden]){display:block!important;visibility:visible!important;opacity:1!important;min-height:55vh}
 body.fs-app[data-fs-view="form"] main>#formazioni-pubbliche,
 body.fs-app[data-fs-view="lineup"] main>#area-personale,
 body.fs-app[data-fs-view="rank"] main>#classifica,
 body.fs-app[data-fs-view="admin"] main>#admin-panel,
 body.fs-app[data-fs-view="public"] main>section.fs-current-public{display:block!important}
 body.fs-app .fs-bottom{z-index:2147483646!important;pointer-events:auto!important;isolation:isolate}
 body.fs-app .fs-bottom button{position:relative;z-index:2;touch-action:manipulation}
 body.fs-app footer{display:none!important}
 body.fs-app[data-fs-view="lineup"] #fs-rename-original{display:none!important}
 body.fs-app[data-fs-view="lineup"] #area-personale .account-grid>.account-card:not(.countdown-card):not(.lineup-card){display:none!important}
 body.fs-app[data-fs-view="lineup"] #area-personale .account-grid>.lineup-card{display:block!important}
}
@media all and (display-mode:standalone){body.fs-app .fs-shell{display:block}body.fs-app .fs-shell[hidden]{display:none!important}}

@media (display-mode:standalone){
 body.fs-app .fs-welcome{background:linear-gradient(140deg,#123f87,#0b2447)}
 body.fs-app .fs-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:12px 0}
 body.fs-app .fs-stat{background:#101f36;border:1px solid #304966;border-radius:12px;padding:12px 3px;display:flex;align-items:center;flex-direction:column;gap:6px;min-width:0}
 body.fs-app .fs-stat b{font-size:clamp(17px,5vw,27px);color:white;font-variant-numeric:tabular-nums}
 body.fs-app .fs-stat small{font-size:clamp(9px,2.4vw,12px);color:#b6c9e0;text-align:center}
 body.fs-app .fs-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
 body.fs-app .fs-panel-heading small{color:#b6c9e0}
 body.fs-app .fs-versus{display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;font-size:clamp(13px,3.8vw,19px);font-weight:700;padding:20px 3px;line-height:1.5}
 body.fs-app .fs-vs{color:#f5c84b;font-size:14px;flex-shrink:0}
 body.fs-app .fs-live-button{width:100%;background:#16875b;margin-top:8px}
 body.fs-app #fs-next-match{margin:12px 0}
}

/* Pulsante Prossima giornata: stessa larghezza e centratura del pulsante Voti Live. */
@media (display-mode:standalone){
 body.fs-app #fs-next-match + .fs-action[data-go="lineup"]{display:block;width:100%;margin:8px auto 0;text-align:center;box-sizing:border-box}
}

/* I link alle probabili formazioni sono in La mia area solo nella PWA. */
@media (display-mode:standalone){body.fs-app[data-fs-view="form"] #formazioni-pubbliche .external-lineup-links,body.fs-app[data-fs-view="form"] #formazioni-pubbliche .external-source-note{display:none!important}}

/* Saluto accanto a ESCI, solo nella app installata e solo con sessione attiva. */
@media (display-mode: standalone) {
 body.fs-app #user-menu:not([hidden]) #user-name::before {content:"Benvenuto, ";font-weight:500;}
 body.fs-app #user-menu:not([hidden]) {display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;}
 body.fs-app #user-menu:not([hidden]) #user-name {font-size:clamp(11px,2.8vw,14px);overflow-wrap:anywhere;max-width:44vw;}
 body.fs-app #user-menu:not([hidden]) #logout-btn {flex-shrink:0;}
}

@media(display-mode:standalone){
body.fs-app .fs-home-heading h2{font-size:clamp(26px,7vw,38px);margin:5px 0 2px;color:white}body.fs-app .fs-home-heading p{color:#9cb7d9;margin:0 0 18px;font-size:14px}
body.fs-app .fs-stadium{padding:17px 15px 20px;border:1px solid #1875bf;border-radius:22px;background:linear-gradient(180deg,#041a37b0,#05172de8),url('assets/stadium.svg') center/cover,#0a2545;box-shadow:0 8px 20px #0004}
body.fs-app .fs-live-top{display:flex;justify-content:space-between;align-items:center;gap:8px}body.fs-app .fs-live-top b{background:#ed242c;border-radius:25px;padding:9px 15px;box-shadow:0 0 15px #ed242c88}body.fs-app .fs-live-top small{color:#bbcee6;font-size:12px}
body.fs-app .fs-stadium-teams{display:grid;grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr);gap:5px;align-items:center;margin:18px 0 5px;text-align:center}body.fs-app .fs-stadium-side{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0;font-size:13px;overflow-wrap:anywhere}body.fs-app .fs-stadium-crest{font-size:43px}body.fs-app .fs-stadium-result{font-size:clamp(32px,8vw,48px);font-weight:900;color:white}body.fs-app .fs-live-notice{text-align:center;color:#c2d1e5;font-size:11px;margin:13px 0}
body.fs-app .fs-stadium .fs-live-button{display:block;max-width:420px;margin:10px auto 0;border-radius:30px;background:linear-gradient(#00c984,#00965d);font-size:15px;padding:14px}
body.fs-app .fs-stat-grid{gap:7px;margin:15px 0}body.fs-app .fs-stat{background:linear-gradient(145deg,#092b58,#071a35);border:1px solid #1766aa;border-radius:15px;min-height:125px;justify-content:center}body.fs-app .fs-stat:nth-child(1){border-color:#e4b92d;background:linear-gradient(145deg,#302a18,#101c32)}body.fs-app .fs-stat:nth-child(4){border-color:#6655c7;background:linear-gradient(145deg,#231e53,#101c32)}body.fs-app .fs-stat span{font-size:24px}body.fs-app .fs-stat b{font-size:clamp(22px,6vw,35px)}
body.fs-app .fs-next-panel{background:linear-gradient(130deg,#0b356a,#092344);border:1px solid #1875bf}body.fs-app .fs-next-panel h3{font-size:23px}body.fs-app .fs-next-action{width:100%;background:linear-gradient(#26adff,#0877d6);padding:15px 5px;font-size:15px}body.fs-app .fs-live-secondary{background:linear-gradient(130deg,#092b56,#0b1d39)}
}

body.fs-app .fs-stadium{background-image:linear-gradient(180deg,rgba(1,15,36,.40),rgba(2,19,40,.22) 55%,rgba(0,12,29,.70)),url('assets/stadium.svg');background-position:center;background-size:cover;min-height:285px}
body.fs-app .fs-mini-countdown{margin:14px 0 12px;padding:12px 14px;border:1px solid #2a6499;border-radius:13px;background:#0a2547;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#c6dcf5}
body.fs-app .fs-mini-countdown strong{font-size:16px;color:white;font-variant-numeric:tabular-nums;white-space:nowrap}