/* NextGen Cable Online: the few web-only styles (scripts/web.js adds this after the PC app's styles). */
/* Our pages run in an <iframe> here (the PC's <webview>). */
.player iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
html, body { overscroll-behavior: none; }

/* Phones and narrow windows: the top bar scrolls sideways, and in 1+List the channel list goes under the picture,
   as on the phone app. */
@media (max-width: 760px) {
  .topbar { overflow-x: auto; scrollbar-width: none; flex-wrap: nowrap; }
  .topbar::-webkit-scrollbar { display: none; }
  .topbar .brand { flex: none; }
  .topbar .btn.top, .topbar .btn.icon { flex: none; }
  .topbar .spacer { flex: 0 0 4px; }
  .listmode { flex-direction: column; padding: 8px; gap: 8px; }
  .home .listmode .left { flex: none; justify-content: flex-start; width: 100%; }
  .home .listmode .bigbox { max-height: none; flex: none; height: auto; aspect-ratio: 16 / 9; }
  .home .listmode .chlist { flex: 1 1 auto; width: auto; max-width: none; min-width: 0; min-height: 0; align-self: stretch; }
}