.tv { display: flex; gap: 10px; height: 100%; background: #3a2a1a; padding: 10px; color: #fff; font: 11px Tahoma, sans-serif; }
.tv-set { background: #8a5a2a; padding: 14px; border-radius: 16px; border: 3px solid #4a2a0a; width: 380px; flex: none; text-align: center; } .tv-bezel { background: #000; padding: 10px; border-radius: 22px; border: 4px inset #444; } .tv-cv { width: 320px; height: 240px; display: block; border-radius: 14px; }
.tv-osd { color: #5aff8a; font: bold 12px monospace; margin: 8px 0 4px; background: #000; padding: 3px; } .tv-remote { display: flex; gap: 6px; justify-content: center; margin: 6px 0; } .tv-ant { cursor: pointer; color: #ffd23a; margin-top: 6px; }
.tv-epg { flex: 1; overflow: auto; background: #222; padding: 6px; } .tv-row { padding: 3px 4px; cursor: pointer; border-bottom: 1px dotted #555; } .tv-row.on { background: #1a4ac8; } .tv-row small { display: block; color: #9ac; }