/* LA DASHBOARD NUOVA (4 ottobre 2026; mock 2026-10-04-1850): la TV a 1920x1080; sulla web la tela scalata di sempre. Colori delle
   sezioni uguali ai tre brand di Android (ColoriDashboard). Niente gap ne' inset (Chromium 63): margini e quattro lati. */
.dash { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; font-family: "Poppins", sans-serif; color: #fff; }
.dash.dash-ferma { animation: none; }
.dash-alto { position: relative; display: flex; align-items: center; justify-content: space-between; height: 110px; margin: 30px 60px 0; }
.dash-logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 90px; }
.dash-avatar { display: flex; align-items: center; padding: 6px 22px 6px 8px; border-radius: 40px; background: rgba(0, 0, 0, 0.2); border: 2px solid rgba(255, 255, 255, 0.2); cursor: pointer; }
.dash-avatar img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }
.dash-avatar span { margin: 0 12px 0 14px; font-size: 28px; font-weight: 600; max-width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dash-avatar i { font-size: 18px; opacity: 0.8; }
.dash-destra { display: flex; align-items: center; }
.dash-ora { margin-right: 24px; }
.dash-privacy { display: flex; align-items: center; padding: 12px 20px; margin-right: 18px; border-radius: 40px; background: rgba(0, 0, 0, 0.2); border: 2px solid rgba(255, 255, 255, 0.2); font-size: 22px; cursor: pointer; }
.dash-privacy i { margin-right: 10px; font-size: 24px; color: #9a9a9a; }
.dash-privacy .privacy-stato { margin-left: 6px; font-weight: 700; color: #9a9a9a; }
.dash-privacy.privacy-on i, .dash-privacy.privacy-on .privacy-stato { color: #e7a101; }
.dash-puntini { width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.2); border: 2px solid rgba(255, 255, 255, 0.2); font-size: 26px; cursor: pointer; }
.dash-alto-focused { border-color: #e7a101 !important; box-shadow: 0 0 0 2px #e7a101; }
/* le tessere */
.dash .container { zoom: 1; flex: 1; display: flex; align-items: center; justify-content: center; }
.dash .menu { zoom: 1; display: block; border-radius: 0; width: auto; padding: 0; background: none; }
.dash .riga-tessere { display: flex; justify-content: center; align-items: center; }
.dash .dash-tessera { position: relative; width: 390px; height: 560px; margin: 0 15px; border-radius: 22px; display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; padding: 0 18px; border: none; transition: transform 0.12s; cursor: pointer; overflow: hidden; }
.dash .dash-diretta { background: linear-gradient(180deg, #c04a60, #6e1f31); }
.dash .dash-film { background: linear-gradient(180deg, #ffae1f, #e5600a); }
.dash .dash-serie { background: linear-gradient(180deg, #3f8dc6, #1c5687); }
.dash .dash-archivio { background: linear-gradient(180deg, #6fa470, #365f3e); }
.dash .dash-icona { font-size: 134px; color: #fff; margin-bottom: 28px; }
.dash .dash-tessera .menu-title { font-size: 40px; font-weight: 800; color: #fff; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.dash .dash-riga { margin-top: 8px; font-size: 22px; color: rgba(255, 255, 255, 0.9); text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.dash .dash-con-immagine { background-size: cover; background-position: 50% 50%; justify-content: flex-end; padding-bottom: 34px; }
.dash .dash-con-immagine::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, 0.8) 100%); }
.dash .dash-con-immagine .menu-title { position: relative; }
/* LE TESSERE CON LA LOCANDINA (decisione 66; sui TV dal 14 ottobre 2026): le regole di css/web.css senza html.web, che sulla web
   restano e valgono uguali. La sfumatura in fondo e' un gradiente (.dash-velo): niente filtri, va da Chromium 63. */
.dash .dash-tessera.dash-locandina { justify-content: flex-start; align-items: stretch; padding: 0; }
.dash .dash-banda { flex: none; height: 66px; display: flex; align-items: center; padding: 0 20px; box-sizing: border-box; position: relative; z-index: 3; color: #fff; }
.dash .dash-banda i { font-size: 26px; width: 34px; margin-right: 10px; text-align: center; }
.dash .dash-banda .menu-title { display: block; flex: 1; min-width: 0; max-width: none; margin: 0; padding: 0; font-size: 28px; font-weight: 800; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dash .dash-diretta .dash-banda { background: #c04a60; }
.dash .dash-film .dash-banda { background: #ffae1f; }
.dash .dash-serie .dash-banda { background: #3f8dc6; }
.dash .dash-corpo { flex: 1; position: relative; min-height: 0; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; }
.dash .dash-pieno { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.dash .dash-piatto { position: absolute; top: 22px; left: 22px; right: 22px; bottom: 96px; border-radius: 14px; background: rgba(0, 0, 0, 0.3); border: 1px solid rgba(255, 255, 255, 0.14); display: flex; align-items: center; justify-content: center; }
.dash .dash-piatto img { width: 78%; height: 70%; object-fit: contain; }
.dash .dash-velo { position: absolute; left: 0; right: 0; bottom: 0; height: 62%; z-index: 2; }
.dash .dash-col-piatto .dash-velo { display: none; }
.dash .dash-diretta .dash-velo { background: linear-gradient(180deg, rgba(110, 31, 49, 0), rgba(110, 31, 49, 0.9) 62%, #6e1f31); }
.dash .dash-film .dash-velo { background: linear-gradient(180deg, rgba(229, 96, 10, 0), rgba(229, 96, 10, 0.9) 62%, #e5600a); }
.dash .dash-serie .dash-velo { background: linear-gradient(180deg, rgba(28, 86, 135, 0), rgba(28, 86, 135, 0.9) 62%, #1c5687); }
.dash .dash-piede { position: relative; z-index: 3; padding: 0 20px 24px; color: #fff; }
.dash .dash-tit { font-size: 28px; font-weight: 700; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dash .dash-mancano { font-size: 20px; color: rgba(255, 255, 255, 0.85); margin-top: 2px; white-space: nowrap; }   /* "mancano 42 min" (punto 26g) */
.dash .dash-barra { height: 8px; border-radius: 4px; background: rgba(255, 255, 255, 0.28); margin-top: 10px; overflow: hidden; }
.dash .dash-barra b { display: block; height: 100%; background: #fff; border-radius: 4px; }
/* il fuoco: +7 %, doppio anello bianco e oro; le altre desaturate */
.dash .dash-tessera.menu-box-focused { transform: scale(1.07); z-index: 1; box-shadow: 0 0 0 5px #e7a101 inset, 0 0 0 3px #fff; }
.dash .dash-tessera.dash-spenta { filter: saturate(0.3) brightness(0.8); }
/* i menu dell'avatar e dei puntini: lo stile e' quello unico di css/menuPuntini.css (10 ottobre 2026); qui solo il posto */
.dash-menu-avatar, .dash-menu-puntini { position: absolute; top: 140px; z-index: 5; }
.dash-menu-avatar { left: 60px; }
.dash-menu-puntini { right: 60px; }