/* === v3.1: Category grids + EPG badges === */
.card.channel{position:relative;cursor:pointer}
.card .logo{width:100%;aspect-ratio:16/9;background:#0b0f14;background-size:contain;background-repeat:no-repeat;background-position:center}
.card .meta .sub{display:block;color:#9aa6b6;font-size:.85rem;margin-top:2px}
.badge{display:inline-block;padding:3px 6px;border-radius:8px;background:#223047;border:1px solid #2a3240;color:#cfe3ff;font-size:.78rem;margin-right:6px}
.nowline{margin-top:6px;color:#cbd3df;font-size:.9rem}
.nextline{color:#99a2b0;font-size:.85rem;margin-top:2px}
.actions{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}
.btn.small{padding:6px 10px;font-size:.9rem;border-radius:8px}
.grid .card .logo{aspect-ratio:16/9}
.list .item .count{float:right;color:#9aa6b6}
.spinner{display:inline-block;width:20px;height:20px;border:2px solid #2a3240;border-top-color:#4da3ff;border-radius:50%;animation:spin 1s linear infinite;vertical-align:middle}
@keyframes spin {to{transform:rotate(360deg)}}