.media-search{display:flex;gap:8px;padding:0 14px 14px}
.media-search input{min-width:0}
.media-search button{border:0;border-radius:10px;background:#c7f33f;color:#080b12;padding:0 14px;font-size:11px;font-weight:900;cursor:pointer}
.media-results{padding:0 12px 16px;overflow:auto;max-height:calc(100vh - 220px)}
.media-result{width:100%;display:flex;align-items:center;gap:11px;text-align:left;background:#121824;border:1px solid #242b39;border-radius:12px;padding:9px;margin-bottom:8px;color:#fff;cursor:pointer;transition:.16s}
.media-result:hover{border-color:#5b6680;transform:translateY(-1px)}
.media-result.selected{border-color:#c7f33f;box-shadow:inset 3px 0 #c7f33f}
.media-result b{display:block;font-size:11px;line-height:1.35}
.media-result small{display:block;color:#8c95a7;font-size:9px;margin-top:4px}
.media-poster{width:42px;height:58px;flex:0 0 42px;border-radius:6px;overflow:hidden;background:#202735;display:grid;place-items:center}
.media-poster img{width:100%;height:100%;object-fit:cover}
.media-detail{display:block;color:#8c95a7;font-size:9px;line-height:1.5;margin-top:5px}
.media-platform{display:block;margin-top:8px;padding:7px 8px;border:1px solid #d8ad5845;border-radius:8px;background:#d8ad5810;color:#e8c879;font-size:9px;font-weight:800;line-height:1.4}
.media-template{grid-column:1/-1;height:94px}

/* Mantém a lista lateral dentro da altura disponível e sempre rolável. */
.panel>#sourcePanel{flex:1;min-height:0;display:flex;flex-direction:column}
.competition-row{padding:0 18px 12px}
.competition-row select{font-size:11px;cursor:pointer}
.featured-block{padding:0 12px 12px}
.featured-head{display:flex;align-items:center;justify-content:space-between;margin:0 6px 8px;color:#8c95a7;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.featured-head button{border:0;background:transparent;color:#c7f33f;font-size:9px;font-weight:900;cursor:pointer;padding:2px 0}
.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.featured-filter{min-width:0;height:46px;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:6px;text-align:left;border:1px solid #242b39;border-radius:10px;background:#10151f;color:#fff;padding:6px;cursor:pointer;transition:.16s}
.featured-filter:hover{border-color:#59657b;transform:translateY(-1px)}
.featured-filter.active{border-color:#c7f33f;background:#182015;box-shadow:inset 2px 0 #c7f33f}
.featured-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#202735;font-size:15px;line-height:1}
.featured-name{min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:8px;font-weight:800;line-height:1.2}
.featured-count{min-width:16px;height:16px;display:grid;place-items:center;border-radius:99px;background:#242b39;color:#aeb7c8;font-size:8px;font-weight:900}
.featured-filter.active .featured-count{background:#c7f33f;color:#080b12}
.games{flex:1;min-height:0;overflow-y:auto;scrollbar-gutter:stable}
.game-broadcast{margin-top:8px;padding-top:7px;border-top:1px solid #242b39;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#aeb7c8;font-size:8px;font-weight:700}
.game-broadcast.loading{color:#d5e99a}
.game-broadcast.ready{color:#c7f33f}
.channel-state{display:block;margin:5px 1px 0;color:#8c95a7;font-size:8px;line-height:1.35}
.channel-state.ready{color:#a9cc45}
.channel-state.loading{color:#d5e99a}
.empty.error{color:#ff8b9b}
.games::-webkit-scrollbar{width:8px}
.games::-webkit-scrollbar-track{background:#0d121c;border-radius:99px}
.games::-webkit-scrollbar-thumb{background:#3a455a;border:2px solid #0d121c;border-radius:99px}
.games::-webkit-scrollbar-thumb:hover{background:#c7f33f}

@media(max-width:700px){
  .panel>#sourcePanel{display:block}
}