/* Transfers hub and the transfer lists on team, league and match pages. */
.tr-filters { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin: .25rem 0 1rem; }
.tr-pill { display: inline-block; padding: .3rem .85rem; border-radius: 999px; border: 1px solid #e6eaee; background: #fff; color: #111c27; font-size: .88rem; font-weight: 600; text-decoration: none; }
.tr-pill:hover { border-color: #1f5fbf; color: #1f5fbf; text-decoration: none; }
.tr-pill.is-active { background: #111c27; border-color: #111c27; color: #fff; }
.tr-select { border: 1px solid #e6eaee; border-radius: 8px; padding: .3rem .6rem; font-size: .88rem; background: #fff; color: #111c27; max-width: 100%; }
.tr-list { list-style: none; margin: 0; padding: 0; }
.tr-item { display: flex; align-items: center; gap: .85rem; padding: .75rem 0; border-top: 1px solid #e6eaee; }
.tr-item:first-child { border-top: 0; }
.tr-main { flex: 1; min-width: 0; }
.tr-player { font-weight: 700; color: #111c27; }
.tr-route { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; font-size: .88rem; color: #5f6b76; margin-top: .1rem; }
.tr-route img { height: 16px; width: 16px; object-fit: contain; }
.tr-route a { color: #111c27; font-weight: 600; text-decoration: none; }
.tr-route a:hover { color: #1f5fbf; text-decoration: underline; }
.tr-arrow { color: #9aa5b1; }
.tr-side { text-align: right; flex: 0 0 auto; }
.tr-fee { display: inline-block; padding: .15rem .6rem; border-radius: 6px; background: #f3f6f8; color: #111c27; font-size: .82rem; font-weight: 700; }
.tr-fee.is-fee { background: #111c27; color: #fff; }
.tr-date { display: block; margin-top: .25rem; font-size: .78rem; color: #5f6b76; }
.tr-note { font-size: .9rem; color: #5f6b76; margin: .25rem 0 0; }
.tr-empty { padding: 2rem 1rem; text-align: center; background: #f3f6f8; border-radius: 12px; color: #5f6b76; }
.tr-pager { display: flex; justify-content: center; gap: .35rem; flex-wrap: wrap; margin: 1.25rem 0 0; }
.tr-pager a, .tr-pager span { min-width: 2.3rem; height: 2.3rem; padding: 0 .7rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; border: 1px solid #e6eaee; font-weight: 600; font-size: .9rem; color: #111c27; background: #fff; text-decoration: none; }
.tr-pager .is-current { background: #111c27; border-color: #111c27; color: #fff; }
.tr-more { display: inline-block; margin-top: .5rem; font-size: .9rem; font-weight: 600; color: #1f5fbf; }
@media (max-width: 575px) { .tr-item { flex-direction: column; align-items: flex-start; gap: .35rem; } .tr-side { text-align: left; } }
.tr-group { font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: #1f5fbf; margin: .25rem 0 .4rem; padding-bottom: .3rem; border-bottom: 2px solid #1f5fbf; }