/* Compact match and channel menu; shares the site's ZUWIN colour palette. */
.controls-card{padding:10px 6px 12px;background:#202937}
.source-tabs{margin:0 4px;padding:5px;gap:4px;min-height:54px;background:#2d3748}
.source-tabs button{font-size:13px;font-weight:500;padding:10px 8px;min-height:42px}
.source-tabs button[aria-selected="true"]{background:#4b5563;color:#fff}
.source-tabs button:hover{background:#ffffff0c}
.source-tabs button[aria-selected="true"]:hover{background:#4b5563}
.controls-card .search{margin:18px 12px 20px;display:flex;align-items:stretch}
.controls-card .search input{font-size:12px;padding:10px 12px;height:36px;outline-offset:2px}
.controls-card .search button{display:flex;align-items:center;justify-content:center;gap:2px;flex:none;min-width:64px;padding:8px 10px;border:0;border-radius:0 4px 4px 0;background:var(--accent);color:#051b0e;font-size:13px;font-weight:600}
.controls-card .search button:hover{filter:brightness(1.12)}
.controls-card .search svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.controls-card .channel-button{display:block;min-height:52px;padding:9px 7px;margin:0 0 7px;border:1px solid transparent;border-radius:6px;background:#2d3748;color:#e5e7eb;transition:background .15s,border-color .15s}
.controls-card .channel-button:last-child{margin-bottom:0}
.controls-card .channel-button:hover{background:#374151;border-color:#ffffff16}
.controls-card .channel-button.active{background:var(--accent);color:#fff;border-color:transparent}
.controls-card .channel-info strong{font-size:16px;line-height:20px;font-weight:600;letter-spacing:0;font-stretch:normal;overflow-wrap:anywhere}
.controls-card .channel-info small{font-size:12px;line-height:16px;margin-top:0;color:#b7c0ce;font-weight:400;font-variant-numeric:tabular-nums}
.controls-card .channel-button.active .channel-info small{color:#f0fff5}
.controls-card button:focus-visible,.controls-card input:focus-visible{outline:2px solid #70efab;outline-offset:2px}
.catalog-message{margin:8px 7px;color:#c1c8d0;font-size:12px;line-height:1.5}
.catalog-message:empty{display:none}
.catalog-pagination{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:12px 1px 0}
.catalog-pagination button{border:1px solid #ffffff20;border-radius:5px;background:#2d3748;color:#fff;padding:8px;font-size:11px;min-height:36px}
.catalog-pagination span{font-size:11px;color:#c1c8d0;font-variant-numeric:tabular-nums;white-space:nowrap}
#channel-list{max-height:min(620px,75vh);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4b5563 #202937;overscroll-behavior:contain}
#channel-list[aria-busy="true"]{opacity:.55;pointer-events:none}
.channel-header>div{min-width:0}.channel-header h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-badge{white-space:nowrap}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.controls-card .channel-button{display:flex;align-items:center;justify-content:space-between;gap:10px}.channel-watch-badge{flex-shrink:0;padding:4px 7px;border-radius:5px;background:var(--accent);color:#071a0f;font-size:10px;font-weight:750}.channel-button.active .channel-watch-badge{background:#ffffff25;color:#fff}.source-tabs button{white-space:nowrap}
@media(min-width:761px) and (max-width:992px){.content-wrapper{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px}.sidebar{margin-top:0}}
@media(max-width:760px){.controls-card{padding:8px}.controls-card .search{margin:14px 4px}.source-tabs{margin:0}.controls-card .channel-button{padding:10px;min-height:56px}.controls-card .channel-info strong{font-size:15px}.source-tabs button{font-size:13px}#channel-list{max-height:440px}.catalog-pagination{padding-top:12px}}