.bp-transfer-page {
    padding-top: 28px;
    padding-bottom: 54px;
}

.bp-transfer-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    padding: 26px 28px;
    margin-bottom: 18px;
    border: 1px solid #263142;
    border-radius: 20px;
    background: linear-gradient(
        135deg,
        #121923 0%,
        #0e141d 60%,
        #10243a 100%
    );
}

.bp-transfer-kicker {
    margin: 0 0 8px;
    color: #3bb6ff;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: .14em;
}

.bp-transfer-hero h1 {
    margin: 0;
    color: #fff;
    font-size: 2rem;
}

.bp-transfer-intro {
    max-width: 780px;
    margin: 12px 0 0;
    color: #aeb9c8;
    line-height: 1.5;
    font-size: 1rem;
}

.bp-transfer-update {
    min-width: 150px;
    padding: 13px 15px;
    border: 1px solid #2f4258;
    border-radius: 14px;
    background: rgba(10, 18, 28, .7);
    text-align: right;
}

.bp-transfer-update span {
    display: block;
    color: #7f90a5;
    font-size: .85rem;
}

.bp-transfer-update strong {
    display: block;
    margin-top: 5px;
    color: #d9f2ff;
    font-size: 1rem;
}


/* =========================
   종목 탭
========================= */

.bp-transfer-sport-tabs {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 14px;
}

.bp-transfer-sport-tabs a {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 52px;
    padding: 0 12px;
    border: 1px solid #252f3e;
    border-radius: 13px;
    background: #151c26;
    color: #aeb9c7;
    text-decoration: none;
    transition: .18s ease;
}

.bp-transfer-sport-tabs a:hover,
.bp-transfer-sport-tabs a.active {
    border-color: #258bc5;
    background: #122536;
    color: #fff;
}

.bp-transfer-sport-tabs span {
    font-size: 1rem;
}

.bp-transfer-sport-tabs b {
    font-size: 1rem;
    white-space: nowrap;
}

.bp-transfer-sport-tabs em {
    margin-left: auto;
    color: #4fc4ff;
    font-size: 1rem;
    font-style: normal;
}


/* =========================
   필터 / 정렬
========================= */

.bp-transfer-toolbar {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
    padding: 10px 12px;
    border: 1px solid #242e3d;
    border-radius: 13px;
    background: #111821;
}

.bp-transfer-type-filter,
.bp-transfer-period-filter,
.bp-transfer-sort-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.bp-transfer-toolbar a {
    padding: 8px 11px;
    border-radius: 9px;
    color: #8f9daf;
    font-size: 1rem;
    text-decoration: none;
}

.bp-transfer-toolbar a:hover,
.bp-transfer-toolbar a.active {
    background: #17324a;
    color: #68ccff;
}


/* =========================
   이적 목록
========================= */

.bp-transfer-list {
    display: grid;
    gap: 12px;
}

.bp-transfer-card {
    overflow: hidden;
    border: 1px solid #26303f;
    border-radius: 16px;
    background: #141b24;
}

.bp-transfer-card-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 15px;
    border-bottom: 1px solid #222c39;
    color: #8090a4;
    font-size: 1rem;
}

.bp-transfer-card-meta time {
    margin-left: auto;
}

.bp-transfer-sport {
    color: #d2dbe6;
    font-weight: 700;
}

.bp-transfer-badge {
    padding: 4px 7px;
    border-radius: 999px;
    font-size: .85rem;
    font-weight: 800;
}

.bp-transfer-badge.is-confirmed {
    background: #153b2b;
    color: #7ae3aa;
}

.bp-transfer-badge.is-inferred {
    background: #3a3116;
    color: #f1cc6a;
}

.bp-transfer-badge.is-news {
    background: #173550;
    color: #79c9ff;
}


/* =========================
   선수 / 팀 이적 정보
========================= */

.bp-transfer-move-body {
    display: grid;
    grid-template-columns:
        minmax(220px, .8fr)
        minmax(360px, 1.4fr);
    gap: 22px;
    align-items: center;
    padding: 18px;
}

.bp-transfer-player {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
}

.bp-transfer-player img,
.bp-transfer-player-placeholder {
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    border-radius: 50%;
    object-fit: cover;
    background: #202a36;
}

.bp-transfer-player-placeholder {
    display: grid;
    place-items: center;
    color: #74cfff;
    font-weight: 900;
}

.bp-transfer-player small,
.bp-transfer-team small {
    display: block;
    margin-bottom: 4px;
    color: #6f8095;
    font-size: .85rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.bp-transfer-player strong {
    display: block;
    color: #fff;
    font-size: 1rem;
}

.bp-transfer-player strong a,
.bp-transfer-team strong a {
    color: inherit;
    text-decoration: none;
}

.bp-transfer-player strong a:hover,
.bp-transfer-team strong a:hover {
    color: #53c6ff;
}

.bp-transfer-player span {
    display: block;
    margin-top: 4px;
    color: #8fa0b4;
    font-size: .85rem;
}

.bp-transfer-route {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        34px
        minmax(0, 1fr);
    align-items: center;
    gap: 8px;
}

.bp-transfer-team {
    display: grid;
    grid-template-columns: 38px 1fr;
    column-gap: 9px;
    align-items: center;
    min-height: 62px;
    padding: 10px 12px;
    border: 1px solid #263343;
    border-radius: 12px;
    background: #101720;
}

.bp-transfer-team img {
    grid-row: 1 / 3;
    width: 38px;
    height: 38px;
    object-fit: contain;
}

.bp-transfer-team small,
.bp-transfer-team strong {
    grid-column: 2;
}

.bp-transfer-team strong {
    overflow: hidden;
    color: #e8eef5;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bp-transfer-team.is-to {
    border-color: #28506b;
    background: #102233;
}

.bp-transfer-arrow {
    text-align: center;
    color: #3db9ff;
    font-size: 1rem;
}

.bp-transfer-description {
    margin: 0;
    padding: 0 18px 16px;
    color: #aab6c5;
    font-size: .85rem;
    line-height: 1.55;
}


/* =========================
   뉴스 카드
========================= */

.bp-transfer-news-body {
    padding: 18px;
}

.bp-transfer-news-body h2 {
    margin: 0;
    color: #f3f7fb;
    font-size: 1rem;
    line-height: 1.55;
}

.bp-transfer-news-body h2 a {
    color: inherit;
    text-decoration: none;
}

.bp-transfer-news-body h2 a:hover {
    color: #58c8ff;
}

.bp-transfer-news-body p {
    margin: 8px 0 0;
    color: #8796a8;
    font-size: .85rem;
}

.bp-transfer-card-source {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 15px;
    border-top: 1px solid #222c39;
    color: #6f7e90;
    font-size: .85rem;
}

.bp-transfer-card-source a {
    color: #5abef4;
    text-decoration: none;
}


/* =========================
   빈 목록
========================= */

.bp-transfer-empty {
    padding: 50px 20px;
    border: 1px dashed #304054;
    border-radius: 16px;
    background: #111821;
    text-align: center;
}

.bp-transfer-empty strong {
    color: #e7edf4;
}

.bp-transfer-empty p {
    margin: 8px 0 0;
    color: #8290a2;
}


/* =========================
   페이지네이션
========================= */

.bp-transfer-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 20px;
}

.bp-transfer-pagination a,
.bp-transfer-pagination span {
    padding: 9px 14px;
    border: 1px solid #283447;
    border-radius: 10px;
    color: #98a8ba;
    text-decoration: none;
}

.bp-transfer-pagination a:hover {
    border-color: #318ec0;
    color: #64caff;
}


/* =========================
   안내 영역
========================= */

.bp-transfer-guide {
    margin-top: 20px;
    padding: 16px 18px;
    border: 1px solid #253142;
    border-radius: 14px;
    background: #101720;
}

.bp-transfer-guide strong {
    color: #dbe5ee;
}

.bp-transfer-guide p {
    margin: 7px 0 0;
    color: #7f8fa2;
    font-size: .8rem;
    line-height: 1.65;
}


/* =========================
   태블릿
========================= */

@media (max-width: 1000px) {

    .bp-transfer-sport-tabs {
        grid-template-columns: repeat(3, 1fr);
    }

    .bp-transfer-move-body {
        grid-template-columns: 1fr;
    }

    .bp-transfer-route {
        min-width: 0;
    }

}


/* =========================
   모바일
========================= */

@media (max-width: 700px) {

    .bp-transfer-page {
        padding-top: 16px;
    }

    .bp-transfer-hero {
        display: block;
        padding: 20px;
    }

    .bp-transfer-hero h1 {
        font-size: 1.5rem;
    }

    .bp-transfer-update {
        margin-top: 16px;
        text-align: left;
    }

    .bp-transfer-sport-tabs {
        grid-template-columns: repeat(2, 1fr);
    }

    .bp-transfer-toolbar {
        display: block;
    }

    .bp-transfer-period-filter {
        margin-top: 6px;
    }

    .bp-transfer-move-body {
        padding: 14px;
    }

    .bp-transfer-route {
        grid-template-columns: 1fr 26px 1fr;
        gap: 4px;
    }

    .bp-transfer-team {
        display: block;
        min-height: 88px;
        padding: 9px;
        text-align: center;
    }

    .bp-transfer-team img {
        width: 34px;
        height: 34px;
        margin: 0 auto 5px;
    }

    .bp-transfer-team small,
    .bp-transfer-team strong {
        display: block;
    }

    .bp-transfer-team strong {
        font-size: .74rem;
        white-space: normal;
    }

    .bp-transfer-arrow {
        font-size: 1rem;
    }

    .bp-transfer-card-meta {
        flex-wrap: wrap;
    }

    .bp-transfer-card-meta time {
        margin-left: 0;
        width: 100%;
    }

    .bp-transfer-card-source {
        display: block;
    }

    .bp-transfer-card-source a {
        display: inline-block;
        margin-top: 5px;
    }

}


/* =========================================================
   2026-08-23
   Transfer Feed Status Filters
========================================================= */

.bp-transfer-kind-cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 14px;
}

.bp-transfer-kind-card {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 3px 10px;
    min-height: 78px;
    padding: 14px 15px;
    border: 1px solid #263142;
    border-radius: 14px;
    background: #131b25;
    color: #aeb9c7;
    text-decoration: none;
    transition: .18s ease;
}

.bp-transfer-kind-card:hover {
    transform: translateY(-1px);
    border-color: #36516b;
    background: #15212e;
}

.bp-transfer-kind-card span {
    align-self: end;
    color: #d9e2ec;
    font-size: 1rem;
    font-weight: 800;
}

.bp-transfer-kind-card strong {
    grid-row: 1 / 3;
    grid-column: 2;
    align-self: center;
    color: #66cbff;
    font-size: 1.25rem;
}

.bp-transfer-kind-card small {
    color: #6f8195;
    font-size: 1rem;
}

.bp-transfer-kind-card.active {
    box-shadow:
        inset 0 0 0 1px rgba(83, 198, 255, .18);
    border-color: #2e91c7;
    background: #12283a;
}

.bp-transfer-kind-card.active.is-confirmed {
    border-color: #347a5a;
    background: #11281f;
}

.bp-transfer-kind-card.active.is-confirmed strong {
    color: #7ae3aa;
}

.bp-transfer-kind-card.active.is-inferred {
    border-color: #7b682f;
    background: #29240f;
}

.bp-transfer-kind-card.active.is-inferred strong {
    color: #f1cc6a;
}

.bp-transfer-kind-card.active.is-news {
    border-color: #29618e;
    background: #10283b;
}

.bp-transfer-sort-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}


/* 카드 상태별 왼쪽 강조선 */

.bp-transfer-card.is-confirmed {
    border-left: 3px solid #347a5a;
}

.bp-transfer-card.is-inferred {
    border-left: 3px solid #8b7433;
}

.bp-transfer-card.is-news {
    border-left: 3px solid #29618e;
}

.bp-transfer-team.is-from {
    opacity: .92;
}

.bp-transfer-team.is-to {
    box-shadow:
        inset 0 0 0 1px rgba(61, 185, 255, .05);
}


/* =========================
   Status Filter 모바일
========================= */

@media (max-width: 767px) {

    .bp-transfer-kind-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .bp-transfer-kind-card {
        min-height: 72px;
        padding: 12px;
    }

    .bp-transfer-kind-card strong {
        font-size: 1rem;
    }

    .bp-transfer-toolbar {
        display: flex;
        flex-direction: column;
    }

    .bp-transfer-sort-filter {
        margin-top: 0;
    }

    .bp-transfer-kicker{font-size:.85rem;}
    .bp-transfer-intro{font-size:.85rem;}
    .bp-transfer-sport-tabs b{font-size:.85rem;}
    .bp-transfer-sport-tabs span{font-size:.85rem;}
    .bp-transfer-sport-tabs em{font-size:.85rem;}
    .bp-transfer-kind-card small{font-size:.85rem;}
    .bp-transfer-kind-card span{font-size:.85rem;}
    .bp-transfer-toolbar a{font-size:.85rem;}

}