.live-tv-widget{display:flex;flex-direction:column;gap:0;width:100%;max-width:var(--max-width-lg);margin:0 auto}.tv-player-section{width:100%;background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-sm)}.tv-player-wrapper{position:relative;width:100%;display:flex;flex-direction:column}.hls-player-container{width:100%;aspect-ratio:16/9;background:#000}.hls-video{width:100%;height:100%;object-fit:contain}.tv-player-error,.tv-player-placeholder{width:100%;aspect-ratio:16/9;background:var(--surface-hover);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:var(--text-secondary)}.placeholder-icon{font-size:3rem;opacity:.5}.active-channel-info{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--surface)}.active-channel-details{display:flex;flex-direction:column;gap:6px}.active-channel-actions{display:flex;align-items:center;gap:12px}.active-channel-info h2{font-size:1.1rem;font-weight:600;margin:0;color:var(--text-primary)}.tv-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:.2s;flex-shrink:0}.tv-action-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.tv-action-btn.is-copied{border-color:var(--success);color:var(--success);background:rgba(16,185,129,.1)}.tv-action-btn.is-fav{color:var(--text-primary)!important}.category-badge{padding:.25rem .5rem;background:var(--primary-light);color:var(--primary);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:500;text-transform:uppercase}.tv-directory-section{gap:0;margin-top:24px}.tv-directory-section,.tv-filters{display:flex;flex-direction:column}.tv-filters{gap:12px;position:relative;margin-bottom:24px;margin-top:16px}.tv-dropdowns{display:flex;gap:12px}.tv-dropdowns>*{flex:1 1}.tv-search{width:100%}@media (max-width:768px){.tv-dropdowns{flex-direction:row;padding-bottom:4px;width:100%;gap:8px}.tv-dropdowns>*{flex:1 1;min-width:0}}.tv-channels-list{display:flex;flex-direction:column;max-height:500px;overflow-y:auto;border:1px solid var(--border);border-radius:12px;background:var(--bg-card)}.tv-channels-list::-webkit-scrollbar{width:6px}.tv-channels-list::-webkit-scrollbar-track{background:transparent}.tv-channels-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.channel-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s ease;text-align:left;position:relative;width:100%}.channel-card:last-child{border-bottom:none}.channel-card.active,.channel-card:hover{background:var(--bg-hover)}.channel-card.active{border-left:3px solid var(--primary)}.channel-logo-container{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--surface-hover);display:flex;align-items:center;justify-content:center;flex-shrink:0}.channel-logo{width:100%;height:100%;object-fit:contain;padding:4px}.channel-logo-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font-lg);font-weight:600;color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-radius:50%}.channel-info{flex:1 1;min-width:0}.channel-name{font-weight:500;color:var(--text-primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-meta{display:flex;align-items:center;gap:6px;font-size:var(--font-xs);color:var(--text-secondary)}.channel-country{font-weight:500}.playing-indicator{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:var(--error);background:var(--surface);padding:2px 6px;border-radius:12px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--error);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.channel-favorite-btn{margin-left:auto;border-radius:50%;transition:background .2s;display:flex;align-items:center;justify-content:center}.channel-favorite-btn:hover{background:rgba(0,0,0,.05)}.channel-favorite-btn.is-fav{color:var(--text-primary)!important}.tv-empty,.tv-error,.tv-loading{grid-column:1/-1;text-align:center;padding:32px;color:var(--text-secondary);background:var(--surface);border-radius:var(--radius-md);border:1px dashed var(--border)}.tv-error{color:var(--error)}