/*
 * ============================================================
 *  TRANSFER CENTER — Isolated CSS
 *  Beşiktaş Transfer Merkezi | CodeIgniter 4
 * ============================================================
 *
 *  ALL selectors are namespaced under .transfer-center-page
 *  to guarantee zero bleed into your existing website theme.
 *
 *  SAFE: never targets body, .card, .btn, .table, .container,
 *        .badge, .row, .col-* without the namespace prefix.
 * ============================================================
 */

/* ─────────────────────────────────────────────
   CSS CUSTOM PROPERTIES (scoped to namespace)
   ───────────────────────────────────────────── */
.transfer-center-page {
    /* Base palette */
    --tc-bg-dark:      #070710;
    --tc-bg-primary:   #0c0c18;
    --tc-bg-secondary: #111122;
    --tc-bg-card:      #14142a;
    --tc-bg-elevated:  #1a1a35;

    /* Accent colours — broadcast palette */
    --tc-cyan:    #00d4ff;
    --tc-green:   #00ff88;
    --tc-red:     #ff2d55;
    --tc-orange:  #ff9500;
    --tc-purple:  #af52de;
    --tc-yellow:  #ffd60a;

    /* Text */
    --tc-text-primary:   #ffffff;
    --tc-text-secondary: #a8a8b3;
    --tc-text-muted:     #5c5c6e;

    /* Status colours */
    --tc-status-breaking:  #ff2d55;
    --tc-status-hwg:       #00ff88;
    --tc-status-medical:   #00d4ff;
    --tc-status-talks:     #ff9500;
    --tc-status-exclusive: #af52de;
    --tc-status-official:  #00ff88;

    /* Gradients */
    --tc-grad-breaking: linear-gradient(135deg, #ff2d55 0%, #ff6b35 100%);
    --tc-grad-hwg:      linear-gradient(135deg, #00ff88 0%, #00d4ff 100%);
    --tc-grad-brand:    linear-gradient(135deg, #00d4ff 0%, #00ff88 100%);
    --tc-grad-urgent:   linear-gradient(135deg, #ff9500 0%, #ff2d55 100%);

    /* Glows */
    --tc-glow-cyan:  0 0 30px rgba(0,212,255,.4);
    --tc-glow-red:   0 0 30px rgba(255,45,85,.4);
    --tc-glow-green: 0 0 30px rgba(0,255,136,.4);

    /* Typography */
    --tc-font-display: 'Oswald', sans-serif;
    --tc-font-body:    'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

    /* Layout */
    font-family: var(--tc-font-body);
    background:  var(--tc-bg-dark);
    color:       var(--tc-text-primary);
    min-height:  100vh;
    overflow-x:  hidden;
    line-height: 1.5;
}

/* Internal reset — only inside the namespace */
.transfer-center-page *,
.transfer-center-page *::before,
.transfer-center-page *::after {
    box-sizing: border-box;
}

/* ─────────────────────────────────────────────
   KEYFRAMES
   ───────────────────────────────────────────── */
@keyframes tc-urgency-flash {
    0%,100% { left: -100%; }
    50%      { left:  100%; }
}
@keyframes tc-ticker-pulse {
    0%,100% { opacity:1; transform:scale(1); }
    50%      { opacity:.5; transform:scale(1.2); }
}
@keyframes tc-ticker-scroll {
    0%   { transform:translateX(0); }
    100% { transform:translateX(-50%); }
}
@keyframes tc-live-pulse {
    0%,100% { opacity:1; box-shadow:0 0 0 0 rgba(255,255,255,.7); }
    50%      { opacity:.8; box-shadow:0 0 0 6px rgba(255,255,255,0); }
}
@keyframes tc-logo-glow {
    0%,100% { opacity:.5; transform:translate(-50%,-50%) scale(1); }
    50%      { opacity:1;  transform:translate(-50%,-50%) scale(1.1); }
}
@keyframes tc-photo-ring {
    0%,100% { opacity:1; transform:scale(1); }
    50%      { opacity:.5; transform:scale(1.02); }
}
@keyframes tc-prob-fill {
    to { width: var(--prob-width); }
}
@keyframes tc-spin {
    from { transform:rotate(0deg); }
    to   { transform:rotate(360deg); }
}
@keyframes tc-fade-in {
    from { opacity:0; transform:translateY(10px); }
    to   { opacity:1; transform:translateY(0); }
}

/* ─────────────────────────────────────────────
   URGENCY BANNER
   ───────────────────────────────────────────── */
.transfer-center-page .tc-urgency-banner {
    background:    var(--tc-bg-secondary);
    border-bottom: 1px solid rgba(255,45,85,.3);
    padding:       8px 0;
    position:      relative;
    overflow:      hidden;
}
.transfer-center-page .tc-urgency-flash {
    position:   absolute;
    top:0; left:-100%;
    width:100%; height:100%;
    background: linear-gradient(90deg,transparent,rgba(255,45,85,.1),transparent);
    animation:  tc-urgency-flash 3s ease-in-out infinite;
}
.transfer-center-page .tc-urgency-content {
    display:         flex;
    align-items:     center;
    justify-content: center;
    gap:             20px;
    position:        relative;
    z-index:         1;
}
.transfer-center-page .tc-urgency-tag {
    background:     var(--tc-status-breaking);
    color:          #fff;
    font-family:    var(--tc-font-display);
    font-size:      11px;
    font-weight:    600;
    letter-spacing: 2px;
    padding:        4px 12px;
    text-transform: uppercase;
}
.transfer-center-page .tc-urgency-countdown {
    display:     flex;
    align-items: center;
    gap:         12px;
}
.transfer-center-page .tc-countdown-label {
    font-size:      10px;
    color:          var(--tc-text-muted);
    letter-spacing: 1px;
    text-transform: uppercase;
}
.transfer-center-page .tc-countdown-timer {
    display:     flex;
    align-items: center;
    gap:         4px;
}
.transfer-center-page .tc-countdown-block {
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    background:      var(--tc-bg-card);
    padding:         4px 8px;
    border-radius:   4px;
    min-width:       40px;
}
.transfer-center-page .tc-countdown-value {
    font-family: var(--tc-font-display);
    font-size:   16px;
    font-weight: 700;
    color:       var(--tc-cyan);
}
.transfer-center-page .tc-countdown-unit {
    font-size:      8px;
    color:          var(--tc-text-muted);
    letter-spacing: 1px;
}
.transfer-center-page .tc-countdown-sep {
    font-family: var(--tc-font-display);
    font-size:   16px;
    color:       var(--tc-text-muted);
    margin:      0 2px;
}

/* ─────────────────────────────────────────────
   BREAKING TICKER
   ───────────────────────────────────────────── */
.transfer-center-page .tc-breaking-ticker {
    background: var(--tc-grad-breaking);
    display:    flex;
    align-items:stretch;
    overflow:   hidden;
    position:   relative;
}
.transfer-center-page .tc-ticker-label {
    background:      rgba(0,0,0,.4);
    display:         flex;
    align-items:     center;
    gap:             8px;
    padding:         10px 20px;
    font-family:     var(--tc-font-display);
    font-size:       12px;
    font-weight:     700;
    letter-spacing:  2px;
    text-transform:  uppercase;
    white-space:     nowrap;
    position:        relative;
    z-index:         2;
}
.transfer-center-page .tc-ticker-pulse {
    width:      8px;
    height:     8px;
    background: #fff;
    border-radius:50%;
    animation:  tc-ticker-pulse 1s ease-in-out infinite;
}
.transfer-center-page .tc-ticker-wrapper {
    flex:     1;
    overflow: hidden;
    padding:  10px 0;
}
.transfer-center-page .tc-ticker-content {
    display:     flex;
    align-items: center;
    animation:   tc-ticker-scroll 60s linear infinite;
    white-space: nowrap;
}
.transfer-center-page .tc-ticker-item {
    display:     inline-flex;
    align-items: center;
    gap:         8px;
    font-size:   13px;
    font-weight: 500;
}
.transfer-center-page .tc-ticker-badge {
    font-size:      9px;
    font-weight:    700;
    letter-spacing: .5px;
    padding:        3px 8px;
    border-radius:  3px;
    text-transform: uppercase;
}
.transfer-center-page .tc-badge-done      { background:#fff; color:var(--tc-status-hwg); }
.transfer-center-page .tc-badge-hwg       { background:var(--tc-status-hwg); color:#000; }
.transfer-center-page .tc-badge-exclusive { background:var(--tc-status-exclusive); color:#fff; }
.transfer-center-page .tc-badge-medical   { background:var(--tc-status-medical); color:#000; }
.transfer-center-page .tc-badge-breaking  { background:#fff; color:var(--tc-status-breaking); }
.transfer-center-page .tc-badge-talks     { background:var(--tc-status-talks); color:#000; }

.transfer-center-page .tc-ticker-divider {
    width:         4px;
    height:        4px;
    background:    rgba(255,255,255,.5);
    border-radius: 50%;
    margin:        0 24px;
}

/* ─────────────────────────────────────────────
   BROADCAST HEADER
   ───────────────────────────────────────────── */
.transfer-center-page .tc-broadcast-header {
    background:       var(--tc-bg-primary);
    border-bottom:    1px solid rgba(255,255,255,.05);
    padding:          16px 0;
    position:         sticky;
    top:              0;
    z-index:          100;
    backdrop-filter:  blur(20px);
}
.transfer-center-page .tc-header-bg-pattern {
    position:       absolute;
    top:0; left:0; right:0; bottom:0;
    background:
        radial-gradient(ellipse at 20% 50%, rgba(0,212,255,.05) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 50%, rgba(0,255,136,.05) 0%, transparent 50%);
    pointer-events: none;
}

/* Brand */
.transfer-center-page .tc-header-brand {
    display:     flex;
    align-items: center;
    gap:         14px;
    position:    relative;
}
.transfer-center-page .tc-brand-logo { position:relative; }
.transfer-center-page .tc-logo-img {
    width:         42px;
    height:        42px;
    border-radius: 10px;
    object-fit:    contain;
    position:      relative;
    z-index:       1;
    background:    #fff;
    padding:       2px;
}
.transfer-center-page .tc-logo-glow {
    position:   absolute;
    top:50%; left:50%;
    transform:  translate(-50%,-50%);
    width:      70px;
    height:     70px;
    background: radial-gradient(circle, rgba(200,168,91,.25) 0%, transparent 70%);
    animation:  tc-logo-glow 2s ease-in-out infinite;
}
.transfer-center-page .tc-brand-text {
    display:        flex;
    flex-direction: column;
    gap:            0;
    line-height:    1.1;
}
.transfer-center-page .tc-brand-title {
    font-family:    var(--tc-font-display);
    font-size:      17px;
    font-weight:    700;
    letter-spacing: 1px;
    color:          #fff;
}
.transfer-center-page .tc-brand-subtitle {
    font-size:      11px;
    font-weight:    500;
    color:          #c8a85b;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.transfer-center-page .tc-beta-badge {
    font-size:        9px;
    font-weight:      600;
    letter-spacing:   2px;
    text-transform:   uppercase;
    color:            #00e5ff;
    background:       rgba(0,229,255,.08);
    border:           1px solid rgba(0,229,255,.2);
    padding:          3px 10px;
    border-radius:    12px;
    line-height:      1;
    white-space:      nowrap;
    animation:        tc-beta-glow 3s ease-in-out infinite;
    margin-left:      56px;
}
@keyframes tc-beta-glow {
    0%, 100% { border-color: rgba(0,229,255,.2); box-shadow: 0 0 8px rgba(0,229,255,0);   }
    50%      { border-color: rgba(0,229,255,.45); box-shadow: 0 0 12px rgba(0,229,255,.12); }
}

/* Live status bar */
.transfer-center-page .tc-live-status-bar {
    display:         flex;
    align-items:     center;
    justify-content: center;
    gap:             20px;
    background:      var(--tc-bg-card);
    border:          1px solid rgba(255,45,85,.3);
    border-radius:   8px;
    padding:         10px 20px;
}
.transfer-center-page .tc-live-badge {
    display:       flex;
    align-items:   center;
    gap:           6px;
    background:    var(--tc-status-breaking);
    padding:       4px 12px;
    border-radius: 4px;
}
.transfer-center-page .tc-live-dot {
    width:         8px;
    height:        8px;
    background:    #fff;
    border-radius: 50%;
    animation:     tc-live-pulse 1s ease-in-out infinite;
}
.transfer-center-page .tc-live-text {
    font-family:    var(--tc-font-display);
    font-size:      12px;
    font-weight:    700;
    letter-spacing: 1px;
}
.transfer-center-page .tc-status-info {
    display:        flex;
    flex-direction: column;
    gap:            2px;
}
.transfer-center-page .tc-status-main {
    font-size:      12px;
    font-weight:    600;
    letter-spacing: .5px;
}
.transfer-center-page .tc-status-update {
    font-size: 11px;
    color:     var(--tc-text-muted);
}
.transfer-center-page .tc-viewer-count {
    display:     flex;
    align-items: center;
    gap:         6px;
    color:       var(--tc-cyan);
    font-size:   12px;
}
.transfer-center-page .tc-viewer-count i    { font-size:14px; }
.transfer-center-page .tc-viewer-label      { color:var(--tc-text-muted); font-weight:400; }

/* Header stats grid */
.transfer-center-page .tc-header-stats-grid {
    display:               grid;
    grid-template-columns: repeat(4,1fr);
    gap:                   8px;
}
.transfer-center-page .tc-stat-cell {
    background:    var(--tc-bg-card);
    border:        1px solid rgba(255,255,255,.05);
    border-radius: 8px;
    padding:       10px 8px;
    text-align:    center;
    position:      relative;
    transition:    all .3s ease;
}
.transfer-center-page .tc-stat-cell:hover {
    border-color: var(--tc-cyan);
    transform:    translateY(-2px);
}
.transfer-center-page .tc-stat-active {
    border-color: var(--tc-status-breaking);
    background:   rgba(255,45,85,.1);
}
.transfer-center-page .tc-stat-number {
    display:     block;
    font-family: var(--tc-font-display);
    font-size:   20px;
    font-weight: 700;
    color:       var(--tc-text-primary);
}
.transfer-center-page .tc-stat-active .tc-stat-number { color:var(--tc-status-breaking); }
.transfer-center-page .tc-stat-name {
    display:        block;
    font-size:      8px;
    color:          var(--tc-text-muted);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top:     2px;
}
.transfer-center-page .tc-stat-indicator {
    position:      absolute;
    top:6px; right:6px;
    width:6px; height:6px;
    background:    var(--tc-status-breaking);
    border-radius: 50%;
    animation:     tc-live-pulse 1s ease-in-out infinite;
}

/* ─────────────────────────────────────────────
   MAIN CONTENT
   ───────────────────────────────────────────── */
.transfer-center-page .tc-main-content {
    padding: 20px 0 120px;
}

/* ─────────────────────────────────────────────
   PANELS (generic sidebar sections)
   ───────────────────────────────────────────── */
.transfer-center-page .tc-panel {
    background:    var(--tc-bg-card);
    border:        1px solid rgba(255,255,255,.05);
    border-radius: 12px;
    margin-bottom: 16px;
    overflow:      hidden;
}
.transfer-center-page .tc-panel-header {
    background:    var(--tc-bg-elevated);
    padding:       14px 16px;
    display:       flex;
    align-items:   center;
    justify-content:space-between;
    border-bottom: 1px solid rgba(255,255,255,.05);
}
.transfer-center-page .tc-panel-title {
    display:        flex;
    align-items:    center;
    gap:            8px;
    font-size:      11px;
    font-weight:    700;
    letter-spacing: 1px;
    color:          var(--tc-text-secondary);
    text-transform: uppercase;
}
.transfer-center-page .tc-panel-title i { color:var(--tc-cyan); font-size:14px; }
.transfer-center-page .tc-panel-live {
    display:        flex;
    align-items:    center;
    gap:            6px;
    font-size:      9px;
    font-weight:    700;
    letter-spacing: 1px;
    color:          var(--tc-status-breaking);
}
.transfer-center-page .tc-panel-live-dot {
    width:         6px;
    height:        6px;
    background:    var(--tc-status-breaking);
    border-radius: 50%;
    animation:     tc-live-pulse 1s ease-in-out infinite;
}

/* ─────────────────────────────────────────────
   TRANSFER RADAR
   ───────────────────────────────────────────── */
.transfer-center-page .tc-radar-list   { padding:8px; }
.transfer-center-page .tc-radar-item {
    display:    flex;
    gap:        12px;
    padding:    12px;
    border-radius:8px;
    cursor:     pointer;
    transition: all .3s ease;
    position:   relative;
}
.transfer-center-page .tc-radar-item:hover {
    background: rgba(255,255,255,.03);
    transform:  translateX(4px);
}
.transfer-center-page .tc-radar-urgency {
    display:        flex;
    flex-direction: column;
    align-items:    center;
    gap:            4px;
    padding-top:    4px;
}
.transfer-center-page .tc-urgency-dot {
    width:         10px;
    height:        10px;
    border-radius: 50%;
    flex-shrink:   0;
}
.transfer-center-page .tc-radar-urgent .tc-urgency-dot {
    background: var(--tc-status-breaking);
    box-shadow: 0 0 10px var(--tc-status-breaking);
    animation:  tc-live-pulse 1s ease-in-out infinite;
}
.transfer-center-page .tc-radar-active .tc-urgency-dot     { background:var(--tc-status-talks); }
.transfer-center-page .tc-radar-monitoring .tc-urgency-dot { background:var(--tc-cyan); }
.transfer-center-page .tc-urgency-line {
    width:      2px;
    flex:       1;
    min-height: 30px;
    background: rgba(255,255,255,.1);
}
.transfer-center-page .tc-radar-urgent .tc-urgency-line  { background:linear-gradient(to bottom,var(--tc-status-breaking),transparent); }
.transfer-center-page .tc-radar-active .tc-urgency-line  { background:linear-gradient(to bottom,var(--tc-status-talks),transparent); }

.transfer-center-page .tc-radar-main          { flex:1; min-width:0; }
.transfer-center-page .tc-radar-player-row {
    display:         flex;
    justify-content: space-between;
    align-items:     center;
    margin-bottom:   6px;
}
.transfer-center-page .tc-radar-name  { font-weight:600; font-size:14px; }
.transfer-center-page .tc-radar-time  { font-size:11px; color:var(--tc-text-muted); }
.transfer-center-page .tc-radar-transfer {
    display:       flex;
    align-items:   center;
    gap:           6px;
    font-size:     12px;
    color:         var(--tc-text-secondary);
    margin-bottom: 8px;
}
.transfer-center-page .tc-radar-club.tc-from { color:var(--tc-text-muted); }
.transfer-center-page .tc-radar-club.tc-to   { color:var(--tc-cyan); font-weight:500; }
.transfer-center-page .tc-radar-transfer i   { font-size:10px; color:var(--tc-cyan); }
.transfer-center-page .tc-radar-status {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
}
.transfer-center-page .tc-status-tag {
    font-size:      9px;
    font-weight:    700;
    letter-spacing: .5px;
    padding:        3px 8px;
    border-radius:  3px;
    text-transform: uppercase;
}
.transfer-center-page .tc-status-medical  { background:rgba(0,212,255,.2); color:var(--tc-cyan); }
.transfer-center-page .tc-status-agreed   { background:rgba(0,255,136,.2); color:var(--tc-green); }
.transfer-center-page .tc-status-talks    { background:rgba(255,149,0,.2); color:var(--tc-orange); }
.transfer-center-page .tc-status-bid      { background:rgba(175,82,222,.2); color:var(--tc-purple); }
.transfer-center-page .tc-status-contact  { background:rgba(255,255,255,.1); color:var(--tc-text-secondary); }
.transfer-center-page .tc-status-fee      { font-size:12px; font-weight:700; color:var(--tc-green); }
.transfer-center-page .tc-panel-expand-btn {
    width:           100%;
    background:      var(--tc-bg-elevated);
    border:          none;
    color:           var(--tc-cyan);
    font-size:       12px;
    font-weight:     500;
    padding:         12px;
    cursor:          pointer;
    display:         flex;
    align-items:     center;
    justify-content: center;
    gap:             6px;
    transition:      all .3s ease;
}
.transfer-center-page .tc-panel-expand-btn:hover { background:var(--tc-bg-secondary); }

/* ─────────────────────────────────────────────
   TRENDING / PLAYER CARDS
   ───────────────────────────────────────────── */
.transfer-center-page .tc-trend-time { font-size:10px; color:var(--tc-text-muted); }
.transfer-center-page .tc-trending-list { padding:8px; }
.transfer-center-page .tc-trending-item {
    display:     flex;
    align-items: center;
    gap:         12px;
    padding:     10px;
    border-radius:8px;
    cursor:      pointer;
    transition:  all .3s ease;
}
.transfer-center-page .tc-trending-item:hover { background:rgba(255,255,255,.03); }
.transfer-center-page .tc-trending-hot {
    background:  rgba(255,45,85,.05);
    border-left: 3px solid var(--tc-status-breaking);
}
.transfer-center-page .tc-trending-rank {
    width:           26px;
    height:          26px;
    background:      var(--tc-bg-elevated);
    border-radius:   6px;
    display:         flex;
    align-items:     center;
    justify-content: center;
    font-weight:     700;
    font-size:       12px;
    color:           var(--tc-text-secondary);
}
.transfer-center-page .tc-trending-hot .tc-trending-rank { background:var(--tc-grad-breaking); color:#fff; }
.transfer-center-page .tc-trending-info { flex:1; min-width:0; }
.transfer-center-page .tc-trending-name {
    display:       block;
    font-weight:   600;
    font-size:     13px;
    margin-bottom: 2px;
}
.transfer-center-page .tc-trending-meta { display:flex; gap:8px; }
.transfer-center-page .tc-trending-club { font-size:11px; color:var(--tc-text-muted); }
.transfer-center-page .tc-trending-change {
    display:     flex;
    align-items: center;
    gap:         2px;
    font-size:   12px;
    font-weight: 700;
}
.transfer-center-page .tc-change-up { color:var(--tc-green); }
.transfer-center-page .tc-trending-change i { font-size:10px; }

/* =========================================================
   HERO SECTION
========================================================= */

.transfer-center-page .tc-hero{

    position:relative;

    overflow:hidden;

    border-radius:32px;

    padding:34px;

    background:
    linear-gradient(
        135deg,
        rgba(11,17,32,.98),
        rgba(7,12,24,.98)
    );

    border:
    1px solid rgba(255,255,255,.06);

    box-shadow:
    0 0 60px rgba(0,212,255,.08);
}

.transfer-center-page .tc-hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:
    radial-gradient(
        circle at top right,
        rgba(0,212,255,.14),
        transparent 45%
    );

    pointer-events:none;
}

.transfer-center-page .tc-hero-content{

    display:flex;

    align-items:center;

    gap:34px;

    position:relative;

    z-index:2;
}

/* =========================================================
   PLAYER SIDE
========================================================= */

.transfer-center-page .tc-hero-player{

    display:flex;

    align-items:center;

    gap:24px;

    min-width:0;
    flex: 1;
}

.transfer-center-page .tc-player-photo-wrap{

    position:relative;

    width:150px;

    min-width:150px;

    height:210px;

    border-radius:24px;

    overflow:hidden;

    border:2px solid var(--tc-cyan);

    background:
    linear-gradient(
        180deg,
        rgba(12,18,40,.98),
        rgba(5,9,22,.98)
    );

    box-shadow:
    0 0 40px rgba(0,212,255,.18);

    flex-shrink:0;
}

.transfer-center-page .tc-player-photo{

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:top center;

    display:block;

    transform:scale(1.02);
}

.transfer-center-page .tc-photo-ring{

    position:absolute;

    inset:0;

    border-radius:24px;

    border:
    1px solid rgba(255,255,255,.08);

    pointer-events:none;
}

.transfer-center-page .tc-player-details{

    display:flex;

    flex-direction:column;

    justify-content:center;

    flex:1;
    min-width:0;
}

.transfer-center-page .tc-player-position{

    font-size:11px;

    font-weight:700;

    letter-spacing:2px;

    color:var(--tc-cyan);

    margin-bottom:8px;

    text-transform:uppercase;
}

.transfer-center-page .tc-player-name{

    font-family:var(--tc-font-display);

    font-size:42px;

    font-weight:700;

    letter-spacing:1px;

    line-height:1;

    margin:0 0 14px;

    color:#fff;
}

.transfer-center-page .tc-player-meta{

    display:flex;

    align-items:center;

    gap:12px;

    font-size:13px;

    color:var(--tc-text-secondary);
}

/* =========================================================
   TRANSFER DETAILS
========================================================= */

.transfer-center-page .tc-hero-transfer-details{

    flex:1;
}

.transfer-center-page .tc-transfer-flow{

    display:flex;

    align-items:center;

    justify-content:space-between;

    background:var(--tc-bg-elevated);

    border-radius:18px;

    padding:24px;

    margin-bottom:18px;

    border:
    1px solid rgba(255,255,255,.04);
}

.transfer-center-page .tc-flow-club{

    text-align:center;
}

.transfer-center-page .tc-club-abbr{

    display:block;

    font-family:var(--tc-font-display);

    font-size:36px;

    font-weight:700;

    margin-bottom:6px;
}

.transfer-center-page .tc-flow-club.tc-from .tc-club-abbr{

    color:#8b93a7;
}

.transfer-center-page .tc-flow-club.tc-to .tc-club-abbr{

    color:var(--tc-cyan);
}

.transfer-center-page .tc-club-full{

    font-size:11px;

    color:var(--tc-text-muted);

    text-transform:uppercase;

    letter-spacing:1px;
}

.transfer-center-page .tc-flow-arrow{

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:8px;

    position:relative;
}

.transfer-center-page .tc-arrow-line{

    position:absolute;

    top:50%;

    left:-60px;

    right:-60px;

    height:2px;

    background:
    linear-gradient(
        90deg,
        transparent,
        var(--tc-cyan),
        transparent
    );

    z-index:0;
}

.transfer-center-page .tc-flow-arrow i{

    position:relative;

    z-index:2;

    font-size:32px;

    color:var(--tc-cyan);

    background:var(--tc-bg-elevated);

    padding:0 12px;
}

.transfer-center-page .tc-transfer-type{

    position:relative;

    z-index:2;

    background:var(--tc-bg-elevated);

    padding:0 10px;

    font-size:10px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    color:var(--tc-green);
}

/* =========================================================
   DATA GRID
========================================================= */

.transfer-center-page .tc-transfer-data-grid{

    display:grid;

    grid-template-columns:
    repeat(4,1fr);

    gap:14px;
}

.transfer-center-page .tc-data-cell{

    background:var(--tc-bg-elevated);

    border-radius:14px;

    padding:16px;

    text-align:center;

    border:
    1px solid rgba(255,255,255,.05);
}

.transfer-center-page .tc-data-label{

    display:block;

    font-size:10px;

    color:var(--tc-text-muted);

    text-transform:uppercase;

    letter-spacing:1px;

    margin-bottom:8px;
}

.transfer-center-page .tc-data-value{

    font-family:var(--tc-font-display);

    font-size:16px;

    font-weight:600;

    color:#fff;
}

/* =========================================================
   HERO RESPONSIVE
========================================================= */

@media(max-width:1100px){

    .transfer-center-page .tc-hero-content{

        flex-direction:column;

        align-items:flex-start;
    }

    .transfer-center-page .tc-hero-player{

        min-width:100%;
    }

    .transfer-center-page .tc-transfer-data-grid{

        grid-template-columns:
        repeat(2,1fr);
    }

    .transfer-center-page .tc-player-photo-wrap {
        width: 120px;
        min-width: 120px;
        height: 170px;
    }

    .transfer-center-page .tc-player-name {
        font-size: 30px;
    }
}

@media(max-width:768px){

    .transfer-center-page .tc-hero{

        padding:22px;
    }

    .transfer-center-page .tc-hero-player{

        flex-direction:column;

        align-items:flex-start;
    }

    .transfer-center-page .tc-player-name{

        font-size:30px;
    }

    .transfer-center-page .tc-transfer-flow{

        flex-direction:column;

        gap:22px;
    }

    .transfer-center-page .tc-arrow-line{

        display:none;
    }

    .transfer-center-page .tc-transfer-data-grid{

        grid-template-columns:1fr;
    }
}

/* ─────────────────────────────────────────────
   LIVE FEED
   ───────────────────────────────────────────── */
.transfer-center-page .tc-live-feed-section {
    background:    var(--tc-bg-card);
    border:        1px solid rgba(255,255,255,.05);
    border-radius: 16px;
    overflow:      hidden;
}
.transfer-center-page .tc-feed-header {
    background:      var(--tc-bg-elevated);
    padding:         16px 20px;
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    border-bottom:   1px solid rgba(255,255,255,.05);
    flex-wrap:       wrap;
    gap:             8px;
}
.transfer-center-page .tc-feed-title {
    display:        flex;
    align-items:    center;
    gap:            10px;
    font-size:      13px;
    font-weight:    700;
    letter-spacing: 1px;
}
.transfer-center-page .tc-feed-live-indicator {
    width:         8px;
    height:        8px;
    background:    var(--tc-status-breaking);
    border-radius: 50%;
    animation:     tc-live-pulse 1s ease-in-out infinite;
}
.transfer-center-page .tc-feed-title i { color:var(--tc-status-breaking); }
.transfer-center-page .tc-feed-filters { display:flex; gap:6px; }
.transfer-center-page .tc-filter-pill {
    background:     rgba(255,255,255,.04);
    border:         1px solid rgba(255,255,255,.1);
    color:          var(--tc-text-secondary);
    padding:        6px 14px;
    border-radius:  50px;
    font-size:      11px;
    font-weight:    600;
    cursor:         pointer;
    transition:     all .2s ease;
    letter-spacing: .3px;
    font-family:    var(--tc-font-body);
}
.transfer-center-page .tc-filter-pill:hover  { border-color:rgba(255,255,255,.25); color:#fff; }
.transfer-center-page .tc-filter-pill.active { background:var(--tc-cyan); border-color:var(--tc-cyan); color:#000; font-weight:700; }
.transfer-center-page .tc-feed-stream { padding:12px; }

/* Update cards */
.transfer-center-page .tc-update-card {
    display:       flex;
    gap:           16px;
    padding:       16px;
    border-radius: 10px;
    margin-bottom: 10px;
    position:      relative;
    transition:    all .3s ease;
    border-left:   3px solid transparent;
}
.transfer-center-page .tc-update-card:hover { background:rgba(255,255,255,.02); }
.transfer-center-page .tc-card-breaking  { background:rgba(255,45,85,.05);   border-left-color:var(--tc-status-breaking); }
.transfer-center-page .tc-card-here-we-go{ background:rgba(0,255,136,.05);   border-left-color:var(--tc-status-hwg); }
.transfer-center-page .tc-card-medical   {                                    border-left-color:var(--tc-status-medical); }
.transfer-center-page .tc-card-talks     {                                    border-left-color:var(--tc-status-talks); }
.transfer-center-page .tc-card-exclusive { background:rgba(175,82,222,.05);  border-left-color:var(--tc-status-exclusive); }
.transfer-center-page .tc-card-official  { background:rgba(0,255,136,.03);   border-left-color:var(--tc-status-official); }

.transfer-center-page .tc-update-pulse {
    position:      absolute;
    top:16px; right:16px;
    width:10px; height:10px;
    background:    var(--tc-status-breaking);
    border-radius: 50%;
    animation:     tc-live-pulse 1s ease-in-out infinite;
}
.transfer-center-page .tc-update-timestamp { min-width:60px; text-align:center; }
.transfer-center-page .tc-ts-date {
    display:     block;
    font-size:   9px;
    color:       var(--tc-text-muted);
    letter-spacing: .5px;
    margin-bottom: 2px;
}
.transfer-center-page .tc-ts-time {
    display:     block;
    font-family: var(--tc-font-display);
    font-size:   15px;
    font-weight: 600;
    margin-bottom:2px;
}
.transfer-center-page .tc-ts-ago  { font-size:10px; color:var(--tc-text-muted); }

/* Sıcak Dosyalar & Trend Oyuncular — link hover */
.transfer-center-page a.tc-prob-card:hover,
.transfer-center-page a.tc-discussion-item:hover {
    background: rgba(255,255,255,.03);
    border-color: var(--tc-cyan);
}
.transfer-center-page .tc-update-body { flex:1; min-width:0; word-break: break-word; overflow-wrap: break-word; }
.transfer-center-page .tc-update-tag {
    display:        inline-flex;
    align-items:    center;
    gap:            5px;
    font-size:      9px;
    font-weight:    700;
    letter-spacing: .5px;
    padding:        4px 10px;
    border-radius:  4px;
    margin-bottom:  10px;
    text-transform: uppercase;
}
.transfer-center-page .tc-tag-breaking  { background:var(--tc-status-breaking);  color:#fff; }
.transfer-center-page .tc-tag-here-we-go{ background:var(--tc-status-hwg);       color:#000; }
.transfer-center-page .tc-tag-medical   { background:var(--tc-status-medical);   color:#000; }
.transfer-center-page .tc-tag-talks     { background:var(--tc-status-talks);     color:#000; }
.transfer-center-page .tc-tag-exclusive { background:var(--tc-status-exclusive); color:#fff; }
.transfer-center-page .tc-tag-official  { background:var(--tc-status-official);  color:#000; }

.transfer-center-page .tc-update-title {
    font-size:    15px;
    font-weight:  700;
    line-height:  1.3;
    margin-bottom:8px;
    margin-top:   0;
}
.transfer-center-page .tc-update-excerpt {
    font-size:    13px;
    color:        var(--tc-text-secondary);
    line-height:  1.5;
    margin-bottom:12px;
}
.transfer-center-page .tc-transfer-summary {
    display:       flex;
    align-items:   center;
    gap:           16px;
    background:    var(--tc-bg-elevated);
    border-radius: 8px;
    padding:       10px 14px;
    margin-bottom: 12px;
    flex-wrap:     wrap;
}
.transfer-center-page .tc-summary-official { border:1px solid rgba(0,255,136,.3); }
.transfer-center-page .tc-summary-player { display:flex; flex-direction:column; min-width:0; }
.transfer-center-page .tc-sp-name { font-weight:700; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.transfer-center-page .tc-sp-pos  { font-size:10px; color:var(--tc-text-muted); }
.transfer-center-page .tc-summary-route {
    display:     flex;
    align-items: center;
    gap:         8px;
    flex:        1;
    font-size:   12px;
    color:       var(--tc-text-secondary);
    min-width:   0;
    overflow:    hidden;
}
.transfer-center-page .tc-summary-route span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.transfer-center-page .tc-summary-route i { color:var(--tc-cyan); }
.transfer-center-page .tc-summary-fee {
    font-family: var(--tc-font-display);
    font-size:   15px;
    font-weight: 700;
    color:       var(--tc-green);
    flex-shrink: 0;
}
.transfer-center-page .tc-competing-teams {
    display:       flex;
    align-items:   center;
    gap:           8px;
    flex-wrap:     wrap;
    margin-bottom: 12px;
}
.transfer-center-page .tc-competing-label { font-size:11px; color:var(--tc-text-muted); }
.transfer-center-page .tc-team-badge {
    font-size:     11px;
    background:    var(--tc-bg-elevated);
    padding:       4px 10px;
    border-radius: 4px;
    color:         var(--tc-text-secondary);
}
.transfer-center-page .tc-update-footer {
    display:     flex;
    align-items: center;
    gap:         20px;
    font-size:   11px;
    color:       var(--tc-text-muted);
    flex-wrap:   wrap;
}
.transfer-center-page .tc-update-source      { display:flex; align-items:center; gap:5px; }
.transfer-center-page .tc-update-engagement  { color:var(--tc-status-breaking); font-weight:600; }

/* ═══════════════════════════════════════════════════════════
   SIGNAL REACTIONS — Premium Transfer Dashboard
   ═══════════════════════════════════════════════════════════ */
.transfer-center-page .tc-reactions {
    display:        flex;
    align-items:    center;
    gap:            0;
    margin-left:    auto;
    background:     rgba(255,255,255,.015);
    border:         1px solid rgba(255,255,255,.04);
    border-radius:  8px;
    padding:        2px;
    backdrop-filter: blur(4px);
}
.transfer-center-page .tc-react-btn {
    position:       relative;
    display:        inline-flex;
    align-items:    center;
    gap:            5px;
    background:     transparent;
    border:         none;
    border-radius:  6px;
    padding:        5px 10px;
    font-size:      11px;
    font-weight:    500;
    cursor:         pointer;
    color:          rgba(255,255,255,.25);
    transition:     all .25s cubic-bezier(.4,0,.2,1);
    user-select:    none;
    -webkit-user-select: none;
    font-family:    var(--tc-font-body);
    letter-spacing: .01em;
    overflow:       hidden;
}
/* Ince separator */
.transfer-center-page .tc-react-btn + .tc-react-btn::before {
    content:       '';
    position:      absolute;
    left:          0;
    top:           25%;
    height:        50%;
    width:         1px;
    background:    rgba(255,255,255,.05);
    transition:    background .25s ease;
}
.transfer-center-page .tc-react-btn:hover + .tc-react-btn::before,
.transfer-center-page .tc-react-btn:has(+ .tc-react-btn:hover)::before {
    background: rgba(255,255,255,.02);
}

/* ── Icons ──────────────────────────────────── */
.transfer-center-page .tc-react-btn i {
    font-size:     12px;
    transition:    all .25s cubic-bezier(.4,0,.2,1);
    position:      relative;
    z-index:       1;
}
.transfer-center-page .tc-react-btn .tc-react-label {
    font-size:      10px;
    font-weight:    500;
    letter-spacing: .03em;
    position:       relative;
    z-index:        1;
}
.transfer-center-page .tc-react-btn .tc-react-count {
    font-size:      11px;
    font-weight:    600;
    min-width:      18px;
    text-align:     center;
    color:          rgba(255,255,255,.18);
    transition:     all .25s cubic-bezier(.4,0,.2,1);
    position:       relative;
    z-index:        1;
    font-variant-numeric: tabular-nums;
}

/* ── Hover: lift + subtle background ────────── */
.transfer-center-page .tc-react-btn:hover {
    color:      rgba(255,255,255,.85);
    background: rgba(255,255,255,.03);
    transform:  translateY(-1px);
}
.transfer-center-page .tc-react-btn:hover .tc-react-count {
    color: rgba(255,255,255,.45);
}

/* ── Color accent per reaction type ─────────── */
.transfer-center-page .tc-react-btn[data-emoji="like"]:hover {
    background: rgba(0,255,136,.06);
    color:      #00ff88;
}
.transfer-center-page .tc-react-btn[data-emoji="like"]:hover i {
    filter: drop-shadow(0 0 6px rgba(0,255,136,.4));
}
.transfer-center-page .tc-react-btn[data-emoji="fire"]:hover {
    background: rgba(255,107,44,.06);
    color:      #ff6b2c;
}
.transfer-center-page .tc-react-btn[data-emoji="fire"]:hover i {
    filter: drop-shadow(0 0 6px rgba(255,107,44,.4));
}
.transfer-center-page .tc-react-btn[data-emoji="think"]:hover {
    background: rgba(100,180,255,.06);
    color:      #64b4ff;
}
.transfer-center-page .tc-react-btn[data-emoji="think"]:hover i {
    filter: drop-shadow(0 0 6px rgba(100,180,255,.4));
}
.transfer-center-page .tc-react-btn[data-emoji="dislike"]:hover {
    background: rgba(255,45,85,.06);
    color:      #ff2d55;
}
.transfer-center-page .tc-react-btn[data-emoji="dislike"]:hover i {
    filter: drop-shadow(0 0 6px rgba(255,45,85,.4));
}

/* ── Active/Clicked state ───────────────────── */
.transfer-center-page .tc-react-btn.active {
    color:        #fff;
    font-weight:  600;
}
.transfer-center-page .tc-react-btn[data-emoji="like"].active {
    background: rgba(0,255,136,.12);
    color:      #00ff88;
    box-shadow: 0 0 12px rgba(0,255,136,.08);
}
.transfer-center-page .tc-react-btn[data-emoji="fire"].active {
    background: rgba(255,107,44,.12);
    color:      #ff6b2c;
    box-shadow: 0 0 12px rgba(255,107,44,.08);
}
.transfer-center-page .tc-react-btn[data-emoji="think"].active {
    background: rgba(100,180,255,.12);
    color:      #64b4ff;
    box-shadow: 0 0 12px rgba(100,180,255,.08);
}
.transfer-center-page .tc-react-btn[data-emoji="dislike"].active {
    background: rgba(255,45,85,.12);
    color:      #ff2d55;
    box-shadow: 0 0 12px rgba(255,45,85,.08);
}
.transfer-center-page .tc-react-btn.active .tc-react-count {
    color: inherit;
    opacity: .8;
}

/* ── Press state ────────────────────────────── */
.transfer-center-page .tc-react-btn:active {
    transform:  scale(.93);
    transition: transform .1s cubic-bezier(.4,0,.2,1);
}

/* ── Pop animation on click ─────────────────── */
.transfer-center-page .tc-react-pop {
    animation: tc-react-pop .4s cubic-bezier(.34,1.56,.64,1);
}
@keyframes tc-react-pop {
    0%   { transform: scale(1); }
    30%  { transform: scale(1.25); }
    60%  { transform: scale(.95); }
    100% { transform: scale(1); }
}

/* ── Count pulse when number changes ────────── */
.transfer-center-page .tc-react-count-pulse {
    animation: tc-count-bump .35s cubic-bezier(.34,1.56,.64,1);
}
@keyframes tc-count-bump {
    0%   { transform: scale(1); }
    40%  { transform: scale(1.4); color: #fff; }
    100% { transform: scale(1); }
}

/* ── Ripple effect on click ─────────────────── */
.transfer-center-page .tc-react-ripple {
    position:         absolute;
    border-radius:    50%;
    background:       rgba(255,255,255,.15);
    transform:        scale(0);
    animation:        tc-ripple .5s ease-out forwards;
    pointer-events:   none;
}
@keyframes tc-ripple {
    to { transform: scale(4); opacity: 0; }
}

/* ── Mobile ─────────────────────────────────── */
@media (max-width: 768px) {
    .transfer-center-page .tc-reactions {
        gap:         0;
        border-radius: 6px;
    }
    .transfer-center-page .tc-react-btn {
        padding:     4px 7px;
        gap:         3px;
    }
    .transfer-center-page .tc-react-btn i {
        font-size:   11px;
    }
    .transfer-center-page .tc-react-btn .tc-react-label {
        font-size:   9px;
    }
    .transfer-center-page .tc-react-btn .tc-react-count {
        font-size:   10px;
        min-width:   14px;
    }
}
@media (max-width: 480px) {
    .transfer-center-page .tc-reactions {
        width:      100%;
        justify-content: space-between;
        margin-left: 0;
        margin-top:  8px;
    }
    .transfer-center-page .tc-react-btn .tc-react-label {
        display: none;
    }
    .transfer-center-page .tc-react-btn {
        padding: 5px 8px;
        gap: 4px;
        flex: 1;
        justify-content: center;
    }
}
/* Load more button consolidated below */

/* ─────────────────────────────────────────────
   PROBABILITY CARDS
   ───────────────────────────────────────────── */
.transfer-center-page .tc-probability-list { padding:12px; }
.transfer-center-page .tc-prob-card {
    background:    var(--tc-bg-elevated);
    border-radius: 8px;
    padding:       14px;
    margin-bottom: 10px;
    transition:    all .3s ease;
}
.transfer-center-page .tc-prob-card:hover {
    transform:  translateY(-2px);
    box-shadow: 0 8px 30px rgba(0,0,0,.3);
}
.transfer-center-page .tc-prob-header {
    display:         flex;
    align-items:     flex-start;
    justify-content: space-between;
    margin-bottom:   10px;
}
.transfer-center-page .tc-prob-player { display:flex; flex-direction:column; gap:2px; }
.transfer-center-page .tc-prob-name   { font-weight:600; font-size:13px; }
.transfer-center-page .tc-prob-dest   { font-size:11px; color:var(--tc-text-muted); display:flex; align-items:center; gap:4px; }
.transfer-center-page .tc-prob-dest i { font-size:10px; color:var(--tc-cyan); }
.transfer-center-page .tc-prob-percent { font-family:var(--tc-font-display); font-size:20px; font-weight:700; }
.transfer-center-page .tc-prob-high   { color:var(--tc-green); }
.transfer-center-page .tc-prob-medium { color:var(--tc-orange); }
.transfer-center-page .tc-prob-low    { color:var(--tc-text-muted); }
.transfer-center-page .tc-prob-bar {
    height:        4px;
    background:    rgba(255,255,255,.1);
    border-radius: 2px;
    overflow:      hidden;
}
.transfer-center-page .tc-prob-fill {
    height:        100%;
    border-radius: 2px;
    width:         0;
    animation:     tc-prob-fill 1s ease-out forwards;
    animation-delay:.3s;
}
.transfer-center-page .tc-prob-fill-high   { background:var(--tc-grad-hwg); }
.transfer-center-page .tc-prob-fill-medium { background:var(--tc-orange); }
.transfer-center-page .tc-prob-fill-low    { background:var(--tc-text-muted); }

/* ─────────────────────────────────────────────
   DISCUSSIONS
   ───────────────────────────────────────────── */
.transfer-center-page .tc-discussions-list { padding:8px; }
.transfer-center-page .tc-discussion-item {
    display:       flex;
    align-items:   center;
    gap:           12px;
    padding:       10px;
    border-radius: 8px;
    cursor:        pointer;
    transition:    all .3s ease;
}
.transfer-center-page .tc-discussion-item:hover { background:rgba(255,255,255,.03); }
.transfer-center-page .tc-discussion-rank {
    width:           26px;
    height:          26px;
    background:      var(--tc-bg-elevated);
    border-radius:   6px;
    display:         flex;
    align-items:     center;
    justify-content: center;
    font-weight:     700;
    font-size:       11px;
    color:           var(--tc-text-secondary);
}
.transfer-center-page .tc-rank-hot { background:var(--tc-grad-breaking); color:#fff; }
.transfer-center-page .tc-discussion-content { flex:1; display:flex; flex-direction:column; gap:2px; }
.transfer-center-page .tc-discussion-topic   { font-size:12px; font-weight:500; }
.transfer-center-page .tc-discussion-count {
    font-size:   11px;
    color:       var(--tc-status-breaking);
    font-weight: 600;
    display:     flex;
    align-items: center;
    gap:         4px;
}

/* ─────────────────────────────────────────────
   TIMELINE
   ───────────────────────────────────────────── */
.transfer-center-page .tc-timeline { padding:16px; }
.transfer-center-page .tc-timeline-event {
    display:     flex;
    align-items: flex-start;
    gap:         14px;
    padding-bottom:18px;
    position:    relative;
}
.transfer-center-page .tc-timeline-event:not(:last-child)::after {
    content:    '';
    position:   absolute;
    left:       9px; top:24px; bottom:0;
    width:      2px;
    background: rgba(255,255,255,.1);
}
.transfer-center-page .tc-timeline-marker {
    width:         20px;
    height:        20px;
    border-radius: 50%;
    border:        2px solid;
    flex-shrink:   0;
    display:       flex;
    align-items:   center;
    justify-content:center;
}
.transfer-center-page .tc-event-completed .tc-timeline-marker {
    background:   var(--tc-green);
    border-color: var(--tc-green);
}
.transfer-center-page .tc-event-completed .tc-timeline-marker::after {
    content:       '';
    width:6px; height:6px;
    background:    #fff;
    border-radius: 50%;
}
.transfer-center-page .tc-event-current .tc-timeline-marker {
    background:   var(--tc-status-breaking);
    border-color: var(--tc-status-breaking);
    animation:    tc-live-pulse 1s ease-in-out infinite;
}
.transfer-center-page .tc-event-upcoming .tc-timeline-marker {
    background:   transparent;
    border-color: var(--tc-text-muted);
}
.transfer-center-page .tc-timeline-info  { display:flex; flex-direction:column; gap:2px; }
.transfer-center-page .tc-event-time {
    font-family: var(--tc-font-display);
    font-size:   12px;
    font-weight: 600;
    color:       var(--tc-text-secondary);
}
.transfer-center-page .tc-event-text              { font-size:12px; }
.transfer-center-page .tc-event-upcoming .tc-event-text { color:var(--tc-text-muted); }

/* ─────────────────────────────────────────────
   SOCIAL CARDS
   ───────────────────────────────────────────── */
.transfer-center-page .tc-social-stream { padding:12px; }
.transfer-center-page .tc-social-post {
    background:    var(--tc-bg-elevated);
    border-radius: 10px;
    padding:       14px;
    margin-bottom: 10px;
}
.transfer-center-page .tc-post-header {
    display:       flex;
    align-items:   center;
    gap:           10px;
    margin-bottom: 10px;
}
.transfer-center-page .tc-post-avatar {
    width:         36px;
    height:        36px;
    border-radius: 50%;
    object-fit:    cover;
}
.transfer-center-page .tc-post-author { flex:1; }
.transfer-center-page .tc-author-name {
    display:     flex;
    align-items: center;
    gap:         4px;
    font-weight: 600;
    font-size:   12px;
}
.transfer-center-page .tc-author-name i { color:var(--tc-cyan); font-size:12px; }
.transfer-center-page .tc-author-handle { font-size:11px; color:var(--tc-text-muted); }
.transfer-center-page .tc-post-time    { font-size:11px; color:var(--tc-text-muted); }
.transfer-center-page .tc-post-text {
    font-size:    13px;
    line-height:  1.5;
    margin-bottom:10px;
    margin-top:   0;
}
.transfer-center-page .tc-post-stats { display:flex; gap:16px; font-size:12px; color:var(--tc-text-muted); }
.transfer-center-page .tc-post-stats span { display:flex; align-items:center; gap:5px; }
.transfer-center-page .tc-post-stats i   { color:var(--tc-status-breaking); }

/* ─────────────────────────────────────────────
   STICKY ACTION BAR
   ───────────────────────────────────────────── */
.transfer-center-page .tc-sticky-action-bar {
    position:        fixed;
    bottom:0; left:0; right:0;
    background:      rgba(12,12,24,.92);
    border-top:      1px solid rgba(255,255,255,.08);
    padding:         12px 0;
    z-index:         100;
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
}
.transfer-center-page .tc-action-bar-inner {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    flex-wrap:       wrap;
    gap:             10px;
}
.transfer-center-page .tc-bar-stats { display:flex; gap:30px; }
.transfer-center-page .tc-bar-stat  {
    display:     flex;
    align-items: center;
    gap:         8px;
    font-size:   13px;
    color:       var(--tc-text-secondary);
}
.transfer-center-page .tc-bar-stat i  { color:var(--tc-cyan); }
.transfer-center-page .tc-stat-num    { font-weight:700; color:var(--tc-text-primary); }
.transfer-center-page .tc-stat-text   { color:var(--tc-text-muted); }
.transfer-center-page .tc-bar-actions { display:flex; gap:10px; }
.transfer-center-page .tc-bar-btn {
    display:        flex;
    align-items:    center;
    gap:            7px;
    background:     rgba(255,255,255,.04);
    border:         1px solid rgba(255,255,255,.08);
    color:          var(--tc-text-primary);
    padding:        9px 16px;
    border-radius:  8px;
    font-size:      12px;
    font-weight:    500;
    cursor:         pointer;
    transition:     all .25s ease;
    white-space:    nowrap;
}
.transfer-center-page .tc-bar-btn:hover {
    background:   rgba(255,255,255,.08);
    border-color: var(--tc-cyan);
    color:        var(--tc-cyan);
}
.transfer-center-page .tc-bar-btn-primary {
    background:   var(--tc-cyan);
    border-color: var(--tc-cyan);
    color:        #000;
    font-weight:  600;
}
.transfer-center-page .tc-bar-btn-primary:hover {
    background:   #00b8e0;
    border-color: #00b8e0;
    color:        #000;
}
.transfer-center-page .tc-bar-btn.active,
.transfer-center-page .tc-bar-btn.notify-active {
    background:   rgba(0,255,136,.12);
    border-color: var(--tc-green);
    color:        var(--tc-green);
}

/* ╔══════════════════════════════════════════════════════════╗
   ║        MOBILE-FIRST RESPONSIVE SYSTEM                     ║
   ╚══════════════════════════════════════════════════════════╝ */

/* ── Tablet Landscape (≤1200px) ─────────────────── */
@media (max-width:1200px) {
    .transfer-center-page .tc-header-stats-grid { display:none; }
    .transfer-center-page .tc-live-status-bar   { flex-wrap:wrap; gap:10px; }
    .transfer-center-page .tc-main-content .row.g-3 {
        flex-direction: column;
    }
    .transfer-center-page .tc-main-content .col-lg-3,
    .transfer-center-page .tc-main-content .col-lg-6 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    /* Sticky bar — medium screen compact */
    .transfer-center-page .tc-action-bar-inner {
        justify-content: center;
        gap: 8px;
    }
    .transfer-center-page .tc-bar-stats {
        gap: 16px;
    }
    .transfer-center-page .tc-bar-stat {
        font-size: 12px;
        gap: 4px;
    }
    .transfer-center-page .tc-bar-center {
        gap: 5px;
    }
    .transfer-center-page .tc-bar-actions {
        gap: 5px;
    }
    .transfer-center-page .tc-bar-btn {
        padding: 8px 12px;
        font-size: 11px;
    }
    .transfer-center-page .tc-bar-info-toggle span {
        display: none;
    }
    .transfer-center-page .tc-bar-app-btn span {
        display: none;
    }

    /* Xquik sidebar — reduce height */
    .transfer-center-page .tc-xquik-stream {
        max-height: 380px;
    }
    .transfer-center-page .tc-fan-panel .tc-xquik-stream {
        max-height: 260px;
    }
}

/* ── Tablet Portrait (≤992px) ───────────────────── */
@media (max-width:992px) {
    .transfer-center-page .tc-feed-filters     {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 4px;
        padding-bottom: 4px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        mask-image: linear-gradient(to right, black 85%, transparent 100%);
        -webkit-mask-image: linear-gradient(to right, black 85%, transparent 100%);
    }
    .transfer-center-page .tc-feed-filters::-webkit-scrollbar { display: none; }
    .transfer-center-page .tc-filter-pill {
        white-space: nowrap;
        flex-shrink: 0;
    }
    .transfer-center-page .tc-urgency-banner   { display:none; }
    /* season banner removed */

    /* Sidebar → Accordion */
    .transfer-center-page .tc-panel {
        margin-bottom: 8px;
        border-radius: 12px;
    }
    .transfer-center-page .tc-panel-header {
        cursor: pointer;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
        padding: 14px 16px;
    }
    .transfer-center-page .tc-panel-header::after {
        content: '\F282';
        font-family: 'bootstrap-icons';
        font-size: 14px;
        color: var(--tc-text-muted);
        transition: transform .25s ease;
    }
    .transfer-center-page .tc-panel.open .tc-panel-header::after {
        transform: rotate(180deg);
    }
    .transfer-center-page .tc-panel .tc-probability-list,
    .transfer-center-page .tc-panel .tc-discussions-list,
    .transfer-center-page .tc-panel .tc-timeline,
    .transfer-center-page .tc-panel .tc-ai-body {
        display: none;
    }
    .transfer-center-page .tc-panel.open .tc-probability-list,
    .transfer-center-page .tc-panel.open .tc-discussions-list,
    .transfer-center-page .tc-panel.open .tc-timeline,
    .transfer-center-page .tc-panel.open .tc-ai-body {
        display: block;
    }
    .transfer-center-page .tc-panel:first-child.open .tc-probability-list,
    .transfer-center-page .tc-panel:first-child .tc-probability-list {
        display: block; /* İlk panel her zaman açık */
    }
    .transfer-center-page .tc-panel:first-child .tc-panel-header {
        cursor: default;
    }
    .transfer-center-page .tc-panel:first-child .tc-panel-header::after {
        display: none;
    }

    /* Swipe tab navigation */
    .transfer-center-page .tc-swipe-tabs {
        display: flex;
        gap: 0;
        margin-bottom: 12px;
        background: var(--tc-bg-card);
        border-radius: 12px;
        padding: 4px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .transfer-center-page .tc-swipe-tabs::-webkit-scrollbar { display: none; }
    .transfer-center-page .tc-swipe-tab {
        flex: 1;
        min-width: fit-content;
        white-space: nowrap;
        padding: 10px 16px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .5px;
        color: var(--tc-text-muted);
        text-align: center;
        border-radius: 10px;
        transition: all .2s ease;
        cursor: pointer;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
    }
    .transfer-center-page .tc-swipe-tab.active {
        background: var(--tc-cyan);
        color: #000;
    }

    /* Radar items: swipe card style */
    .transfer-center-page .tc-radar-item {
        padding: 14px;
        border-bottom: 1px solid rgba(255,255,255,.04);
        border-radius: 0;
    }
    .transfer-center-page .tc-radar-list { padding: 0; }
}

/* ── Mobile (≤768px) ──────────────────────────── */
@media (max-width:768px) {
    /* Typography */
    .transfer-center-page {
        --tc-font-scale: 0.92;
    }

    /* Broadcast header — compact */
    .transfer-center-page .tc-broadcast-header {
        padding: 10px 0;
        position: sticky;
        top: 0;
    }
    .transfer-center-page .tc-header-brand {
        justify-content: flex-start;
        gap: 10px;
    }
    .transfer-center-page .tc-logo-img {
        width: 32px; height: 32px;
    }
    .transfer-center-page .tc-brand-title    { font-size: 13px; letter-spacing: 1px; }
    .transfer-center-page .tc-brand-subtitle { font-size: 9px; letter-spacing: 1.5px; }
    .transfer-center-page .tc-beta-badge     { font-size: 7px; padding: 2px 7px; letter-spacing: 1.5px; margin-left: 42px; }
    .transfer-center-page .tc-live-status-bar {
        flex-direction: row;
        text-align: left;
        padding: 8px 14px;
        gap: 8px;
        border-radius: 8px;
        font-size: 10px;
    }
    .transfer-center-page .tc-live-badge { padding: 3px 8px; }
    .transfer-center-page .tc-live-text  { font-size: 10px; }
    .transfer-center-page .tc-status-main { font-size: 10px; }
    .transfer-center-page .tc-viewer-count { display: none; }

    /* Ticker — minimal */
    .transfer-center-page .tc-breaking-ticker {
        font-size: 11px;
    }
    .transfer-center-page .tc-ticker-label {
        padding: 6px 10px;
        font-size: 9px;
        letter-spacing: 1px;
        gap: 4px;
    }
    .transfer-center-page .tc-ticker-pulse { width: 6px; height: 6px; }
    .transfer-center-page .tc-ticker-wrapper { padding: 6px 0; }
    .transfer-center-page .tc-ticker-content {
        animation-duration: 30s; /* Daha hızlı, az yer kapla */
        font-size: 11px;
    }
    .transfer-center-page .tc-ticker-item { font-size: 11px; gap: 4px; }
    .transfer-center-page .tc-ticker-divider { margin: 0 12px; }

    /* Hero — vertical stack */
    .transfer-center-page .tc-featured-hero {
        border-radius: 16px;
        padding: 16px;
    }
    .transfer-center-page .tc-hero-content {
        flex-direction: column;
        gap: 16px;
    }
    .transfer-center-page .tc-hero-player {
        min-width: 100%;
        flex-direction: row;
        gap: 14px;
        align-items: center;
    }
    .transfer-center-page .tc-player-photo-wrap {
        width: 90px;
        min-width: 90px;
        height: 120px;
        border-radius: 16px;
    }
    .transfer-center-page .tc-player-name {
        font-size: 24px;
        line-height: 1.1;
    }
    .transfer-center-page .tc-player-position {
        font-size: 9px;
        letter-spacing: 1.5px;
        margin-bottom: 4px;
    }
    .transfer-center-page .tc-player-meta {
        font-size: 11px;
        gap: 8px;
    }
    .transfer-center-page .tc-hero-live-label {
        font-size: 10px;
        padding: 3px 8px;
        margin-bottom: 8px;
    }

    /* Transfer flow — vertical on mobile */
    .transfer-center-page .tc-transfer-flow {
        flex-direction: row;
        padding: 14px;
        gap: 10px;
        border-radius: 12px;
    }
    .transfer-center-page .tc-club-abbr { font-size: 22px; }
    .transfer-center-page .tc-club-full { font-size: 9px; }
    .transfer-center-page .tc-arrow-line { display: none; }
    .transfer-center-page .tc-flow-arrow i { font-size: 20px; padding: 0 6px; }
    .transfer-center-page .tc-transfer-type { font-size: 8px; padding: 0 6px; }

    /* Data grid — 2 columns */
    .transfer-center-page .tc-transfer-data-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
    .transfer-center-page .tc-data-cell { padding: 10px; border-radius: 10px; }
    .transfer-center-page .tc-data-label { font-size: 8px; margin-bottom: 4px; }
    .transfer-center-page .tc-data-value { font-size: 13px; }

    /* Hero engagement */
    .transfer-center-page .tc-hero-engagement {
        gap: 12px;
        font-size: 10px;
    }

    /* Hero slider — mobile */
    .transfer-center-page .tc-hero-slider {
        margin-bottom: 12px;
    }
    .transfer-center-page .tc-hero-dots {
        padding: 0 0 8px;
        gap: 6px;
    }
    .transfer-center-page .tc-hero-dot {
        width: 6px;
        height: 6px;
    }
    .transfer-center-page .tc-hero-dot.active {
        width: 18px;
    }
    /* Hide arrows on touch devices */
    .transfer-center-page .tc-hero-arrow {
        display: none;
    }

    /* Live feed cards — one-hand optimized */
    .transfer-center-page .tc-main-content { padding: 8px 0 140px; }
    .transfer-center-page .tc-update-card {
        flex-direction: row;
        gap: 10px;
        padding: 12px;
        border-radius: 12px;
        margin-bottom: 8px;
    }
    .transfer-center-page .tc-update-timestamp {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        min-width: 44px;
        text-align: center;
        gap: 2px;
    }
    .transfer-center-page .tc-ts-time { font-size: 13px; }
    .transfer-center-page .tc-ts-ago  { font-size: 9px; }
    .transfer-center-page .tc-update-title {
        font-size: 13px;
        line-height: 1.3;
        margin-bottom: 4px;
    }
    .transfer-center-page .tc-update-excerpt {
        font-size: 11px;
        line-height: 1.4;
        margin-bottom: 8px;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .transfer-center-page .tc-update-tag {
        font-size: 8px;
        padding: 3px 7px;
        margin-bottom: 6px;
    }
    .transfer-center-page .tc-update-footer {
        font-size: 10px;
        gap: 10px;
        flex-direction: column;
        align-items: flex-start;
    }
    .transfer-center-page .tc-update-source {
        width: 100%;
    }
    .transfer-center-page .tc-footer-actions {
        width: 100%;
        justify-content: space-between;
    }
    .transfer-center-page .tc-transfer-summary {
        flex-wrap: wrap;
        gap: 8px;
        padding: 8px 10px;
    }
    .transfer-center-page .tc-summary-fee { font-size: 12px; }
    .transfer-center-page .tc-competing-teams { gap: 4px; }
    .transfer-center-page .tc-team-badge { font-size: 9px; padding: 2px 6px; }

    /* Load more */
    .transfer-center-page .tc-load-more-btn {
        padding: 12px;
        font-size: 12px;
        border-radius: 10px;
    }

    /* Radar panel mobile */
    .transfer-center-page .tc-radar-name  { font-size: 12px; }
    .transfer-center-page .tc-radar-time  { font-size: 10px; }
    .transfer-center-page .tc-radar-transfer { font-size: 10px; }
    .transfer-center-page .tc-status-tag { font-size: 8px; padding: 2px 6px; }
    .transfer-center-page .tc-status-fee  { font-size: 10px; }

    /* Sticky action bar */
    .transfer-center-page .tc-sticky-action-bar {
        padding: 8px 0;
        backdrop-filter: blur(20px);
        background: rgba(12,12,24,.95);
    }
    .transfer-center-page .tc-action-bar-inner {
        flex-direction: row;
        gap: 6px;
        justify-content: space-between;
        flex-wrap: nowrap;
    }
    .transfer-center-page .tc-bar-stats {
        flex-wrap: nowrap;
        gap: 10px;
        font-size: 11px;
    }
    .transfer-center-page .tc-bar-center {
        gap: 5px;
    }
    .transfer-center-page .tc-bar-actions {
        gap: 5px;
    }
    .transfer-center-page .tc-bar-stat { gap: 4px; font-size: 11px; }
    .transfer-center-page .tc-stat-num  { font-size: 13px; }
    .transfer-center-page .tc-stat-text { font-size: 9px; }
    .transfer-center-page .tc-bar-btn {
        padding: 8px 12px;
        font-size: 11px;
        border-radius: 8px;
        min-height: 44px;
        min-width: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .transfer-center-page .tc-bar-btn span { display: none; }
    .transfer-center-page .tc-bar-btn i   { font-size: 16px; }

    /* season banner removed */

    /* Sidebar panels */
    .transfer-center-page .tc-prob-name { font-size: 12px; }
    .transfer-center-page .tc-prob-percent { font-size: 16px; }
    .transfer-center-page .tc-discussion-topic { font-size: 11px; }
    .transfer-center-page .tc-discussion-count { font-size: 10px; }
    .transfer-center-page .tc-timeline-event { padding-bottom: 12px; gap: 10px; }
    .transfer-center-page .tc-event-time { font-size: 10px; }
    .transfer-center-page .tc-event-ago  { font-size: 9px; }
    .transfer-center-page .tc-ai-line { font-size: 11px; }
}

/* ── Small Mobile (≤480px) ─────────────────────── */
@media (max-width:480px) {
    /* Extra compact */
    .transfer-center-page .tc-logo-img          { width: 28px; height: 28px; }
    .transfer-center-page .tc-brand-title    { font-size: 11px; letter-spacing: .5px; }
    .transfer-center-page .tc-brand-subtitle { font-size: 8px; }
    .transfer-center-page .tc-beta-badge     { font-size: 6px; padding: 2px 6px; letter-spacing: 1px; margin-left: 34px; }
    .transfer-center-page .tc-ticker-label   { padding: 5px 8px; font-size: 8px; }
    .transfer-center-page .tc-ticker-content { animation-duration: 20s; }
    .transfer-center-page .tc-ticker-item    { font-size: 10px; }

    /* Hero slider — extra compact */
    .transfer-center-page .tc-hero-dots { padding: 0 0 6px; gap: 5px; }
    .transfer-center-page .tc-hero-dot { width: 5px; height: 5px; }
    .transfer-center-page .tc-hero-dot.active { width: 16px; }

    .transfer-center-page .tc-player-photo-wrap {
        width: 70px;
        min-width: 70px;
        height: 95px;
    }
    .transfer-center-page .tc-player-name { font-size: 20px; }
    .transfer-center-page .tc-club-abbr   { font-size: 18px; }

    .transfer-center-page .tc-transfer-data-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .transfer-center-page .tc-data-value { font-size: 11px; }

    .transfer-center-page .tc-update-card { padding: 10px; gap: 8px; }
    .transfer-center-page .tc-update-title { font-size: 12px; }
    .transfer-center-page .tc-update-excerpt {
        font-size: 10px;
        -webkit-line-clamp: 5;
    }
    .transfer-center-page .tc-update-tag { font-size: 7px; padding: 2px 6px; }

    .transfer-center-page .tc-bar-btn {
        padding: 6px 10px;
        min-height: 40px;
        min-width: 40px;
    }

    /* Hide bar stats on very small screens — sadece butonlar kalsın */
    .transfer-center-page .tc-bar-stats { display: none; }
    .transfer-center-page .tc-action-bar-inner { justify-content: center; gap: 6px; }

    .transfer-center-page .tc-swipe-tab {
        padding: 8px 12px;
        font-size: 10px;
    }

    /* Hide non-essential on small screens */
    .transfer-center-page .tc-player-meta .tc-meta-item:nth-child(3) { display: none; }
    .transfer-center-page .tc-meta-divider:nth-child(4) { display: none; }

    /* season banner removed */

    /* Today card — stack layout */
    .transfer-center-page .tc-today-inner { flex-direction: column; align-items: stretch; gap: 10px; }
    .transfer-center-page .tc-today-left  { gap: 10px; }
    .transfer-center-page .tc-today-right {
        padding-left: 0; margin-left: 0;
        border-left: none; border-top: 1px solid rgba(255,255,255,.06);
        padding-top: 10px;
    }
    .transfer-center-page .tc-today-active-badge { align-items: flex-start; }
    .transfer-center-page .tc-today-active-name   { text-align: left; font-size: 12px; max-width: none; }
    .transfer-center-page .tc-today-stat-val      { font-size: 14px; }
    .transfer-center-page .tc-today-sep           { margin: 0 8px; }
}

/* ── Touch-friendly tap targets (all mobile) ────── */
@media (max-width:992px) {
    .transfer-center-page .tc-filter-pill,
    .transfer-center-page .tc-radar-item,
    .transfer-center-page .tc-trending-item,
    .transfer-center-page .tc-discussion-item {
        min-height: 44px;
    }
    .transfer-center-page .tc-prob-card {
        min-height: 44px;
        padding: 12px;
    }
}

/* ── Pull-to-refresh indicator ──────────────────── */
.transfer-center-page .tc-pull-indicator {
    display: none;
    text-align: center;
    padding: 8px;
    color: var(--tc-text-muted);
    font-size: 11px;
}
@media (max-width:768px) {
    .transfer-center-page .tc-pull-indicator {
        display: block;
    }
}

/* ── Swipe tabs (hidden on desktop) ─────────────── */
.transfer-center-page .tc-swipe-tabs {
    display: none;
}
@media (max-width:992px) {
    .transfer-center-page .tc-swipe-tabs {
        display: flex;
    }
}

/* ╔══════════════════════════════════════════════════════════╗
   ║  SIDEBAR — Probability / Discussions / Timeline / AI     ║
   ║  Consolidated from sidebar.php inline styles             ║
   ╚══════════════════════════════════════════════════════════╝ */

/* Panel base refinement */
.transfer-center-page .tc-panel {
    background: linear-gradient(160deg, rgba(20,20,42,.7), rgba(12,12,24,.85));
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 16px;
    padding: 18px;
    margin-bottom: 14px;
    transition: border-color .3s ease;
}
.transfer-center-page .tc-panel:hover {
    border-color: rgba(255,255,255,.08);
}

.transfer-center-page .tc-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    padding: 0;
    background: transparent;
    border-bottom: none;
}
.transfer-center-page .tc-panel-title {
    font-family: var(--tc-font-body);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    color: var(--tc-text-secondary);
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 8px;
}
.transfer-center-page .tc-panel-title i {
    color: var(--tc-cyan);
    font-size: 14px;
}

.transfer-center-page .tc-panel-live {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .5px;
    color: var(--tc-green);
}
.transfer-center-page .tc-panel-live-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--tc-green);
    box-shadow: 0 0 8px rgba(0,255,136,.5);
    animation: tc-live-pulse 1.4s ease-in-out infinite;
}

/* Probability cards (Sıcak Dosyalar) */
.transfer-center-page .tc-probability-list {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.transfer-center-page .tc-prob-card {
    display: block;
    text-decoration: none;
    color: inherit;
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.04);
    border-radius: 10px;
    padding: 14px;
    transition: all .25s ease;
    cursor: pointer;
}
.transfer-center-page .tc-prob-card:hover {
    background: rgba(0,212,255,.05);
    border-color: rgba(0,212,255,.2);
    transform: translateX(3px);
}
.transfer-center-page .tc-prob-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}
.transfer-center-page .tc-prob-player {
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.transfer-center-page .tc-prob-name {
    font-size: 13px;
    font-weight: 700;
    color: var(--tc-text-primary);
}
.transfer-center-page .tc-prob-stage {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.transfer-center-page .tc-stage-high   { color: var(--tc-green); }
.transfer-center-page .tc-stage-medium { color: var(--tc-orange); }
.transfer-center-page .tc-stage-low    { color: var(--tc-text-muted); }

.transfer-center-page .tc-prob-percent {
    font-family: var(--tc-font-display);
    font-size: 20px;
    font-weight: 700;
    flex-shrink: 0;
}
.transfer-center-page .tc-prob-high   { color: var(--tc-green); }
.transfer-center-page .tc-prob-medium { color: var(--tc-orange); }
.transfer-center-page .tc-prob-low    { color: var(--tc-text-muted); }

.transfer-center-page .tc-prob-bar {
    height: 3px;
    background: rgba(255,255,255,.06);
    border-radius: 3px;
    overflow: hidden;
}
.transfer-center-page .tc-prob-fill {
    height: 100%;
    border-radius: 3px;
    transition: width .6s cubic-bezier(.4,0,.2,1);
}
.transfer-center-page .tc-prob-fill-high   { background: var(--tc-green); }
.transfer-center-page .tc-prob-fill-medium { background: var(--tc-orange); }
.transfer-center-page .tc-prob-fill-low    { background: var(--tc-text-muted); }

/* Discussions (Trend Oyuncular) */
.transfer-center-page .tc-discussions-list {
    display: flex;
    flex-direction: column;
}
.transfer-center-page .tc-discussion-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255,255,255,.04);
    text-decoration: none;
    color: inherit;
    transition: all .2s ease;
}
.transfer-center-page .tc-discussion-item:last-child {
    border-bottom: none;
}
.transfer-center-page .tc-discussion-item:hover {
    padding-left: 6px;
}
.transfer-center-page .tc-discussion-rank {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    background: rgba(255,255,255,.05);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: var(--tc-text-muted);
    flex-shrink: 0;
}
.transfer-center-page .tc-rank-hot {
    background: rgba(255,45,85,.15);
    color: var(--tc-red);
}
.transfer-center-page .tc-discussion-content {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1;
    min-width: 0;
}
.transfer-center-page .tc-discussion-topic {
    font-size: 13px;
    font-weight: 600;
    color: var(--tc-text-primary);
}
.transfer-center-page .tc-discussion-count {
    font-size: 11px;
    color: var(--tc-text-muted);
    display: flex;
    align-items: center;
    gap: 4px;
}

/* ╔══════════════════════════════════════════════════════════╗
   ║  TIMELINE — Son Sinyaller (redesigned)                    ║
   ╚══════════════════════════════════════════════════════════╝ */

.transfer-center-page .tc-timeline {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 2px 0;
}

.transfer-center-page .tc-timeline-event {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 10px;
    position: relative;
    border-radius: 8px;
    transition: background .2s ease;
    text-decoration: none;
    color: inherit;
}
.transfer-center-page .tc-timeline-event:hover {
    background: rgba(255,255,255,.025);
}
.transfer-center-page .tc-timeline-event:not(:last-child)::after {
    content: '';
    position: absolute;
    left: 14px;
    top: 32px;
    bottom: -4px;
    width: 1px;
    background: rgba(255,255,255,.06);
}

/* Marker system — color coded by stage */
.transfer-center-page .tc-timeline-marker {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 4px;
    position: relative;
    z-index: 1;
    border: 2px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.12);
    transition: box-shadow .3s ease, transform .2s ease;
}

/* Stage colors */
.transfer-center-page .tc-marker-official { background: var(--tc-green);  border-color: rgba(0,255,136,.3);  box-shadow: 0 0 10px rgba(0,255,136,.3); }
.transfer-center-page .tc-marker-hot      { background: var(--tc-red);    border-color: rgba(255,45,85,.3);   box-shadow: 0 0 10px rgba(255,45,85,.3); }
.transfer-center-page .tc-marker-offer    { background: var(--tc-purple); border-color: rgba(175,82,222,.3); box-shadow: 0 0 10px rgba(175,82,222,.3); }
.transfer-center-page .tc-marker-talks    { background: var(--tc-orange); border-color: rgba(255,149,0,.3);  box-shadow: 0 0 10px rgba(255,149,0,.3); }
.transfer-center-page .tc-marker-rumor    { background: var(--tc-text-muted); border-color: rgba(255,255,255,.15); }
.transfer-center-page .tc-marker-default  { background: rgba(255,255,255,.15); border-color: rgba(255,255,255,.1); }

/* Latest event pulse */
.transfer-center-page .tc-marker-pulse {
    animation: tc-live-pulse 1.5s ease-in-out infinite;
}

.transfer-center-page .tc-timeline-event:hover .tc-timeline-marker {
    transform: scale(1.3);
}

/* Timeline info layout */
.transfer-center-page .tc-timeline-info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.transfer-center-page .tc-timeline-top-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

/* Stage badge */
.transfer-center-page .tc-event-stage {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .05em;
    padding: 2px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    white-space: nowrap;
}
.transfer-center-page .tc-event-stage--official { background: rgba(0,255,136,.12);  color: var(--tc-green); }
.transfer-center-page .tc-event-stage--hot      { background: rgba(255,45,85,.1);   color: var(--tc-red); }
.transfer-center-page .tc-event-stage--offer    { background: rgba(175,82,222,.1);  color: var(--tc-purple); }
.transfer-center-page .tc-event-stage--talks    { background: rgba(255,149,0,.1);   color: var(--tc-orange); }
.transfer-center-page .tc-event-stage--rumor    { background: rgba(255,255,255,.05); color: var(--tc-text-secondary); }
.transfer-center-page .tc-event-stage--default  { background: rgba(255,255,255,.04); color: var(--tc-text-muted); }

.transfer-center-page .tc-event-time {
    font-size: 10px;
    color: var(--tc-text-muted);
    white-space: nowrap;
    flex-shrink: 0;
}

.transfer-center-page .tc-event-player {
    font-size: 13px;
    font-weight: 600;
    color: var(--tc-text-primary);
    line-height: 1.2;
}

.transfer-center-page .tc-event-ago {
    font-size: 10px;
    color: var(--tc-text-muted);
}

/* First event highlight */
.transfer-center-page .tc-event-latest {
    background: rgba(255,255,255,.015);
    border-radius: 8px;
}


/* ╔══════════════════════════════════════════════════════════╗
   ║  AI SCOUT — Insight Cards (redesigned)                   ║
   ╚══════════════════════════════════════════════════════════╝ */

.transfer-center-page .tc-ai-panel {
    background: linear-gradient(160deg, rgba(0,212,255,.04), rgba(12,12,24,.5));
    border-color: rgba(0,212,255,.08);
}
.transfer-center-page .tc-ai-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .06em;
    color: var(--tc-cyan);
    background: rgba(0,212,255,.1);
    padding: 4px 10px;
    border-radius: 50px;
}
.transfer-center-page .tc-ai-badge-dot {
    width: 5px;
    height: 5px;
    background: var(--tc-cyan);
    border-radius: 50%;
    animation: tc-live-pulse 1.5s ease-in-out infinite;
}

.transfer-center-page .tc-ai-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* AI Insight Card */
.transfer-center-page .tc-insight-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;
    border-radius: 10px;
    transition: all .25s ease;
    cursor: pointer;
}
.transfer-center-page .tc-insight-card:hover {
    transform: translateX(3px);
}

.transfer-center-page .tc-insight--primary {
    background: rgba(255,45,85,.04);
    border: 1px solid rgba(255,45,85,.08);
}
.transfer-center-page .tc-insight--primary:hover {
    background: rgba(255,45,85,.08);
    border-color: rgba(255,45,85,.18);
}

.transfer-center-page .tc-insight--secondary {
    background: rgba(0,212,255,.03);
    border: 1px solid rgba(0,212,255,.06);
}
.transfer-center-page .tc-insight--secondary:hover {
    background: rgba(0,212,255,.07);
    border-color: rgba(0,212,255,.15);
}

.transfer-center-page .tc-insight--tertiary {
    background: rgba(175,82,222,.03);
    border: 1px solid rgba(175,82,222,.06);
}
.transfer-center-page .tc-insight--tertiary:hover {
    background: rgba(175,82,222,.07);
    border-color: rgba(175,82,222,.15);
}

.transfer-center-page .tc-insight-icon {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex-shrink: 0;
}
.transfer-center-page .tc-insight--primary .tc-insight-icon {
    background: rgba(255,45,85,.12);
    color: var(--tc-red);
}
.transfer-center-page .tc-insight--secondary .tc-insight-icon {
    background: rgba(0,212,255,.12);
    color: var(--tc-cyan);
}
.transfer-center-page .tc-insight--tertiary .tc-insight-icon {
    background: rgba(175,82,222,.12);
    color: var(--tc-purple);
}

.transfer-center-page .tc-insight-content {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.transfer-center-page .tc-insight-label {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--tc-text-muted);
}

.transfer-center-page .tc-insight-name {
    font-size: 13px;
    font-weight: 700;
    color: var(--tc-text-primary);
    line-height: 1.3;
}

.transfer-center-page .tc-insight-meta {
    font-size: 11px;
    color: var(--tc-text-muted);
    line-height: 1.3;
}

/* Empty state */
.transfer-center-page .tc-empty-state {
    font-size: 12px;
    color: var(--tc-text-muted);
    text-align: center;
    padding: 16px 0;
    margin: 0;
}

/* ╔══════════════════════════════════════════════════════════╗
   ║  LIVE FEED — Card confidence levels + tag refinements    ║
   ║  Consolidated from radar.php inline styles               ║
   ╚══════════════════════════════════════════════════════════╝ */

/* Confidence-based card glow */
.transfer-center-page .tc-update-card {
    position: relative;
    background: linear-gradient(160deg, rgba(20,20,42,.6), rgba(14,14,28,.8));
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 14px;
    margin-bottom: 12px;
    overflow: hidden;
    transition: border-color .25s ease, box-shadow .25s ease, transform .2s ease;
}
.transfer-center-page .tc-card-hot {
    border-color: rgba(0,255,136,.15);
    box-shadow: 0 0 24px rgba(0,255,136,.05);
}
.transfer-center-page .tc-card-hot:hover {
    border-color: rgba(0,255,136,.28);
    box-shadow: 0 0 32px rgba(0,255,136,.1);
    transform: translateY(-1px);
}
.transfer-center-page .tc-card-medium {
    border-color: rgba(255,149,0,.12);
    box-shadow: 0 0 20px rgba(255,149,0,.04);
}
.transfer-center-page .tc-card-medium:hover {
    border-color: rgba(255,149,0,.24);
    box-shadow: 0 0 28px rgba(255,149,0,.08);
    transform: translateY(-1px);
}
.transfer-center-page .tc-card-low {
    border-color: rgba(255,255,255,.04);
}
.transfer-center-page .tc-card-low:hover {
    border-color: rgba(255,255,255,.1);
}

/* Tag badges — unified */
.transfer-center-page .tc-update-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .06em;
    padding: 4px 10px;
    border-radius: 50px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.transfer-center-page .tc-tag-official,
.transfer-center-page .tc-tag-here-we-go {
    background: rgba(0,255,136,.12);
    color: var(--tc-green);
}
.transfer-center-page .tc-tag-medical {
    background: rgba(0,212,255,.12);
    color: var(--tc-cyan);
}
.transfer-center-page .tc-tag-breaking {
    background: rgba(255,45,85,.12);
    color: var(--tc-red);
}
.transfer-center-page .tc-tag-talks {
    background: rgba(255,149,0,.12);
    color: var(--tc-orange);
}
.transfer-center-page .tc-tag-exclusive {
    background: rgba(175,82,222,.12);
    color: var(--tc-purple);
}

/* Route arrow in summary */
.transfer-center-page .tc-route-separator {
    color: var(--tc-text-muted);
    font-size: 13px;
    margin: 0 4px;
}

/* Competing teams */
.transfer-center-page .tc-competing-label {
    font-size: 10px;
    color: var(--tc-text-muted);
    margin-right: 6px;
}
.transfer-center-page .tc-team-badge {
    font-size: 10px;
    font-weight: 600;
    color: var(--tc-text-secondary);
    background: rgba(255,255,255,.04);
    padding: 3px 8px;
    border-radius: 50px;
    margin-right: 4px;
    transition: background .2s ease;
}
.transfer-center-page .tc-team-badge:hover {
    background: rgba(255,255,255,.08);
}

/* ╔══════════════════════════════════════════════════════════╗
   ║  XQUIK STREAM — Twitter live feed panel                  ║
   ║  Consolidated from xquik_stream.php inline styles        ║
   ╚══════════════════════════════════════════════════════════╝ */

.transfer-center-page .tc-xquik-panel {
    border-color: rgba(29,161,242,.15) !important;
}
.transfer-center-page .tc-xquik-panel .tc-panel-header {
    border-bottom: 1px solid rgba(29,161,242,.08);
}

.transfer-center-page .tc-xquik-stream {
    max-height: 520px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,.06) transparent;
}
.transfer-center-page .tc-xquik-stream::-webkit-scrollbar { width: 4px; }
.transfer-center-page .tc-xquik-stream::-webkit-scrollbar-track { background: transparent; }
.transfer-center-page .tc-xquik-stream::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.06);
    border-radius: 4px;
}

.transfer-center-page .tc-xquik-loading {
    text-align: center;
    padding: 32px 24px;
    color: var(--tc-text-muted);
    font-size: 12px;
}
.transfer-center-page .tc-xquik-spinner {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto 12px;
    border: 2px solid rgba(29,161,242,.15);
    border-top-color: #1DA1F2;
    border-radius: 50%;
    animation: tc-spin .8s linear infinite;
}

.transfer-center-page .tc-tweet-card {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(255,255,255,.03);
    transition: background .2s ease;
}
.transfer-center-page .tc-tweet-card:hover {
    background: rgba(29,161,242,.04);
}
.transfer-center-page .tc-tweet-card:last-child {
    border-bottom: none;
}

.transfer-center-page .tc-tweet-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}
.transfer-center-page .tc-tweet-avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(29,161,242,.12);
    color: #1DA1F2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    flex-shrink: 0;
}
.transfer-center-page .tc-tweet-author {
    font-size: 12px;
    font-weight: 600;
    color: var(--tc-text-primary);
}
.transfer-center-page .tc-tweet-handle {
    font-size: 10px;
    color: var(--tc-text-muted);
    margin-left: 4px;
}
.transfer-center-page .tc-tweet-time {
    margin-left: auto;
    font-size: 10px;
    color: var(--tc-text-muted);
    flex-shrink: 0;
}

.transfer-center-page .tc-tweet-body {
    font-size: 12px;
    line-height: 1.5;
    color: var(--tc-text-secondary);
    word-break: break-word;
}
.transfer-center-page .tc-tweet-body .tc-tweet-highlight {
    color: #1DA1F2;
    font-weight: 600;
}

.transfer-center-page .tc-tweet-footer {
    display: flex;
    gap: 14px;
    margin-top: 8px;
    font-size: 10px;
    color: var(--tc-text-muted);
}
.transfer-center-page .tc-tweet-footer span {
    display: flex;
    align-items: center;
    gap: 3px;
}

.transfer-center-page .tc-xquik-signal {
    display: inline-block;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .04em;
    padding: 2px 6px;
    border-radius: 3px;
    margin-top: 6px;
}
.transfer-center-page .tc-xquik-signal.transfer  { background: rgba(0,212,255,.12); color: var(--tc-cyan); }
.transfer-center-page .tc-xquik-signal.rumor    { background: rgba(175,82,222,.12); color: var(--tc-purple); }
.transfer-center-page .tc-xquik-signal.official { background: rgba(0,255,136,.12); color: var(--tc-green); }
.transfer-center-page .tc-xquik-signal.hot      { background: rgba(255,45,85,.1);  color: var(--tc-red); }
.transfer-center-page .tc-xquik-signal.fan      { background: rgba(255,165,0,.12); color: #ffa500; }

/* ── FAN ACCOUNTS PANEL ──────────────────────── */
.transfer-center-page .tc-fan-panel {
    border-color: rgba(200,168,91,.12) !important;
    margin-top: 12px;
}
.transfer-center-page .tc-fan-panel .tc-panel-header {
    border-bottom: 1px solid rgba(200,168,91,.08);
}
.transfer-center-page .tc-fan-panel .tc-xquik-stream {
    max-height: 360px;
}

/* ╔══════════════════════════════════════════════════════════╗
   ║  TODAY CARD — Hero altı özet kartı                        ║
   ╚══════════════════════════════════════════════════════════╝ */

.transfer-center-page .tc-today-card {
    background: linear-gradient(160deg, rgba(14,18,38,.7), rgba(10,14,30,.85));
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 14px;
    padding: 16px 20px;
    margin-bottom: 16px;
    transition: border-color .3s ease;
}
.transfer-center-page .tc-today-card:hover {
    border-color: rgba(255,255,255,.08);
}
.transfer-center-page .tc-today-inner {
    display: flex;
    align-items: center;
    gap: 0;
}
.transfer-center-page .tc-today-left {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 1;
    min-width: 0;
}
.transfer-center-page .tc-today-icon {
    width: 42px; height: 42px;
    border-radius: 10px;
    background: rgba(0,212,255,.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: var(--tc-cyan);
    flex-shrink: 0;
}
.transfer-center-page .tc-today-content {
    flex: 1;
    min-width: 0;
}
.transfer-center-page .tc-today-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.transfer-center-page .tc-today-title {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    color: var(--tc-text-muted);
    text-transform: uppercase;
}
.transfer-center-page .tc-today-date {
    font-size: 10px;
    color: var(--tc-text-muted);
    font-weight: 500;
}
.transfer-center-page .tc-today-stats {
    display: flex;
    align-items: center;
    gap: 0;
    flex-wrap: wrap;
}
.transfer-center-page .tc-today-stat {
    display: flex;
    align-items: baseline;
    gap: 5px;
}
.transfer-center-page .tc-today-stat-val {
    font-family: var(--tc-font-display);
    font-size: 18px;
    font-weight: 700;
    color: var(--tc-text-primary);
}
.transfer-center-page .tc-today-official {
    color: var(--tc-green);
}
.transfer-center-page .tc-today-stat-lbl {
    font-size: 10px;
    color: var(--tc-text-muted);
}
.transfer-center-page .tc-today-sep {
    width: 3px; height: 3px;
    background: rgba(255,255,255,.1);
    border-radius: 50%;
    margin: 0 12px;
    flex-shrink: 0;
}

/* Today Card — Right: En Aktif */
.transfer-center-page .tc-today-right {
    display: flex;
    align-items: center;
    padding-left: 20px;
    margin-left: 16px;
    border-left: 1px solid rgba(255,255,255,.08);
    flex-shrink: 0;
}
.transfer-center-page .tc-today-active-badge {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}
.transfer-center-page .tc-today-active-label {
    font-size: 8px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: var(--tc-text-muted);
    text-transform: uppercase;
}
.transfer-center-page .tc-today-active-name {
    font-size: 14px;
    font-weight: 600;
    color: var(--tc-cyan);
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

/* ╔══════════════════════════════════════════════════════════╗
   ║  MINI CHART — 7 Günlük Sinyal Trendi                     ║
   ╚══════════════════════════════════════════════════════════╝ */

.transfer-center-page .tc-chart-panel {
    border-color: rgba(0,255,136,.08);
}
.transfer-center-page .tc-chart-total {
    font-size: 10px;
    font-weight: 600;
    color: var(--tc-green);
}

.transfer-center-page .tc-mini-chart {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 6px;
    height: 110px;
    padding: 8px 0;
}

.transfer-center-page .tc-chart-bar-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    height: 100%;
    justify-content: flex-end;
}

.transfer-center-page .tc-chart-bar-val {
    font-size: 10px;
    font-weight: 600;
    color: var(--tc-text-muted);
    min-height: 14px;
}

.transfer-center-page .tc-chart-bar {
    width: 100%;
    max-width: 32px;
    border-radius: 4px 4px 0 0;
    background: rgba(255,255,255,.08);
    transition: height .8s cubic-bezier(.4,0,.2,1), background .3s ease;
    min-height: 4px;
    position: relative;
}
.transfer-center-page .tc-chart-bar:hover {
    background: rgba(0,212,255,.3);
}
.transfer-center-page .tc-chart-bar--today {
    background: linear-gradient(to top, var(--tc-green), rgba(0,255,136,.4));
    box-shadow: 0 0 12px rgba(0,255,136,.2);
}
.transfer-center-page .tc-chart-bar-label {
    font-size: 9px;
    font-weight: 600;
    color: var(--tc-text-muted);
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* ╔══════════════════════════════════════════════════════════╗
   ║  FEED FILTERS + NOTIFICATIONS                            ║
   ╚══════════════════════════════════════════════════════════╝ */

.transfer-center-page .tc-feed-filters {
    display: flex;
    gap: 5px;
}
/* Filter pills consolidated above */

/* Notifications toggle — consolidated into .tc-bar-btn block above */

/* ╔══════════════════════════════════════════════════════════╗
   ║  STICKY BAR — App Download Buttons                        ║
   ╚══════════════════════════════════════════════════════════╝ */

.transfer-center-page .tc-bar-center {
    display: flex;
    align-items: center;
    gap: 8px;
}

.transfer-center-page .tc-bar-app-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 14px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    transition: all .25s ease;
    letter-spacing: .3px;
    background: #000;
    border: 1px solid rgba(255,255,255,.15);
    color: #fff;
}
.transfer-center-page .tc-bar-app-btn:hover {
    border-color: #fff;
    transform: translateY(-1px);
}
.transfer-center-page .tc-bar-app-btn i {
    font-size: 15px;
}

.transfer-center-page .tc-bar-app-btn--android {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.08);
    color: var(--tc-text-primary);
}
.transfer-center-page .tc-bar-app-btn--android:hover {
    background: rgba(0,255,136,.06);
    border-color: rgba(0,255,136,.25);
    color: var(--tc-green);
}
.transfer-center-page .tc-bar-app-btn--android i {
    color: var(--tc-green);
}

/* Mobile: hide app buttons text, show icon only */
@media (max-width: 768px) {
    .transfer-center-page .tc-bar-app-btn {
        padding: 9px 10px;
        min-width: 40px;
        justify-content: center;
    }
    .transfer-center-page .tc-bar-app-btn span {
        display: none;
    }
    .transfer-center-page .tc-bar-app-btn i {
        font-size: 16px;
        margin: 0;
    }
}

/* ── Sidebar App Download Buttons ────────────────── */
.transfer-center-page .tc-app-panel .tc-app-buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
}
.transfer-center-page .tc-app-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all .25s ease;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.03);
    color: var(--tc-text-primary);
}
.transfer-center-page .tc-app-btn:hover {
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.15);
    color: #fff;
}
.transfer-center-page .tc-app-btn i {
    font-size: 22px;
}
.transfer-center-page .tc-app-btn--ios i {
    color: #fff;
}
.transfer-center-page .tc-app-btn--android i {
    color: var(--tc-green);
}
.transfer-center-page .tc-app-btn--android:hover {
    border-color: rgba(0,255,136,.2);
    background: rgba(0,255,136,.04);
}

/* ── Live feed timestamp refinement ────────────── */
.transfer-center-page .tc-update-timestamp {
    min-width: 56px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}
.transfer-center-page .tc-ts-date {
    font-size: 9px;
    color: var(--tc-text-muted);
    letter-spacing: .03em;
}
.transfer-center-page .tc-ts-time {
    font-family: var(--tc-font-display);
    font-size: 15px;
    font-weight: 600;
    color: var(--tc-text-primary);
}
.transfer-center-page .tc-ts-ago {
    font-size: 10px;
    color: var(--tc-text-muted);
}

/* ── Load more button ─────────────────────────── */
.transfer-center-page .tc-load-more-btn {
    width: 100%;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 10px;
    color: var(--tc-text-secondary);
    font-size: 13px;
    font-weight: 500;
    padding: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all .25s ease;
}
.transfer-center-page .tc-load-more-btn:hover {
    background: rgba(0,212,255,.06);
    border-color: rgba(0,212,255,.18);
    color: var(--tc-cyan);
}
.transfer-center-page .tc-btn-loading { display: none; }
.transfer-center-page .tc-load-more-btn.loading .tc-btn-text    { display: none; }
.transfer-center-page .tc-load-more-btn.loading .tc-btn-loading { display: flex; align-items: center; gap: 8px; }
.transfer-center-page .tc-load-more-btn.loading i { animation: tc-spin 1s linear infinite; }

/* ── Transfer summary in feed cards ───────────── */
.transfer-center-page .tc-transfer-summary {
    display: flex;
    align-items: center;
    gap: 14px;
    background: rgba(255,255,255,.025);
    border-radius: 8px;
    padding: 10px 14px;
    margin-bottom: 12px;
    border: 1px solid rgba(255,255,255,.04);
    flex-wrap: wrap;
}
.transfer-center-page .tc-summary-official {
    border-color: rgba(0,255,136,.15);
    background: rgba(0,255,136,.04);
}
.transfer-center-page .tc-summary-player {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.transfer-center-page .tc-sp-name {
    font-weight: 700;
    font-size: 13px;
    color: var(--tc-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.transfer-center-page .tc-sp-pos {
    font-size: 10px;
    color: var(--tc-text-muted);
}
.transfer-center-page .tc-summary-route {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    font-size: 12px;
    color: var(--tc-text-secondary);
    min-width: 0;
    overflow: hidden;
}
.transfer-center-page .tc-summary-route span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.transfer-center-page .tc-summary-route i {
    color: var(--tc-cyan);
    flex-shrink: 0;
}
.transfer-center-page .tc-summary-fee {
    font-family: var(--tc-font-display);
    font-size: 15px;
    font-weight: 700;
    color: var(--tc-green);
    flex-shrink: 0;
}

/* ── Xquik mobile ────────────────────────────── */
@media (max-width: 768px) {
    .transfer-center-page .tc-xquik-stream {
        max-height: 300px;
    }
    .transfer-center-page .tc-tweet-card { padding: 10px 12px; }
    .transfer-center-page .tc-tweet-body { font-size: 11px; }
    .transfer-center-page .tc-fan-panel .tc-xquik-stream { max-height: 220px; }
    .transfer-center-page .tc-today-card    { padding: 12px 14px; }
    .transfer-center-page .tc-today-stat-val { font-size: 15px; }
    .transfer-center-page .tc-today-right   { padding-left: 14px; margin-left: 10px; }
    .transfer-center-page .tc-today-active-name { font-size: 12px; max-width: 100px; }

    /* Sidebar panels — compact on mobile */
    .transfer-center-page .tc-panel {
        border-radius: 12px;
        padding: 14px;
        margin-bottom: 10px;
    }
}

/* ╔══════════════════════════════════════════════════════════╗
   ║  HERO SLIDER                                              ║
   ╚══════════════════════════════════════════════════════════╝ */

.transfer-center-page .tc-hero-slider {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}

/* Slider track — CSS Grid stacking, zero height shift */
.transfer-center-page .tc-hero-track {
    display: grid;
    width: 100%;
}

/* Individual slide — all stacked in same grid cell */
.transfer-center-page .tc-hero-slide {
    grid-area: 1 / 1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .35s ease, visibility .35s ease;
}
.transfer-center-page .tc-hero-slide.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* Dots navigation */
.transfer-center-page .tc-hero-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 0 0 12px;
    z-index: 10;
    position: relative;
}
.transfer-center-page .tc-hero-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.2);
    background: rgba(255,255,255,.05);
    cursor: pointer;
    padding: 0;
    transition: all .25s ease;
}
.transfer-center-page .tc-hero-dot.active {
    background: var(--tc-cyan);
    border-color: var(--tc-cyan);
    box-shadow: var(--tc-glow-cyan);
    width: 24px;
    border-radius: 4px;
}
.transfer-center-page .tc-hero-dot:hover:not(.active) {
    border-color: rgba(255,255,255,.5);
    background: rgba(255,255,255,.15);
}

/* Arrow buttons */
.transfer-center-page .tc-hero-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(10,10,30,.8);
    backdrop-filter: blur(8px);
    color: var(--tc-text-primary);
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .25s ease;
    opacity: 0;
}
.tc-hero-slider:hover .tc-hero-arrow {
    opacity: 1;
}
.transfer-center-page .tc-hero-prev { left: 12px; }
.transfer-center-page .tc-hero-next { right: 12px; }
.transfer-center-page .tc-hero-arrow:hover {
    border-color: var(--tc-cyan);
    background: rgba(0,212,255,.15);
    box-shadow: var(--tc-glow-cyan);
}

/* ╔══════════════════════════════════════════════════════════╗
   ║  HERO REFINEMENTS                                        ║
   ╚══════════════════════════════════════════════════════════╝ */

/* Hero player profile link */
.transfer-center-page .tc-hero-player-link {
    display: block;
    text-decoration: none;
    color: inherit;
    border-radius: 20px;
    transition: background .25s ease, box-shadow .25s ease;
    padding: 16px;
    margin: -16px;
}
.transfer-center-page .tc-hero-player-link:hover {
    background: rgba(0,212,255,.04);
    box-shadow: inset 0 0 0 1px rgba(0,212,255,.12);
}
.transfer-center-page .tc-hero-player-link:hover .tc-player-name {
    color: var(--tc-cyan);
}
.transfer-center-page .tc-profile-icon {
    font-size: 14px;
    opacity: 0;
    transform: translateY(2px);
    transition: all .25s ease;
    margin-left: 6px;
    color: var(--tc-cyan);
    vertical-align: middle;
}
.transfer-center-page .tc-hero-player-link:hover .tc-profile-icon {
    opacity: 1;
    transform: translateY(0);
}

.transfer-center-page .tc-featured-hero {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    padding: 32px;
    margin-bottom: 0;
    background:
        linear-gradient(160deg, rgba(14,18,38,.95), rgba(8,12,28,.98));
    border: 1px solid rgba(255,255,255,.06);
    box-shadow: 0 0 60px rgba(0,212,255,.06);
    transition: box-shadow .4s ease;
}
.transfer-center-page .tc-featured-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 70% 20%, rgba(0,212,255,.1), transparent 50%),
        radial-gradient(ellipse at 30% 80%, rgba(0,255,136,.06), transparent 50%);
    pointer-events: none;
    border-radius: 24px;
}

.transfer-center-page .tc-hero-overlay {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 20% 50%, rgba(0,212,255,.03) 0%, transparent 70%);
    pointer-events: none;
}

/* Badge row */
.transfer-center-page .tc-hero-badge-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    position: relative;
    z-index: 2;
}
.transfer-center-page .tc-hero-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
    padding: 5px 14px;
    border-radius: 50px;
    text-transform: uppercase;
}
.transfer-center-page .tc-status-confirmed {
    background: rgba(0,255,136,.12);
    color: var(--tc-green);
    border: 1px solid rgba(0,255,136,.2);
}
.transfer-center-page .tc-status-hot {
    background: rgba(255,45,85,.1);
    color: var(--tc-red);
    border: 1px solid rgba(255,45,85,.2);
}
.transfer-center-page .tc-status-talks {
    background: rgba(255,149,0,.1);
    color: var(--tc-orange);
    border: 1px solid rgba(255,149,0,.2);
}
.transfer-center-page .tc-status-offer {
    background: rgba(175,82,222,.1);
    color: var(--tc-purple);
    border: 1px solid rgba(175,82,222,.2);
}
.transfer-center-page .tc-status-rumor {
    background: rgba(255,255,255,.05);
    color: var(--tc-text-secondary);
    border: 1px solid rgba(255,255,255,.08);
}

.transfer-center-page .tc-hero-live-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
    color: var(--tc-cyan);
    margin-bottom: 8px;
    text-transform: uppercase;
}
.transfer-center-page .tc-hero-live-label::before {
    content: '';
    width: 6px;
    height: 6px;
    background: var(--tc-cyan);
    border-radius: 50%;
    animation: tc-live-pulse 1.5s ease-in-out infinite;
}

/* Player photo refinement */
.transfer-center-page .tc-player-photo-wrap {
    position: relative;
    width: 140px;
    min-width: 140px;
    height: 190px;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.1);
    background: linear-gradient(180deg, rgba(14,18,38,.9), rgba(5,9,22,.95));
    flex-shrink: 0;
}
.transfer-center-page .tc-player-photo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    display: block;
}
.transfer-center-page .tc-photo-ring {
    position: absolute;
    inset: 0;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.06);
    pointer-events: none;
}

.transfer-center-page .tc-player-position {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .15em;
    color: var(--tc-cyan);
    margin-bottom: 6px;
    text-transform: uppercase;
}
.transfer-center-page .tc-player-name {
    font-family: var(--tc-font-display);
    font-size: 38px;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 1.05;
    margin: 0 0 10px;
    color: var(--tc-text-primary);
}
.transfer-center-page .tc-player-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 12px;
    color: var(--tc-text-secondary);
}
.transfer-center-page .tc-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.transfer-center-page .tc-meta-item img {
    width: 18px;
    height: 13px;
    object-fit: cover;
    border-radius: 2px;
}
.transfer-center-page .tc-meta-divider {
    width: 3px;
    height: 3px;
    background: var(--tc-text-muted);
    border-radius: 50%;
}

/* Transfer flow refinement */
.transfer-center-page .tc-transfer-flow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255,255,255,.02);
    border-radius: 16px;
    padding: 20px 24px;
    margin-bottom: 16px;
    border: 1px solid rgba(255,255,255,.04);
}
.transfer-center-page .tc-club-abbr {
    font-family: var(--tc-font-display);
    font-size: 32px;
    font-weight: 700;
}
.transfer-center-page .tc-flow-club.tc-from .tc-club-abbr { color: var(--tc-text-secondary); }
.transfer-center-page .tc-flow-club.tc-to .tc-club-abbr   { color: var(--tc-cyan); }
.transfer-center-page .tc-club-full {
    font-size: 10px;
    color: var(--tc-text-muted);
    text-transform: uppercase;
    letter-spacing: .06em;
}

.transfer-center-page .tc-data-cell {
    background: rgba(255,255,255,.02);
    border: 1px solid rgba(255,255,255,.04);
    border-radius: 12px;
    padding: 14px 16px;
    text-align: center;
    transition: border-color .25s ease, background .25s ease;
}
.transfer-center-page .tc-data-cell:hover {
    border-color: rgba(255,255,255,.08);
    background: rgba(255,255,255,.03);
}
.transfer-center-page .tc-data-label {
    display: block;
    font-size: 9px;
    color: var(--tc-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 6px;
}
.transfer-center-page .tc-data-value {
    font-family: var(--tc-font-display);
    font-size: 15px;
    font-weight: 600;
    color: var(--tc-text-primary);
}

/* Hero engagement footer */
.transfer-center-page .tc-hero-engagement {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,.04);
    font-size: 11px;
    color: var(--tc-text-muted);
    position: relative;
    z-index: 2;
}
.transfer-center-page .tc-engagement-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.transfer-center-page .tc-engagement-item i {
    color: var(--tc-orange);
}

/* ╔══════════════════════════════════════════════════════════╗
   ║  HEADER REFINEMENTS                                      ║
   ╚══════════════════════════════════════════════════════════╝ */

.transfer-center-page .tc-broadcast-header {
    background: rgba(12,12,24,.85);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border-bottom: 1px solid rgba(255,255,255,.06);
    padding: 14px 0;
    position: sticky;
    top: 0;
    z-index: 100;
}
.transfer-center-page .tc-header-bg-pattern {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 20% 50%, rgba(0,212,255,.04) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 50%, rgba(0,255,136,.03) 0%, transparent 50%);
    pointer-events: none;
}

.transfer-center-page .tc-live-status-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    background: rgba(255,45,85,.06);
    border: 1px solid rgba(255,45,85,.15);
    border-radius: 10px;
    padding: 8px 18px;
}
.transfer-center-page .tc-live-badge {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--tc-red);
    padding: 4px 10px;
    border-radius: 5px;
}
.transfer-center-page .tc-live-dot {
    width: 7px;
    height: 7px;
    background: #fff;
    border-radius: 50%;
    animation: tc-live-pulse 1s ease-in-out infinite;
}
.transfer-center-page .tc-live-text {
    font-family: var(--tc-font-display);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
}

/* Stat cells */
.transfer-center-page .tc-header-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}
.transfer-center-page .tc-stat-cell {
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.04);
    border-radius: 10px;
    padding: 10px 8px;
    text-align: center;
    position: relative;
    transition: all .25s ease;
}
.transfer-center-page .tc-stat-cell:hover {
    border-color: rgba(0,212,255,.2);
    background: rgba(0,212,255,.04);
    transform: translateY(-1px);
}
.transfer-center-page .tc-stat-active {
    border-color: rgba(255,45,85,.2);
    background: rgba(255,45,85,.06);
}
.transfer-center-page .tc-stat-number {
    display: block;
    font-family: var(--tc-font-display);
    font-size: 18px;
    font-weight: 700;
    color: var(--tc-text-primary);
    letter-spacing: .5px;
}
.transfer-center-page .tc-stat-name {
    display: block;
    font-size: 8px;
    color: var(--tc-text-muted);
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-top: 3px;
}
.transfer-center-page .tc-stat-indicator {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 5px;
    height: 5px;
    background: var(--tc-red);
    border-radius: 50%;
    animation: tc-live-pulse 1s ease-in-out infinite;
}

/* Sticky bar refined — consolidated above */

/* ╔══════════════════════════════════════════════════════════╗
   ║     APP DOWNLOAD CTA — Transfer Terminali Mobile         ║
   ║     Standalone component, transfer-center themed         ║
   ╚══════════════════════════════════════════════════════════╝ */

.tc-app-cta {
    --cta-bg:       #070710;
    --cta-surface:  #0c0c1a;
    --cta-card:     #14142e;
    --cta-elevated: #1a1a38;
    --cta-cyan:     #00d4ff;
    --cta-green:    #00ff88;
    --cta-red:      #ff2d55;
    --cta-purple:   #af52de;
    --cta-text:     #ffffff;
    --cta-muted:    #a8a8b3;
    --cta-dim:      #5c5c6e;
    --cta-font-display: 'Oswald', sans-serif;
    --cta-font-body:    'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

    position: relative;
    isolation: isolate;
    padding: 100px 0 140px;
    font-family: var(--cta-font-body);
    color: var(--cta-text);
    overflow: hidden;
    background: var(--cta-bg);
    border-top: 1px solid rgba(255,255,255,.05);
}

/* ── Background Effects ─────────────────────────── */
.tc-app-cta .tc-cta-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

.tc-app-cta .tc-cta-orb {
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    filter: blur(120px);
    opacity: .12;
}
.tc-app-cta .tc-cta-orb--left {
    top: -200px;
    left: -200px;
    background: var(--cta-cyan);
}
.tc-app-cta .tc-cta-orb--right {
    bottom: -250px;
    right: -200px;
    background: var(--cta-green);
}

.tc-app-cta .tc-cta-grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.015) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.015) 1px, transparent 1px);
    background-size: 60px 60px;
    mask-image: radial-gradient(ellipse at center, black 30%, transparent 70%);
    -webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 70%);
}

/* ── Container ──────────────────────────────────── */
.tc-app-cta .tc-cta-container {
    position: relative;
    z-index: 1;
    max-width: 780px;
    margin: 0 auto;
    padding: 0 24px;
}

.tc-app-cta .tc-cta-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* ── Badge ──────────────────────────────────────── */
.tc-app-cta .tc-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(0,212,255,.1);
    border: 1px solid rgba(0,212,255,.25);
    color: var(--cta-cyan);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 6px 16px;
    border-radius: 50px;
    margin-bottom: 28px;
    text-transform: uppercase;
}
.tc-app-cta .tc-cta-badge-dot {
    width: 6px;
    height: 6px;
    background: var(--cta-cyan);
    border-radius: 50%;
    animation: tc-live-pulse 1.5s ease-in-out infinite;
}

/* ── Headline ───────────────────────────────────── */
.tc-app-cta .tc-cta-headline {
    font-family: var(--cta-font-display);
    font-size: 52px;
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: 1px;
    margin: 0 0 20px;
    color: var(--cta-text);
}
.tc-app-cta .tc-cta-headline-accent {
    background: linear-gradient(135deg, var(--cta-cyan) 0%, var(--cta-green) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ── Description ────────────────────────────────── */
.tc-app-cta .tc-cta-desc {
    font-size: 16px;
    line-height: 1.6;
    color: var(--cta-muted);
    max-width: 520px;
    margin: 0 auto 40px;
}

/* ── Store Buttons ──────────────────────────────── */
.tc-app-cta .tc-cta-buttons {
    display: flex;
    gap: 16px;
    margin-bottom: 48px;
    flex-wrap: wrap;
    justify-content: center;
}

.tc-app-cta .tc-cta-store-btn {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: 14px 28px;
    border-radius: 16px;
    cursor: pointer;
    text-decoration: none;
    transition: all .35s cubic-bezier(.4,0,.2,1);
    position: relative;
    min-width: 200px;
    border: 1px solid rgba(255,255,255,.12);
    background: var(--cta-card);
}
.tc-app-cta .tc-cta-store-btn::after {
    content: '';
    position: absolute;
    inset: -1px;
    border-radius: 16px;
    opacity: 0;
    transition: opacity .35s ease;
    pointer-events: none;
}
.tc-app-cta .tc-cta-store-btn--appstore::after {
    background: linear-gradient(135deg, rgba(0,212,255,.4), rgba(0,255,136,.2));
}
.tc-app-cta .tc-cta-store-btn--googleplay::after {
    background: linear-gradient(135deg, rgba(0,255,136,.4), rgba(175,82,222,.2));
}
.tc-app-cta .tc-cta-store-btn:hover {
    transform: translateY(-3px);
    border-color: transparent;
}
.tc-app-cta .tc-cta-store-btn:hover::after {
    opacity: 1;
}
.tc-app-cta .tc-cta-store-btn:active {
    transform: translateY(-1px);
}

.tc-app-cta .tc-cta-store-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    font-size: 26px;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}
.tc-app-cta .tc-cta-store-btn--appstore .tc-cta-store-icon {
    background: rgba(0,212,255,.15);
    color: var(--cta-cyan);
}
.tc-app-cta .tc-cta-store-btn--googleplay .tc-cta-store-icon {
    background: rgba(0,255,136,.15);
    color: var(--cta-green);
}

.tc-app-cta .tc-cta-store-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.1;
    position: relative;
    z-index: 1;
}
.tc-app-cta .tc-cta-store-label {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    color: var(--cta-dim);
    text-transform: uppercase;
}
.tc-app-cta .tc-cta-store-name {
    font-family: var(--cta-font-body);
    font-size: 18px;
    font-weight: 700;
    color: var(--cta-text);
    letter-spacing: -.3px;
}

/* hover glow */
.tc-app-cta .tc-cta-store-btn--appstore:hover {
    box-shadow: 0 0 40px rgba(0,212,255,.2), 0 12px 40px rgba(0,0,0,.4);
}
.tc-app-cta .tc-cta-store-btn--googleplay:hover {
    box-shadow: 0 0 40px rgba(0,255,136,.2), 0 12px 40px rgba(0,0,0,.4);
}

/* ── Feature Chips ──────────────────────────────── */
.tc-app-cta .tc-cta-features {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-bottom: 40px;
}

.tc-app-cta .tc-cta-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 50px;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 500;
    color: var(--cta-muted);
    transition: all .3s ease;
}
.tc-app-cta .tc-cta-chip i {
    font-size: 14px;
    color: var(--cta-cyan);
    transition: color .3s ease;
}
.tc-app-cta .tc-cta-chip:hover {
    background: rgba(0,212,255,.08);
    border-color: rgba(0,212,255,.25);
    color: var(--cta-text);
    transform: translateY(-1px);
}

/* ── Live Indicator Strip ───────────────────────── */
.tc-app-cta .tc-cta-live-strip {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 12px;
    color: var(--cta-dim);
    flex-wrap: wrap;
}
.tc-app-cta .tc-cta-live-dot {
    width: 7px;
    height: 7px;
    background: var(--cta-green);
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0,255,136,.5);
    animation: tc-live-pulse 2s ease-in-out infinite;
}
.tc-app-cta .tc-cta-live-label {
    color: var(--cta-muted);
}
.tc-app-cta .tc-cta-live-sep {
    color: var(--cta-dim);
}
.tc-app-cta .tc-cta-live-count {
    font-family: var(--cta-font-display);
    font-size: 16px;
    font-weight: 700;
    color: var(--cta-green);
}
.tc-app-cta .tc-cta-live-sublabel {
    color: var(--cta-dim);
}

/* ── RESPONSIVE ─────────────────────────────────── */
@media (max-width: 768px) {
    .tc-app-cta {
        padding: 70px 20px 120px;
    }

    .tc-app-cta .tc-cta-headline {
        font-size: 34px;
    }

    .tc-app-cta .tc-cta-desc {
        font-size: 14px;
        max-width: 100%;
        margin-bottom: 32px;
    }

    .tc-app-cta .tc-cta-buttons {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        max-width: 320px;
        gap: 12px;
    }

    .tc-app-cta .tc-cta-store-btn {
        justify-content: center;
        min-width: 0;
        width: 100%;
    }

    .tc-app-cta .tc-cta-features {
        gap: 8px;
    }

    .tc-app-cta .tc-cta-chip {
        font-size: 11px;
        padding: 7px 14px;
    }

    .tc-app-cta .tc-cta-orb {
        width: 300px;
        height: 300px;
    }
}

@media (max-width: 480px) {
    .tc-app-cta {
        padding: 56px 16px 110px;
    }

    .tc-app-cta .tc-cta-headline {
        font-size: 28px;
    }

    .tc-app-cta .tc-cta-desc {
        font-size: 13px;
    }

    .tc-app-cta .tc-cta-store-btn {
        padding: 12px 20px;
        gap: 10px;
        border-radius: 14px;
    }

    .tc-app-cta .tc-cta-store-icon {
        width: 36px;
        height: 36px;
        font-size: 22px;
    }

    .tc-app-cta .tc-cta-store-name {
        font-size: 16px;
    }

    .tc-app-cta .tc-cta-chip {
        font-size: 10px;
        padding: 6px 12px;
        gap: 5px;
    }

    .tc-app-cta .tc-cta-chip i {
        font-size: 12px;
    }

    .tc-app-cta .tc-cta-live-strip {
        font-size: 11px;
        gap: 4px;
    }

    .tc-app-cta .tc-cta-grid {
        background-size: 30px 30px;
    }
}

/* ═══════════════════════════════════════════════════════════════════
   STICKY BAR — Info Panel (Nasıl Çalışır?)
   ═══════════════════════════════════════════════════════════════════ */

.tc-sticky-action-bar {
    position: relative;
}

/* Info toggle button in bar */
.tc-bar-info-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 8px;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.45);
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
    white-space: nowrap;
}

.tc-bar-info-toggle:hover {
    background: rgba(255,255,255,0.04);
    border-color: rgba(0, 217, 255, 0.2);
    color: rgba(255,255,255,0.7);
}

.tc-bar-info-toggle[aria-expanded="true"] {
    background: rgba(0, 217, 255, 0.08);
    border-color: rgba(0, 217, 255, 0.25);
    color: var(--tc-accent, #00D9FF);
}

/* Expandable panel */
.tc-bar-info-panel {
    display: none;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    padding: 20px 0;
    background: rgba(0,0,0,0.25);
}

.tc-bar-info-panel.is-open {
    display: block;
}

.tc-bar-info-grid {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 24px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

.tc-bar-info-item {
    display: flex;
    gap: 10px;
    padding: 12px;
    border-radius: 8px;
    background: rgba(255,255,255,0.015);
    border: 1px solid rgba(255,255,255,0.03);
}

.tc-bar-info-num {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background: rgba(0, 217, 255, 0.08);
    border: 1px solid rgba(0, 217, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--tc-accent, #00D9FF);
    flex-shrink: 0;
}

.tc-bar-info-item strong {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    color: rgba(255,255,255,0.8);
    margin-bottom: 3px;
}

.tc-bar-info-item p {
    font-size: 0.67rem;
    line-height: 1.45;
    color: rgba(255,255,255,0.38);
    margin: 0;
}

/* Credit line */
.tc-bar-info-credit {
    max-width: 1140px;
    margin: 14px auto 0;
    padding: 0 24px;
    font-size: 0.68rem;
    color: rgba(255,255,255,0.25);
    text-align: center;
}

.tc-bar-info-credit strong {
    color: rgba(255,255,255,0.45);
    font-weight: 600;
}

.tc-bar-info-credit a {
    color: rgba(0, 217, 255, 0.35);
    text-decoration: none;
    transition: color 0.2s;
}

.tc-bar-info-credit a:hover {
    color: var(--tc-accent, #00D9FF);
}

/* Responsive */
@media (max-width: 992px) {
    .tc-bar-info-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .tc-bar-info-grid {
        grid-template-columns: 1fr;
    }
    .tc-bar-info-toggle span {
        display: none;
    }
}

/* ── RSS News badge ──────────────────────────── */
.transfer-center-page .tc-badge-news {
    background: rgba(0,150,255,.15);
    color: #0096ff;
    border: 1px solid rgba(0,150,255,.25);
}

.transfer-center-page .tc-source-link {
    color: var(--tc-cyan);
    text-decoration: none;
}
.transfer-center-page .tc-source-link:hover {
    text-decoration: underline;
}

/* ═══════════════════════════════════════════════════════════
   COMMENT SYSTEM
   ═══════════════════════════════════════════════════════════ */

.transfer-center-page .tc-footer-actions {
    display:     flex;
    align-items: center;
    gap:         6px;
    flex-shrink: 0;
}
.transfer-center-page .tc-comment-toggle {
    position:       relative;
    display:        inline-flex;
    align-items:    center;
    gap:            5px;
    background:     rgba(99,102,241,.15);
    border:         1px solid rgba(99,102,241,.25);
    border-radius:  20px;
    padding:        6px 14px;
    font-size:      11px;
    font-weight:    600;
    cursor:         pointer;
    color:          rgba(165,180,252,.85);
    transition:     all .25s cubic-bezier(.4,0,.2,1);
    user-select:    none;
    -webkit-user-select: none;
    font-family:    var(--tc-font-body);
    letter-spacing: .01em;
    overflow:       hidden;
}
.transfer-center-page .tc-comment-toggle::before {
    content:    '';
    position:   absolute;
    inset:      0;
    background: linear-gradient(135deg, rgba(99,102,241,.1), rgba(139,92,246,.1));
    opacity:    0;
    transition: opacity .25s;
}
.transfer-center-page .tc-comment-toggle:hover {
    color:      #fff;
    background: rgba(99,102,241,.3);
    border-color: rgba(99,102,241,.5);
    transform:  translateY(-1px);
    box-shadow: 0 0 16px rgba(99,102,241,.15);
}
.transfer-center-page .tc-comment-toggle:hover::before { opacity: 1; }
.transfer-center-page .tc-comment-toggle:hover .tc-comment-count {
    color: rgba(255,255,255,.7);
}
.transfer-center-page .tc-comment-toggle i {
    font-size:     13px;
    transition:    all .25s cubic-bezier(.4,0,.2,1);
    position:      relative;
    z-index:       1;
}
.transfer-center-page .tc-comment-count { font-weight: 700; font-size: 11px; }

.transfer-center-page .tc-comment-panel {
    display: none;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,.06);
}
.transfer-center-page .tc-comment-panel.is-open { display: block; }

.transfer-center-page .tc-comment-list {
    max-height: 300px;
    overflow-y: auto;
    margin-bottom: 12px;
}
.transfer-center-page .tc-comment-empty {
    color: var(--tc-text-muted);
    font-size: 12px;
    text-align: center;
    padding: 16px 0;
    margin: 0;
}

.transfer-center-page .tc-comment-item {
    display: flex;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255,255,255,.03);
}
.transfer-center-page .tc-comment-item:last-child { border-bottom: none; }

.transfer-center-page .tc-comment-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(0,212,255,.12);
    color: var(--tc-cyan);
    font-size: 10px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid rgba(0,212,255,.15);
}

.transfer-center-page .tc-comment-body { flex: 1; min-width: 0; }
.transfer-center-page .tc-comment-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}
.transfer-center-page .tc-comment-author {
    font-size: 12px;
    font-weight: 600;
    color: var(--tc-text-primary);
}
.transfer-center-page .tc-comment-time {
    font-size: 10px;
    color: var(--tc-text-muted);
}
.transfer-center-page .tc-comment-text {
    font-size: 12px;
    color: var(--tc-text-secondary);
    margin: 0;
    line-height: 1.5;
    word-wrap: break-word;
}

.transfer-center-page .tc-comment-form { margin-top: 8px; }
.transfer-center-page .tc-comment-guest-fields {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}
.transfer-center-page .tc-comment-input {
    flex: 1;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 6px;
    padding: 8px 10px;
    font-size: 11px;
    color: var(--tc-text-primary);
    font-family: var(--tc-font-body);
    outline: none;
    transition: border-color .2s ease;
}
.transfer-center-page .tc-comment-input:focus {
    border-color: var(--tc-cyan);
}

.transfer-center-page .tc-comment-write-row {
    display: flex;
    gap: 8px;
    align-items: flex-end;
}
.transfer-center-page .tc-comment-textarea {
    flex: 1;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 12px;
    color: var(--tc-text-primary);
    font-family: var(--tc-font-body);
    outline: none;
    resize: vertical;
    transition: border-color .2s ease;
}
.transfer-center-page .tc-comment-textarea:focus {
    border-color: var(--tc-cyan);
}
.transfer-center-page .tc-comment-textarea::placeholder {
    color: var(--tc-text-muted);
}

.transfer-center-page .tc-comment-submit {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--tc-cyan);
    border: none;
    border-radius: 8px;
    padding: 10px 16px;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    cursor: pointer;
    transition: all .2s ease;
    white-space: nowrap;
}
.transfer-center-page .tc-comment-submit:hover {
    background: #00b8e0;
}
.transfer-center-page .tc-comment-guest-note {
    font-size: 10px;
    color: var(--tc-text-muted);
    margin: 6px 0 0;
}

/* Mobile comment adjustments */
@media (max-width: 768px) {
    .transfer-center-page .tc-comment-guest-fields {
        flex-direction: column;
        gap: 6px;
    }
    .transfer-center-page .tc-comment-input { width: 100%; }
    .transfer-center-page .tc-comment-write-row { gap: 6px; }
    .transfer-center-page .tc-comment-submit { padding: 10px 12px; }
    .transfer-center-page .tc-comment-submit span { display: none; }
    .transfer-center-page .tc-footer-actions { gap: 4px; }
    .transfer-center-page .tc-comment-toggle {
        padding: 5px 10px;
        gap: 3px;
        font-size: 10px;
    }
    .transfer-center-page .tc-comment-toggle .tc-react-label {
        display: none;
    }
    .transfer-center-page .tc-comment-toggle i {
        font-size: 12px;
    }
    .transfer-center-page .tc-comment-count {
        font-size: 10px;
        min-width: 14px;
    }
}
@media (max-width: 480px) {
    .transfer-center-page .tc-comment-toggle {
        padding: 5px 8px;
        gap: 4px;
    }
}