.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}

/* 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}
.games{flex:1;min-height:0;overflow-y:auto;scrollbar-gutter:stable}
.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}
}