/* "CHI STA GUARDANDO?" (profili, 4 ottobre 2026, giro 4): la pagina della TV a 1920x1080, come la PaginaProfili di Android 0.1.58. */
.pf-pagina { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; align-items: center; padding: 40px 60px; box-sizing: border-box; }
.pf-testata { position: relative; width: 100%; display: flex; align-items: center; justify-content: center; min-height: 110px; }
.pf-logo { position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 90px; }
.pf-titolo { font-family: "Poppins", sans-serif; font-size: 56px; font-weight: 500; color: #fff; }
.pf-ora { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.pf-file { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; }
.pf-fila { display: flex; flex-direction: column; align-items: center; margin: 12px 0; }
.pf-profili { display: flex; justify-content: center; }
.pf-profilo { background: none; border: none; display: flex; flex-direction: column; align-items: center; margin: 0 24px; padding: 10px; cursor: pointer; color: #fff; font-family: "Poppins", sans-serif; outline: none; }
.pf-avatar { position: relative; width: 190px; height: 190px; border-radius: 50%; overflow: visible; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border: 6px solid transparent; transition: transform 0.15s; }
.pf-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.pf-piu { border: 3px dashed rgba(255, 255, 255, 0.55); font-size: 90px; color: rgba(255, 255, 255, 0.7); }
.pf-lucchetto { position: absolute; right: 2px; bottom: 6px; width: 48px; height: 48px; border-radius: 50%; background: #e7a101; color: #111; display: flex; align-items: center; justify-content: center; font-size: 22px; }
.pf-nome { margin-top: 14px; font-size: 34px; font-weight: 700; max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pf-tipo { font-size: 22px; color: rgba(255, 255, 255, 0.7); }
.pf-nuovo .pf-nome { color: rgba(255, 255, 255, 0.75); }
.pf-etichetta { margin-top: 6px; font-family: "Poppins", sans-serif; font-size: 22px; font-weight: 600; color: #e7a101; }
.pf-pulsanti { display: flex; justify-content: center; margin-top: 10px; }
.pf-pulsante { margin: 0 15px; padding: 16px 36px; font-family: "Poppins", sans-serif; font-size: 30px; font-weight: 600; color: #fff; background: rgba(255, 255, 255, 0.12); border: 2px solid rgba(255, 255, 255, 0.25); border-radius: 8px; cursor: pointer; outline: none; }
/* il fuoco: anello oro sull'avatar e testo pieno; sul pulsante bordo oro */
.pf-profilo.pf-fuoco .pf-avatar { border-color: #e7a101; transform: scale(1.06); }
.pf-profilo.pf-fuoco .pf-piu { border: 6px solid #e7a101; }
.pf-pulsante.pf-fuoco { border-color: #e7a101; background: rgba(231, 161, 1, 0.2); }

/* LA SCHERMATA DEL PIN ALL'AVVIO SUI TV (15 ottobre 2026, punto 26d; decisione 68; ListPlaylistPage.paginaPin): le misure della web
   (web.css, html.web .pf-pin-*, che sulla web vince), senza il puntatore; dentro l'area sicura dei TV come la scelta. */
.pf-pin-pagina { justify-content: center; padding: 30px 60px; }
.pf-pin-logo { height: 80px; margin-bottom: 18px; }
.pf-pin { display: flex; flex-direction: column; align-items: center; font-family: "Poppins", sans-serif; color: #fff; }
.pf-pin-chi { display: flex; flex-direction: column; align-items: center; }
.pf-pin-avatar { width: 170px; height: 170px; border: 4px solid rgba(255, 255, 255, 0.6); }
.pf-pin-nome { margin-top: 12px; font-size: 44px; font-weight: 800; max-width: 700px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pf-pin-titolo { margin-top: 4px; font-size: 26px; color: rgba(255, 255, 255, 0.8); white-space: nowrap; }
.pf-pin-punti { display: flex; margin: 18px 0 22px; }
.pf-pin-punto { width: 22px; height: 22px; margin: 0 10px; border-radius: 50%; border: 3px solid #fff; box-sizing: border-box; }
.pf-pin-punto.pf-pin-pieno { background: #fff; }
.pf-pin-tastierino { display: flex; flex-wrap: wrap; width: 312px; }
.pf-pin-tasto { width: 92px; height: 74px; margin: 6px 6px; border-radius: 12px; border: 2px solid rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.1); color: #fff; font-family: "Poppins", sans-serif; font-size: 32px; font-weight: 600; outline: none; padding: 0; }
.pf-pin-tasto.pf-fuoco { background: #e7a101; border-color: #e7a101; color: #111; }
.pf-pin-spento .pf-pin-tasto { opacity: 0.3; }
.pf-pin-cambia { display: flex; align-items: center; margin-top: 22px; padding: 10px 28px 10px 14px; border-radius: 40px; border: 2px solid rgba(255, 255, 255, 0.3); background: rgba(0, 0, 0, 0.25); color: #fff; font-family: "Poppins", sans-serif; font-size: 26px; font-weight: 600; outline: none; }
.pf-pin-cambia.pf-fuoco { background: #e7a101; border-color: #e7a101; color: #111; }
.pf-pin-mini { display: flex; margin-right: 12px; }
.pf-pin-mini img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; margin-right: -10px; border: 2px solid rgba(0, 0, 0, 0.4); }
.pf-pin-mini img:last-child { margin-right: 0; }
.pf-pin-nota { margin-top: 16px; max-width: 1100px; font-size: 18px; color: rgba(255, 255, 255, 0.6); text-align: center; }