/*
 * IL MENU DEI TRE PUNTINI, UNO PER TUTTE LE PAGINE (10 ottobre 2026; components/MenuPuntini.js): lo stile della dashboard per Dashboard,
 * Archivio TV, Film, Serie, Diretta, schede e pagine di gestione, sui TV e nel browser. Il menu dichiara il SUO colore e il suo carattere:
 * prima li ereditava dalla pagina, e attaccato al body (le Impostazioni nel browser) il testo era nero. Il posto lo da' la pagina
 * (.dash-menu-avatar, .dash-menu-puntini, .archivio-menu, .intestazione-web-menu; nelle sezioni il contenitore .sidebar-container-*).
 * Nel browser fondo pieno e bordo da 2 px (css/web.css), come le altre finestre.
 */
.dash-menu { width: 460px; padding: 8px 0; box-sizing: border-box; border-radius: 12px; background: rgba(22, 27, 34, 0.96); border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff; font-family: "Poppins", sans-serif; text-align: left; overflow: hidden; }
.dash-menu-testa { padding: 8px 22px; font-size: 18px; color: rgba(255, 255, 255, 0.8); }
.dash-menu-testa span { font-size: 15px; font-weight: 600; color: rgba(255, 255, 255, 0.6); margin-right: 6px; }
.dash-voce { display: flex; align-items: center; height: 60px; padding: 0 22px; font-size: 22px; font-weight: 400; line-height: normal; color: #fff; cursor: pointer; }
.dash-voce i { width: 36px; flex: 0 0 auto; font-size: 22px; color: #e7a101; }
.dash-voce-testo { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dash-voce-destra { font-size: 16px; color: rgba(255, 255, 255, 0.6); margin-left: 12px; }
.dash-voce-focused { background: #e7a101; color: #111; font-weight: 600; }
.dash-voce-focused i, .dash-voce-focused .dash-voce-destra { color: #111; }