/* Futbol Menajer - temel stil (responsive) */
* { box-sizing: border-box; margin: 0; padding: 0; }

:root {
    /* FM tarzı palet: koyu lacivert ana + yeşil vurgu */
    --navy: #1e2a44;
    --navy-dark: #16203a;
    --navy-light: #2c3a5a;
    --green: #1a8a4f;
    --green-dark: #14703f;
    --accent: #3ba776;
    --bg: #eceef1;
    --card: #ffffff;
    --text: #1a2030;
    --muted: #6a7286;
    --border: #d8dce3;
    --danger: #c0392b;
    --danger-bg: #fbeae8;
    --info: #1e2a44;
    --info-bg: #e8ecf3;
}

/* ===== KOYU TEMA ===== */
html.dark {
    --navy: #243250;          /* üst menü biraz daha açık dursun ki koyu zeminde ayrışsın */
    --navy-dark: #1a2540;
    --navy-light: #2c3a5a;
    --green: #25a35f;
    --green-dark: #1a8a4f;
    --accent: #3ba776;
    --bg: #11151f;            /* ana arka plan - çok koyu lacivert */
    --card: #1a2030;         /* kartlar */
    --text: #e6e9ef;         /* metin - açık */
    --muted: #8b94a8;        /* soluk metin */
    --border: #2a3346;       /* kenarlıklar */
    --danger: #e85d4d;
    --danger-bg: #3a1f1c;
    --info: #c8d2e8;
    --info-bg: #1f2740;
}
/* Koyu temada beyaz sabit alanlar için ince ayarlar */
html.dark .card,
html.dark .dash-card { background: var(--card); border-color: var(--border); }
html.dark input,
html.dark select,
html.dark textarea {
    background: #222a3d; color: var(--text); border-color: var(--border);
}
html.dark input::placeholder { color: #6a7488; }
html.dark table th { color: var(--muted); }
html.dark .fin-net, html.dark .fin-head { background: #1f2740; }
html.dark .quick-btn { background: #222a3d; color: var(--text); }
html.dark .quick-btn:hover { background: #2a3450; }
html.dark .quick-btn.quick-soon { background: #222a3d !important; }
html.dark .quick-btn.quick-soon:hover { background: #2a3450 !important; }

body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    background: var(--bg);
    color: var(--text);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

/* Ust bar - FM tarzı koyu lacivert */
.topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--navy);
    color: #fff;
    padding: 12px 20px;
    border-bottom: 3px solid var(--green);
    position: sticky;
    top: 0;
    z-index: 900;
}
.brand { color: #fff; text-decoration: none; font-weight: 700; font-size: 18px; letter-spacing: 0.3px; }
.topbar nav a {
    color: #fff;
    text-decoration: none;
    margin-left: 16px;
    font-size: 14px;
    opacity: 0.85;
    font-weight: 500;
}
.topbar nav a:hover { opacity: 1; }

/* Kapsayici */
.container {
    max-width: 920px;
    margin: 0 auto;
    padding: 24px 16px;
}

/* Kart - FM tarzı */
.card {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 22px;
    margin-bottom: 14px;
}
.form-card { max-width: 420px; margin: 32px auto; }

h1 { font-size: 23px; margin-bottom: 8px; font-weight: 700; color: var(--navy); }
.muted { color: var(--muted); font-size: 14px; }

/* Form */
label {
    display: block;
    margin: 16px 0 6px;
    font-size: 14px;
    font-weight: 500;
}
input {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-radius: 8px;
    font-size: 15px;
    font-family: inherit;
    margin-top: 4px;
}
input:focus {
    outline: none;
    border-color: var(--green);
    box-shadow: 0 0 0 3px rgba(30,42,68,0.12);
}

/* Buton - FM tarzı */
.btn {
    display: inline-block;
    padding: 10px 18px;
    border-radius: 6px;
    border: 1px solid var(--border);
    background: #fff;
    color: var(--navy);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 16px;
    transition: all 0.15s ease;
    letter-spacing: 0.2px;
}
.btn:hover { background: var(--navy); color: #fff; border-color: var(--navy); }
.btn-primary {
    background: var(--navy);
    border-color: var(--navy);
    color: #fff;
}
.btn-primary:hover { background: var(--green); border-color: var(--green); }
.btn-sm { padding: 7px 14px; font-size: 13px; margin-top: 0; }
/* BTN_STD: ikincil/detay butonlari (puan durumu, kupa detay vb.) */
.btn-secondary { background: var(--bg); border-color: var(--border); color: var(--navy); }
.btn-secondary:hover { background: var(--navy); color: #fff; border-color: var(--navy); }

/* Uyarilar */
.alert {
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 14px;
    margin: 16px 0;
}
.alert-error { background: var(--danger-bg); color: var(--danger); }
.alert-info { background: var(--info-bg); color: var(--info); }

/* Hero */
.hero { text-align: center; padding: 48px 16px; }
.hero h1 { font-size: 32px; }
.hero p { max-width: 540px; margin: 12px auto; }
.hero-actions { margin-top: 24px; display: flex; gap: 12px; justify-content: center; }

/* Footer */
.footer {
    text-align: center;
    color: var(--muted);
    font-size: 13px;
    padding: 24px;
}

/* Mobil */
@media (max-width: 600px) {
    h1 { font-size: 20px; }
    .hero h1 { font-size: 24px; }
    .card { padding: 18px; }
    .hero-actions { flex-direction: column; }
    .hero-actions .btn { width: 100%; }
}

/* Kulüp / kadro sayfası */
.club-stats {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 8px;
    font-size: 15px;
    color: var(--muted);
}
h2 { font-size: 18px; margin-bottom: 14px; font-weight: 700; color: var(--navy); }

.squad-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}
.squad-table th {
    text-align: left;
    padding: 8px 10px;
    border-bottom: 2px solid var(--border);
    color: var(--muted);
    font-weight: 500;
}
.squad-table td {
    padding: 8px 10px;
    border-bottom: 1px solid var(--border);
}
.squad-table tbody tr:hover { background: var(--bg); }

.pos-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}
.pos-GK { background: #fae3d9; color: #8a3b1a; }
.pos-DC { background: #d9efe4; color: #0f6e56; }
.pos-FB { background: #d9efe4; color: #0f6e56; }
.pos-MF { background: #e0ddf7; color: #3c3489; }
.pos-WG { background: #e0ddf7; color: #3c3489; }
.pos-FW { background: #fae8d4; color: #854f0b; }

/* Mobilde kadro tablosu kaydırılabilir */
@media (max-width: 600px) {
    .card { overflow-x: auto; }
    .squad-table { min-width: 480px; }
    .club-stats { font-size: 13px; gap: 12px; }
}

/* Puan durumu */
.standings-table th { text-align: center; }
.standings-table td { text-align: center; }
.standings-table td:nth-child(2) { text-align: left; }
.my-row { background: #e6f1fb !important; font-weight: 500; }
.you-badge {
    display: inline-block;
    background: #185fa5;
    color: #fff;
    font-size: 10px;
    padding: 1px 6px;
    border-radius: 4px;
    margin-left: 6px;
    vertical-align: middle;
}
.dash-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
@media (max-width: 600px) {
    .standings-table { min-width: 520px; }
}

/* Fikstür */
.week-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 14px;
}
.week-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    padding: 0 8px;
    border-radius: 8px;
    background: var(--bg);
    border: 1px solid var(--border);
    color: var(--text);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}
.week-pill:hover { background: #eceae3; }
.week-pill.active { background: var(--green); color: #fff; border-color: var(--green); }

.fixture-list { display: flex; flex-direction: column; gap: 8px; }
.fixture-row {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 8px;
    background: var(--bg);
    font-size: 14px;
}
.fixture-row.mine { background: #e6f1fb; border: 1px solid #b8d4ef; }
.fx-home { text-align: right; }
.fx-away { text-align: left; }
.fx-score { text-align: center; min-width: 54px; color: var(--text); }
.fx-vs { color: var(--muted); font-size: 12px; }

@media (max-width: 600px) {
    .fixture-row { font-size: 13px; padding: 10px; gap: 8px; }
}

/* Maç sonuç satırı (tıklanabilir) */
.result-row { text-decoration: none; color: var(--text); transition: background 0.15s; }
.result-row:hover { background: #eceae3; }
.result-row.mine:hover { background: #d8e8f8; }

/* Maç detay başlığı */
.match-header {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 16px;
    text-align: center;
}
.mh-team { font-size: 18px; font-weight: 600; }
.mh-home { text-align: right; }
.mh-away { text-align: left; }
.mh-score {
    font-size: 32px;
    font-weight: 700;
    background: var(--green);
    color: #fff;
    padding: 8px 18px;
    border-radius: 10px;
    min-width: 80px;
}

/* Maç olayları */
.event-list { display: flex; flex-direction: column; gap: 8px; }
.event-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 8px;
    background: var(--bg);
    font-size: 14px;
}
.event-row.ev-away { flex-direction: row-reverse; text-align: right; }
.ev-minute { font-weight: 600; color: var(--green); min-width: 32px; }
.ev-icon { font-size: 14px; }
.ev-team { color: var(--text); }

@media (max-width: 600px) {
    .mh-team { font-size: 15px; }
    .mh-score { font-size: 26px; padding: 6px 12px; min-width: 64px; }
}

/* Fikstür hafta tarihi */
.week-date {
    font-size: 13px;
    font-weight: 400;
    color: var(--muted);
    margin-left: 8px;
}

/* Oyuncu link */
.player-link { color: var(--info); text-decoration: none; font-weight: 500; }
.player-link:hover { text-decoration: underline; }
.back-link { display: inline-block; color: var(--muted); text-decoration: none; font-size: 14px; margin-bottom: 12px; }
.back-link:hover { color: var(--text); }

/* Oyuncu başlık */
.player-head { display: flex; align-items: center; gap: 16px; }
.player-avatar {
    width: 64px; height: 64px;
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 12px; font-weight: 600; text-align: center;
    padding: 4px;
}
.player-stats-row { display: flex; gap: 12px; margin-top: 16px; }
.pstat {
    flex: 1;
    background: var(--bg);
    border-radius: 8px;
    padding: 10px;
    text-align: center;
}
.pstat span { display: block; font-size: 12px; color: var(--muted); }
.pstat strong { font-size: 18px; }

/* Scout raporu */
.scout-card { text-align: center; }
.scout-stars { font-size: 32px; color: #d4a017; letter-spacing: 4px; }
.scout-label { font-size: 16px; font-weight: 600; margin-top: 4px; }
.scout-warn { font-size: 13px; margin-top: 8px; }

/* Taktik sayfası */
.tactic-selects { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
.tactic-selects label { flex: 1; min-width: 140px; margin: 0; }
.tactic-selects select {
    width: 100%; padding: 10px 12px; margin-top: 4px;
    border: 1px solid var(--border); border-radius: 8px;
    font-size: 15px; font-family: inherit; background: #fff;
}
.lineup-grid { display: flex; flex-direction: column; gap: 4px; margin-bottom: 16px; }
.pos-header {
    font-size: 12px; text-transform: uppercase; color: var(--muted);
    font-weight: 600; margin-top: 12px; margin-bottom: 4px;
    letter-spacing: 0.5px;
}
.lineup-item {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 12px; border-radius: 8px; background: var(--bg);
    cursor: pointer; margin: 0;
}
.lineup-item:hover { background: #eceae3; }
.lineup-check { width: auto; margin: 0; }
.li-name { flex: 1; font-size: 14px; }
.li-ca { font-weight: 600; font-size: 14px; color: var(--green); }

/* ===== Transfer pazarı (yeni, temiz) ===== */
/* BTN_STD: mukerrer .btn-sm kaldirildi (bkz. satir ~154) */

.market-list { display: flex; flex-direction: column; gap: 10px; }

.market-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 10px;
    background: var(--bg);
    border: 1px solid var(--border);
}
.market-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1 200px;
    min-width: 0;
}
.market-name {
    font-weight: 600;
    color: var(--info);
    text-decoration: none;
    font-size: 15px;
}
.market-name:hover { text-decoration: underline; }
.market-meta {
    font-size: 13px;
    color: var(--muted);
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.market-owner { font-size: 12px; color: var(--muted); }
.market-value {
    font-weight: 700;
    font-size: 16px;
    color: var(--green);
    white-space: nowrap;
    flex: 0 0 auto;
}
.market-actions {
    display: flex;
    gap: 8px;
    flex: 0 0 auto;
}
.offer-form {
    flex-basis: 100%;
    display: flex;
    gap: 8px;
    margin-top: 4px;
    padding-top: 12px;
    border-top: 1px solid var(--border);
}
.offer-form input[type=number] {
    flex: 1;
    padding: 9px 12px;
    border: 1px solid var(--border);
    border-radius: 8px;
    font-size: 14px;
    font-family: inherit;
}
.hidden { display: none; }

/* Oyuncu değer satırı */
.player-value-row {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--border);
}
.player-value { font-size: 18px; color: var(--green); }

@media (max-width: 600px) {
    .market-actions { flex: 1 1 100%; }
    .market-actions .btn { flex: 1; }
    .market-value { flex: 1 1 100%; }
}

/* ===== Nitelikler - FM26 tarzı renk kodlu ===== */
.attr-groups-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 28px;
}
.attr-group { margin-bottom: 4px; }
.attr-group-title {
    font-size: 12px;
    text-transform: uppercase;
    color: var(--muted);
    letter-spacing: 0.8px;
    margin-bottom: 10px;
    font-weight: 700;
    padding-bottom: 5px;
    border-bottom: 2px solid var(--border);
}
.attr-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 7px;
}
.attr-name {
    width: 96px;
    font-size: 13px;
    flex-shrink: 0;
    color: var(--text);
}
.attr-bar-bg {
    flex: 1;
    height: 7px;
    background: #e8e5dd;
    border-radius: 4px;
    overflow: hidden;
}
.attr-bar {
    height: 7px;
    border-radius: 4px;
    transition: width 0.4s ease;
}
.attr-val {
    width: 30px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    border-radius: 5px;
    padding: 2px 0;
    color: #fff;
    flex-shrink: 0;
}

/* FM renk skalası - çubuk */
.attr-bar.attr-elite { background: #1a8a4f; }
.attr-bar.attr-good  { background: #5cb85c; }
.attr-bar.attr-mid   { background: #e8b923; }
.attr-bar.attr-low   { background: #e07b39; }
.attr-bar.attr-poor  { background: #c0392b; }

/* FM renk skalası - sayı kutusu */
.attr-val.attr-elite { background: #1a8a4f; }
.attr-val.attr-good  { background: #5cb85c; }
.attr-val.attr-mid   { background: #d4a017; color: #fff; }
.attr-val.attr-low   { background: #e07b39; }
.attr-val.attr-poor  { background: #c0392b; }

@media (max-width: 600px) {
    .attr-groups-grid { grid-template-columns: 1fr; gap: 16px; }
    .attr-name { width: 88px; font-size: 12px; }
}

/* Transfer filtreleme */
.filter-form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.filter-form select {
    padding: 9px 12px;
    border: 1px solid var(--border);
    border-radius: 8px;
    font-size: 14px;
    font-family: inherit;
    background: #fff;
    cursor: pointer;
}
.budget-check {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    margin: 0;
    cursor: pointer;
}
.budget-check input { width: auto; margin: 0; }

@media (max-width: 600px) {
    .filter-form select { flex: 1 1 calc(50% - 5px); }
}


}

/* ===== Canlı kıyaslama (sabit hizalı) ===== */
.compare-control { margin-bottom: 18px; }
.compare-label { display: block; font-size: 13px; font-weight: 600; color: var(--navy); margin: 0; }
.compare-label select {
    display: block; width: 100%; max-width: 360px; margin-top: 6px;
    padding: 9px 12px; border: 1px solid var(--border); border-radius: 6px;
    font-size: 14px; font-family: inherit; background: #fff; cursor: pointer;
}
.compare-legend {
    display: flex; gap: 20px; margin-top: 10px;
    font-size: 13px; color: var(--text); flex-wrap: wrap;
}
.dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 4px; vertical-align: middle; }
.dot-this { background: var(--navy); }
.dot-mine { background: var(--accent); }

/* Nitelik satırı - SABİT hizalı, asla kaymaz */
.attr-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 9px;
    flex-wrap: nowrap;
}
.attr-name {
    width: 92px;
    font-size: 13px;
    flex-shrink: 0;
    color: var(--text);
}
.attr-bars-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}
.attr-bar-bg {
    height: 7px;
    background: #e8e5dd;
    border-radius: 4px;
    overflow: hidden;
}
.attr-bar {
    height: 7px;
    border-radius: 4px;
    transition: width 0.4s ease;
}
.attr-val {
    width: 30px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    border-radius: 5px;
    padding: 2px 0;
    color: #fff;
    flex-shrink: 0;
}
.bar-mine { background: var(--accent); }
.attr-val-mine { background: var(--accent) !important; }
.hidden { display: none !important; }

/* FM renk skalası - çubuk */
.attr-bar.attr-elite { background: #1a8a4f; }
.attr-bar.attr-good  { background: #5cb85c; }
.attr-bar.attr-mid   { background: #e8b923; }
.attr-bar.attr-low   { background: #e07b39; }
.attr-bar.attr-poor  { background: #c0392b; }
/* FM renk skalası - sayı kutusu */
.attr-val.attr-elite { background: #1a8a4f; }
.attr-val.attr-good  { background: #5cb85c; }
.attr-val.attr-mid   { background: #d4a017; }
.attr-val.attr-low   { background: #e07b39; }
.attr-val.attr-poor  { background: #c0392b; }

@media (max-width: 600px) {
    .attr-name { width: 80px; font-size: 12px; }
    .attr-val { width: 28px; font-size: 12px; }
    .compare-legend { gap: 12px; font-size: 12px; }
}

/* Kıyaslama kimlik renkleri - net ayrım */
.dot-this { background: #3ba776 !important; }   /* incelenen: yesil */
.dot-mine { background: #e8b923 !important; }   /* senin: sari */

/* Kıyaslama açıkken kimlik renkleri (FM skalasını ezer) */
.attr-bar.identity-this { background: #3ba776 !important; }
.attr-val.identity-this { background: #3ba776 !important; }
.attr-bar.bar-mine { background: #e8b923 !important; }
.attr-val.attr-val-mine { background: #e8820c !important; }

/* Tesisler */
.facility-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.facility-level { text-align: right; flex-shrink: 0; }
.level-num { font-size: 32px; font-weight: 800; color: var(--green); }
.level-label { font-size: 16px; color: var(--muted); }
.level-dots { display: flex; gap: 6px; margin: 14px 0; }
.level-dot {
    flex: 1; height: 8px; border-radius: 4px;
    background: #e2e5ea;
}
.level-dot.filled { background: var(--green); }
.facility-form { margin: 0; }
.facility-form .btn { margin-top: 4px; }
.facility-max {
    color: var(--green); font-weight: 600; font-size: 14px;
    padding: 8px 0; margin-top: 4px;
}

/* ===== Diziliş ekranı ===== */
.lineup-controls { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 18px; }
.lineup-controls label { flex: 1; min-width: 130px; font-size: 13px; font-weight: 600; color: var(--navy); }
.lineup-controls input, .lineup-controls select {
    display: block; width: 100%; margin-top: 5px; padding: 9px 12px;
    border: 1px solid var(--border); border-radius: 6px; font-size: 14px;
    font-family: inherit; background: #fff;
}

/* Yeşil saha */
.pitch-wrap { display: flex; justify-content: center; margin: 0 auto 18px; }
.pitch {
    position: relative;
    width: 100%; max-width: 440px;
    aspect-ratio: 2 / 3;
    min-height: 480px; /* aspect-ratio desteklenmeyen eski mobil tarayicilar icin fallback */
    background:
        repeating-linear-gradient(0deg, #2e9e54 0px, #2e9e54 40px, #299150 40px, #299150 80px);
    border: 3px solid rgba(255,255,255,0.6);
    border-radius: 10px;
    overflow: hidden;
}
/* aspect-ratio destekleniyorsa min-height'i iptal et (cift hesap olmasin) */
@supports (aspect-ratio: 1) {
    .pitch { min-height: 0; }
}
/* Saha çizgileri */
.pitch::before {
    content: ''; position: absolute; left: 0; right: 0; top: 50%;
    height: 2px; background: rgba(255,255,255,0.45);
    pointer-events: none;
}
.pitch::after {
    content: ''; position: absolute; left: 50%; top: 50%;
    width: 80px; height: 80px; transform: translate(-50%,-50%);
    border: 2px solid rgba(255,255,255,0.45); border-radius: 50%;
    pointer-events: none;
}

/* Pozisyon kutusu */
.slot {
    position: absolute; transform: translate(-50%,-50%);
    width: 58px; height: 58px;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    border-radius: 10px; cursor: pointer;
    background: rgba(255,255,255,0.15);
    border: 2px dashed rgba(255,255,255,0.6);
    color: #fff; text-align: center;
    transition: transform 0.12s ease;
}
.slot:hover { transform: translate(-50%,-50%) scale(1.08); }
.slot.filled {
    background: var(--navy);
    border: 2px solid #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.slot.filled.slot-warn {
    background: #c0392b;
    border: 2px solid #f5b7b1;
    box-shadow: 0 2px 8px rgba(192,57,43,0.5);
}
.slot-warn-icon { position: absolute; top: -6px; right: -6px; font-size: 13px; line-height: 1; filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); }
.slot-plus { font-size: 22px; font-weight: 300; line-height: 1; }
.slot-ca {
    font-size: 14px; font-weight: 800;
    background: var(--green); color: #fff;
    border-radius: 4px; padding: 0 5px; line-height: 18px; margin-bottom: 1px;
}
.slot-name { font-size: 10px; font-weight: 600; line-height: 1.1; max-width: 54px; overflow: hidden; }
.slot-pos { font-size: 9px; opacity: 0.85; letter-spacing: 0.5px; }

/* Oyuncu seçim modalı */
.player-modal {
    position: fixed; inset: 0; z-index: 1000;
    background: rgba(0,0,0,0.55);
    display: flex; align-items: center; justify-content: center;
    padding: 16px;
}
.modal-box {
    background: var(--card); color: var(--text); border-radius: 12px; width: 100%; max-width: 420px;
    max-height: 80vh; display: flex; flex-direction: column; overflow: hidden;
}
.modal-head {
    display: flex; justify-content: space-between; align-items: center;
    padding: 16px 18px; border-bottom: 1px solid var(--border);
}
.modal-head h3 { margin: 0; font-size: 16px; }
.modal-close {
    background: none; border: none; font-size: 20px; cursor: pointer;
    color: var(--muted); padding: 0; width: auto; margin: 0;
}
.modal-list { overflow-y: auto; padding: 8px; }
.modal-player {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 12px; border-radius: 8px; cursor: pointer;
}
.modal-player:hover { background: var(--bg); }
.modal-player.off-pos { opacity: 0.55; }
.modal-clear { color: var(--danger); font-weight: 600; justify-content: center; }
.mp-ca {
    font-weight: 800; font-size: 13px; background: var(--green); color: #fff;
    border-radius: 4px; padding: 2px 7px; min-width: 30px; text-align: center;
}
.mp-name { flex: 1; font-size: 14px; font-weight: 500; color: var(--text); }
.mp-pos { font-size: 12px; color: var(--muted); }
.modal-player.blocked .mp-name { color: var(--text); opacity: 0.9; }
.modal-player.blocked .mp-pos { color: var(--muted); }

/* Kadro şablonları listesi */
.tpl-list { display: flex; flex-direction: column; gap: 10px; margin-bottom: 14px; }
.tpl-item {
    display: flex; justify-content: space-between; align-items: center;
    gap: 12px; padding: 12px 14px; border-radius: 8px;
    background: var(--bg); border: 1px solid var(--border); flex-wrap: wrap;
}
.tpl-item.tpl-active { border-color: var(--green); background: #eaf6ef; }
.tpl-info { display: flex; flex-direction: column; gap: 2px; }
.tpl-info strong { font-size: 15px; }
.tpl-badge { color: var(--green); font-size: 12px; font-weight: 700; }
.tpl-actions { display: flex; gap: 6px; flex-wrap: wrap; }
.btn-danger-outline {
    border-color: var(--danger); color: var(--danger);
    background: #fff; margin-top: 0;
}
.btn-danger-outline:hover { background: var(--danger); color: #fff; border-color: var(--danger); }

@media (max-width: 600px) {
    .slot { width: 48px; height: 48px; }
    .slot-name { font-size: 9px; max-width: 44px; }
    .lineup-controls label { min-width: 100%; }
}

/* Diziliş buton grubu */
.lineup-btns { display: flex; gap: 10px; flex-wrap: wrap; }
.lineup-btns .btn { margin-top: 0; }

/* Dostluk maçı sonucu */
.friendly-result {
    background: var(--navy); color: #fff;
    border-radius: 10px; padding: 20px; margin: 16px 0;
    text-align: center;
}
.fr-score-label { font-size: 15px; font-weight: 600; margin-bottom: 10px; opacity: 0.9; }
.fr-score {
    display: flex; align-items: center; justify-content: center; gap: 16px;
    flex-wrap: wrap;
}
.fr-team { font-size: 15px; font-weight: 600; flex: 1; max-width: 160px; }
.fr-numbers {
    font-size: 28px; font-weight: 800; color: #fff;
    background: var(--green); border-radius: 8px; padding: 4px 16px;
}
.fr-reward { margin-top: 12px; font-size: 13px; opacity: 0.85; }

/* Kondisyon paneli */
.fitness-panel {
    background: var(--bg); border: 1px solid var(--border);
    border-radius: 8px; padding: 14px 16px; margin: 16px 0;
}
.fitness-label {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 8px; font-size: 14px; font-weight: 600; color: var(--navy);
}
.fitness-bar-bg {
    height: 12px; background: #e2e5ea; border-radius: 6px; overflow: hidden;
}
.fitness-bar { height: 12px; border-radius: 6px; transition: width 0.5s ease; }
.btn:disabled { opacity: 0.5; cursor: not-allowed; }
.btn:disabled:hover { background: var(--navy); color: #fff; }

/* Mali döküm */
.finance-grid { display: flex; flex-direction: column; gap: 2px; }
.fin-row {
    display: flex; justify-content: space-between; align-items: center;
    padding: 8px 12px; border-radius: 6px; font-size: 14px;
}
.fin-row:nth-child(odd) { background: var(--bg); }
.fin-out { color: var(--danger); font-weight: 600; }
.fin-in { color: var(--green); font-weight: 600; }
.fin-sub { border-top: 1px solid var(--border); font-weight: 600; margin-top: 4px; }
.fin-net {
    border-top: 2px solid var(--navy); margin-top: 6px;
    font-weight: 700; font-size: 15px; background: var(--info-bg) !important;
}

/* Kupa */
.cup-matches { display: flex; flex-direction: column; gap: 8px; }
.cup-match {
    display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
    gap: 10px; padding: 12px 14px; border-radius: 8px;
    background: var(--bg); border: 1px solid var(--border);
}
.cup-match.cup-mine { border-color: var(--navy); border-width: 2px; background: var(--info-bg); }
.cup-team { font-size: 14px; font-weight: 600; }
.cup-team:first-child { text-align: right; }
.cup-team:last-child { text-align: left; }
.cup-winner { color: var(--green); }
.cup-loser { color: var(--muted); opacity: 0.6; }
.cup-score { font-size: 15px; font-weight: 700; text-align: center; white-space: nowrap; color: var(--navy); }
.cup-vs { font-size: 12px; color: var(--muted); font-weight: 400; }
.cup-pen { font-size: 11px; color: var(--muted); font-weight: 400; display: block; }

/* Maç geçmişi */
.match-summary { display: flex; gap: 10px; margin-top: 14px; flex-wrap: wrap; }
.ms-item {
    flex: 1; min-width: 70px; text-align: center; padding: 12px 8px;
    background: var(--bg); border-radius: 8px; border: 1px solid var(--border);
}
.ms-item strong { display: block; font-size: 22px; font-weight: 800; color: var(--navy); }
.ms-item span { font-size: 12px; color: var(--muted); }
.ms-w strong { color: var(--green); }
.ms-l strong { color: var(--danger); }
.match-filters { display: flex; gap: 6px; margin-bottom: 14px; flex-wrap: wrap; }
.match-filters .btn { margin-top: 0; }
.match-list { display: flex; flex-direction: column; gap: 6px; }
.match-row {
    display: grid; grid-template-columns: auto auto 1fr auto; align-items: center;
    gap: 10px; padding: 10px 12px; border-radius: 8px; background: var(--bg);
    font-size: 14px;
}
.mr-result {
    width: 24px; height: 24px; border-radius: 50%; color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 12px;
}
.mr-w { background: var(--green); }
.mr-d { background: #e8b923; }
.mr-l { background: var(--danger); }
.mr-type {
    font-size: 11px; color: var(--muted); background: #fff;
    padding: 2px 8px; border-radius: 4px; border: 1px solid var(--border);
    min-width: 54px; text-align: center;
}
.mr-teams { font-size: 14px; }
.mr-date { font-size: 12px; color: var(--muted); white-space: nowrap; }
/* MATCH_ROW_MOBILE_V1 — mobilde iki katmanli satir */
@media (max-width: 600px) {
    .match-row {
        grid-template-columns: auto 1fr;
        grid-template-areas: "res teams" "res meta";
        row-gap: 4px; column-gap: 9px; padding: 9px 11px;
    }
    .mr-result { grid-area: res; align-self: center; }
    .mr-teams  { grid-area: teams; font-size: 13.5px; line-height: 1.35; }
    .mr-type   { grid-area: meta; justify-self: start; margin: 0; font-size: 10.5px; padding: 1px 7px; min-width: 0; }
    .mr-date   { display: block; grid-area: meta; justify-self: end; font-size: 11px; }
    .mr-teams strong { max-width: 34vw; }
}

/* İstatistik sayfası */
.stat-league-select { margin-top: 10px; }
.stat-league-select label { font-size: 14px; font-weight: 600; color: var(--navy); }
.stat-league-select select {
    margin-left: 8px; padding: 8px 12px; border: 1px solid var(--border);
    border-radius: 6px; font-size: 14px; font-family: inherit; background: #fff;
}
.stat-table { display: flex; flex-direction: column; gap: 2px; }
.stat-row {
    display: grid; grid-template-columns: 32px 1fr auto auto; align-items: center;
    gap: 10px; padding: 9px 12px; border-radius: 6px; font-size: 14px;
}
.stat-row:nth-child(odd) { background: var(--bg); }
.stat-rank {
    font-weight: 800; color: var(--navy); text-align: center;
    font-size: 14px;
}
.stat-row:nth-child(1) .stat-rank { color: var(--green); font-size: 16px; }
.stat-name { font-weight: 600; }
.stat-pos {
    font-size: 10px; color: var(--muted); background: #fff;
    padding: 1px 5px; border-radius: 3px; border: 1px solid var(--border); margin-left: 4px;
}
.stat-club { font-size: 12px; color: var(--muted); }
.stat-val { font-weight: 700; color: var(--navy); white-space: nowrap; }
@media (max-width: 600px) {
    /* stat-club-sag: takim adi sag sutunda, gol/asist altinda */
    .stat-row { grid-template-columns: 26px 1fr auto; grid-template-rows: auto auto; align-items: center; row-gap: 0; }
    .stat-rank { grid-row: 1 / 3; }
    .stat-name { grid-column: 2; grid-row: 1 / 3; }
    .stat-val { grid-column: 3; grid-row: 1; text-align: right; }
    .stat-club { display: block; grid-column: 3; grid-row: 2; font-size: 11px; color: var(--muted); text-align: right; margin-top: 2px; }
}

/* Tıklanabilir oyuncu ismi */
.stat-link { color: var(--navy); text-decoration: none; cursor: pointer; }
.stat-link:hover { color: var(--green); text-decoration: underline; }

/* Satışta rozeti */
.listed-badge { color: var(--green); font-weight: 700; font-size: 13px; align-self: center; }

/* Satışta (S) işareti */
.sale-mark {
    display: inline-block; background: var(--green); color: #fff;
    font-size: 10px; font-weight: 800; width: 16px; height: 16px;
    line-height: 16px; text-align: center; border-radius: 4px;
    margin-left: 4px; vertical-align: middle;
}

/* Kondisyon geri sayım timer */
.fitness-timer {
    margin-top: 8px; padding: 8px 12px; border-radius: 6px;
    background: #fff; border: 1px solid var(--border);
    font-size: 13px; color: var(--navy);
}
.fitness-timer strong { color: var(--green); }
.fitness-ready { color: var(--green); font-weight: 600; border-color: var(--green); background: #eaf6ef; }

/* Kulüp linki (puan durumunda) */
.club-link { color: var(--navy); text-decoration: none; font-weight: 600; }
.club-link:hover { color: var(--green); text-decoration: underline; }

/* Bildirim rozeti */
.btn-notify { border-color: var(--green) !important; }
.notify-badge {
    display: inline-block; background: var(--danger); color: #fff;
    font-size: 11px; font-weight: 800; min-width: 18px; height: 18px;
    line-height: 18px; text-align: center; border-radius: 9px; padding: 0 5px;
    margin-left: 4px;
}
/* Gelen teklifler listesi */
.offer-list { display: flex; flex-direction: column; gap: 10px; }
.offer-item {
    display: grid; grid-template-columns: 1fr auto auto auto; align-items: center;
    gap: 12px; padding: 14px; border-radius: 8px;
    background: var(--bg); border: 1px solid var(--border); flex-wrap: wrap;
}
.offer-info { display: flex; flex-direction: column; gap: 2px; }
.offer-info strong { font-size: 15px; }
.offer-pos { font-size: 12px; color: var(--muted); }
.offer-amount { font-size: 16px; font-weight: 800; color: var(--green); white-space: nowrap; }
.offer-timer { font-size: 13px; color: var(--muted); white-space: nowrap; }
.offer-actions { display: flex; gap: 6px; }
.offer-actions .btn { margin-top: 0; }
@media (max-width: 600px) {
    .offer-item { grid-template-columns: 1fr 1fr; }
}

/* Giden teklif */
.sent-item { grid-template-columns: 1fr auto auto; }
.offer-status { font-size: 13px; white-space: nowrap; }

/* Açık artırma pazarı */
.auction-list { display: flex; flex-direction: column; gap: 10px; }
.auction-item {
    display: grid; grid-template-columns: 1.5fr 1fr auto 2fr; align-items: center;
    gap: 12px; padding: 14px; border-radius: 8px;
    background: var(--bg); border: 1px solid var(--border);
}
.auction-item.leading { border-color: var(--green); background: #eaf6ef; }
.auction-info { display: flex; flex-direction: column; gap: 2px; }
.auction-info strong { font-size: 15px; }
.auction-bid { font-size: 14px; display: flex; flex-direction: column; gap: 1px; }
.auction-bid strong { font-size: 16px; color: var(--green); }
.auction-timer { font-size: 13px; color: var(--muted); white-space: nowrap; }
.auction-status { font-size: 13px; white-space: nowrap; }
.auction-actions { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.leading-badge {
    display: inline-block; background: var(--green); color: #fff;
    font-size: 10px; font-weight: 700; padding: 1px 6px; border-radius: 4px; margin-left: 4px;
}
.auction-form { display: flex; gap: 12px; flex-wrap: wrap; align-items: flex-end; justify-content: center; }
.auction-form label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; font-weight: 600; color: var(--navy); }
.auction-form input, .auction-form select {
    padding: 8px 10px; border: 1px solid var(--border); border-radius: 6px; font-size: 14px; font-family: inherit;
    box-sizing: border-box; height: 38px;
}
.auction-submit-label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; font-weight: 600; align-items: center; }
.auction-spacer-text { line-height: normal; visibility: hidden; }
.auction-submit-btn { height: 38px; box-sizing: border-box; }
@media (max-width: 700px) {
    .auction-item { grid-template-columns: 1fr 1fr; }
    .auction-actions { grid-column: 1 / -1; justify-content: flex-start; }
    .auction-form { flex-direction: column; align-items: stretch; }
}

/* Açık artırma (A) ve yeni (Y) rozetleri */
.sale-mark.mark-a { background: #d68910; }
.sale-mark.mark-y { background: #2980b9; }

/* Fikstür maç saati */
.fx-time { font-size: 13px; color: var(--muted); font-weight: 600; }

/* Sakatlık işareti */
.sale-mark.mark-injury { background: #c0392b; width: auto; padding: 0 5px; }

/* Dakika dakika maç anlatımı */
.commentary-list { display: flex; flex-direction: column; gap: 0; }
.cmt-row {
    display: grid; grid-template-columns: 44px 28px 1fr; align-items: center;
    gap: 8px; padding: 10px 12px; border-bottom: 1px solid var(--border); font-size: 14px;
}
.cmt-row:last-child { border-bottom: none; }
.cmt-goal { background: #eaf6ef; border-radius: 6px; font-weight: 600; }
.cmt-min { font-weight: 700; color: var(--navy); text-align: right; }
.cmt-icon { text-align: center; }
.cmt-away .cmt-text { color: var(--muted); }
.cmt-away { direction: rtl; }
.cmt-away .cmt-text, .cmt-away .cmt-min, .cmt-away .cmt-icon { direction: ltr; }

/* === Maçkolik tarzı maç merkezi === */
.mc-scoreboard {
    display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
    gap: 12px; text-align: center; background: var(--navy); color: #fff;
    position: relative; padding: 22px 16px;
}
.mc-team { font-size: 16px; font-weight: 700; }
.mc-score {
    font-size: 32px; font-weight: 800; letter-spacing: 2px;
    background: rgba(255,255,255,0.1); padding: 6px 18px; border-radius: 8px;
}
.mc-ft {
    position: absolute; top: 6px; left: 50%; transform: translateX(-50%);
    font-size: 10px; text-transform: uppercase; letter-spacing: 1px; opacity: 0.6;
}
.mc-feed { display: flex; flex-direction: column; }
.mc-event {
    display: grid; grid-template-columns: 1fr 56px 1fr; align-items: center;
    gap: 8px; padding: 8px 4px; border-bottom: 1px solid var(--border);
    font-size: 13px; min-height: 34px;
}
.mc-event:last-child { border-bottom: none; }
.mc-event-goal { background: #eaf6ef; }
.mc-event-goal .mc-txt { font-weight: 700; color: var(--navy); }
.mc-left { text-align: right; display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.mc-right { text-align: left; display: flex; align-items: center; justify-content: flex-start; gap: 6px; }
.mc-center { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 2px; }
.mc-min { font-weight: 700; color: var(--muted); font-size: 12px; }
.mc-running {
    font-weight: 800; color: #fff; background: var(--green);
    padding: 1px 7px; border-radius: 4px; font-size: 12px;
}
.mc-icon { font-size: 15px; flex-shrink: 0; }
.mc-txt { line-height: 1.3; }
.mc-event:not(.mc-event-goal) .mc-txt { color: var(--muted); }
@media (max-width: 600px) {
    .mc-team { font-size: 13px; }
    .mc-score { font-size: 24px; padding: 4px 12px; }
    .mc-event { font-size: 12px; grid-template-columns: 1fr 48px 1fr; }
}

/* Tıklanabilir maç satırı + skor linki */
.fx-score-link { text-decoration: none; color: var(--navy); }
.fx-score-link:hover { color: var(--green); }
.match-row-link { text-decoration: none; color: inherit; cursor: pointer; transition: background 0.15s; }
.match-row-link:hover { background: var(--bg); }

/* Kupa müzesi */
.trophy-museum { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; }
.trophy-cabinet {
    display: flex; align-items: center; gap: 12px; padding: 14px;
    background: linear-gradient(135deg, #fff8e1, #fff); border: 1px solid #f0e0a0;
    border-radius: 8px;
}
.trophy-big { font-size: 36px; }
.trophy-info { display: flex; flex-direction: column; gap: 2px; }
.trophy-info strong { font-size: 14px; color: var(--navy); }
.trophy-count { font-size: 18px; font-weight: 800; color: #d68910; }
.trophy-seasons { font-size: 11px; color: var(--muted); }
/* Tüm zamanlar */
.alltime-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); gap: 10px; }
.at-stat {
    text-align: center; padding: 14px 8px; background: var(--bg);
    border-radius: 8px; display: flex; flex-direction: column; gap: 4px;
}
.at-stat strong { font-size: 22px; color: var(--navy); }
.at-stat span { font-size: 11px; color: var(--muted); }
.at-win strong { color: var(--green); }
.at-draw strong { color: #e8b923; }
.at-loss strong { color: var(--danger); }

/* Haberler */
.news-list { display: flex; flex-direction: column; gap: 8px; }
.news-item {
    display: flex; gap: 12px; padding: 12px 14px; background: var(--bg);
    border-radius: 8px; border-left: 3px solid var(--navy);
}
.news-match { border-left-color: var(--green); }
.news-transfer { border-left-color: #2980b9; }
.news-streak { border-left-color: #e8b923; }
.news-individual { border-left-color: #d68910; }
.news-season { border-left-color: #8e44ad; }
.news-icon { font-size: 22px; flex-shrink: 0; }
.news-body { flex: 1; }
.news-headline { font-weight: 600; font-size: 14px; color: var(--text); line-height: 1.3; }
.news-text { font-size: 13px; color: var(--muted); margin-top: 2px; }
.news-time { font-size: 11px; color: var(--muted); margin-top: 4px; }
/* Twitter tarzi haber postu */
.news-post {
    display: flex; gap: 12px; padding: 14px; background: var(--bg);
    border: 1px solid var(--border, rgba(127,127,127,.15)); border-radius: 12px;
}
a.news-post.news-clickable { text-decoration: none; color: inherit; cursor: pointer; transition: background .15s, transform .15s; }
a.news-post.news-clickable:hover { background: rgba(127,127,127,.08); transform: translateY(-1px); }
.news-post-icon {
    width: 40px; height: 40px; flex-shrink: 0; border-radius: 50%;
    background: rgba(127,127,127,.12); display: flex; align-items: center; justify-content: center;
    font-size: 19px;
}
.news-post-body { flex: 1; min-width: 0; }
.news-post-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 3px; }
.news-post-tag {
    font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 10px;
    background: rgba(127,127,127,.12); color: var(--muted); white-space: nowrap;
}
.news-tag-mac { background: rgba(26,138,79,.14); color: #1a8a4f; }
.news-tag-transfer { background: rgba(41,128,185,.14); color: #2980b9; }
.news-tag-avrupa { background: rgba(142,68,173,.14); color: #8e44ad; }
.news-tag-kulup { background: rgba(214,137,16,.14); color: #d68910; }
.news-post-time { font-size: 11px; color: var(--muted); flex-shrink: 0; }
.news-post-headline { font-weight: 700; font-size: 14px; color: var(--text); line-height: 1.35; }
.news-post-comment {
    font-size: 13px; color: var(--muted); margin-top: 6px; line-height: 1.4;
    background: rgba(127,127,127,.06); border-radius: 8px; padding: 6px 10px;
}
@media (max-width: 600px) {
    .news-post { padding: 11px; gap: 9px; }
    .news-post-icon { width: 34px; height: 34px; font-size: 16px; }
    .news-post-headline { font-size: 13px; }
    .news-post-comment { font-size: 12.5px; }
}
.news-post-toggle {
    font-size: 12.5px; font-weight: 600; color: var(--accent, #2563eb); margin-top: 8px;
    display: inline-flex; align-items: center; gap: 4px; user-select: none;
}
.npt-arrow { font-size: 10px; }
.news-post-comments {
    margin-top: 8px; display: flex; flex-direction: column; gap: 6px;
    border-top: 1px solid var(--border, rgba(127,127,127,.15)); padding-top: 8px;
}
.npc-item {
    display: flex; flex-direction: column; gap: 1px; font-size: 12.5px;
    background: rgba(127,127,127,.05); border-radius: 8px; padding: 6px 10px;
}
.npc-name { font-weight: 700; color: var(--text); font-size: 12px; }
.npc-text { color: var(--muted); line-height: 1.35; }
.news-entity-link {
    color: var(--accent, #2563eb); font-weight: 700; text-decoration: none;
}
.news-entity-link:hover { text-decoration: underline; }
.news-score-link { color: var(--text); font-weight: 800; }
.news-score-link:hover { text-decoration: underline; color: var(--accent, #2563eb); }
@media (max-width: 600px) {
    .npc-item { font-size: 12px; padding: 5px 8px; }
}

/* === GÜZEL DASHBOARD === */
.dash-hero {
    background: linear-gradient(135deg, var(--navy), #2c3e5e);
    color: #fff; display: flex; justify-content: space-between;
    align-items: center; flex-wrap: wrap; gap: 14px;
}
.hero-main { min-width: 0; }
.hero-club { font-size: 21px; font-weight: 800; line-height: 1.2; word-break: break-word; }
.hero-sub { font-size: 13px; opacity: 0.75; margin-top: 2px; }
.hero-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px; width: 100%; }
.hero-stat {
    display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;
    background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.06);
    border-radius: 12px; padding: 12px 10px; gap: 3px;
    transition: transform .15s, background .15s;
}
.hero-stat:hover { background: rgba(255,255,255,0.12); transform: translateY(-1px); }
.hs-label { font-size: 10px; opacity: 0.65; text-transform: uppercase; letter-spacing: 0.5px; white-space: nowrap; }
.hs-value { font-size: 19px; font-weight: 800; white-space: nowrap; line-height: 1.15; }
.hero-stat .gunluk-finans, .hero-stat .fan-gain { font-size: 11px; opacity: 0.85; margin-top: 1px; }
@media (max-width: 600px) {
    .dash-hero { gap: 12px; }
    .hero-club { font-size: 19px; }
    .hero-stats { grid-template-columns: 1fr 1fr; gap: 9px; }
    .hero-stat { padding: 11px 8px; }
    .hs-value { font-size: 17px; }
    .hs-label { font-size: 9.5px; }
}
@media (max-width: 380px) {
    .hs-value { font-size: 16px; }
}

.dash-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; margin-bottom: 14px; }
.dash-grid .card { margin-bottom: 0; }
.dash-card-title { font-size: 14px; font-weight: 700; color: var(--navy); margin-bottom: 12px; }

/* Sıradaki maç */
.nm-teams { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.nm-team { font-size: 14px; font-weight: 600; flex: 1; }
.nm-team:last-child { text-align: right; }
.nm-me { color: var(--green); font-weight: 800; }
.nm-vs { font-size: 11px; color: var(--muted); font-weight: 700; }
.nm-date { font-size: 12px; color: var(--muted); margin-top: 8px; }

/* Lig durumu */
.dl-row { display: flex; justify-content: space-between; align-items: center; font-size: 14px; }
.dl-row strong { font-size: 18px; color: var(--green); }
.dl-detail { font-size: 12px; color: var(--muted); margin-top: 4px; }
.dl-form { display: flex; align-items: center; gap: 4px; margin-top: 10px; }
.dl-form-label { font-size: 12px; color: var(--muted); margin-right: 4px; }
.form-badge {
    display: inline-flex; align-items: center; justify-content: center;
    width: 22px; height: 22px; border-radius: 4px; color: #fff;
    font-size: 12px; font-weight: 700;
}

/* Kadro özeti */
.ds-grid { display: flex; gap: 18px; }
.ds-item { display: flex; flex-direction: column; }
.ds-item strong { font-size: 24px; color: var(--text); }
.ds-item span { font-size: 11px; color: var(--muted); }
.ds-scorer { font-size: 13px; margin-top: 10px; color: var(--navy); }

/* Hızlı erişim */
.quick-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); gap: 8px; }
a.quick-btn, a.quick-btn:hover, a.quick-btn:visited { text-decoration: none !important; }
.quick-btn {
    display: flex; flex-direction: column; align-items: center; gap: 5px;
    padding: 12px 6px; background: var(--bg); border-radius: 8px;
    text-decoration: none; color: var(--navy); font-size: 12px; font-weight: 600;
    transition: background 0.15s; position: relative; text-align: center;
}
.quick-btn:hover { background: #e2e6ea; }
.qb-ico { font-size: 20px; }
.quick-primary { background: var(--green); color: #fff; }
.quick-primary:hover { background: var(--accent); }
.quick-notify .notify-badge { position: absolute; top: 6px; right: 12px; }

/* Yıldız gösterimi */
.player-stars { color: #f1c40f; font-size: 16px; letter-spacing: 1px; margin-left: 6px; }
.player-stars-sm { color: #f1c40f; font-size: 12px; letter-spacing: 0.5px; display: inline-block; margin-left: 4px; white-space: nowrap; }
.player-stars-sm + *, td .player-stars-sm { vertical-align: middle; }

/* Profil sayfası */
.alert-success { background:#e8f6ee; color:#1a8a4f; border:1px solid #b6e2c8; padding:10px 14px; border-radius:8px; margin-bottom:12px; }
.profile-hero { background:linear-gradient(135deg, var(--navy), #2c3e5e); color:#fff; border:none; }
.profile-hero h1 { color:#fff; font-size:22px; margin:0 0 4px; }
.profile-hero .muted { color:rgba(255,255,255,0.7); }
.profile-avatar { width:64px; height:64px; border-radius:50%; background:var(--green); display:flex; align-items:center; justify-content:center; font-size:28px; font-weight:800; color:#fff; margin-bottom:12px; }
.profile-summary { display:flex; gap:32px; margin-top:16px; }
.profile-summary .ps-item { display:flex; flex-direction:column; }
.profile-summary .ps-item span { font-size:12px; color:rgba(255,255,255,0.6); }
.profile-summary .ps-item strong { font-size:16px; color:#fff; }
.section-title { font-size:15px; font-weight:700; color:var(--navy); margin-bottom:16px; padding-bottom:10px; border-bottom:2px solid var(--bg); }
.form-row { display:flex; gap:14px; }
.form-row label { flex:1; }
@media (max-width:520px){ .form-row { flex-direction:column; gap:0; } }

/* Profil form select'leri input gibi görünsün */
.form-card select { display:block; width:100%; padding:10px 12px; margin-top:5px; border:1px solid var(--border); border-radius:7px; font-size:14px; box-sizing:border-box; background:#fff; }
.form-card select:focus { outline:none; border-color:var(--accent); }

/* Süperadmin paneli */
.admin-hero { background:linear-gradient(135deg,#3a2c5e,#1e2a44); color:#fff; border:none; }
.admin-hero h1 { color:#fff; }
.admin-hero .muted { color:rgba(255,255,255,0.7); }
.admin-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(90px,1fr)); gap:12px; }
.astat { background:var(--bg); border-radius:8px; padding:12px; text-align:center; text-decoration:none; display:block; transition:background 0.15s; border:2px solid transparent; }
a.astat:hover { background:#e2e6ea; }
.astat-on { border-color:var(--accent); background:#e6f3ec; }
.astat-static { cursor:default; opacity:0.7; }
.astat strong { display:block; font-size:24px; color:var(--navy); }
.astat span { font-size:11px; color:var(--muted); }
.admin-search { display:flex; gap:8px; margin-bottom:14px; }
.admin-search input { flex:1; padding:9px 12px; border:1px solid var(--border); border-radius:7px; font-size:14px; }
.admin-table-wrap { overflow-x:auto; }
.admin-table { width:100%; border-collapse:collapse; font-size:14px; }
.admin-table th { text-align:left; padding:8px; border-bottom:2px solid var(--border); font-size:12px; color:var(--muted); text-transform:uppercase; }
.admin-table td { padding:10px 8px; border-bottom:1px solid var(--border); vertical-align:top; }
.badge-bot { background:var(--muted); color:#fff; font-size:10px; padding:1px 6px; border-radius:4px; }
/* CAN_SELL_V1: su an satilabilir oyuncu satiri - cok hafif yesil, goz yormasin */
tr.squad-sellable { background: rgba(46,204,113,.07); }
tr.squad-sellable:hover { background: rgba(46,204,113,.13); }
html.dark tr.squad-sellable { background: rgba(46,204,113,.06); }
html.dark tr.squad-sellable:hover { background: rgba(46,204,113,.11); }
.admin-actions { display:flex; flex-direction:column; gap:6px; }
.inline-form { display:flex; gap:4px; align-items:center; }
.mini-input { width:90px; padding:4px 6px; border:1px solid var(--border); border-radius:5px; font-size:12px; }
.btn-xs { padding:4px 8px; font-size:12px; border-radius:5px; }

/* Oyuncu milliyet bayrağı */
.player-flag { margin-right: 4px; display: inline-block; vertical-align: middle; }
.player-flag img { vertical-align: middle; }
.player-link { vertical-align: middle; }
.player-flag-lg { margin-right: 6px; }
.flag-img { vertical-align: middle; border-radius: 2px; box-shadow: 0 0 1px rgba(0,0,0,0.4); display: inline-block; }

/* Dashboard lig adı */
.dl-league-name { font-size:14px; font-weight:700; color:var(--accent); margin-bottom:10px; }
.dl-tabs { display:flex; gap:6px; margin-bottom:12px; border-bottom:1px solid var(--border,rgba(127,127,127,.15)); }
.dl-tab-btn { border:none; background:transparent; padding:6px 12px; font-size:13px; font-weight:600; color:var(--muted); cursor:pointer; border-bottom:2px solid transparent; }
.dl-tab-btn.active { color:var(--green); border-bottom-color:var(--green); }
.dl-tab-content { min-height:60px; }

/* Kadro tablosu sıralanabilir başlıklar */
.squad-table th.sortable { cursor: pointer; user-select: none; white-space: nowrap; }
.squad-table th.sortable:hover { color: var(--accent); }
.squad-table th .sort-ind { font-size: 10px; color: var(--accent); margin-left: 2px; }

/* Transfer Pazarı gelişmiş filtreler */
.market-filters { background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 12px; margin-bottom: 16px; }
.mf-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 8px; }
.mf-row:last-child { margin-bottom: 0; }
.mf-input { flex: 1; min-width: 120px; padding: 8px 10px; border: 1px solid var(--border); border-radius: 6px; font-size: 14px; background: #fff; }
.mf-select { padding: 8px 10px; border: 1px solid var(--border); border-radius: 6px; font-size: 14px; background: #fff; cursor: pointer; }
.mf-label { font-size: 13px; color: var(--muted); font-weight: 600; margin-left: 4px; }
.mf-dash { color: var(--muted); }
.mf-actions { margin-top: 4px; }
@media (max-width: 600px) {
    .mf-input { min-width: 0; }
    .mf-select { flex: 1; min-width: 0; }
}

/* ===== Kupa Turnuva Ağacı (Bracket) ===== */
.bracket-scroll { overflow-x: auto; padding: 4px 4px 12px; }
.bracket { display: flex; gap: 0; min-width: min-content; align-items: stretch; }
.bracket-round { display: flex; flex-direction: column; min-width: 200px; }
.bracket-round-title {
    text-align: center; font-size: 12px; font-weight: 800; color: #fff;
    text-transform: uppercase; letter-spacing: 0.6px; padding: 9px 6px; margin: 0 10px 14px;
    background: linear-gradient(135deg, var(--navy), #2d3e5f); border-radius: 8px;
    box-shadow: 0 2px 6px rgba(30,42,68,0.25); line-height: 1.4;
}
.bracket-matches { display: flex; flex-direction: column; justify-content: space-around; flex: 1; gap: 14px; padding: 0 16px; }
.bracket-match {
    background: #fff; border: 1px solid var(--border); border-radius: 10px;
    overflow: hidden; position: relative; box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.bracket-match:hover { transform: translateY(-1px); box-shadow: 0 4px 14px rgba(0,0,0,0.12); }
.bracket-mine { border: 2px solid var(--green); box-shadow: 0 0 0 3px rgba(26,138,79,0.12), 0 2px 8px rgba(0,0,0,0.08); }
.bracket-team {
    display: flex; justify-content: space-between; align-items: center;
    padding: 10px 12px; font-size: 13px; font-weight: 600; color: var(--navy);
    transition: background 0.15s ease;
}
.bracket-team + .bracket-team { border-top: 1px solid var(--border); }
.bt-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 130px; }
.bt-score {
    font-weight: 800; color: var(--navy); margin-left: 10px;
    min-width: 22px; text-align: center;
}
.bt-score sup { font-size: 9px; color: var(--muted); }
.bracket-win {
    background: linear-gradient(90deg, rgba(26,138,79,0.14), rgba(26,138,79,0.05));
}
.bracket-win .bt-name { color: var(--green); font-weight: 800; }
.bracket-win .bt-score { color: var(--green); }
.bracket-win .bt-name::before { content: '▸ '; color: var(--green); font-weight: 800; }
.bracket-lose { opacity: 0.5; }
.bracket-bye { background: repeating-linear-gradient(45deg, #fafbfc, #fafbfc 8px, #f0f2f5 8px, #f0f2f5 16px); }
.bracket-bye-badge { font-size: 9px; background: #f1c40f; color: #5a4500; padding: 1px 6px; border-radius: 10px; font-weight: 800; }
/* Bağlantı çizgileri */
.bracket-round:not(:first-child) .bracket-match::before {
    content: ''; position: absolute; left: -16px; top: 50%; width: 16px;
    border-top: 2px solid var(--border);
}
.bracket-round:not(:last-child) .bracket-match::after {
    content: ''; position: absolute; right: -16px; top: 50%; width: 16px;
    border-top: 2px solid var(--border);
}
.bracket-champ-col { justify-content: center; }
.bracket-champ {
    background: linear-gradient(135deg, #f9d423, #e8b923); color: #5a4500;
    font-weight: 800; padding: 18px 18px; border-radius: 12px; text-align: center;
    font-size: 15px; white-space: nowrap; box-shadow: 0 4px 16px rgba(232,185,35,0.4);
    border: 2px solid #f1c40f;
}
.bracket-date { font-size: 10px; color: #cdd9ec; font-weight: 600; }
@media (max-width: 600px) {
    .bracket-round { min-width: 168px; }
    .bt-name { max-width: 100px; font-size: 12px; }
}

/* Yedek kulübesi (lineup.php) */
.bench-section { margin-top: 18px; padding: 14px; background: var(--bg); border: 1px solid var(--border); border-radius: 10px; }
.bench-section h3 { margin: 0 0 10px; font-size: 15px; color: var(--navy); }
.bench-list { display: flex; flex-wrap: wrap; gap: 8px; }
.bench-item { display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--border); border-radius: 8px; padding: 8px 10px; font-size: 13px; cursor: pointer; transition: all 0.15s ease; min-width: 140px; }
.bench-item:hover { border-color: var(--green); box-shadow: 0 2px 6px rgba(0,0,0,0.1); }
.bench-empty { border-style: dashed; color: var(--muted); justify-content: center; }
.bench-plus { font-size: 16px; font-weight: 700; color: var(--green); }
.bench-empty-label { color: var(--muted); }
.bench-pos { background: var(--navy); color: #fff; font-size: 10px; font-weight: 700; padding: 2px 6px; border-radius: 4px; }
.bench-name { font-weight: 600; color: var(--navy); flex: 1; }
.bench-ca { font-weight: 800; color: var(--green); margin-left: 2px; }

/* Kadro grupları (club.php: İlk 11 / Yedek / Rezerve) */
.squad-group-title { margin: 22px 0 8px; font-size: 15px; font-weight: 700; color: var(--navy); display: flex; align-items: center; gap: 8px; }
.squad-group-title .squad-badge { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 10px; color: #fff; }
.badge-11 { background: var(--green); }
.badge-bench { background: #e8b923; color: #5a4500; }
.badge-reserve { background: var(--muted); }

/* Maç kuralları (lineup.php) */
.rules-section { margin-top: 16px; padding: 14px; background: var(--bg); border: 1px solid var(--border); border-radius: 10px; }
.rules-section h3 { margin: 0 0 4px; font-size: 15px; color: var(--navy); }
.rule-row { display: flex; align-items: center; gap: 8px; padding: 6px 0; font-size: 14px; color: var(--navy); cursor: pointer; transition: opacity 0.15s ease; }
.rule-row input[type="checkbox"] { width: 18px; height: 18px; cursor: pointer; }
.rule-row select { padding: 4px 8px; border: 1px solid var(--border); border-radius: 6px; font-size: 13px; }

/* Ceza/men rozetleri (club.php) */
.sale-mark.mark-ban { background: #c0392b; color: #fff; font-weight: 700; }
.sale-mark.mark-warn { background: #e8b923; color: #5a4500; font-weight: 700; }

/* Dizilis modalinda sakat/cezali oyuncu (secilemez) */
.modal-player.warn-status { background: rgba(192,57,43,.1); border-left: 3px solid #c0392b; }
.modal-player.warn-status:hover { background: rgba(192,57,43,.16); }
.bench-blocked { background: rgba(192,57,43,.1) !important; border-left: 3px solid #c0392b !important; opacity: 0.8; }
.bench-locked { background: rgba(41,128,185,.1) !important; border-left: 3px solid #2980b9 !important; }
.bench-delist { background: rgba(230,126,34,.1) !important; border-left: 3px solid #e67e22 !important; }
.mp-block { font-size: 11px; font-weight: 700; color: #c0392b; margin-left: auto; padding-right: 8px; }

/* Sayfalama (auction.php) */
.pagination { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin-top: 18px; }
.page-link { display: inline-block; padding: 7px 13px; border: 1px solid var(--border); border-radius: 8px; color: var(--navy); text-decoration: none; font-weight: 600; font-size: 14px; background: #fff; transition: all 0.15s ease; }
.page-link:hover { border-color: var(--green); background: #eef7f1; }
.page-link.page-current { background: var(--navy); color: #fff; border-color: var(--navy); cursor: default; }

/* Scout gelişim göstergesi (player.php) */
.scout-compare { display: flex; align-items: center; justify-content: center; gap: 16px; margin: 8px 0 14px; }
.scout-col { text-align: center; flex: 1; max-width: 160px; }
.scout-col-label { display: block; font-size: 12px; color: var(--muted); margin-bottom: 4px; font-weight: 600; }
.scout-col-sub { display: block; font-size: 12px; color: var(--navy); margin-top: 2px; }
.scout-arrow { font-size: 22px; color: var(--muted); font-weight: 700; }
.grow-box { display: flex; flex-direction: column; gap: 3px; padding: 12px 14px; border-radius: 10px; margin-top: 6px; }
.grow-box strong { font-size: 14px; }
.grow-box span { font-size: 13px; color: #444; }
.grow-high { background: #e8f6ee; border: 1px solid #1a8a4f; }
.grow-high strong { color: #1a8a4f; }
.grow-some { background: #fdf6e3; border: 1px solid #e8b923; }
.grow-some strong { color: #8a6d00; }
.grow-peak { background: #f0f1f4; border: 1px solid var(--border); }
.grow-peak strong { color: var(--navy); }

/* Canlı oyuncu noktası (league.php) */
.live-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #1a8a4f; margin-left: 6px; vertical-align: middle; box-shadow: 0 0 0 2px rgba(26,138,79,0.2); }

/* Son dakika açık artırma (auction.php) */
.timer-ending { color: #c0392b !important; font-weight: 800 !important; animation: pulse-red 1.2s ease-in-out infinite; }
@keyframes pulse-red { 0%,100% { opacity: 1; } 50% { opacity: 0.55; } }
.ending-name { color: #c0392b; }
.ending-mark { color: #c0392b; font-weight: 900; }

/* Dizilişte kondisyon çubuğu (lineup.php) */
.slot-fit-bar { display: block; width: 80%; height: 4px; background: rgba(0,0,0,0.15); border-radius: 2px; margin: 3px auto 0; overflow: hidden; }
.slot-fit-fill { display: block; height: 100%; border-radius: 2px; transition: width 0.3s ease; }

/* Akademi sayfası (academy.php) */
.academy-status { display: flex; gap: 12px; flex-wrap: wrap; margin: 14px 0 18px; }
.ac-stat { flex: 1; min-width: 130px; background: var(--bg); border: 1px solid var(--border); border-radius: 10px; padding: 12px 14px; text-align: center; }
.ac-label { display: block; font-size: 12px; color: var(--muted); margin-bottom: 4px; }
.ac-stat strong { font-size: 17px; color: var(--navy); }
.prospect-list { display: flex; flex-direction: column; gap: 10px; margin-top: 12px; }
.prospect-item { display: flex; align-items: center; gap: 14px; background: #fff; border: 1px solid var(--border); border-radius: 10px; padding: 12px 14px; }
.prospect-item.wonderkid { border-color: #e8b923; background: linear-gradient(to right, #fffdf5, #fff); }
.prospect-info { flex: 1; display: flex; flex-direction: column; gap: 3px; }
.prospect-name { display: flex; align-items: center; gap: 7px; font-size: 15px; color: var(--navy); }
.wk-badge { background: #e8b923; color: #5a4500; font-size: 10px; font-weight: 800; padding: 2px 7px; border-radius: 10px; }
.prospect-meta { font-size: 13px; color: var(--muted); }
.prospect-pot { font-size: 13px; color: #e8b923; font-weight: 600; }
.prospect-cost { text-align: right; min-width: 110px; }
.prospect-cost strong { display: block; color: var(--navy); font-size: 15px; }
.prospect-action { min-width: 90px; text-align: right; }

/* Tesis yükseltme etki özeti (facilities.php) */
.upgrade-impact { background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 10px 12px; margin-bottom: 10px; display: flex; flex-direction: column; gap: 4px; }
.ui-title { font-size: 12px; font-weight: 700; color: var(--navy); margin-bottom: 2px; }
.ui-item { font-size: 12.5px; display: flex; align-items: center; gap: 5px; }
.ui-plus { color: #1a8a4f; }
.ui-minus { color: #c0392b; }

/* Mali tablo gelir başlığı (facilities.php) */
.fin-row.fin-head { border-top: 2px solid var(--border); font-weight: 700; color: var(--navy); margin-top: 6px; padding-top: 8px; }
.fin-row small { color: var(--muted); font-weight: 400; font-size: 11px; }

/* Transfer pazarı yıldız (auction.php) */
.market-stars { color: #e8b923; letter-spacing: 1px; }

/* Oyuncu sezon istatistikleri (player.php) */
.stat-grid { display: flex; gap: 10px; flex-wrap: wrap; }
.stat-box { flex: 1; min-width: 70px; background: var(--bg); border: 1px solid var(--border); border-radius: 10px; padding: 12px 8px; text-align: center; }
.stat-num { display: block; font-size: 24px; font-weight: 800; color: var(--navy); }
.stat-num.stat-yellow { color: #d4a017; }
.stat-num.stat-red { color: #c0392b; }
.stat-lbl { display: block; font-size: 12px; color: var(--muted); margin-top: 2px; }

/* EAFC tarzı öne çıkan özellikler (player.php) */
.face-stats { display: flex; gap: 8px; flex-wrap: wrap; justify-content: space-between; }
.face-stat { flex: 1; min-width: 64px; text-align: center; background: var(--bg); border: 1px solid var(--border); border-radius: 10px; padding: 12px 6px; }
.fs-val { display: block; font-size: 26px; font-weight: 800; line-height: 1; }
.fs-abbr { display: block; font-size: 12px; font-weight: 700; color: var(--muted); margin-top: 5px; letter-spacing: 0.5px; }
.fs-high { color: #1a8a4f; }
.fs-mid { color: #3a7d44; }
.fs-low { color: #d4a017; }
.fs-poor { color: #c0392b; }

/* club.php kart sütunu + player.php kar/zarar */
.card-y { background: #e8b923; color: #5a4500; font-weight: 700; padding: 1px 6px; border-radius: 4px; font-size: 12px; }
.card-r { background: #c0392b; color: #fff; font-weight: 700; padding: 1px 6px; border-radius: 4px; font-size: 12px; }
.value-buy { color: var(--muted); font-size: 13px; margin-left: 12px; }
.value-pl { font-size: 13px; font-weight: 700; margin-left: 10px; }
.value-pl.pl-up { color: #1a8a4f; }
.value-pl.pl-down { color: #c0392b; }

/* Fikstür oynanan maç saati (fixtures.php) */
.fx-played-time { display: block; font-size: 11px; color: var(--muted); margin-top: 2px; }

/* Puan durumu bölge renklendirmesi (league.php - Mackolik tarzı sol şerit) */
.rank-cell { position: relative; padding-left: 14px !important; }
tr.zone-cl .rank-cell::before,
tr.zone-el .rank-cell::before,
tr.zone-stay .rank-cell::before {
    content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
}
tr.zone-cl .rank-cell::before { background: #1e3a8a; }   /* Şampiyonlar Ligi - lacivert */
tr.zone-el .rank-cell::before { background: #ea8a1e; }   /* Avrupa Ligi - turuncu */
tr.zone-stay .rank-cell::before { background: transparent; }
.standings-legend { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 12px; font-size: 12.5px; color: var(--muted); }
.leg-item { display: flex; align-items: center; gap: 6px; }
.leg-dot { width: 12px; height: 12px; border-radius: 3px; display: inline-block; }
.leg-dot.leg-cl { background: #1e3a8a; }
.leg-dot.leg-el { background: #ea8a1e; }
.leg-dot.leg-stay { background: #d8dde3; }

/* Avrupa Kupaları "Yakında" sekmeleri (dashboard.php) */
.quick-btn.quick-soon { border: none; outline: none; cursor: pointer; font-family: inherit; font-size: 12px; font-weight: 600; width: 100%; box-sizing: border-box; background: var(--bg) !important; color: var(--navy); appearance: none; -webkit-appearance: none; margin: 0; box-shadow: none; }
.quick-btn.quick-soon:hover { background: #e2e6ea !important; }
.quick-soon .soon-tag { position: absolute; top: 4px; right: 6px; background: #ea8a1e; color: #fff; font-size: 9px; font-weight: 700; padding: 1px 5px; border-radius: 8px; letter-spacing: 0.3px; }

/* Sıradaki maç geri sayım (dashboard.php) */
.nm-countdown { display: flex; flex-direction: column; align-items: center; gap: 2px; margin: 10px 0 4px; padding: 8px; background: var(--bg); border-radius: 8px; }
.nmc-label { font-size: 11px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.5px; }
.nmc-time { font-size: 18px; font-weight: 800; color: var(--text); }
.nm-countdown.nmc-soon .nmc-time { color: #ea8a1e; }
.nm-countdown.nmc-live .nmc-time { color: #1a8a4f; animation: pulse-red 1.2s ease-in-out infinite; }

/* Tatil modu rozeti (header) */
.vacation-badge { background: #ea8a1e; color: #fff !important; padding: 4px 10px; border-radius: 12px; font-size: 13px; font-weight: 600; opacity: 1 !important; }
.vacation-badge:hover { background: #d67c14; }

/* Menajer puanı bilgi ikonu (offers.php) */
.mgr-rating-info { display: inline-block; width: 16px; height: 16px; line-height: 16px; text-align: center; background: var(--muted); color: #fff; border-radius: 50%; font-size: 11px; cursor: help; margin-left: 4px; }

/* İki sütunlu mali tablo (facilities.php) */
.fin-columns { display: flex; gap: 14px; }
.fin-col { flex: 1; min-width: 0; }
.fin-col-head { font-size: 14px; font-weight: 800; color: var(--navy); padding-bottom: 6px; border-bottom: 2px solid var(--border); margin-bottom: 6px; }
.fin-group-label { font-size: 11px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: 0.3px; margin: 8px 0 2px; }
.fin-group-label small { font-weight: 400; text-transform: none; }
.fin-col .fin-row { padding: 5px 0; font-size: 13px; border-bottom: 1px solid #f3f3f5; }
.fin-col .fin-row span:last-child { white-space: nowrap; }
.fin-sub { font-weight: 700; border-top: 1px solid var(--border) !important; }
.fin-net-bar { display: flex; justify-content: space-between; align-items: center; margin-top: 14px; padding: 12px 14px; border-radius: 10px; font-weight: 700; }
.fin-net-bar.net-plus { background: #e8f5ee; color: #1a8a4f; }
.fin-net-bar.net-minus { background: #fdecea; color: #c0392b; }
.fin-net-bar strong { font-size: 17px; }
.fin-prizes { margin-top: 14px; padding-top: 10px; border-top: 1px dashed var(--border); }
.fin-prizes .fin-row { padding: 5px 0; font-size: 13px; }
@media (max-width: 560px) { .fin-columns { flex-direction: column; gap: 18px; } }

/* Mali tablo bilgi ikonu (facilities.php) */
.fin-info { display: inline-block; width: 14px; height: 14px; line-height: 14px; text-align: center; background: var(--muted); color: #fff; border-radius: 50%; font-size: 10px; cursor: help; opacity: 0.6; }
.fin-info:hover { opacity: 1; }

/* PWA "Uygulamayı Yükle" butonu + iOS ipucu */
.pwa-install-btn {
    position: fixed; bottom: 20px; right: 20px; z-index: 950;
    background: var(--green); color: #fff; border: none; border-radius: 24px;
    padding: 12px 18px; font-size: 14px; font-weight: 700; cursor: pointer;
    box-shadow: 0 4px 16px rgba(0,0,0,0.25); align-items: center; gap: 6px;
    font-family: inherit;
}
.pwa-install-btn:hover { background: #15703f; }
.pwa-ios-tip {
    position: fixed; bottom: 0; left: 0; right: 0; z-index: 950;
    background: var(--navy); color: #fff; padding: 14px 16px;
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    font-size: 13.5px; box-shadow: 0 -2px 12px rgba(0,0,0,0.2);
}
.pwa-ios-tip strong { color: #7CFC9E; }
.pwa-ios-close { background: rgba(255,255,255,0.15); color: #fff; border: none; border-radius: 50%; width: 28px; height: 28px; font-size: 14px; cursor: pointer; flex-shrink: 0; }

/* Tema değiştirme butonu (header) */
.theme-toggle {
    background: rgba(255,255,255,0.12); border: none; cursor: pointer;
    width: 34px; height: 34px; border-radius: 50%; font-size: 16px;
    display: inline-flex; align-items: center; justify-content: center;
    transition: background 0.2s; padding: 0; line-height: 1;
}

/* Dil toggle topbar */
.lang-toggle-topbar {
    display: flex;
    gap: 0;
    align-items: center;
}
.lang-toggle-form {
    margin: 0;
    padding: 0;
}
.lang-toggle-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transition: all 0.2s ease;
    opacity: 0.6;
    color: var(--text);
}
.lang-toggle-btn:hover {
    opacity: 0.9;
    background: rgba(0,0,0,0.1);
}
.lang-toggle-btn.lang-toggle-active {
    opacity: 1;
    background: rgba(45, 92, 140, 0.2);
}
html.dark .lang-toggle-btn:hover {
    background: rgba(255,255,255,0.1);
}
html.dark .lang-toggle-btn.lang-toggle-active {
    background: rgba(143, 180, 232, 0.3);
}

.lang-toggle-btn {
    padding: 6px 10px;
}

.theme-toggle:hover { background: rgba(255,255,255,0.22); }

/* ===== KOYU TEMA: navy ile yazilmis metinleri okunur yap ===== */
/* Bu ogeler kart uzerinde navy renk metin kullaniyor; koyu temada acik olmali */
html.dark h1, html.dark h2,
html.dark .dash-card-title, html.dark .ds-item strong, html.dark .ds-scorer,
html.dark .nmc-time, html.dark .news-headline,
html.dark .compare-label, html.dark .lineup-controls label,
html.dark .cup-score, html.dark .ms-item strong, html.dark .stat-league-select label,
html.dark .stat-val, html.dark .stat-link, html.dark .club-link,
html.dark .auction-form label, html.dark .cmt-min,
html.dark .fx-score-link, html.dark .trophy-info strong, html.dark .at-stat strong,
html.dark .bench-section h3, html.dark .bench-name, html.dark .squad-group-title,
html.dark .rules-section h3, html.dark .rule-row, html.dark .scout-col-sub,
html.dark .grow-peak strong, html.dark .ac-stat strong, html.dark .prospect-name,
html.dark .prospect-cost strong, html.dark .ui-title, html.dark .fin-row.fin-head,
html.dark .stat-num, html.dark .fin-col-head, html.dark .scout-pot,
html.dark .quick-btn, html.dark .quick-btn.quick-soon {
    color: var(--text);
}
/* Sayfalama linkleri koyu temada */
html.dark .page-link { background: var(--card); color: var(--text); }
html.dark .page-link.page-current { background: var(--green); color: #fff; border-color: var(--green); }

/* Koyu temada sade butonlar (puan durumu, kadrom, tüm haberler) */
html.dark .btn { background: #222a3d; color: var(--text); border-color: var(--border); }
html.dark .btn:hover { background: var(--navy); color: #fff; border-color: var(--navy); }
html.dark .btn-secondary { background: #222a3d; color: var(--text); border-color: var(--border); }
html.dark .btn-secondary:hover { background: var(--navy); color: #fff; border-color: var(--navy); }

/* ===== KOYU TEMA: beyaz/acik kalan ogeler (kullanici bildirimi) ===== */
/* 1. Kayitli kadrolar (tpl-item) + aktif */
html.dark .tpl-item { background: var(--card); border-color: var(--border); }
html.dark .tpl-item.tpl-active { background: #1f3a2c; border-color: var(--green); }
/* 2. Yedek kulubesi */
html.dark .bench-section { background: #1a2030; border-color: var(--border); }
/* 3. Puan durumu kendi satir */
html.dark .my-row { background: #1f3147 !important; }
/* 4. Fikstur kendi mac */
html.dark .fixture-row.mine { background: #1f3147; border-color: #335074; }
html.dark .result-row:hover { background: #222a3d; }
html.dark .result-row.mine:hover { background: #2a4060; }
/* 5. Tesisler net bar (gelir/gider) */
html.dark .fin-net-bar.net-plus { background: #14301f; color: #4fd089; }
html.dark .fin-net-bar.net-minus { background: #3a1f1c; color: #f08a7c; }
html.dark .fin-net { background: #1f2740; }
/* 6. Dostluk kondisyon paneli + metni + hazir durumu */
html.dark .fitness-panel { background: #1a2030; border-color: var(--border); }
html.dark .fitness-label { color: var(--text); }
html.dark .fitness-bar-bg { background: #2a3346; }
html.dark .fitness-ready { background: #14301f; color: #4fd089; border-color: var(--green); }
html.dark .fitness-timer { color: var(--text); }
/* 7. Scout potansiyel zirve kutusu */
html.dark .grow-peak { background: #1f2740; border-color: var(--border); }
html.dark .grow-peak strong { color: var(--text); }
/* 8. Kupa turnuva agaci */
html.dark .bracket-match { background: var(--card); border-color: var(--border); }
html.dark .cup-match { background: var(--card); border-color: var(--border); }
html.dark .cup-match.cup-mine { background: #1f3147; }
/* 9. Mac gecmisi tip etiketi (Lig/Kupa/Hazirlik) */
html.dark .mr-type { background: #222a3d; color: var(--muted); border-color: var(--border); }
html.dark .match-row-link:hover { background: #222a3d; }
/* 10. Istatistik pozisyon rozeti (FRV vb) */
html.dark .stat-pos { background: #222a3d; color: var(--muted); border-color: var(--border); }

/* ===== KOYU TEMA: son rotuslar (kullanici bildirimi 2) ===== */
/* 1. Kadro mevki rozetleri - pastel zeminleri koyulastir */
html.dark .pos-GK { background: #3a2a22; color: #e8a583; }
html.dark .pos-DC, html.dark .pos-FB { background: #1f3a30; color: #6fd4ab; }
html.dark .pos-MF, html.dark .pos-WG { background: #2a2840; color: #a9a0e0; }
html.dark .pos-FW { background: #3a2230; color: #e090b8; }
/* 2. Yedek kulubesi futbolcu kartlari */
html.dark .bench-item { background: #222a3d; border-color: var(--border); color: var(--text); }
html.dark .bench-item:hover { border-color: var(--green); }
html.dark .bench-name { color: var(--text); }
/* 3. Dostluk 'Tam kondisyona kalan' kutusu */
html.dark .fitness-timer { background: #1f2740; border-color: var(--border); color: var(--text); }
/* 4. Scout gelisim kutulari (yorumlar) */
html.dark .grow-box span { color: #b8c0d0; }
html.dark .grow-high { background: #14301f; border-color: var(--green); }
html.dark .grow-high strong { color: #4fd089; }
html.dark .grow-some { background: #332b14; border-color: #c79a1e; }
html.dark .grow-some strong { color: #e8c860; }
html.dark .grow-peak { background: #1f2740; border-color: var(--border); }
html.dark .grow-peak strong { color: var(--text); }
/* 5. Kupa agaci takim isimleri/skorlari (cok koyu kaliyordu) */
html.dark .bracket-team { color: var(--text); }
html.dark .bt-score { color: var(--text); }
html.dark .bracket-team + .bracket-team { border-color: var(--border); }

/* Takım gücü rozeti (club-view.php) */
.team-power-box {
    display: inline-flex; flex-direction: column; align-items: center;
    background: linear-gradient(135deg, var(--navy), #2c3e5e); color: #fff;
    border-radius: 12px; padding: 10px 22px; margin-top: 4px;
}
.tp-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; opacity: 0.8; }
.tp-value { font-size: 32px; font-weight: 900; line-height: 1.1; color: #7CFC9E; }
html.dark .team-power-box { background: linear-gradient(135deg, #243250, #1a2540); }

/* Mackolik tarzı puan durumu tooltip (league.php) */
.team-cell { position: relative; display: inline-block; cursor: pointer; outline: none; }
.team-tip {
    display: none; position: absolute; left: 0; top: 100%; z-index: 60;
    background: var(--navy); color: #fff; border-radius: 10px; padding: 12px 14px;
    min-width: 220px; box-shadow: 0 8px 28px rgba(0,0,0,0.35); margin-top: 6px;
    font-weight: 400; text-align: left;
}
.team-cell:hover .team-tip,
.team-cell:focus .team-tip,
.team-cell:focus-within .team-tip { display: block; }
.team-tip .tt-title { display: block; font-weight: 800; font-size: 14px; margin-bottom: 8px; color: #fff; }
.team-tip .tt-row { display: flex; align-items: center; gap: 8px; margin-bottom: 5px; font-size: 12.5px; }
.team-tip .tt-lbl { color: rgba(255,255,255,0.6); min-width: 64px; }
.team-tip .tt-next, .team-tip .tt-av { color: #fff; }
.tt-form { display: inline-flex; gap: 3px; }
.form-dot {
    display: inline-flex; align-items: center; justify-content: center;
    width: 18px; height: 18px; border-radius: 4px; font-size: 10px; font-weight: 800; color: #fff;
}
.form-G { background: #1a8a4f; }
.form-B { background: #b8902a; }
.form-M { background: #c0392b; }
/* Koyu temada tooltip */
html.dark .team-tip { background: #243250; border: 1px solid var(--border); }
@media (max-width: 600px) {
    .team-tip { display: none !important; }
    .team-cell { cursor: default; }
}

/* Maç sonuçları listesi (league.php - Mackolik tarzı) */
.results-list { display: flex; flex-direction: column; gap: 2px; }
.result-line {
    display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px;
    padding: 10px 12px; border-radius: 8px; text-decoration: none; color: var(--text);
    transition: background 0.15s; border-bottom: 1px solid #f3f3f5;
}
.result-line:hover { background: var(--bg); }
.result-line-mine { background: #eef4fb; }
html.dark .result-line-mine { background: #1f3147; }
.rl-team { font-size: 14px; }
.rl-home { text-align: right; }
.rl-away { text-align: left; }
.rl-win { font-weight: 800; }
.rl-mine { color: var(--green); font-weight: 700; }
.rl-score {
    font-weight: 800; font-size: 15px; background: var(--navy); color: #fff;
    padding: 3px 12px; border-radius: 6px; white-space: nowrap; min-width: 54px; text-align: center;
}
html.dark .rl-score { background: #243250; }

/* ===== DASHBOARD CILA (ChatGPT tarzi, tema-uyumlu) ===== */
/* Kartlara ust renk seridi + hover */
.dash-grid .card, .dash-hero {
    border: 1px solid var(--border);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.dash-grid .card { position: relative; overflow: hidden; }
.dash-grid .card::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
    background: linear-gradient(90deg, var(--green), var(--accent));
}
.dash-next.card::before { background: linear-gradient(90deg, #ea8a1e, #f0a93e); }
.dash-league.card::before { background: linear-gradient(90deg, #1e3a8a, #3257c5); }
.dash-grid .card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); }

/* Sıradaki maç kartını vurgula */
.dash-next .nm-teams {
    background: var(--bg); border-radius: 12px; padding: 14px 12px; margin-top: 4px;
}
.dash-next .nm-team { font-size: 15px; }
.dash-next .nm-me { color: var(--green); font-weight: 800; }
.dash-next .nm-vs {
    background: var(--navy); color: #fff; padding: 4px 10px; border-radius: 20px;
    font-size: 11px; font-weight: 800;
}
html.dark .dash-next .nm-vs { background: #243250; }
.dash-next .nm-date { margin-top: 10px; font-size: 12.5px; color: var(--muted); text-align: center; }

/* Hızlı erişim ikonlarına renk */
.quick-btn .qb-ico {
    background: var(--bg); width: 44px; height: 44px; border-radius: 12px;
    display: flex; align-items: center; justify-content: center; margin-bottom: 2px;
}
html.dark .quick-btn .qb-ico { background: #2a3450; }
.quick-btn:hover .qb-ico { background: var(--green); }

/* Kart başlıklarına alt çizgi vurgusu */
.dash-card-title {
    padding-bottom: 8px; border-bottom: 1px solid var(--border); margin-bottom: 14px;
    display: flex; align-items: center; gap: 6px;
}
.dash-next .dash-card-title { justify-content: space-between; }
.nm-nav-btn {
    border: none; background: var(--bg, #f2f4f7); color: var(--green);
    width: 32px; height: 32px; min-width: 32px; border-radius: 50%;
    font-size: 20px; font-weight: 800; line-height: 1; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: background 0.15s, transform 0.1s;
}
.nm-nav-btn:hover { background: var(--green); color: #fff; }
.nm-nav-btn:active { transform: scale(0.92); }
html.dark .nm-nav-btn { background: #222a3d; }
html.dark .nm-nav-btn:hover { background: var(--green); color: #fff; }

/* ============ ŞL / AL TURNUVA SAYFASI (euro.php) ============ */
.euro-tabs { display: flex; gap: 8px; margin-top: 14px; }
.euro-tab {
    flex: 1; text-align: center; padding: 10px; border-radius: 10px;
    background: var(--bg); color: var(--text); text-decoration: none;
    font-weight: 600; font-size: 13.5px; border: 2px solid transparent; transition: .15s;
}
.euro-tab:hover { border-color: var(--green); }
.euro-tab.active { background: var(--navy); color: #fff; }
html.dark .euro-tab.active { background: #243250; }

/* Şampiyon kutusu */
.euro-champion { text-align: center; background: linear-gradient(135deg, var(--navy), #2c3e5e); color: #fff; }
.ec-trophy { font-size: 46px; }
.ec-label { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; opacity: 0.8; margin-top: 4px; }
.ec-name { font-size: 22px; font-weight: 800; margin-top: 2px; }

/* Gruplar: responsive grid */
.euro-groups { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; }
.euro-group { background: var(--bg); border-radius: 12px; padding: 12px; }
.eg-title { font-weight: 800; font-size: 14px; margin-bottom: 8px; color: var(--text); }
.euro-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.euro-table th { text-align: left; color: var(--muted); font-weight: 600; font-size: 11px; padding: 4px 6px; border-bottom: 1px solid var(--border); }
.euro-table td { padding: 6px; border-bottom: 1px solid var(--border); color: var(--text); }
.euro-table tr:last-child td { border-bottom: none; }
.euro-table .eg-team { font-weight: 600; }
.eg-bot { font-size: 9px; background: var(--muted); color: #fff; padding: 1px 5px; border-radius: 4px; vertical-align: middle; opacity: 0.7; }
/* İlk 2 (elemeye yükselen) yeşil */
.euro-table tr.eg-qualify td:first-child { border-left: 3px solid var(--green); }
.euro-table tr.eg-qualify td { background: rgba(37,163,95,0.08); }
/* Kendi takımım */
.euro-table tr.eg-mine td { background: rgba(36,80,160,0.12); font-weight: 700; }
html.dark .euro-table tr.eg-mine td { background: #1f3147; }

/* Eleme bracket: yatay kaydırmalı sütunlar */
.euro-bracket { display: flex; gap: 16px; overflow-x: auto; padding-bottom: 8px; }
.bracket-col { min-width: 180px; flex-shrink: 0; }
.bc-title { font-weight: 800; font-size: 13px; margin-bottom: 10px; color: var(--text); text-align: center; }
.bracket-match { background: var(--bg); border-radius: 10px; padding: 8px; margin-bottom: 12px; border: 1px solid var(--border); }
.bracket-team { display: flex; justify-content: space-between; align-items: center; padding: 4px 6px; font-size: 13px; color: var(--text); border-radius: 6px; }
.bt-name { font-weight: 600; }
.bt-score { font-weight: 800; min-width: 22px; text-align: center; }
.bracket-team.bt-win { background: rgba(37,163,95,0.15); }
.bracket-team.bt-win .bt-name { color: var(--green); }
.bracket-team.bt-mine .bt-name { font-weight: 800; }
.bracket-pen { font-size: 10px; color: var(--muted); text-align: center; margin-top: 2px; }
@media (max-width: 600px) {
    .euro-groups { grid-template-columns: 1fr; }
}

/* ŞL/AL Fikstürüm bölümü */
.euro-fixtures { display: flex; flex-direction: column; gap: 6px; }
.euro-fx { display: grid; grid-template-columns: 90px 1fr auto; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 8px; background: var(--bg); font-size: 13.5px; }
.euro-fx .fx-phase { font-size: 11px; color: var(--muted); font-weight: 600; }
.euro-fx .fx-opp { font-weight: 600; color: var(--text); }
.euro-fx .fx-opp small { color: var(--muted); font-weight: 400; }
.euro-fx .fx-res { font-weight: 800; min-width: 60px; text-align: right; }
.euro-fx.fx-win .fx-res { color: var(--green); }
.euro-fx.fx-loss .fx-res { color: #c0392b; }
.euro-fx.fx-draw .fx-res { color: #b8902a; }
.euro-fx.fx-upcoming { border-left: 3px solid var(--navy); }
.euro-fx.fx-upcoming .fx-res { color: var(--muted); font-weight: 700; font-size: 12.5px; }
html.dark .euro-fx.fx-loss .fx-res { color: #e74c3c; }
@media (max-width: 600px) {
    .euro-fx { grid-template-columns: 70px 1fr auto; gap: 6px; font-size: 12.5px; padding: 8px 10px; }
    .euro-fx .fx-phase { font-size: 10px; }
}

/* ŞL/AL Fikstür & Sonuçlar (estetik, lig fikstürü tarzı) */
.euro-fixture-wrap { display: flex; flex-direction: column; gap: 18px; }
.efx-tur { }
.efx-tur-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 8px; padding-bottom: 6px; border-bottom: 2px solid var(--border); }
.efx-tur-title { font-weight: 800; font-size: 14px; color: var(--text); }
.efx-tur-date { font-size: 12px; color: var(--muted); }
.efx-row { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; padding: 9px 12px; border-radius: 8px; transition: background .15s; }
.efx-row:hover { background: var(--bg); }
.efx-row.efx-mine { background: rgba(36,80,160,0.10); }
html.dark .efx-row.efx-mine { background: #1f3147; }
.efx-home { text-align: right; font-size: 13.5px; color: var(--text); display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.efx-away { text-align: left; font-size: 13.5px; color: var(--text); }
.efx-win { font-weight: 800; }
.efx-myteam { color: var(--green); font-weight: 700; }
.efx-score { font-weight: 800; font-size: 14px; background: var(--navy); color: #fff; padding: 4px 12px; border-radius: 6px; white-space: nowrap; min-width: 56px; text-align: center; }
html.dark .efx-score { background: #243250; }
.efx-score.efx-time { background: var(--bg); color: var(--muted); font-weight: 600; font-size: 12.5px; }
html.dark .efx-score.efx-time { background: #0d1119; }
.efx-score small { font-weight: 600; opacity: 0.75; }
.efx-grp { display: inline-block; font-size: 9px; background: var(--muted); color: #fff; width: 16px; height: 16px; line-height: 16px; text-align: center; border-radius: 4px; opacity: 0.7; }
@media (max-width: 600px) {
    .efx-row { grid-template-columns: 1fr auto 1fr; gap: 6px; padding: 8px 6px; }
    .efx-home, .efx-away { font-size: 12px; }
    .efx-score { font-size: 12.5px; padding: 3px 8px; min-width: 46px; }
}

/* ŞL/AL Fikstür tur navigasyonu (beIN tarzı) */
.efx-nav { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 16px; }
.efx-nav-btn { padding: 8px 14px; border-radius: 8px; background: var(--bg); color: var(--text); text-decoration: none; font-size: 13px; font-weight: 600; white-space: nowrap; transition: background .15s; }
.efx-nav-btn:hover { background: var(--green); color: #fff; }
.efx-nav-off { opacity: 0.3; pointer-events: none; }
.efx-nav-mid { text-align: center; flex: 1; }
.efx-nav-title { display: block; font-weight: 800; font-size: 14px; color: var(--text); }
.efx-nav-date { display: block; font-size: 11px; color: var(--muted); margin-top: 2px; }
@media (max-width: 600px) {
    .efx-nav-btn { padding: 7px 10px; font-size: 12px; }
    .efx-nav-title { font-size: 12.5px; }
}

/* Fikstür anchor: üste atlamayı düzgün konumla (header altında) */
#fikstur { scroll-margin-top: 70px; }

/* Fikstür başlığı yanında tarih (Son 16 · 07.06 22:30) */
.efx-nav-inline-date { font-size: 12px; color: var(--muted); font-weight: 600; }

/* Eleme bracket tur başlığı yanında tarih */
.bc-date { font-size: 11px; color: var(--muted); font-weight: 600; }

/* Emeklilik "E" rozeti (38+ yaş oyuncular) */
.age-retire {
    display: inline-block; font-size: 9px; font-weight: 800;
    background: #c0392b; color: #fff; width: 15px; height: 15px;
    line-height: 15px; text-align: center; border-radius: 4px;
    vertical-align: middle; cursor: help; margin-left: 2px;
}
html.dark .age-retire { background: #e74c3c; }

/* Yaklaşan emeklilik uyarı bandı */
.retire-warn { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; background: rgba(192,57,43,0.08); border-left: 3px solid #c0392b; border-radius: 8px; }
.retire-warn .rw-icon { font-size: 22px; }
.retire-warn strong { color: var(--text); font-size: 14px; }
.retire-warn p { color: var(--muted); font-size: 13px; margin: 3px 0 0; line-height: 1.5; }
html.dark .retire-warn { background: rgba(231,76,60,0.10); border-left-color: #e74c3c; }

/* Birleşik fikstür sekmeleri (4 sekme: Lig/Kupa/ŞL/AL) */
.fixture-tabs { flex-wrap: wrap; }
.fixture-tabs .euro-tab { flex: 1 1 auto; min-width: 70px; font-size: 13px; padding: 9px 8px; }
@media (max-width: 480px) {
    .fixture-tabs .euro-tab { font-size: 12px; padding: 8px 6px; min-width: 60px; }
}

/* Haber sekmeleri (button olarak) */
.news-tabs { margin-top: 12px; }
.news-tabs .euro-tab { cursor: pointer; border: 2px solid transparent; font-family: inherit; }

/* ============ ARKADAŞLIK SİSTEMİ ============ */
.friend-action { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 12px; }
.btn-friend { background: var(--green); color: #fff; border: none; }
.btn-friend:hover { filter: brightness(1.08); }
/* BTN_STD: mukerrer .btn-sm kaldirildi (bkz. satir ~154) */
.btn-ghost { background: transparent; border: 1px solid var(--border); color: var(--muted); }
.btn-ghost:hover { border-color: var(--muted); color: var(--text); }
.friend-badge { font-size: 13px; font-weight: 600; padding: 6px 12px; border-radius: 8px; }
.friend-pending { background: rgba(184,144,42,0.15); color: #b8902a; }
.friend-yes { background: rgba(37,163,95,0.15); color: var(--green); }
html.dark .friend-pending { color: #e0b341; }

.friend-list { display: flex; flex-direction: column; gap: 8px; }
.friend-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 14px; background: var(--bg); border-radius: 10px; }
.friend-info { display: flex; flex-direction: column; gap: 2px; }
.friend-name { font-weight: 700; color: var(--text); text-decoration: none; font-size: 14px; }
.friend-name:hover { color: var(--green); }
.friend-meta { font-size: 12px; color: var(--muted); }
.friend-buttons { display: flex; gap: 6px; flex-shrink: 0; }
.count-badge { display: inline-block; font-size: 12px; background: var(--navy); color: #fff; padding: 1px 9px; border-radius: 10px; vertical-align: middle; margin-left: 4px; }
html.dark .count-badge { background: #243250; }
@media (max-width: 480px) {
    .friend-row { flex-direction: column; align-items: stretch; }
    .friend-buttons { justify-content: flex-end; }
}

/* ============ HAZIRLIK MAÇI DETAY ============ */
.fm-detail-head { display: flex; justify-content: space-between; align-items: center; margin: 12px 0; }
.fm-badge { font-size: 12px; font-weight: 700; background: rgba(37,163,95,0.15); color: var(--green); padding: 5px 12px; border-radius: 8px; }
.fm-date { font-size: 12px; color: var(--muted); }
.fm-scoreboard { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; padding: 10px 0; }
.fm-team { display: flex; flex-direction: column; gap: 4px; text-align: center; }
.fm-team-name { font-weight: 800; font-size: 16px; color: var(--text); }
.fm-team.fm-mine .fm-team-name { color: var(--green); }
.fm-power { font-size: 11px; color: var(--muted); }
.fm-score-big { font-size: 32px; font-weight: 800; color: var(--text); background: var(--bg); padding: 8px 18px; border-radius: 12px; white-space: nowrap; }
.fm-goals { display: flex; flex-direction: column; gap: 8px; }
.fm-goal-row { display: grid; grid-template-columns: 1fr 44px 1fr; align-items: center; gap: 8px; font-size: 13.5px; }
.fm-goal-name { color: var(--text); font-weight: 600; }
.fm-goal-home .fm-goal-name { text-align: right; }
.fm-goal-away .fm-goal-name { text-align: left; }
.fm-goal-min { text-align: center; font-weight: 800; font-size: 12px; color: var(--muted); background: var(--bg); padding: 2px 0; border-radius: 6px; }
.fm-goal-icon { font-size: 12px; }
.fm-goal-empty { }
@media (max-width: 480px) {
    .fm-team-name { font-size: 14px; }
    .fm-score-big { font-size: 26px; padding: 6px 12px; }
}

/* ============ KİŞİSEL HIZLI ERİŞİM ============ */
.quick-btn-wrap { position: relative; }
.sc-toggle { position: absolute; top: 4px; right: 4px; margin: 0; line-height: 0; display: none; }
body.sc-editing .sc-toggle { display: block; }
.sc-add-btn, .sc-remove-btn {
    width: 22px; height: 22px; border-radius: 6px; border: none; cursor: pointer;
    font-size: 15px; font-weight: 700; line-height: 1; padding: 0;
    display: flex; align-items: center; justify-content: center;
    transition: transform .15s;
}
.sc-add-btn { background: var(--navy); color: #fff; }
.sc-remove-btn { background: #c0392b; color: #fff; }
.sc-add-btn:hover, .sc-remove-btn:hover { transform: scale(1.12); }
html.dark .sc-add-btn { background: #2f4368; }
html.dark .sc-remove-btn { background: #e74c3c; }

.sc-quick-card { border: 1px solid var(--green); }
.sc-quick-card .dash-card-title { color: var(--green); display: flex; align-items: center; justify-content: space-between; }
.sc-edit-btn {
    font-size: 12px; font-weight: 600; color: var(--muted); background: var(--bg);
    border: 1px solid var(--border); border-radius: 7px; padding: 4px 12px; cursor: pointer;
}
.sc-edit-btn:hover { color: var(--text); border-color: var(--muted); }
body.sc-editing .sc-edit-btn { background: var(--green); color: #fff; border-color: var(--green); }
/* Duzenleme modunda gruplardaki + gorunmesi icin ipucu */
.sc-edit-hint { font-size: 12px; color: var(--green); margin-top: 8px; display: none; }
body.sc-editing .sc-edit-hint { display: block; }

/* Maç geçmişi - tip renkleri + nötr + penaltı */
.mr-type-euro { color: #d4a017; }
.mr-type-dostluk { color: var(--green); }
html.dark .mr-type-euro { color: #e0b341; }
.mr-result.mr-n { background: var(--border); color: var(--muted); }
.mr-pen { font-size: 11px; color: var(--muted); font-weight: 600; }

/* İstatistik müsabaka sekmeleri */
.stat-tabs { display: flex; gap: 6px; flex-wrap: wrap; }
.stat-tab { padding: 7px 14px; border-radius: 8px; font-size: 13px; font-weight: 600; text-decoration: none; color: var(--muted); background: var(--bg); border: 1px solid var(--border); }
.stat-tab:hover { color: var(--text); }
.stat-tab.active { background: var(--navy); color: #fff; border-color: var(--navy); }
html.dark .stat-tab.active { background: #2f4368; border-color: #2f4368; }

/* İstatistik daha fazla göster */
.stat-hidden { display: none; }
.stat-more-btn { width: 100%; margin-top: 10px; padding: 9px; background: var(--bg); border: 1px solid var(--border); border-radius: 8px; color: var(--muted); font-size: 13px; font-weight: 600; cursor: pointer; }
.stat-more-btn:hover { color: var(--text); border-color: var(--muted); }

/* Euro maç detay - asist */
.fm-assist { font-size: 11px; color: var(--muted); font-weight: 500; }

/* ============ ANTRENMAN ============ */
.train-status { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 14px; }
.train-stat { background: var(--bg); border-radius: 10px; padding: 14px; text-align: center; }
.ts-label { display: block; font-size: 12px; color: var(--muted); margin-bottom: 4px; }
.ts-value { display: block; font-size: 22px; font-weight: 800; color: var(--text); }
.btn-block { width: 100%; display: block; text-align: center; }
.train-history { display: flex; flex-direction: column; gap: 6px; }
.th-row { display: flex; justify-content: space-between; align-items: center; padding: 8px 10px; background: var(--bg); border-radius: 8px; font-size: 13px; }
.th-date { color: var(--muted); }
.th-gain { color: var(--green); font-weight: 600; }

/* ============ KONDİSYON / REKLAM ============ */
.ad-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.85); display: flex; align-items: center; justify-content: center; z-index: 9999; }
.ad-box { background: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 32px 40px; text-align: center; max-width: 320px; }
.ad-spinner { width: 48px; height: 48px; border: 4px solid var(--border); border-top-color: var(--green); border-radius: 50%; margin: 0 auto 18px; animation: adspin 0.8s linear infinite; }
@keyframes adspin { to { transform: rotate(360deg); } }
.ad-text { font-size: 15px; font-weight: 600; color: var(--text); margin: 0 0 6px; }
.ad-countdown { font-size: 13px; color: var(--muted); margin: 0; }

/* ============ TARAFTAR (hero) ============ */
.fan-stat { cursor: help; position: relative; }
.fan-gain { display: block; font-size: 11px; color: #3ddc84; font-weight: 700; margin-top: 2px; animation: fanpop 0.5s ease; }
@keyframes fanpop { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }

/* ============ PREMIUM ROZET ============ */
.premium-badge { display: inline-block; font-size: 0.85em; vertical-align: middle; filter: drop-shadow(0 0 3px rgba(255,200,40,0.6)); animation: premGlow 2s ease-in-out infinite; }
@keyframes premGlow { 0%,100% { filter: drop-shadow(0 0 2px rgba(255,200,40,0.5)); } 50% { filter: drop-shadow(0 0 6px rgba(255,200,40,0.9)); } }

/* ============ SIRADAKI MAC TUR ROZETI ============ */
.nm-type-badge { display: inline-block; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 10px; background: var(--green); color: #fff; vertical-align: middle; margin-left: 6px; }
.nm-type-badge.nm-type-lig { background: rgba(37,99,235,.15); color: #2563eb; }
.nm-type-badge.nm-type-kupa { background: rgba(232,185,35,.18); color: #b8860b; }
.nm-type-badge.nm-type-sl { background: rgba(26,138,79,.15); color: #1a8a4f; }
.nm-type-badge.nm-type-al { background: rgba(192,57,43,.15); color: #c0392b; }

/* Mac komantar gol satiri - gece modu okunabilirlik */
html.dark .mc-event-goal { background: rgba(26,138,79,0.22); }
html.dark .mc-event-goal .mc-txt { color: #4ade80; }

/* Mac komantar gol satiri - gece modu okunabilirlik */
html.dark .mc-event-goal { background: rgba(26,138,79,0.22); }
html.dark .mc-event-goal .mc-txt { color: #4ade80; }

/* Mac komantar gol satiri - gece modu okunabilirlik */
html.dark .mc-event-goal { background: rgba(26,138,79,0.22); }
html.dark .mc-event-goal .mc-txt { color: #4ade80; }

/* Mac komantar gol satiri - gece modu okunabilirlik */
html.dark .mc-event-goal { background: rgba(26,138,79,0.22); }
html.dark .mc-event-goal .mc-txt { color: #4ade80; }

/* Skor tabelasi seyirci satiri */
.mc-scoreboard .mc-att { grid-column: 1 / -1; text-align: center; font-size: 12px; color: #fff; margin-top: 4px; }
html.dark .mc-scoreboard .mc-att { color: #e5e7eb; }

/* Canli mac etiketi (liste/fikstur) */
.live-tag{color:#ff4d4d;font-weight:700;font-size:.92em;animation:liveTagPulse 1.2s ease-in-out infinite;white-space:nowrap;}
@keyframes liveTagPulse{0%,100%{opacity:1;}50%{opacity:.5;}}

.player-wage{display:inline-block;font-size:13px;color:var(--muted);margin-left:10px;font-weight:600;}
.player-wage .wage-ic{font-style:normal;}
@media(max-width:600px){.player-wage{display:block;margin-left:0;margin-top:4px;}}

a.bracket-match.bracket-link{text-decoration:none;color:inherit;cursor:pointer;transition:transform .15s;}
a.bracket-match.bracket-link:active{transform:scale(.97);}

/* Canli mac replay - olaylar sirayla gorunur */
.mc-event.mc-hidden{display:none !important;}
.mc-event.mc-reveal{animation:mcReveal .4s ease;}
@keyframes mcReveal{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}
.mc-live{color:#ff4d4d;font-weight:700;animation:mcLivePulse 1.2s ease-in-out infinite;}
#mcMin{color:#fff;font-size:1.3em;font-weight:800;}
@keyframes mcLivePulse{0%,100%{opacity:1;}50%{opacity:.5;}}

/* Header hamburger + Bildir */
.nav-toggle{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:2px 6px;line-height:1;}
.nav-feedback{background:rgba(255,255,255,.15);border:none;color:#fff;font-size:13px;font-weight:600;padding:5px 10px;border-radius:8px;cursor:pointer;margin-left:16px;transition:background .15s;}
.nav-feedback:hover{background:rgba(255,255,255,.28);}
.topbar .theme-toggle{margin-left:auto;}
@media(max-width:600px){
  .nav-toggle{display:block;order:3;}
  .topbar .theme-toggle{margin-left:auto;order:2;}
  .topbar{flex-wrap:wrap;gap:6px;}
  #mainNav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:2px;padding-top:8px;}
  #mainNav.nav-open{display:flex;}
  .topbar nav a,.nav-feedback{margin-left:0;padding:10px 8px;border-radius:6px;}
  .topbar nav a:hover,#mainNav.nav-open .nav-feedback{background:rgba(255,255,255,.08);}
  .nav-feedback{text-align:left;background:rgba(255,255,255,.12);}
}
/* Feedback modal */
.fb-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:2000;align-items:center;justify-content:center;padding:16px;}
.fb-box{background:var(--card-bg,#fff);color:var(--text,#1a2b3c);border-radius:14px;max-width:440px;width:100%;padding:18px;box-shadow:0 10px 40px rgba(0,0,0,.3);}
html.dark .fb-box{background:#1a2530;color:#e5e7eb;}
.fb-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:16px;}
.fb-close{background:none;border:none;font-size:18px;cursor:pointer;color:inherit;opacity:.6;}
.fb-close:hover{opacity:1;}
.fb-types{display:flex;gap:14px;margin-bottom:12px;flex-wrap:wrap;font-size:14px;}
.fb-types label{display:flex;align-items:center;gap:5px;cursor:pointer;}
.fb-textarea{width:100%;min-height:110px;padding:10px;border-radius:10px;border:1px solid var(--border,#ccd);background:var(--input-bg,#f8f9fa);color:inherit;font-family:inherit;font-size:14px;resize:vertical;box-sizing:border-box;}
html.dark .fb-textarea{background:#0f1720;border-color:#334;}
.fb-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:10px;}
.fb-status{font-size:13px;}

/* Admin bildirim listesi */
.fb-admin-list{display:flex;flex-direction:column;gap:10px;margin-bottom:8px;}
.fb-admin-item{border:1px solid var(--border,#dde);border-radius:10px;padding:12px;background:var(--card-bg-alt,rgba(127,127,127,.04));}
.fb-admin-item.fb-st-yeni{border-left:4px solid #e67e22;}
.fb-admin-item.fb-st-cozuldu{opacity:.6;}
.fb-admin-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:6px;font-size:13px;}
.fb-admin-type{font-weight:700;}
.fb-admin-meta{color:var(--muted);flex:1;}
.fb-admin-badge{font-size:11px;padding:2px 8px;border-radius:10px;background:rgba(127,127,127,.15);}
.fb-badge-yeni{background:rgba(230,126,34,.2);color:#e67e22;}
.fb-badge-cozuldu{background:rgba(22,163,74,.2);color:#16a34a;}
.fb-admin-msg{font-size:14px;line-height:1.4;margin:6px 0 10px;}
.fb-admin-actions{display:flex;gap:6px;flex-wrap:wrap;}

/* Tiklanabilir haber */
a.news-item.news-clickable{text-decoration:none;color:inherit;cursor:pointer;transition:background .15s,transform .15s;}
a.news-item.news-clickable:hover{background:rgba(127,127,127,.1);transform:translateX(2px);}

/* Kulup goruntule - arkadaslik butonlari */
.cv-friend{display:flex;flex-direction:column;gap:10px;margin:14px 0 4px;}
.cv-badge{font-size:13px;font-weight:600;padding:7px 11px;border-radius:10px;text-align:center;}
.cv-badge-yes{background:rgba(26,138,79,.14);color:#1a8a4f;}
.cv-badge-wait{background:rgba(232,185,35,.14);color:#c99a00;}
html.dark .cv-badge-yes{color:#4ade80;}
html.dark .cv-badge-wait{color:#f5c518;}
.cv-btn-row{display:flex;gap:8px;flex-wrap:wrap;}
.cv-btn-form{flex:1;margin:0;display:flex;}
.cv-btn{width:100%;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;font-size:13px;line-height:1.2;white-space:nowrap;border-radius:9px;text-decoration:none;}
@media(min-width:520px){
  .cv-friend{flex-direction:row;flex-wrap:wrap;align-items:center;}
  .cv-badge{flex:0 0 auto;}
  .cv-btn-row{flex:1;}
  .cv-btn{width:auto;}
}

/* Admin duyuru yonetimi - tema uyumlu */
.ann-add-form{background:#f7fafd;}
html.dark .ann-add-form{background:rgba(255,255,255,.04);}
.ann-input{padding:8px;border:1px solid #cdd8e3;border-radius:6px;background:#fff;color:#1a2b3c;font-family:inherit;font-size:14px;box-sizing:border-box;width:100%;}
html.dark .ann-input{background:#0f1720;border-color:#334;color:#e5e7eb;}
.ann-item{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px;border:1px solid #e6ebf1;border-radius:8px;margin-bottom:8px;}
html.dark .ann-item{border-color:#2a3642;background:rgba(255,255,255,.02);}
.ann-title-txt{font-weight:600;color:#1e3a5f;font-size:14px;}
html.dark .ann-title-txt{color:#dbe6f0;}
.ann-body-txt{font-size:12.5px;color:#5a6b7a;margin-top:3px;}
html.dark .ann-body-txt{color:#9fb0c0;}
.ann-date-txt{font-size:11px;color:#9aa;margin-top:4px;}
html.dark .ann-date-txt{color:#6b7885;}
.ann-edit-panel{padding:10px;border:1px dashed #2c5f8a;border-radius:8px;margin:-4px 0 8px;background:#f5f9fc;}
html.dark .ann-edit-panel{background:rgba(44,95,138,.1);border-color:#3a6a9a;}

/* Bildirim cani */
.notif-bell{position:relative;background:none;border:none;color:#fff;font-size:19px;cursor:pointer;padding:2px 6px;line-height:1;margin-left:6px;}
.notif-count{position:absolute;top:-4px;right:-2px;background:#e74c3c;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;line-height:16px;border-radius:8px;padding:0 4px;box-sizing:border-box;}
.notif-panel{position:fixed;top:56px;right:12px;width:340px;max-width:calc(100vw - 24px);max-height:70vh;overflow-y:auto;background:var(--card-bg,#fff);color:var(--text,#1a2b3c);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.28);z-index:1500;border:1px solid var(--border,#e0e6ed);}
html.dark .notif-panel{background:#1a2530;color:#e5e7eb;border-color:#2a3642;}
.notif-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border,#eef);position:sticky;top:0;background:inherit;border-radius:14px 14px 0 0;}
html.dark .notif-head{border-color:#2a3642;}
.notif-readall{background:none;border:none;color:#3498db;font-size:12px;cursor:pointer;}
.notif-list{display:flex;flex-direction:column;}
.notif-empty{padding:24px 14px;text-align:center;color:var(--muted);font-size:13px;}
.notif-item{display:flex;gap:10px;padding:11px 14px;text-decoration:none;color:inherit;border-bottom:1px solid rgba(127,127,127,.1);transition:background .12s;}
.notif-item:hover{background:rgba(127,127,127,.07);}
.notif-item.notif-unread{background:rgba(52,152,219,.07);}
.notif-item.notif-unread:hover{background:rgba(52,152,219,.12);}
.notif-ic{font-size:18px;flex-shrink:0;}
.notif-txt{display:flex;flex-direction:column;gap:2px;min-width:0;}
.notif-title{font-size:13.5px;font-weight:600;line-height:1.3;}
.notif-body{font-size:12.5px;color:var(--muted);line-height:1.35;}
.notif-ago{font-size:11px;color:var(--muted);opacity:.8;margin-top:2px;}
@media(max-width:600px){.notif-panel{top:52px;right:8px;left:8px;width:auto;max-width:none;}}

/* === SOHBET === */
.nav-badge{display:inline-block;background:#e74c3c;color:#fff;font-size:11px;font-weight:700;padding:1px 6px;border-radius:9px;margin-left:2px;}
.chat-wrap{display:flex;gap:0;max-width:920px;margin:0 auto;height:calc(100vh - 130px);min-height:420px;border:1px solid var(--border,#e0e6ed);border-radius:14px;overflow:hidden;background:var(--card-bg,#fff);}
html.dark .chat-wrap{background:#151d26;border-color:#2a3642;}
.chat-list{width:300px;flex-shrink:0;border-right:1px solid var(--border,#e0e6ed);overflow-y:auto;background:var(--card-bg,#fafbfc);}
html.dark .chat-list{background:#121821;border-color:#2a3642;}
.chat-list-title{font-size:16px;padding:14px 16px;margin:0;border-bottom:1px solid var(--border,#eef);}
html.dark .chat-list-title{border-color:#2a3642;}
.chat-convo{display:flex;align-items:center;gap:10px;padding:11px 14px;text-decoration:none;color:inherit;border-bottom:1px solid rgba(127,127,127,.08);transition:background .12s;}
.chat-convo:hover{background:rgba(127,127,127,.06);}
.chat-convo-active{background:rgba(52,152,219,.1);}
.chat-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#2d5a8c,#1e3a5f);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;}
.chat-convo-mid{flex:1;min-width:0;}
.chat-convo-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.chat-convo-last{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;}
.chat-unread{background:#e74c3c;color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;line-height:18px;text-align:center;border-radius:9px;padding:0 5px;}
.chat-main{flex:1;display:flex;flex-direction:column;min-width:0;}
.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:10px;text-align:center;padding:20px;}
.chat-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border,#eef);}
html.dark .chat-head{border-color:#2a3642;}
.chat-head .chat-avatar{width:32px;height:32px;font-size:14px;}
.chat-view-club{margin-left:auto;font-size:12px;color:#3498db;text-decoration:none;}
.chat-back-mobile{display:none;font-size:22px;text-decoration:none;color:inherit;}
.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;}
.chat-loading,.chat-empty-msg{text-align:center;color:var(--muted);padding:20px;font-size:13px;}
.chat-msg{display:flex;}
.chat-msg-mine{justify-content:flex-end;}
.chat-bubble{max-width:72%;padding:8px 12px;border-radius:14px;font-size:14px;line-height:1.4;position:relative;word-wrap:break-word;}
.chat-msg-them .chat-bubble{background:var(--bubble-them,#eef1f5);color:#1a2b3c;border-bottom-left-radius:4px;}
html.dark .chat-msg-them .chat-bubble{background:#243040;color:#e5e7eb;}
.chat-msg-mine .chat-bubble{background:linear-gradient(135deg,#2d7a4e,#1a8a4f);color:#fff;border-bottom-right-radius:4px;}
.chat-time{display:block;font-size:10px;opacity:.65;margin-top:3px;text-align:right;}
.chat-input-row{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border,#eef);}
html.dark .chat-input-row{border-color:#2a3642;}
.chat-input{flex:1;padding:10px 14px;border:1px solid var(--border,#ccd);border-radius:22px;background:var(--input-bg,#f8f9fa);color:inherit;font-size:14px;font-family:inherit;outline:none;}
html.dark .chat-input{background:#0f1720;border-color:#334;}
.chat-send-btn{background:linear-gradient(135deg,#2d7a4e,#1a8a4f);color:#fff;border:none;padding:0 20px;border-radius:22px;font-weight:600;cursor:pointer;font-size:14px;}
.chat-emoji-btn{
    flex-shrink:0;background:none;border:none;font-size:22px;cursor:pointer;
    padding:0 4px;line-height:1;display:flex;align-items:center;
}
.chat-emoji-picker{
    position:absolute;bottom:calc(100% + 8px);left:12px;z-index:20;
    display:grid;grid-template-columns:repeat(6,1fr);gap:4px;
    background:var(--card-bg,#fff);border:1px solid var(--border,#ccd);border-radius:12px;
    padding:10px;box-shadow:0 6px 20px rgba(0,0,0,.18);width:240px;
}
html.dark .chat-emoji-picker{background:#1c2530;border-color:#334;}
.chat-emoji-item{
    font-size:20px;text-align:center;cursor:pointer;border-radius:6px;padding:4px 0;
    transition:background .12s;
}
.chat-emoji-item:hover{background:rgba(127,127,127,.15);}
@media (max-width:600px){
    .chat-emoji-picker{width:210px;grid-template-columns:repeat(6,1fr);}
    .chat-emoji-item{font-size:18px;}
}
@media(max-width:700px){
  .chat-wrap{height:calc(100vh - 110px);border-radius:0;border-left:none;border-right:none;}
  .chat-list{width:100%;}
  .chat-list.chat-list-hidden-mobile{display:none;}
  .chat-main.chat-main-empty-mobile{display:none;}
  .chat-back-mobile{display:block;}
}

/* === ARKADASLAR SAYFASI === */
.fr-search{display:flex;gap:8px;margin:14px 0 6px;}
.fr-search-input{flex:1;padding:10px 14px;border:1px solid var(--border,#ccd);border-radius:10px;background:var(--input-bg,#f8f9fa);color:inherit;font-size:14px;}
html.dark .fr-search-input{background:#0f1720;border-color:#334;}
.fr-section{margin-top:20px;}
.fr-section h3{font-size:15px;margin:0 0 10px;display:flex;align-items:center;gap:8px;}
.fr-count{background:rgba(52,152,219,.15);color:#3498db;font-size:12px;font-weight:700;padding:1px 9px;border-radius:10px;}
.fr-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(127,127,127,.1);}
.fr-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#2d5a8c,#1e3a5f);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;flex-shrink:0;text-decoration:none;}
.fr-avatar-blk{background:linear-gradient(135deg,#7a7a7a,#555);}
.fr-item-mid{flex:1;min-width:0;}
.fr-name{font-weight:600;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fr-sub{font-size:12.5px;color:var(--muted);margin-top:2px;}
.fr-item-act{flex-shrink:0;}
.fr-btn-group{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;}
.fr-btn-group form{margin:0;}
.fr-tag{font-size:12px;padding:4px 10px;border-radius:8px;background:rgba(127,127,127,.15);color:var(--muted);}
.fr-tag-ok{background:rgba(26,138,79,.15);color:#1a8a4f;}
.fr-tag-blk{background:rgba(192,57,43,.15);color:#c0392b;}
.fr-btn-block{background:rgba(192,57,43,.12);color:#c0392b;border:1px solid rgba(192,57,43,.3);}
.fr-btn-block:hover{background:rgba(192,57,43,.22);}
@media(max-width:600px){.fr-btn-group{flex-direction:column;}.fr-item-act .btn{width:100%;}}

/* Chat head menu */
.chat-head-menu{position:relative;margin-left:auto;}
.chat-menu-btn{background:none;border:none;font-size:22px;cursor:pointer;color:inherit;padding:0 6px;line-height:1;}
.chat-menu-drop{display:none;position:absolute;right:0;top:30px;background:var(--card-bg,#fff);border:1px solid var(--border,#e0e6ed);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.18);min-width:170px;z-index:100;overflow:hidden;}
html.dark .chat-menu-drop{background:#1a2530;border-color:#2a3642;}
.chat-menu-drop a,.chat-menu-drop button{display:block;width:100%;text-align:left;padding:11px 14px;background:none;border:none;color:inherit;font-size:13.5px;cursor:pointer;text-decoration:none;font-family:inherit;}
.chat-menu-drop a:hover,.chat-menu-drop button:hover{background:rgba(127,127,127,.1);}
.chat-menu-danger{color:#c0392b !important;}

.rep-quoted{font-size:13px;background:rgba(192,57,43,.08);border-left:3px solid #c0392b;padding:8px 10px;border-radius:0 8px 8px 0;margin:6px 0 10px;font-style:italic;}
html.dark .rep-quoted{background:rgba(192,57,43,.14);}

/* ===== SOSYAL MERKEZ ===== */
.social-wrap{max-width:640px;margin:0 auto;}
.social-head{display:flex;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap;}
.social-head h1{margin:0;font-size:24px;}
.soc-search{flex:1;min-width:180px;}
.soc-search-input{width:100%;padding:11px 16px;border:1px solid var(--border,#dde);border-radius:24px;background:var(--input-bg,#f5f7fa);color:inherit;font-size:14px;outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s;}
.soc-search-input:focus{border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,.12);}
html.dark .soc-search-input{background:#0f1720;border-color:#2a3642;}
.soc-flash{padding:11px 16px;border-radius:12px;margin-bottom:14px;font-size:14px;font-weight:500;}
.soc-flash-ok{background:rgba(26,138,79,.12);color:#1a8a4f;}
.soc-flash-err{background:rgba(192,57,43,.12);color:#c0392b;}
html.dark .soc-flash-ok{color:#4ade80;} html.dark .soc-flash-err{color:#f87171;}

.soc-tabs{display:flex;gap:6px;margin-bottom:16px;background:var(--input-bg,#eef1f5);padding:5px;border-radius:14px;overflow-x:auto;}
html.dark .soc-tabs{background:#0f1720;}
.soc-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 8px;border-radius:10px;text-decoration:none;color:var(--muted);font-size:13.5px;font-weight:600;white-space:nowrap;transition:all .15s;}
.soc-tab:hover{color:var(--text);}
.soc-tab.active{background:var(--card-bg,#fff);color:#1e3a5f;box-shadow:0 2px 8px rgba(0,0,0,.08);}
html.dark .soc-tab.active{background:#1e2a38;color:#8fb4e8;}
.soc-tab-badge{background:#e74c3c;color:#fff;font-size:11px;font-weight:700;min-width:17px;height:17px;line-height:17px;text-align:center;border-radius:9px;padding:0 4px;}
.soc-tab-n{background:rgba(127,127,127,.2);color:inherit;font-size:11px;font-weight:700;padding:1px 7px;border-radius:9px;}

.soc-panel{background:var(--card-bg,#fff);border:1px solid var(--border,#e6ebf1);border-radius:16px;padding:8px;margin-bottom:14px;}
html.dark .soc-panel{background:#151d26;border-color:#2a3642;}
.soc-panel-title{font-size:14px;font-weight:600;padding:10px 12px 6px;color:var(--muted);}
.soc-subtitle{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:12px 12px 6px;}

.soc-row{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;transition:background .12s;}
.soc-row-link{text-decoration:none;color:inherit;}
.soc-row:hover{background:rgba(127,127,127,.06);}
.soc-av{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#3498db,#1e3a5f);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:19px;flex-shrink:0;text-decoration:none;box-shadow:0 2px 6px rgba(30,58,95,.25);}
.soc-av-dim{opacity:.6;}
.soc-av-blk{background:linear-gradient(135deg,#95a5a6,#5a6b7a);}
.soc-mid{flex:1;min-width:0;}
.soc-name{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.soc-sub{font-size:12.5px;color:var(--muted);margin-top:2px;}
.soc-last{font-size:13px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.soc-you{color:#3498db;font-weight:600;}
.soc-chat-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0;}
.soc-time{font-size:11px;color:var(--muted);}
.soc-unread{background:#2ecc71;color:#fff;font-size:11px;font-weight:700;min-width:19px;height:19px;line-height:19px;text-align:center;border-radius:10px;padding:0 5px;}

.soc-act{flex-shrink:0;}
.soc-act-multi{display:flex;gap:6px;}
.soc-act form{margin:0;}
.soc-btn{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:36px;padding:0 12px;border-radius:10px;font-size:13.5px;font-weight:600;cursor:pointer;border:1px solid transparent;text-decoration:none;box-sizing:border-box;transition:all .12s;}
.soc-btn-p{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;}
.soc-btn-p:hover{filter:brightness(1.08);}
.soc-btn-g{background:transparent;border-color:var(--border,#ccd);color:var(--muted);}
.soc-btn-g:hover{border-color:var(--muted);color:var(--text);}
.soc-btn-d{background:rgba(192,57,43,.1);color:#c0392b;}
.soc-btn-d:hover{background:rgba(192,57,43,.2);}
html.dark .soc-btn-g{border-color:#334;}

.soc-pill{font-size:12px;padding:5px 11px;border-radius:10px;background:rgba(127,127,127,.15);color:var(--muted);white-space:nowrap;}
.soc-pill-ok{background:rgba(26,138,79,.15);color:#1a8a4f;}
.soc-pill-blk{background:rgba(192,57,43,.15);color:#c0392b;}

.soc-empty{padding:16px;text-align:center;color:var(--muted);font-size:13px;}
.soc-empty-box{display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 20px;text-align:center;}
.soc-empty-ic{font-size:44px;opacity:.5;}
.soc-empty-box p{margin:0;font-weight:600;font-size:15px;}
.soc-empty-sub{font-size:13px;color:var(--muted);}
.soc-clear{display:inline-block;margin:8px 12px;font-size:13px;color:#3498db;text-decoration:none;}

@media(max-width:600px){
  .social-head h1{font-size:20px;}
  .soc-tab{font-size:12px;padding:9px 6px;}
  .soc-av{width:42px;height:42px;font-size:17px;}
  .soc-name{font-size:14px;}
}

/* Sosyal ikon (canin yanindaki) */
.soc-icon-link{text-decoration:none;position:relative;}

/* Chat mobil yukseklik duzeltmesi - input hep gorunur */
@media(max-width:700px){
  .chat-wrap{
    height:auto;
    min-height:0;
    /* dinamik viewport: mobil adres cubugu hesaba katilir */
    height:calc(100dvh - 60px);
    max-height:calc(100dvh - 60px);
  }
  .chat-main{min-height:0;}
  .chat-messages{min-height:0;}
  .chat-input-row{
    position:sticky;
    bottom:0;
    background:var(--card-bg,#fff);
    padding-bottom:calc(12px + env(safe-area-inset-bottom));
  }
  html.dark .chat-input-row{background:#151d26;}
  .chat-back-mobile{display:flex !important;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:rgba(127,127,127,.12);font-size:20px;}
}

/* ===== CHAT TAM EKRAN (mobil sigma fix) ===== */
body.chat-page-body .container{padding:0 !important;max-width:none !important;}
body.chat-page-body .footer{display:none !important;}
body.chat-page-body .pwa-install-btn{display:none !important;}
.chat-wrap{height:calc(100vh - 58px);height:calc(100dvh - 58px);max-width:920px;margin:0 auto;}
@media(min-width:701px){
  body.chat-page-body .container{padding:24px 16px !important;max-width:920px !important;}
  body.chat-page-body .footer{display:block !important;}
  .chat-wrap{height:calc(100vh - 200px);min-height:440px;}
}
@media(max-width:700px){
  .chat-wrap{height:calc(100dvh - 56px);max-height:calc(100dvh - 56px);border-radius:0;}
  .chat-messages{-webkit-overflow-scrolling:touch;}
  .chat-input-row{position:sticky;bottom:0;background:var(--card-bg,#fff);padding-bottom:calc(12px + env(safe-area-inset-bottom));z-index:5;}
  html.dark .chat-input-row{background:#151d26;}
}

/* ===== CHAT MOBIL - FIXED TAM EKRAN (kesin cozum) ===== */
@media(max-width:700px){
  body.chat-page-body .container{padding:0 !important;}
  .chat-wrap{
    position:fixed;
    top:52px;            /* header yuksekligi - altina yapisir */
    left:0; right:0; bottom:0;
    height:auto !important;
    max-height:none !important;
    width:100%;
    margin:0;
    border-radius:0;
    border:none;
    display:flex;
    flex-direction:column;
    z-index:50;
  }
  .chat-main{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;}
  .chat-messages{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;}
  .chat-input-row{
    flex-shrink:0;
    position:static;      /* fixed wrap icinde sticky gereksiz */
    background:var(--card-bg,#fff);
    padding:10px 12px calc(10px + env(safe-area-inset-bottom));
    border-top:1px solid var(--border,#eef);
  }
  html.dark .chat-input-row{background:#151d26;}
  /* sohbet listesi acikken (with yoksa) fixed olmasin - normal aksin */
  .chat-wrap:has(.chat-list:not(.chat-list-hidden-mobile)){position:static;height:calc(100dvh - 56px) !important;}
}

/* Tiklanabilir bilgi (mobil tooltip) */
.has-info{cursor:pointer;}
.info-i{font-size:11px;opacity:.7;}
.info-popover{position:absolute;z-index:2000;background:#1a2530;color:#f0f3f7;border-radius:10px;padding:11px 13px;font-size:13px;line-height:1.5;box-shadow:0 8px 30px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.1);}
.info-pop-text{font-weight:400;}
.info-popover::before{content:"";position:absolute;top:-6px;left:16px;border:6px solid transparent;border-top:0;border-bottom-color:#1a2530;}

/* Bildirim noktasi (sayi yerine) */
.notif-dot{position:absolute;top:0;right:0;min-width:10px;width:10px;height:10px;padding:0;border-radius:50%;border:2px solid var(--navy,#1e3a5f);box-sizing:content-box;}
.notif-dot-red{background:#e74c3c;}
.notif-dot-green{background:#2ecc71;}

/* ===== APV-PREVIEW-STYLES (auction-preview redesign) ===== */
.apv-grid{display:grid;grid-template-columns:1fr;gap:12px;}
@media(min-width:720px){.apv-grid{grid-template-columns:1fr 1fr;}}
.apv-card{display:flex;background:var(--card,#fff);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:transform .12s,box-shadow .12s;}
.apv-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.1);}
.apv-stripe{width:6px;flex:0 0 6px;}
.apv-pos-gk .apv-stripe{background:#f1c40f;}
.apv-pos-def .apv-stripe{background:#3498db;}
.apv-pos-mf .apv-stripe{background:#2ecc71;}
.apv-pos-wg .apv-stripe{background:#1abc9c;}
.apv-pos-fw .apv-stripe{background:#e74c3c;}
.apv-body{flex:1;padding:12px 14px;min-width:0;}
.apv-top{display:flex;align-items:center;gap:10px;}
.apv-ca{flex:0 0 46px;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;color:#fff;}
.apv-ca-elite{background:linear-gradient(135deg,#f39c12,#f1c40f);}
.apv-ca-good{background:linear-gradient(135deg,#27ae60,#2ecc71);}
.apv-ca-mid{background:linear-gradient(135deg,#7f8c8d,#95a5a6);}
.apv-ca-low{background:#bdc3c7;color:#2c3e50;}
.apv-namewrap{flex:1;min-width:0;}
.apv-name{display:block;font-weight:700;font-size:15px;color:var(--text,#222);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.apv-name:hover{text-decoration:underline;}
.apv-meta{display:flex;align-items:center;gap:6px;margin-top:3px;flex-wrap:wrap;font-size:12px;color:var(--muted);}
.apv-flag img{vertical-align:middle;border-radius:2px;}
.apv-pos-badge{background:var(--chip-bg,rgba(0,0,0,.06));padding:1px 7px;border-radius:6px;font-weight:600;}
.apv-stars{color:#f1c40f;letter-spacing:-1px;}
.apv-timer{flex:0 0 auto;font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap;}
.apv-timer.timer-ending{color:var(--danger,#e74c3c);}
.apv-mid{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:12px;color:var(--muted);flex-wrap:wrap;}
.apv-bidders{background:var(--chip-bg,rgba(0,0,0,.06));padding:1px 7px;border-radius:6px;}
.apv-lead-badge{background:var(--green,#2ecc71);color:#fff;padding:1px 8px;border-radius:6px;font-weight:700;font-size:11px;}
.apv-price-row{margin:8px 0;}
.apv-price-lbl{display:block;font-size:11px;color:var(--muted);}
.apv-price strong{font-size:18px;color:var(--text,#222);}
.apv-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;}
.apv-bid-form{display:flex;gap:5px;flex:1 1 auto;min-width:0;}
.apv-amount{flex:1;min-width:70px;padding:7px 9px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg,#fff);color:var(--text,#222);}
.apv-buy-form{flex:0 0 auto;}
.apv-btn{border:none;border-radius:8px;padding:7px 12px;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap;}
.apv-btn-bid{background:var(--navy,#34495e);color:#fff;}
.apv-btn-buy{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;}
.apv-btn:hover{filter:brightness(1.08);}
.apv-leading{border-color:var(--green,#2ecc71);box-shadow:0 0 0 1px var(--green,#2ecc71);}
.apv-ending{border-color:var(--danger,#e74c3c);animation:apvPulse 1.4s infinite;}
@keyframes apvPulse{0%,100%{box-shadow:0 0 0 0 rgba(231,76,60,.4);}50%{box-shadow:0 0 0 4px rgba(231,76,60,0);}}
html.dark .apv-card{background:var(--card,#1e2530);}
html.dark .apv-pos-badge,html.dark .apv-bidders{background:rgba(255,255,255,.08);}
html.dark .apv-amount{background:var(--input-bg,#161b22);}
/* ===== /APV-PREVIEW-STYLES ===== */

/* ===== APV-TABLE-STYLES (preview masaustu tablo) ===== */
.apv-table{display:none;}
.apv-grid{display:grid;}
@media(min-width:820px){
  .apv-table{display:table;width:100%;border-collapse:collapse;font-size:13px;}
  .apv-grid:not(.watch-apv){display:none;}
}
/* watch-apv: izleme listesi her ekranda grid (auction tablosu degil) */
.apv-grid.watch-apv{display:grid !important;}
@media(min-width:820px){ .apv-grid.watch-apv{grid-template-columns:1fr;} }
.apv-table thead th{text-align:left;padding:9px 8px;border-bottom:2px solid var(--border);font-size:12px;color:var(--muted);white-space:nowrap;}
.apv-table thead th a{color:var(--muted);text-decoration:none;font-weight:700;}
.apv-table thead th a:hover{color:var(--text,#222);}
.apv-tr{border-bottom:1px solid var(--border);transition:background .1s;}
.apv-tr:hover{background:var(--chip-bg,rgba(0,0,0,.03));}
.apv-tr td{padding:8px;vertical-align:middle;}
.apv-tr-lead{background:rgba(46,204,113,.07);}
.apv-tr-end{background:rgba(231,76,60,.06);}
.apv-pos-tag{display:inline-block;padding:2px 8px;border-radius:6px;font-weight:700;font-size:11px;color:#fff;}
.apv-pos-tag.apv-pos-gk{background:#f1c40f;color:#4a3c00;}
.apv-pos-tag.apv-pos-def{background:#3498db;}
.apv-pos-tag.apv-pos-mf{background:#2ecc71;}
.apv-pos-tag.apv-pos-wg{background:#1abc9c;}
.apv-pos-tag.apv-pos-fw{background:#e74c3c;}
.apv-td-name{min-width:150px;}
.apv-td-name .apv-flag img{vertical-align:middle;border-radius:2px;margin-right:4px;}
.apv-tname{font-weight:700;color:var(--text,#222);text-decoration:none;}
.apv-tname:hover{text-decoration:underline;}
.apv-lead-dot{color:#2ecc71;margin-left:4px;}
.apv-seller-sm{display:block;font-size:11px;color:var(--muted);margin-top:1px;}
.apv-ca-sm{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-weight:800;font-size:13px;color:#fff;}
.apv-ca-sm.apv-ca-elite{background:linear-gradient(135deg,#f39c12,#f1c40f);}
.apv-ca-sm.apv-ca-good{background:linear-gradient(135deg,#27ae60,#2ecc71);}
.apv-ca-sm.apv-ca-mid{background:linear-gradient(135deg,#7f8c8d,#95a5a6);}
.apv-ca-sm.apv-ca-low{background:#bdc3c7;color:#2c3e50;}
.apv-td-stars{color:#f1c40f;letter-spacing:-1px;white-space:nowrap;}
.apv-td-price{white-space:nowrap;}
.apv-td-price small{color:var(--muted);font-size:10px;}
.apv-td-time{white-space:nowrap;font-weight:600;color:var(--muted);}
.apv-td-time.timer-ending{color:var(--danger,#e74c3c);}
.apv-td-act{white-space:nowrap;}
.apv-row-bid{display:inline-flex;gap:3px;margin-right:4px;}
.apv-row-amount{width:80px;padding:5px 6px;border:1px solid var(--border);border-radius:6px;background:var(--input-bg,#fff);color:var(--text,#222);font-size:12px;}
.apv-btn-xs{padding:5px 9px;font-size:12px;}
html.dark .apv-tr:hover{background:rgba(255,255,255,.04);}
html.dark .apv-row-amount{background:var(--input-bg,#161b22);}
/* ===== /APV-TABLE-STYLES ===== */

/* ===== APV-FILTER-STYLES (preview filtre bari) ===== */
.apv-filter{background:var(--card,#fff);border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:14px;}
.apv-f-top{display:flex;gap:8px;flex-wrap:wrap;}
.apv-search{flex:1 1 180px;display:flex;align-items:center;background:var(--input-bg,#f5f6f8);border:1px solid var(--border);border-radius:9px;padding:0 10px;}
.apv-search-ico{opacity:.6;font-size:14px;}
.apv-search-in{flex:1;border:none;background:transparent;padding:9px 8px;color:var(--text,#222);outline:none;font-size:14px;}
.apv-sort{flex:0 0 auto;border:1px solid var(--border);border-radius:9px;padding:9px 10px;background:var(--input-bg,#f5f6f8);color:var(--text,#222);font-size:13px;cursor:pointer;}
.apv-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;}
.apv-chip{border:1px solid var(--border);background:var(--input-bg,#f5f6f8);color:var(--text,#444);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:all .12s;}
.apv-chip:hover{border-color:var(--navy,#34495e);}
.apv-chip-on{background:var(--navy,#34495e);color:#fff;border-color:var(--navy,#34495e);}
.apv-chip.c-gk.apv-chip-on{background:#f1c40f;border-color:#f1c40f;color:#4a3c00;}
.apv-chip.c-def.apv-chip-on{background:#3498db;border-color:#3498db;color:#fff;}
.apv-chip.c-mf.apv-chip-on{background:#2ecc71;border-color:#2ecc71;color:#fff;}
.apv-chip.c-wg.apv-chip-on{background:#1abc9c;border-color:#1abc9c;color:#fff;}
.apv-chip.c-fw.apv-chip-on{background:#e74c3c;border-color:#e74c3c;color:#fff;}
.apv-adv-toggle{margin-top:12px;background:none;border:none;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;padding:4px 0;display:flex;align-items:center;gap:6px;}
.apv-adv-arrow{font-size:10px;}
.apv-adv{display:none;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border);}
.apv-adv-open{display:block;}
.apv-adv-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap;}
.apv-adv-row label{flex:0 0 46px;font-size:13px;color:var(--muted);font-weight:600;}
.apv-sel{border:1px solid var(--border);border-radius:8px;padding:7px 9px;background:var(--input-bg,#f5f6f8);color:var(--text,#222);font-size:13px;}
.apv-dash{color:var(--muted);}
.apv-f-actions{display:flex;gap:8px;margin-top:12px;}
html.dark .apv-filter{background:var(--card,#1e2530);}
html.dark .apv-search,html.dark .apv-sort,html.dark .apv-chip,html.dark .apv-sel{background:var(--input-bg,#161b22);}
/* ===== /APV-FILTER-STYLES ===== */

/* ===== APV-ONLYREAL ===== */
.apv-only-real{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:13px;font-weight:600;color:var(--text,#333);cursor:pointer;}
.apv-only-real input{width:17px;height:17px;accent-color:var(--green,#2ecc71);cursor:pointer;}
.apv-or-hint{font-weight:400;color:var(--muted);font-size:12px;}
/* ===== /APV-ONLYREAL ===== */

/* ===== FIN-TRANSFER-STYLES ===== */
.fin-tr-row{align-items:flex-start;}
.fin-tr-name{display:flex;flex-direction:column;line-height:1.3;}
.fin-tr-name small{font-size:11px;color:var(--muted);font-weight:400;}
/* ===== /FIN-TRANSFER-STYLES ===== */

/* QB-EQ2: kisayol kartlari esit yukseklik, ikon ustte sabit */
.quick-grid { align-items: stretch; }
.quick-btn { min-height: 84px; justify-content: flex-start; }

/* CLUB-NAME-TRUNC: mobilde uzun kulup adlari tasmasin */
@media (max-width: 600px) {
  .match-row, .fx-row, .mc-teams { font-size: 13px; }
  .mr-teams strong, .fx-row strong, .fx-team {
    display: inline-block; max-width: 38vw; overflow: hidden;
    text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom;
  }
}

/* NM-TEAM-TRUNC: siradaki mac - uzun kulup adlari mobilde tasmasin */
.nm-team {
  min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
@media (max-width: 600px) {
  .nm-team, .dash-next .nm-team { font-size: 13px; max-width: 40vw; }
  .nm-vs { flex: 0 0 auto; }
}

/* SCOUT-ACC: potansiyel tahmin hassasiyeti rozeti */
.scout-acc {
  display: block; font-size: 11px; color: var(--muted);
  margin-top: 2px; letter-spacing: .2px;
}
html.dark .scout-acc { color: #8a94a8; }

/* LOCK-BADGE: altyapi satis kilidi rozeti + aciklama */
.lock-badge {
  display: inline-flex; align-items: center; gap: 6px;
  background: #fff4e0; color: #8a5a00; border: 1px solid #f0d9a8;
  padding: 5px 11px; border-radius: 999px;
  font-size: 12.5px; font-weight: 700; white-space: nowrap;
}
html.dark .lock-badge { background: #3a2f1a; color: #ffcf70; border-color: #5a4520; }
.lock-note {
  display: block; margin-top: 8px; font-size: 12.5px; line-height: 1.5;
  color: var(--muted); background: rgba(0,0,0,0.03);
  border-left: 3px solid #e0a63c; border-radius: 6px; padding: 8px 11px;
}
html.dark .lock-note { background: rgba(255,255,255,0.04); color: #a8b0be; }

/* INVITE-BOX: davet kodu kutusu */
.invite-code-row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 16px; }
.invite-code {
  font-family: ui-monospace, 'SF Mono', Menlo, monospace;
  font-size: 22px; font-weight: 800; letter-spacing: 4px;
  background: var(--bg); border: 2px dashed var(--green);
  padding: 10px 18px; border-radius: 10px; color: var(--green);
  user-select: all;
}
html.dark .invite-code { background: #1a2233; }
.invite-stats { display: flex; gap: 22px; flex-wrap: wrap; padding-top: 14px; border-top: 1px solid var(--border); }
.inv-stat b { display: block; font-size: 20px; font-weight: 800; color: var(--text); line-height: 1.3; }
.inv-stat span { font-size: 12px; color: var(--muted); }
@media (max-width: 600px) {
  .invite-code { font-size: 18px; letter-spacing: 3px; padding: 9px 14px; }
  .invite-stats { gap: 16px; }
  .inv-stat b { font-size: 17px; }
}

/* INVITE-SHARE: davet paylasim butonlari */
.invite-share { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.inv-share-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 11px 18px; border-radius: 10px; font-size: 14px; font-weight: 700;
  border: none; cursor: pointer; font-family: inherit; text-decoration: none;
  transition: transform .12s, filter .2s;
}
.inv-share-btn:hover { transform: translateY(-1px); filter: brightness(1.08); }
.inv-wa { background: #25d366; color: #fff; }
.inv-link { background: var(--bg); color: var(--text); border: 1px solid var(--border); }
html.dark .inv-link { background: #222a3d; }
.invite-url {
  font-size: 12px; color: var(--muted); word-break: break-all;
  background: var(--bg); border-radius: 8px; padding: 8px 11px; margin-bottom: 14px;
  font-family: ui-monospace, Menlo, monospace;
}
html.dark .invite-url { background: #1a2233; }
@media (max-width: 600px) {
  .invite-share { flex-direction: column; }
  .inv-share-btn { justify-content: center; }
}

/* PROFIL-FIX: kart genisligi + dark mode select + davet kutusu */

/* Davet kutusu daha genis olsun (icerik cok) */
#invite-box { max-width: 560px; }

/* select gece modunda beyaz kalmasin */
html.dark .form-card select,
html.dark .form-card input[type="text"],
html.dark .form-card input[type="tel"],
html.dark .form-card input[type="email"],
html.dark .form-card input[type="password"] {
  background: #1a2233; color: var(--text); border-color: var(--border);
}
html.dark .form-card select option { background: #1a2233; color: var(--text); }

/* section-title gece modunda okunur */
html.dark .section-title { color: #8fb4e8; border-bottom-color: rgba(255,255,255,0.08); }

/* Mobilde kartlar kenara yapismasin */
@media (max-width: 600px) {
  .form-card { max-width: 100%; margin: 18px 0; }
  #invite-box { max-width: 100%; }
  .invite-code { font-size: 17px; letter-spacing: 2px; }
  .invite-stats { justify-content: space-between; gap: 12px; }
  .inv-stat { flex: 1; min-width: 0; text-align: center; }
  .inv-stat b { font-size: 16px; }
  .inv-stat span { font-size: 11px; }
}

/* Tatil modu / sifre kartlari da mobilde tam genislik */
@media (max-width: 600px) {
  .profile-hero { margin: 0 0 18px; }
}

/* PROFIL-LAYOUT: tum kartlar ayni genislik + hero ile hizali */
.form-card { max-width: 620px !important; margin: 20px auto !important; }
#invite-box { max-width: 620px !important; }
.profile-hero { max-width: 620px; margin: 0 auto 20px; }

@media (max-width: 700px) {
  .form-card, #invite-box, .profile-hero { max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
}

@media (max-width: 600px) {
  .form-card { margin: 14px 0 !important; padding: 18px 16px; }
  .invite-code { font-size: 17px; letter-spacing: 2px; padding: 9px 13px; }
  .invite-stats { justify-content: space-between; gap: 10px; }
  .inv-stat { flex: 1; min-width: 0; text-align: center; }
  .inv-stat b { font-size: 16px; }
  .inv-stat span { font-size: 10.5px; }
  .invite-url { font-size: 11px; }
}

/* TROPHY-CASE: kupa vitrini (dashboard hero + club-view) */
.trophy-case { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.tc-item {
  display: flex; align-items: center; gap: 5px;
  background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12);
  border-radius: 10px; padding: 7px 11px; transition: transform .12s, background .2s;
  cursor: default;
}
.tc-item:hover { transform: translateY(-2px); }
.tc-won { background: rgba(255,199,44,0.14); border-color: rgba(255,199,44,0.35); }
.tc-won:hover { background: rgba(255,199,44,0.2); }
.tc-none { opacity: 0.32; filter: grayscale(1); }
.tc-icon { font-size: 19px; line-height: 1; }
.tc-count { font-size: 14px; font-weight: 800; color: #fff; min-width: 9px; }
.tc-none .tc-count { color: rgba(255,255,255,0.6); }

/* Acik kartlarda (club-view) */
.card:not(.dash-hero) .tc-item {
  background: #f4f6f8; border-color: #e1e6ea; padding: 8px 13px;
}
.card:not(.dash-hero) .tc-none { opacity: 1; filter: none; }
.card:not(.dash-hero) .tc-none .tc-icon { opacity: 0.28; filter: grayscale(1); }
.card:not(.dash-hero) .tc-none .tc-count { color: #aab3bd; }
.card:not(.dash-hero) .tc-won {
  background: linear-gradient(135deg, #fff8e6, #fff2d0);
  border-color: #e8c877; box-shadow: 0 2px 8px rgba(200,160,40,0.15);
}
.card:not(.dash-hero) .tc-won .tc-count { color: #8a5a00; }
.card:not(.dash-hero) .tc-won .tc-icon { filter: none; opacity: 1; }

html.dark .card:not(.dash-hero) .tc-item { background: #222a3d; border-color: #2f3a52; }
html.dark .card:not(.dash-hero) .tc-none .tc-count { color: #5f6b7d; }
html.dark .card:not(.dash-hero) .tc-won {
  background: linear-gradient(135deg, #3a2f1a, #45381e);
  border-color: #6a5228; box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
html.dark .card:not(.dash-hero) .tc-won .tc-count { color: #ffcf70; }

@media (max-width: 600px) {
  .trophy-case { gap: 7px; }
  .tc-item { padding: 6px 9px; gap: 4px; }
  .tc-icon { font-size: 16px; }
  .tc-count { font-size: 12.5px; }
}

/* HERO-TROPHIES: dashboard hero'da kupa vitrini yerlesimi */
.dash-hero { position: relative; }
.hero-trophies { margin-top: 14px; }
@media (min-width: 860px) {
  .dash-hero .hero-main { padding-right: 380px; }
  .hero-trophies { position: absolute; top: 20px; right: 20px; margin-top: 0; }
  .hero-trophies .trophy-case { justify-content: flex-end; flex-wrap: nowrap; }
}
@media (max-width: 859px) {
  .hero-trophies { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,0.1); }
}

/* CV-TROPHIES: club-view kupa vitrini */
.cv-trophies { margin: 12px 0 4px; }
.cv-trophies .trophy-case { flex-wrap: wrap; }

/* CV-HERO: club-view ust karti (dashboard hero ile ayni dil) */
.cv-hero .hero-club { font-size: 24px; font-weight: 800; }
.cv-hero .hero-sub { color: rgba(255,255,255,0.65); font-size: 13.5px; margin-top: 3px; }
.cv-hero .you-badge { background: var(--green); color: #fff; font-size: 11px; padding: 3px 9px; border-radius: 999px; vertical-align: middle; margin-left: 6px; }

.cv-friend-card {
  display: flex; align-items: center; justify-content: space-between;
  gap: 14px; flex-wrap: wrap; padding: 14px 20px;
}
.cv-friend-card .cv-friend {
  display: flex; align-items: center; justify-content: space-between;
  gap: 14px; flex-wrap: wrap; width: 100%;
}
.cv-friend-card .cv-btn-form { margin: 0; display: inline-flex; }
.cv-friend-card .cv-btn-row { display: flex; gap: 10px; }
.cv-friend-card .cv-badge {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 8px 14px; border-radius: 999px; font-size: 13.5px; font-weight: 700;
  border: 1px solid transparent;
}
.cv-badge-yes { background: #e8f8ef; color: #1a8f4a; border-color: #c3ead3; }
.cv-badge-wait { background: #fdf6e3; color: #96690a; border-color: #f0dfb0; }
html.dark .cv-badge-yes { background: #123524; color: #4ade80; }
html.dark .cv-badge-wait { background: #3a2f1a; color: #ffcf70; }
.cv-friend-card .cv-btn {
  padding: 8px 16px; font-size: 13.5px; font-weight: 600; border-radius: 999px;
  border: 1px solid var(--border); background: transparent; color: var(--muted);
  transition: background .15s, color .15s, border-color .15s;
}
.cv-friend-card .cv-btn:hover { background: #fdecea; color: #c0392b; border-color: #f5c6c0; }
html.dark .cv-friend-card .cv-btn { border-color: #3a4356; color: #98a2b3; }
html.dark .cv-friend-card .cv-btn:hover { background: #3a2020; color: #ff8b7d; border-color: #5a2f2f; }
.cv-friend-card .btn-primary.cv-btn { background: var(--green); color: #fff; border-color: transparent; }
.cv-friend-card .btn-primary.cv-btn:hover { filter: brightness(1.08); background: var(--green); color: #fff; }

@media (max-width: 600px) {
  .cv-friend-card { padding: 14px 16px; }
  .cv-friend-card .cv-friend { flex-direction: column; align-items: stretch; }
  .cv-friend-card .cv-btn-form, .cv-friend-card .cv-btn { width: 100%; }
  .cv-friend-card .cv-btn-row { flex-direction: column; }
  .cv-hero .hero-club { font-size: 20px; }
}

/* HERO-FRIEND: arkadaslik satiri hero icinde */
.hero-friend {
  margin-top: 14px; padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,0.1);
}
.hero-friend .cv-friend {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
}
.hero-friend .cv-btn-form { margin: 0; display: inline-flex; }
.hero-friend .cv-btn-row { display: flex; gap: 10px; }

.hero-friend .cv-badge {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 7px 14px; border-radius: 999px; font-size: 13px; font-weight: 700;
  background: rgba(46,204,113,0.16); color: #7CFC9E;
  border: 1px solid rgba(46,204,113,0.3);
}
.hero-friend .cv-badge-wait { background: rgba(255,199,44,0.14); color: #ffcf70; border-color: rgba(255,199,44,0.3); }

.hero-friend .cv-btn {
  padding: 7px 15px; font-size: 13px; font-weight: 600; border-radius: 999px;
  background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.75);
  border: 1px solid rgba(255,255,255,0.14);
  transition: background .15s, color .15s, border-color .15s;
}
.hero-friend .cv-btn:hover {
  background: rgba(231,76,60,0.18); color: #ff8b7d; border-color: rgba(231,76,60,0.35);
}
.hero-friend .btn-primary.cv-btn {
  background: var(--green); color: #fff; border-color: transparent;
}
.hero-friend .btn-primary.cv-btn:hover { filter: brightness(1.1); background: var(--green); color: #fff; }

@media (max-width: 600px) {
  .hero-friend .cv-friend { flex-direction: column; align-items: stretch; }
  .hero-friend .cv-btn-form, .hero-friend .cv-btn { width: 100%; justify-content: center; }
  .hero-friend .cv-btn-row { flex-direction: column; }
  .hero-friend .cv-badge { justify-content: center; }
}

/* HERO-FRIEND-V2: rozet + buton ayni yukseklik, ayni hiza */
.hero-friend .cv-friend { align-items: center; }

.hero-friend .cv-badge,
.hero-friend .cv-btn {
  height: 38px !important;
  padding: 0 16px !important;
  border-radius: 8px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  font-family: inherit !important;
  white-space: nowrap;
}

.hero-friend .cv-badge { gap: 7px; cursor: default; }

.hero-friend .cv-btn {
  cursor: pointer;
  background: rgba(255,255,255,0.07);
  color: rgba(255,255,255,0.8);
  border: 1px solid rgba(255,255,255,0.16) !important;
}
.hero-friend .cv-btn:hover {
  background: rgba(231,76,60,0.16);
  color: #ff9d92;
  border-color: rgba(231,76,60,0.4) !important;
}
.hero-friend .btn-primary.cv-btn {
  background: var(--green);
  color: #fff;
  border-color: transparent !important;
}
.hero-friend .btn-primary.cv-btn:hover { filter: brightness(1.12); background: var(--green); color: #fff; }

@media (max-width: 600px) {
  .hero-friend .cv-badge, .hero-friend .cv-btn { width: 100%; }
}

/* TP-PITCH-SHARED: antrenman + kondisyon oyuncu secim kartlari */
.train-pitch{background:linear-gradient(160deg,#1a7a42,#146336);border-radius:14px;padding:12px 10px;box-shadow:inset 0 0 40px rgba(0,0,0,.15);}
.tp-row{margin-bottom:10px;}
.tp-row:last-child{margin-bottom:0;}
.tp-label{color:#eafff0;font-size:12px;font-weight:700;margin:0 0 6px 4px;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:.3px;text-transform:none;opacity:1;}
.tp-players{display:flex;gap:7px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin;}
.tp-players::-webkit-scrollbar{height:5px;}
.tp-players::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px;}
.tp-card{position:relative;flex:0 0 auto;width:112px;background:rgba(255,255,255,.95);border:2px solid transparent;border-radius:10px;padding:8px 8px 7px;cursor:pointer;transition:.15s;user-select:none;}
.tp-card:active{transform:scale(.96);}
.tp-card.tp-selected{border-color:#f5c518;background:#fffdf0;box-shadow:0 0 0 2px rgba(245,197,24,.4);}
.tp-name{font-weight:700;color:#12351f;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tp-meta{font-size:10.5px;color:#5a6b5e;margin-top:2px;}
.tp-badge{position:absolute;top:-6px;right:-4px;background:#c0392b;color:#fff;font-size:8.5px;font-weight:700;padding:2px 5px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.3);}
.tp-check{position:absolute;top:5px;right:6px;width:18px;height:18px;background:#f5c518;color:#12351f;border-radius:50%;font-size:12px;font-weight:900;display:none;align-items:center;justify-content:center;line-height:1;}
.tp-xp{margin-top:5px;height:5px;background:rgba(0,0,0,.12);border-radius:3px;overflow:hidden;}
.tp-xp-fill{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:3px;transition:width .3s;}
.tp-card.tp-selected .tp-check{display:flex;}
.tp-blocked{opacity:.5;}
.tp-blocked.tp-selected{border-color:#f5c518;opacity:.7;}
.tp-locked .tp-card{cursor:default;}
.tp-locked .tp-card:active{transform:none;}
@media(max-width:600px){.tp-card{width:104px;}.tp-label{font-size:11px;}}

/* SLOT-FIX-V2: saha oyuncu karti - isim/rozet cakismasi + mobil yukseklik */
.slot {
  width: 62px !important;
  height: auto !important;
  min-height: 62px;
  padding: 5px 3px 4px;
  gap: 1px;
  justify-content: flex-start !important;
  overflow: visible;
}
.slot-ca {
  font-size: 13px !important;
  line-height: 17px !important;
  padding: 0 6px !important;
  margin-bottom: 2px !important;
  min-width: 24px;
}
.slot-name {
  font-size: 9.5px !important;
  line-height: 1.15 !important;
  max-width: 56px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.slot-pos {
  font-size: 8.5px !important;
  line-height: 1.1;
  opacity: 0.8;
  margin-top: 1px;
}
.slot-fit-bar { width: 76% !important; margin: 3px auto 0 !important; }

@media (max-width: 600px) {
  .slot {
    width: 54px !important;
    min-height: 56px;
    padding: 4px 2px 3px;
  }
  .slot-ca { font-size: 12px !important; line-height: 16px !important; padding: 0 5px !important; }
  .slot-name { font-size: 8.5px !important; max-width: 48px !important; }
  .slot-pos { font-size: 8px !important; }
  .slot-fit-bar { height: 3px !important; margin-top: 2px !important; }
}

@media (max-width: 380px) {
  .slot { width: 48px !important; min-height: 52px; }
  .slot-name { font-size: 8px !important; max-width: 42px !important; }
}

/* CC-BANNER: cerez onay bildirimi */
.cc-banner {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 9998;
  background: var(--navy); color: #fff;
  padding: 16px 20px;
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
  box-shadow: 0 -4px 24px rgba(0,0,0,0.25);
  border-top: 2px solid var(--green);
}
.cc-text { flex: 1; min-width: 0; }
.cc-text strong { font-size: 14.5px; display: block; margin-bottom: 3px; }
.cc-text p { font-size: 13px; margin: 0; color: rgba(255,255,255,0.78); line-height: 1.5; }
.cc-text a { color: #7fd1a0; text-decoration: underline; }
.cc-actions { display: flex; gap: 9px; flex-shrink: 0; }
.cc-btn {
  padding: 9px 17px; border-radius: 8px; font-size: 13.5px; font-weight: 600;
  cursor: pointer; border: 1px solid transparent; white-space: nowrap;
  font-family: inherit; transition: filter .15s, background .15s;
}
.cc-btn-primary { background: var(--green); color: #fff; }
.cc-btn-primary:hover { filter: brightness(1.1); }
.cc-btn-ghost { background: transparent; color: rgba(255,255,255,0.85); border-color: rgba(255,255,255,0.28); }
.cc-btn-ghost:hover { background: rgba(255,255,255,0.08); }

@media (max-width: 700px) {
  .cc-banner { flex-direction: column; align-items: stretch; padding: 14px 16px; gap: 12px; }
  .cc-actions { flex-direction: column-reverse; }
  .cc-btn { width: 100%; }
  .cc-text p { font-size: 12.5px; }
}

/* CONSENT-BOX: kayit formu sozlesme onaylari */
.consent-box {
  margin: 4px 0 18px;
  padding: 14px 15px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 10px;
}
.consent-row {
  display: flex; align-items: flex-start; gap: 10px;
  margin-bottom: 11px; cursor: pointer;
  font-size: 12.8px; line-height: 1.5;
  color: rgba(255,255,255,0.82);
  font-weight: 400;
}
.consent-row:last-of-type { margin-bottom: 0; }
.consent-row input[type="checkbox"] {
  width: 17px; height: 17px; margin: 1px 0 0; flex-shrink: 0;
  accent-color: var(--green); cursor: pointer;
}
.consent-row a { color: #7fd1a0; text-decoration: underline; }
.consent-row a:hover { color: #9fe3b8; }
.consent-row b { color: #ff8b7d; font-weight: 700; }
.consent-optional { color: rgba(255,255,255,0.62); }
.consent-optional em { font-style: normal; opacity: 0.7; font-size: 11.5px; }
.consent-age {
  margin: 12px 0 0; padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,0.08);
  font-size: 11.5px; color: rgba(255,255,255,0.55); line-height: 1.5;
}

@media (max-width: 600px) {
  .consent-box { padding: 12px 13px; }
  .consent-row { font-size: 12.2px; gap: 9px; }
}

/* CONSENT-MODAL: mevcut kullanicilar icin engelleyici onay penceresi */
.consent-modal {
  position: fixed; inset: 0; z-index: 10000;
  background: rgba(10,15,25,0.88);
  display: flex; align-items: center; justify-content: center;
  padding: 18px; overflow-y: auto;
}
.consent-modal-box {
  background: var(--card, #fff); color: var(--text);
  border-radius: 14px; padding: 26px 26px 20px;
  max-width: 520px; width: 100%;
  box-shadow: 0 24px 70px rgba(0,0,0,0.5);
  max-height: 92vh; overflow-y: auto;
}
.consent-modal-box h2 { font-size: 19px; margin: 0 0 10px; }
.cm-intro { font-size: 13.8px; line-height: 1.6; color: var(--muted); margin: 0 0 18px; }
.cm-error {
  background: #fdecea; color: #c0392b; border: 1px solid #f5c6c0;
  padding: 10px 13px; border-radius: 8px; font-size: 13px; margin-bottom: 14px;
}
html.dark .cm-error { background: #3a2020; color: #ff8b7d; border-color: #5a2f2f; }
.cm-row {
  display: flex; align-items: flex-start; gap: 10px;
  margin-bottom: 13px; cursor: pointer;
  font-size: 13.2px; line-height: 1.55;
}
.cm-row input[type="checkbox"] {
  width: 18px; height: 18px; margin: 1px 0 0; flex-shrink: 0;
  accent-color: var(--green); cursor: pointer;
}
.cm-row a { color: var(--accent); text-decoration: underline; }
.cm-row b { color: #e74c3c; }
.cm-optional { color: var(--muted); }
.cm-optional em { font-style: normal; font-size: 12px; opacity: 0.75; }
.cm-submit { margin-top: 18px; }
.cm-foot {
  margin: 16px 0 0; padding-top: 13px;
  border-top: 1px solid var(--border);
  font-size: 12px; color: var(--muted); line-height: 1.5; text-align: center;
}
.cm-foot a { color: var(--accent); }

@media (max-width: 600px) {
  .consent-modal { padding: 12px; align-items: flex-start; }
  .consent-modal-box { padding: 20px 18px 16px; margin-top: 12px; }
  .consent-modal-box h2 { font-size: 17px; }
  .cm-intro { font-size: 13px; }
  .cm-row { font-size: 12.8px; }
}

/* CONSENT-BOX-V2: login/register formundaki label kurallarini ez */
.login-card .consent-box, .consent-box {
  margin: 10px 0 16px !important;
  padding: 14px 15px !important;
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 10px !important;
}
.consent-box label.consent-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  cursor: pointer;
  font-size: 12.8px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,0.82) !important;
  text-align: left !important;
}
.consent-box label.consent-row:last-of-type { margin-bottom: 0 !important; }
.consent-box .consent-row input[type="checkbox"] {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  margin: 1px 0 0 !important;
  padding: 0 !important;
  flex: 0 0 17px !important;
  accent-color: #2ecc71;
  cursor: pointer;
  display: block !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}
.consent-box .consent-row span {
  flex: 1 1 auto;
  display: block;
}
.consent-box .consent-row a { color: #7fd1a0 !important; text-decoration: underline; }
.consent-box .consent-row a:hover { color: #9fe3b8 !important; }
.consent-box .consent-row b { color: #ff8b7d; font-weight: 700; }
.consent-box .consent-optional { color: rgba(255,255,255,0.6) !important; }
.consent-box .consent-optional em { font-style: normal; opacity: 0.75; font-size: 11.5px; }
.consent-box .consent-age {
  margin: 12px 0 0 !important;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,0.08);
  font-size: 11.5px;
  color: rgba(255,255,255,0.55);
  line-height: 1.5;
  text-align: left;
}

/* LEGAL-PAGES: sozlesme sayfalari */
.legal-wrap { max-width: 820px; margin: 0 auto; padding: 30px 34px; }
.legal-wrap h1 { font-size: 25px; margin: 0 0 6px; line-height: 1.25; }
.legal-meta { color: var(--muted); font-size: 12.5px; margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid var(--border); }
.legal-wrap h2 { font-size: 17.5px; margin: 30px 0 11px; color: var(--navy); font-weight: 700; }
html.dark .legal-wrap h2 { color: #8fb4e8; }
.legal-wrap h3 { font-size: 15px; margin: 20px 0 8px; font-weight: 700; }
.legal-wrap h3 small { font-weight: 400; color: var(--muted); font-size: 12.5px; }
.legal-wrap p { font-size: 14.5px; line-height: 1.75; margin: 0 0 13px; }
.legal-wrap ul, .legal-wrap ol { padding-left: 22px; margin: 12px 0 16px; }
.legal-wrap li { font-size: 14.5px; line-height: 1.7; margin-bottom: 7px; }
.legal-wrap a { color: var(--accent); }
.legal-wrap code { background: var(--bg); padding: 2px 6px; border-radius: 4px; font-size: 12.5px; font-family: ui-monospace, monospace; }
html.dark .legal-wrap code { background: #222a3d; }

.legal-wrap table { width: 100%; border-collapse: collapse; margin: 16px 0 20px; font-size: 13.5px; }
.legal-wrap th, .legal-wrap td { border: 1px solid var(--border); padding: 10px 12px; text-align: left; vertical-align: top; line-height: 1.55; }
.legal-wrap th { background: var(--bg); font-weight: 700; }
html.dark .legal-wrap th { background: #222a3d; }

.legal-note { background: #fdf6e3; border: 1px solid #f0dfb0; color: #8a5a00; padding: 13px 15px; border-radius: 9px; font-size: 13.5px; line-height: 1.6; margin: 20px 0; }
.legal-note a { color: #8a5a00; font-weight: 600; }
html.dark .legal-note { background: #3a2f1a; border-color: #5a4520; color: #ffcf70; }
html.dark .legal-note a { color: #ffcf70; }

.legal-toc { background: var(--bg); border-radius: 10px; padding: 16px 20px; margin-bottom: 26px; }
html.dark .legal-toc { background: #222a3d; }
.legal-toc strong { font-size: 13.5px; display: block; margin-bottom: 4px; }
.legal-toc ol { margin: 8px 0 0; padding-left: 20px; }
.legal-toc li { font-size: 13.5px; margin-bottom: 4px; }
.legal-toc a { text-decoration: none; }
.legal-toc a:hover { text-decoration: underline; }

@media (max-width: 700px) {
  .legal-wrap { padding: 20px 17px; }
  .legal-wrap h1 { font-size: 20px; }
  .legal-wrap h2 { font-size: 15.5px; margin-top: 24px; }
  .legal-wrap h3 { font-size: 14px; }
  .legal-wrap p, .legal-wrap li { font-size: 14px; }
  .legal-wrap table { font-size: 12.3px; display: block; overflow-x: auto; white-space: nowrap; }
  .legal-wrap th, .legal-wrap td { padding: 8px 9px; }
  .legal-toc { padding: 13px 15px; }
}

/* FOOT-LEGAL: footer yasal linkler */
.foot-legal {
  margin: 8px 0 0 !important;
  font-size: 12px;
  display: flex; flex-wrap: wrap; justify-content: center;
  align-items: center; gap: 7px;
  line-height: 1.6;
}
.foot-legal a { color: var(--muted); text-decoration: none; }
.foot-legal a:hover { color: var(--accent); text-decoration: underline; }
.foot-legal span { color: var(--border); font-size: 10px; }

@media (max-width: 600px) {
  .foot-legal { font-size: 11.5px; gap: 6px; padding: 0 12px; }
}

/* AUTH-LEGAL: login/register/landing yasal linkler */
.auth-legal {
  margin: 14px 0 0 !important;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,0.08);
  font-size: 11.5px;
  text-align: center;
  color: rgba(255,255,255,0.35);
  line-height: 1.7;
}
.auth-legal a { color: rgba(255,255,255,0.5); text-decoration: none; }
.auth-legal a:hover { color: rgba(255,255,255,0.8); text-decoration: underline; }

.lp-legal {
  margin-top: 10px;
  font-size: 12px;
  display: flex; flex-wrap: wrap; justify-content: center;
  align-items: center; gap: 7px;
}
.lp-legal a { color: inherit; opacity: 0.65; text-decoration: none; }
.lp-legal a:hover { opacity: 1; text-decoration: underline; }
.lp-legal span { opacity: 0.35; }

@media (max-width: 600px) {
  .auth-legal { font-size: 11px; }
  .lp-legal { font-size: 11.5px; gap: 6px; padding: 0 12px; }
}

/* VISITED-FIX: ziyaret edilmis link moru her yerde engelle */
.auth-legal a:visited,
.lp-legal a:visited,
.foot-legal a:visited,
.legal-wrap a:visited,
.consent-box a:visited,
.cm-row a:visited,
.cc-text a:visited { color: inherit; }

.lp-legal a, .lp-legal a:visited { color: inherit; opacity: 0.65; }
.foot-legal a, .foot-legal a:visited { color: var(--muted); }
.legal-wrap a, .legal-wrap a:visited { color: var(--accent); }
.cm-row a, .cm-row a:visited { color: var(--accent); }
.cc-text a, .cc-text a:visited { color: #7fd1a0; }

/* CM-DOCS: onay modalinda belirgin dokuman linkleri */
.cm-docs { display: flex; flex-direction: column; gap: 8px; margin: 0 0 20px; }
.cm-doc-link {
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 15px; border-radius: 10px;
  background: var(--bg); border: 1px solid var(--border);
  color: var(--text); text-decoration: none;
  font-size: 13.5px; font-weight: 600;
  transition: background .15s, border-color .15s, transform .1s;
}
.cm-doc-link:hover { background: var(--card); border-color: var(--accent); transform: translateX(2px); }
.cm-doc-link span { font-size: 12px; color: var(--accent); font-weight: 700; }
html.dark .cm-doc-link { background: #222a3d; border-color: #2f3a52; }
html.dark .cm-doc-link:hover { border-color: var(--accent); }

@media (max-width: 600px) {
  .cm-doc-link { padding: 13px 14px; font-size: 13.8px; }
}

/* BTN-WATCH: izleme butonu */
.btn-watch { border: 1px solid var(--border); background: transparent; color: var(--muted); }
.btn-watch:hover { border-color: var(--accent); color: var(--accent); }
.btn-watch-on { background: rgba(99,102,241,0.12); border: 1px solid var(--accent); color: var(--accent); font-weight: 600; }
.btn-watch-on:hover { background: rgba(99,102,241,0.2); }
html.dark .btn-watch-on { background: rgba(129,140,248,0.16); }

/* TT-TABS: transfer takip merkezi sekmeleri */
.tt-tabs { display: flex; gap: 6px; margin-bottom: 14px; background: var(--bg); padding: 5px; border-radius: 12px; }
html.dark .tt-tabs { background: #1a2233; }
.tt-tab {
  flex: 1; padding: 11px 8px; border: none; background: transparent;
  color: var(--muted); font-size: 13.5px; font-weight: 600; cursor: pointer;
  border-radius: 9px; font-family: inherit; transition: background .15s, color .15s;
  display: inline-flex; align-items: center; justify-content: center; gap: 5px;
  white-space: nowrap;
}
.tt-tab:hover { color: var(--text); }
.tt-active { background: var(--card); color: var(--text); box-shadow: 0 1px 4px rgba(0,0,0,0.08); }
html.dark .tt-active { background: #2a344a; }
.tt-badge { background: #e74c3c; color: #fff; font-size: 11px; font-weight: 700; min-width: 18px; height: 18px; line-height: 18px; text-align: center; border-radius: 9px; padding: 0 5px; }
.tt-badge-mut { background: var(--muted); }

.tt-panel { display: none; }
.tt-panel-active { display: block; }

/* IZLEME LISTESI */
.watch-list { display: flex; flex-direction: column; gap: 10px; }
.watch-item {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 13px 15px; background: var(--bg); border-radius: 10px; flex-wrap: wrap;
}
html.dark .watch-item { background: #222a3d; }
.watch-main { flex: 1; min-width: 0; }
.watch-name { font-size: 15px; font-weight: 700; display: flex; align-items: center; gap: 6px; }
.watch-name a { color: var(--text); }
.watch-meta { font-size: 12.5px; color: var(--muted); margin-top: 2px; }
.watch-club { font-size: 12.5px; color: var(--muted); margin-top: 2px; font-weight: 600; }
.watch-tag-bot { background: var(--muted); color: #fff; font-size: 9px; padding: 1px 5px; border-radius: 4px; vertical-align: middle; }
.watch-side { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.watch-src { font-size: 11.5px; font-weight: 700; }
.watch-status { font-size: 12px; font-weight: 600; }
.watch-live { color: #7c3aed; }
.watch-locked { color: #96690a; }
.watch-remove {
  width: 28px; height: 28px; border-radius: 7px; border: 1px solid var(--border);
  background: transparent; color: var(--muted); font-size: 18px; line-height: 1;
  cursor: pointer; font-family: inherit; transition: background .15s, color .15s;
}
.watch-remove:hover { background: #fdecea; color: #c0392b; border-color: #f5c6c0; }
html.dark .watch-remove:hover { background: #3a2020; color: #ff8b7d; }

@media (max-width: 600px) {
  .tt-tab { font-size: 12.5px; padding: 10px 5px; }
  .watch-item { padding: 12px; }
  .watch-side { width: 100%; justify-content: space-between; }
}

/* NAV-PILL: menude teklif sayaci */
.nav-pill { background:#e74c3c; color:#fff; font-size:11px; font-weight:700; padding:1px 7px; border-radius:9px; vertical-align:middle; }

/* WATCH-STAR: oyuncu basliginda izle ikonu */
.watch-star-form { display: inline; margin-left: 8px; vertical-align: middle; }
.watch-star {
  background: transparent; border: 1px solid var(--border); border-radius: 8px;
  padding: 4px 9px; font-size: 17px; line-height: 1; cursor: pointer;
  opacity: 0.6; transition: opacity .15s, background .15s, border-color .15s, transform .1s;
  vertical-align: middle;
}
.watch-star:hover { opacity: 1; background: var(--bg); transform: scale(1.08); }
.watch-star-on {
  opacity: 1; background: rgba(99,102,241,0.12);
  border-color: var(--accent);
}
html.dark .watch-star-on { background: rgba(129,140,248,0.16); }

/* WATCH-NOFFER: teklif verilemez etiketi */
.watch-noffer { font-size: 11.5px; color: var(--muted); font-style: italic; }

/* TEKLIF-FLASH: izlemeden gelince teklif kutusu vurgusu */
.teklif-flash input[name="offer_amount"] {
  animation: teklifPulse 1.2s ease 2;
  border-color: var(--accent) !important;
}
@keyframes teklifPulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(99,102,241,0); }
  50% { box-shadow: 0 0 0 4px rgba(99,102,241,0.35); }
}

/* PO-ACTIONS: oyuncu detayi teklif/al buton grubu (standart) */
.po-actions {
  margin-left: auto; display: flex; gap: 8px; flex-wrap: wrap; align-items: center;
}
.po-offer-form { display: flex; gap: 6px; align-items: center; }
.po-offer-input {
  width: 130px; padding: 8px 10px; border: 1px solid var(--border);
  border-radius: 8px; background: var(--card); color: var(--text); font-size: 14px;
}
.po-hint { font-size: 11.5px; color: var(--muted); flex-basis: 100%; margin-top: 2px; }

@media (max-width: 600px) {
  .po-actions { margin-left: 0; width: 100%; margin-top: 12px; }
  .po-actions .btn { flex: 1 1 auto; min-height: 40px; }
  .po-offer-form { width: 100%; }
  .po-offer-input { flex: 1 1 auto; width: auto; min-height: 40px; }
  .po-hint { text-align: center; }
}

/* PO-MYPENDING: oyuncu detayinda benim aktif teklifim */
.po-mypending {
  background: var(--bg); border: 1px solid var(--border); border-radius: 10px;
  padding: 11px 14px; display: flex; flex-direction: column; gap: 5px; min-width: 190px;
}
html.dark .po-mypending { background: #222a3d; }
.po-mp-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.po-mp-label { font-size: 12.5px; color: var(--muted); font-weight: 600; }
.po-mp-amount { font-size: 16px; color: var(--accent); }
.po-mp-timer { font-size: 13px; font-weight: 700; color: var(--text); }
.po-mp-status { font-size: 11.5px; color: var(--muted); }
.po-mp-goto {
  display: flex; align-items: center; gap: 8px; padding: 4px 2px;
  text-decoration: none; color: var(--accent); font-weight: 700; font-size: 13.5px;
}
.po-mp-goto-icon { font-size: 16px; }
.po-mp-goto:hover { text-decoration: underline; }
@media (max-width: 600px) {
  .po-mypending { width: 100%; }
}

/* WATCHERS-BADGE: kendi oyuncumu kac kulup izliyor */
.watchers-badge { display:inline-flex; align-items:center; gap:6px; background:rgba(99,102,241,0.1); border:1px solid var(--accent); color:var(--accent); border-radius:8px; padding:6px 12px; font-size:12.5px; font-weight:600; margin:4px 0 10px; }
html.dark .watchers-badge { background:rgba(129,140,248,0.14); }
.watchers-badge strong { font-size:14px; }

/* WATCH-COUNT-CELL: club.php kadro tablosunda izleyen sayisi */
.watch-count-cell { color: var(--accent); font-weight: 700; font-size: 13px; white-space: nowrap; }





/* son sutun (izleyen) nefes payi */
.squad-table th:last-child, .squad-table td:last-child { padding-right: 18px; text-align: center; }

/* SQUAD-COMPACT: masaustunde 13 sutun kaydirmasiz sigsin */
@media (min-width: 601px) {
  .squad-table { width: 100%; table-layout: auto; }
  .squad-table th, .squad-table td { padding: 8px 6px; }
  .squad-table th:first-child, .squad-table td:first-child { padding-left: 10px; }
  .squad-table th:last-child, .squad-table td:last-child { padding-right: 12px; text-align: center; }
  /* dar sayisal sutunlar daralsin */
  .squad-table th:nth-child(n+4), .squad-table td:nth-child(n+4) { text-align: center; }
}

/* STAT-MORE-BTN: istatistik daha fazla goster */
.stat-more-btn { margin-top:10px; width:100%; padding:9px; background:var(--bg); border:1px solid var(--border); border-radius:8px; color:var(--accent); font-weight:600; font-size:13px; cursor:pointer; font-family:inherit; }
.stat-more-btn:hover { background:var(--card); border-color:var(--accent); }
html.dark .stat-more-btn { background:#222a3d; }

/* WATCH-APV-CSS: izleme listesi apv-card uyarlamasi */
.watch-x-form { flex:0 0 auto; margin-left:auto; }
.watch-x-btn { width:28px; height:28px; border-radius:50%; border:1px solid var(--border); background:var(--bg); color:var(--muted); font-size:18px; line-height:1; cursor:pointer; }
.watch-x-btn:hover { background:var(--danger,#c0392b); color:#fff; border-color:var(--danger,#c0392b); }
.watch-src-badge { font-size:11px; font-weight:600; padding:2px 8px; border:1px solid; border-radius:20px; margin-left:auto; }
.apv-btn-disabled { background:var(--bg); color:var(--muted); border:1px solid var(--border); cursor:default; text-align:center; }
.watch-tag-bot { font-size:10px; background:#6b7280; color:#fff; padding:1px 6px; border-radius:4px; font-weight:700; }

/* APV-BTN-REJECT: gelen teklif reddet butonu (danger-outline) */
.apv-btn-reject { background:transparent; color:var(--danger,#c0392b); border:1px solid var(--danger,#c0392b); }
.apv-btn-reject:hover { background:var(--danger,#c0392b); color:#fff; }

/* APV-STATUS-BADGE: giden teklif durum rozeti */
.apv-status-badge { font-size:11px; font-weight:700; padding:3px 10px; border:1px solid; border-radius:20px; white-space:nowrap; margin-left:auto; }

/* WATCH-RIVALRY: izleme listesinde kac kulup izliyor (rekabet) */
.watch-rivalry { font-size:11px; font-weight:700; color:#e67e22; background:rgba(230,126,34,.1); padding:2px 8px; border-radius:20px; white-space:nowrap; }
html.dark .watch-rivalry { background:rgba(230,126,34,.18); color:#f39c12; }

/* WATCH-EXTRA-CSS: teklif sayisi + havuzdan cikis sayaci */
.watch-offer-count { font-size:11px; font-weight:700; color:#2563eb; background:rgba(37,99,235,.1); padding:2px 8px; border-radius:20px; white-space:nowrap; }
html.dark .watch-offer-count { background:rgba(37,99,235,.2); color:#60a5fa; }
.watch-expire-warn { display:flex; flex-direction:column; gap:2px; margin:8px 0; padding:8px 10px; background:rgba(192,57,43,.08); border:1px solid rgba(192,57,43,.25); border-radius:8px; }
.watch-expire-timer { font-size:13px; font-weight:700; color:#c0392b; }
.watch-expire-note { font-size:11px; color:var(--muted); }
html.dark .watch-expire-warn { background:rgba(192,57,43,.15); }
html.dark .watch-expire-timer { color:#e74c3c; }

/* WATCH-REMOVED-BANNER: havuzdan cikan izlenen oyuncular uyarisi */
.watch-removed-banner { border-left:4px solid #e67e22; background:rgba(230,126,34,.06); }
html.dark .watch-removed-banner { background:rgba(230,126,34,.12); }
.wrb-head { font-weight:800; font-size:15px; color:#d35400; margin-bottom:8px; }
html.dark .wrb-head { color:#f39c12; }
.wrb-list { display:flex; flex-direction:column; gap:6px; }
.wrb-item { font-size:13px; color:var(--text); padding:6px 10px; background:var(--bg); border-radius:6px; }

/* NAV-READY-DOT: menude antrenman/kondisyon hazir sinyali (yesil nokta) */
.nav-ready-dot { display:inline-block; width:8px; height:8px; border-radius:50%; background:#2ecc71; margin-left:2px; vertical-align:middle; box-shadow:0 0 0 2px rgba(46,204,113,.25); animation:navDotPulse 1.6s infinite; }
@keyframes navDotPulse { 0%,100%{opacity:1;} 50%{opacity:.5;} }

/* NOTIFY-DOT: kisayol kartinda rakamsiz kirmizi nokta (hazir sinyali) */
.notify-dot { position:absolute; top:6px; right:6px; width:10px; height:10px; border-radius:50%; background:#e74c3c; box-shadow:0 0 0 2px var(--card,#fff); }
html.dark .notify-dot { box-shadow:0 0 0 2px #1f2733; }

/* QUICK-PULSE: kisayol karti hazir oldugunda yanip sonen kirmizi cerceve */
.quick-btn.quick-pulse { border: 2px solid #e74c3c !important; animation: quickPulse 1.5s ease-in-out infinite; }
@keyframes quickPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(231,76,60,.4); border-color:#e74c3c; }
  50% { box-shadow: 0 0 0 5px rgba(231,76,60,0); border-color:#ff6b5a; }
}
html.dark .quick-btn.quick-pulse { border-color:#e74c3c !important; }

/* ADMIN-USER-PANEL-CSS: kullanici yonetim & istatistik */
.admin-user-panel .admin-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(110px,1fr)); gap:10px; }
.astat { display:flex; flex-direction:column; align-items:center; padding:12px 8px; background:var(--bg); border-radius:10px; text-align:center; }
.astat-num { font-size:22px; font-weight:800; color:var(--text); line-height:1.1; }
.astat-lbl { font-size:11px; color:var(--muted); margin-top:4px; }
.admin-online-list { display:flex; flex-direction:column; gap:8px; }
.admin-online-item { display:flex; align-items:center; gap:8px; padding:8px 10px; background:var(--bg); border-radius:8px; flex-wrap:wrap; }
.aol-dot { display:inline-block; width:8px; height:8px; border-radius:50%; background:#2ecc71; box-shadow:0 0 0 2px rgba(46,204,113,.25); animation:navDotPulse 1.6s infinite; }
.aol-club { font-size:13px; color:var(--accent,#3498db); text-decoration:none; }
.aol-time { margin-left:auto; font-size:12px; color:var(--muted); }
.admin-activity-table { font-size:13px; }
.admin-activity-table td { padding:7px 8px; }
.admin-tag-mini { font-size:10px; background:#f1c40f; color:#222; padding:1px 5px; border-radius:4px; font-weight:700; margin-left:3px; }
html.dark .astat, html.dark .admin-online-item { background:#222a3d; }

/* ADMIN-ACT-TOGGLE: kullanici islemleri katlanabilir */
.admin-act-toggle { display:inline-block; }
.admin-act-summary { cursor:pointer; font-size:12px; font-weight:700; color:var(--accent,#3498db); padding:4px 10px; border:1px solid var(--border); border-radius:6px; list-style:none; user-select:none; white-space:nowrap; }
.admin-act-summary::-webkit-details-marker { display:none; }
.admin-act-summary:hover { background:var(--bg); }
.admin-act-toggle[open] .admin-act-summary { background:var(--bg); margin-bottom:8px; }
.admin-act-toggle .admin-actions { display:flex; flex-direction:column; gap:6px; padding:8px; background:var(--bg); border-radius:8px; min-width:200px; }
html.dark .admin-act-toggle .admin-actions, html.dark .admin-act-toggle[open] .admin-act-summary { background:#222a3d; }

/* ADMIN-LEAGUE-CSS: arkadas kumeleri + lig kurgusu */
.admin-cluster-list { display:flex; flex-direction:column; gap:10px; }
.admin-cluster { padding:10px 12px; background:var(--bg); border-radius:10px; border-left:3px solid #3498db; }
.acl-head { font-weight:700; font-size:13px; color:var(--muted); margin-bottom:6px; }
.acl-members { display:flex; flex-wrap:wrap; gap:5px; }
.acl-chip { font-size:12px; padding:3px 9px; background:var(--card); border:1px solid var(--border); border-radius:20px; }
.acl-chip.acl-bot { opacity:.6; }
.admin-rooms { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }
.admin-room { background:var(--bg); border-radius:10px; padding:10px; }
.arm-head { font-weight:800; font-size:14px; margin-bottom:8px; display:flex; justify-content:space-between; align-items:center; }
.arm-count { font-size:11px; font-weight:600; color:var(--muted); }
.arm-list { display:flex; flex-direction:column; gap:3px; }
.arm-club { font-size:13px; padding:4px 8px; background:var(--card); border-radius:6px; }
.arm-club.arm-bot { opacity:.55; }
html.dark .admin-cluster, html.dark .admin-room { background:#222a3d; }
html.dark .acl-chip, html.dark .arm-club { background:#1a2233; }

/* ADMIN-LEVEL-BLOCK: gercekci lig kurgusu (terfi renkli) */
.admin-level-block { margin-bottom:18px; }
.alb-head { font-weight:800; font-size:15px; margin-bottom:8px; padding-bottom:6px; border-bottom:2px solid var(--border); }
.arm-club.arm-promoted { border-left:3px solid #2ecc71; background:rgba(46,204,113,.08); }
html.dark .arm-club.arm-promoted { background:rgba(46,204,113,.15); }
.arm-up { color:#2ecc71; font-weight:800; margin-left:2px; }

/* ADMIN-HIDDEN-CSS: admin listelerinde ilk 5/daha fazla */
.admin-hidden { display:none !important; }
.admin-more-wrap { margin-top:10px; text-align:center; }

/* ===== CARDS-PAGE-CSS: kart paketi mini oyunu ===== */
.cards-wrap { max-width:720px; margin:0 auto; }
.cards-hero { text-align:center; }
.cards-hero h1 { margin:0 0 6px; }
.cards-balance { display:inline-flex; align-items:baseline; gap:8px; margin-top:10px; padding:10px 22px; background:var(--bg); border-radius:12px; }
.cb-num { font-size:32px; font-weight:800; color:var(--accent,#3498db); }
.cb-lbl { font-size:14px; color:var(--muted); }
html.dark .cards-balance { background:#222a3d; }

.cards-empty { text-align:center; padding:20px; }
.ce-ico { font-size:48px; margin-bottom:10px; }

.open-stage { text-align:center; padding:20px 0; min-height:260px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.os-pack { font-size:72px; margin-bottom:16px; animation:packBob 2s ease-in-out infinite; }
@keyframes packBob { 0%,100%{transform:translateY(0) rotate(-3deg);} 50%{transform:translateY(-10px) rotate(3deg);} }
.btn-lg { font-size:18px; padding:12px 32px; }

.pick-title { font-size:18px; font-weight:700; margin-bottom:18px; text-align:center; }
.pick-row { display:flex; gap:14px; justify-content:center; align-items:center; min-height:200px; flex-wrap:nowrap; }
.pick-card { width:120px; height:170px; cursor:pointer; perspective:800px; transition:transform .2s, opacity .3s; }
.pick-card:hover:not(.pc-dim):not(.pc-chosen) { transform:translateY(-8px) scale(1.04); }
.pc-dim { opacity:.3; pointer-events:none; }
.pc-chosen { transform:scale(1.05); z-index:5; }
.pc-inner { position:relative; width:100%; height:100%; transition:transform 6s cubic-bezier(.15,.9,.25,1); transform-style:preserve-3d; }
.pc-flip .pc-inner { transform:rotateY(3780deg); }
.pc-back, .pc-front { position:absolute; width:100%; height:100%; backface-visibility:hidden; border-radius:14px; display:flex; align-items:center; justify-content:center; }
.pc-back { background:linear-gradient(135deg,#2c3e50,#4a6278); font-size:52px; border:2px solid #5a7a95; }
.pc-front { transform:rotateY(180deg); flex-direction:column; background:var(--card,#fff); border:3px solid #999; padding:10px; gap:4px; }
html.dark .pc-front { background:#1a2233; }
.pc-tier { font-size:11px; font-weight:800; color:#fff; padding:2px 10px; border-radius:20px; text-transform:uppercase; }
.pc-ca { font-size:38px; font-weight:900; line-height:1; }
.pc-name { font-size:13px; font-weight:700; text-align:center; }
.pc-meta { font-size:11px; color:var(--muted); }

.pc-walkout { animation:walkoutPulse 1.2s ease-in-out; }
@keyframes walkoutPulse { 0%,100%{transform:scale(1.05);} 50%{transform:scale(1.12);} }
.walkout-flash { position:absolute; top:6px; left:50%; transform:translateX(-50%); font-size:16px; font-weight:900; color:#f5b301; white-space:nowrap; animation:flashUp 1.6s ease-out; text-shadow:0 2px 8px rgba(0,0,0,.4); }
@keyframes flashUp { 0%{opacity:0;transform:translate(-50%,10px) scale(.5);} 30%{opacity:1;transform:translate(-50%,0) scale(1.2);} 100%{opacity:0;transform:translate(-50%,-20px) scale(1);} }

.pick-done { text-align:center; margin-top:24px; animation:fadeInUp .5s; }
@keyframes fadeInUp { from{opacity:0;transform:translateY(12px);} to{opacity:1;transform:translateY(0);} }

.cards-odds h3 { font-size:15px; }
.odds-grid { display:flex; flex-direction:column; gap:6px; }
.odd-row { display:flex; justify-content:space-between; align-items:center; padding:6px 10px; background:var(--bg); border-radius:8px; }
.odd-chip { font-size:12px; font-weight:800; color:#fff; padding:3px 12px; border-radius:20px; }
html.dark .odd-row { background:#222a3d; }

@media(max-width:400px){ .pick-card{width:100px;height:145px;} .pc-ca{font-size:32px;} }

/* CARDS-WA-CSS: kart sayfasi davet paylasim */
.cards-invite-share { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:8px; }
.cards-wa-btn { background:#25d366 !important; border-color:#25d366 !important; }
.cards-wa-btn:hover { background:#1eb955 !important; }

/* CARDS-INVITE-CARD: kart sayfasi davet bolumu (tam genislik, icerik ortali) */
.cards-invite-card { text-align:center; }
.cards-invite-card .invite-code-row,
.cards-invite-card .invite-share,
.cards-invite-card .invite-stats { justify-content:center; }

/* ACL-ALONE-CSS: arkadassiz kulup + chip bosluk */
.acl-members { gap:6px !important; }
.acl-alone { opacity:.7; border-style:dashed !important; }
.admin-alone-box { margin-top:14px; padding-top:12px; border-top:1px dashed var(--border); }


/* SPINNING-HIDE-CSS: donerken kart yuzu gizli, bitince belirir */
.pc-front { opacity:0; }
.pc-flip.pc-revealed .pc-front { opacity:1; transition:opacity .4s ease-in; }
.pc-flip.pc-revealed .pc-back { opacity:0; }
/* revealed'da inner'i tam duz konuma sabitle (ters kalmasin) */
.pc-flip.pc-revealed .pc-inner { transform:rotateY(2160deg) !important; }
.pc-flip.pc-revealed .pc-front { transform:rotateY(-2160deg); }
/* donerken tum kart hafif blur + parlak arka */
.pick-card.pc-spinning .pc-inner { filter:blur(1px); }
.pick-card.pc-spinning .pc-back { animation:spinGlow .5s linear infinite; }
@keyframes spinGlow { 0%,100%{box-shadow:0 0 12px #5a7a95;} 50%{box-shadow:0 0 28px #7fa8c9;} }

/* PCB-LOGO-CSS: kart arkasi Vivo FM desenli */
.pc-back {
    background:
        repeating-linear-gradient(135deg, rgba(255,255,255,.04) 0 8px, transparent 8px 16px),
        linear-gradient(160deg, #1b5e34, #0d3d22 55%, #16233a) !important;
    border:2px solid #2e7d4f !important;
    position:relative; overflow:hidden;
}
/* saha orta cizgi + daire hissi */
.pc-back::before {
    content:''; position:absolute; top:50%; left:50%; width:70px; height:70px;
    border:2px solid rgba(255,255,255,.12); border-radius:50%;
    transform:translate(-50%,-50%);
}
.pc-back::after {
    content:''; position:absolute; top:0; left:50%; width:2px; height:100%;
    background:rgba(255,255,255,.12); transform:translateX(-50%);
}
.pcb-pattern { position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; gap:6px; }
.pcb-logo { width:52px; height:52px; min-width:52px; max-width:52px; border-radius:12px; box-shadow:0 3px 10px rgba(0,0,0,.4); display:block; object-fit:contain; flex-shrink:0; }
.pcb-txt { font-size:11px; font-weight:900; letter-spacing:2px; color:#fff; text-shadow:0 1px 3px rgba(0,0,0,.5); }

.os-intro { margin:0; }


/* pcb-backface-fix: donunce ters logo/yazi gorunmesin */
.pc-back, .pc-back * { backface-visibility:hidden; -webkit-backface-visibility:hidden; }
.pc-front, .pc-front * { backface-visibility:hidden; -webkit-backface-visibility:hidden; }


/* confetti-canvas-fix: konfeti sayfayi uzatmasin */
canvas { pointer-events:none; }
body > canvas[style*="fixed"], canvas.confetti-canvas { position:fixed !important; top:0; left:0; width:100vw !important; height:100vh !important; z-index:9999; pointer-events:none; }


/* pcb-pattern-fix: logo kartin akisini itmesin (kayma engeli) */
.pcb-pattern { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); margin:0; }


/* CARD-POSITION-FIX: acilan kart yerinde kalsin, tasmasin */
.pick-card { flex-shrink:0; }
/* secilen kart buyurken diger kartlarin yerini bozmasin - transform only */

.pc-walkout { z-index:6; }
/* walkout pulse tasmayi engelle - kucuk scale */
.pc-walkout { animation:walkoutPulse 1.2s ease-in-out; }
@keyframes walkoutPulse { 0%,100%{transform:scale(1.06);} 50%{transform:scale(1.10);} }
/* pick-done kart altinda normal akista */
.pick-done { text-align:center; margin-top:20px; width:100%; }


/* PICKCARD-STABLE: kartlar sabit hizada, acilinca tasmasin */
.pick-row { align-items:flex-start; }
.pick-card { vertical-align:top; align-self:flex-start; }
.pc-walkout { animation:none; }
.walkout-flash { display:none; }


/* NUCLEAR-STABLE: kart acilirken hicbir sey yerinden oynamaz */
.pick-row {
    display:flex !important;
    gap:14px !important;
    justify-content:center !important;
    align-items:flex-start !important;
    flex-wrap:wrap !important;
    min-height:200px !important;
    max-height:200px !important;
    overflow:visible;
}
.pick-card {
    width:120px !important;
    height:170px !important;
    flex:0 0 120px !important;
    position:relative !important;
    margin:0 !important;
    align-self:flex-start !important;
    transform:none !important;
}
.pc-chosen { transform:none !important; }
.pc-dim { opacity:.3 !important; transform:none !important; }
.pick-card:hover { transform:none !important; }
/* flip icin sadece pc-inner doner, kart sabit */
.walkout-flash { display:none !important; }
.pc-walkout { animation:none !important; transform:none !important; }

/* pcb-emoji: logo yerine emoji (img kayma testi) */
.pcb-emoji { font-size:42px; line-height:1; }




/* FLIP-NOSHIFT: 3D flip layout'u kaydirmadan */
.pick-card { perspective:1000px; }
.pc-inner {
    transform-style:preserve-3d !important;
    transition:transform 3.5s cubic-bezier(.12,.75,.2,1) !important;
    will-change:transform;
    transform:translateZ(0);
}
.pc-flip .pc-inner { transform:rotateY(3780deg); }
.pc-front, .pc-back {
    position:absolute !important; top:0; left:0;
    backface-visibility:hidden !important; -webkit-backface-visibility:hidden !important;
}
.pc-front { transform:rotateY(180deg); opacity:0; }
.pc-flip.pc-revealed .pc-front { opacity:1; transition:opacity .3s; }
.pc-flip.pc-revealed .pc-back { opacity:0; }


/* COIN-SPIN: bozuk para gibi surekli gorunur donme, sonda acilir */
/* Donerken pc-back gorunur kalir (backface visible), ama pc-front arkada gizli.
   Boylece kart HER ACIDA gorunur -> gercek donme hissi. */
.pc-spinning .pc-inner {
    animation:coinSpin 3.5s cubic-bezier(.12,.75,.2,1) forwards !important;
    transition:none !important;
    transform-style:preserve-3d !important;
}
@keyframes coinSpin {
    0%   { transform:rotateY(0deg); }
    100% { transform:rotateY(3960deg); } /* 11 tam tur -> duz biter */
}
/* donerken arka yuz gorunur (kart kaybolmaz) */
.pc-spinning .pc-back { backface-visibility:visible !important; -webkit-backface-visibility:visible !important; }
.pc-spinning .pc-front { opacity:0 !important; }
/* bittiginde on yuz belirir */
.pc-revealed .pc-back { opacity:0; transition:opacity .3s; }
.pc-revealed .pc-front { opacity:1 !important; transition:opacity .4s; backface-visibility:hidden; }


/* MOBILE-CARDS-FIX: dar ekranda 3 kart yan yana sigsin */
@media (max-width: 600px) {
    .pick-row {
        gap:8px !important;
        flex-wrap:nowrap !important;
        justify-content:center !important;
        min-height:150px !important;
        max-height:none !important;
        padding:0 4px;
    }
    .pick-card {
        width:30vw !important;
        max-width:100px !important;
        height:42vw !important;
        max-height:142px !important;
        flex:1 1 0 !important;
        perspective:600px !important;
    }
    .pc-ca { font-size:26px !important; }
    .pc-name { font-size:11px !important; }
    .pc-meta { font-size:10px !important; }
    .pc-name a { word-break:break-word; }
    .pc-tier { font-size:9px !important; padding:1px 7px !important; }
    /* acilinca buyume kapali (tasma engeli) */
    .pc-chosen { transform:none !important; }
    .pick-card:hover { transform:none !important; }
    /* pcb logo/emoji kucult */
    .pcb-emoji { font-size:32px !important; }
    .pcb-txt { font-size:9px !important; }
    .pcb-logo { width:40px !important; height:40px !important; min-width:40px !important; }
    /* open-stage mobilde daha kompakt */
    .open-stage { min-height:200px !important; padding:12px 0 !important; }
    .pick-title { font-size:16px !important; margin-bottom:12px !important; }
}
/* cok dar (< 360px) icin daha da kucuk */
@media (max-width: 360px) {
    .pick-card { height:46vw !important; }
    .pc-ca { font-size:22px !important; }
}

/* PUSH-BANNER-CSS: bildirim izin bandi */
.push-banner { display:flex; align-items:center; gap:16px; justify-content:space-between; flex-wrap:wrap; border-left:4px solid var(--accent,#3498db); }
.pb-txt { display:flex; flex-direction:column; gap:3px; flex:1; min-width:200px; }
.pb-txt strong { font-size:15px; }
.pb-txt span { font-size:13px; color:var(--muted); line-height:1.5; }
.push-enable-btn { white-space:nowrap; }
@media(max-width:600px){ .push-banner{ flex-direction:column; align-items:stretch; } .push-enable-btn{ width:100%; } }

/* ANN-CLOSE-CSS: duyuru kapat butonu */
.dash-ann-head-right { display:flex; align-items:center; gap:8px; }
.dash-ann-close { background:transparent; border:none; color:var(--muted); font-size:22px; line-height:1; cursor:pointer; padding:0 4px; border-radius:6px; opacity:.6; transition:opacity .15s, background .15s; }
.dash-ann-close:hover { opacity:1; background:rgba(0,0,0,.08); }
html.dark .dash-ann-close:hover { background:rgba(255,255,255,.12); }

/* Fikstur takim linkleri - altcizgi yok, hover'da hafif vurgu */
.efx-link{color:inherit;text-decoration:none;}
.efx-link:hover{color:inherit;text-decoration:none;opacity:.7;}

/* Footer sosyal (X/Twitter) */
.foot-social{margin:6px 0;}
.foot-x{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none;opacity:.75;font-size:13px;transition:opacity .2s;}
.foot-x:hover{opacity:1;}
.foot-x svg{vertical-align:middle;}

/* Bildirim izin modal'i */
.push-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px);}
.push-modal{background:var(--card,#fff);border-radius:18px;max-width:400px;width:100%;padding:28px 24px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:pushModalIn .3s ease;}
@keyframes pushModalIn{from{opacity:0;transform:translateY(20px) scale(.96);}to{opacity:1;transform:translateY(0) scale(1);}}
.push-modal-icon{font-size:52px;line-height:1;margin-bottom:8px;animation:pushBell 1s ease infinite alternate;}
@keyframes pushBell{from{transform:rotate(-8deg);}to{transform:rotate(8deg);}}
.push-modal-title{font-size:22px;margin:0 0 10px;color:var(--text);}
.push-modal-desc{font-size:14.5px;color:var(--muted);margin:0 0 16px;line-height:1.5;}
.push-modal-list{list-style:none;padding:0;margin:0 0 16px;text-align:left;display:inline-block;}
.push-modal-list li{font-size:14px;color:var(--text);padding:5px 0;}
.push-modal-note{font-size:12.5px;color:var(--muted);margin:0 0 18px;font-style:italic;}
.push-modal-btn{font-size:16px;padding:13px;margin-bottom:10px;}
.push-modal-later{background:none;border:none;color:var(--muted);font-size:13.5px;cursor:pointer;text-decoration:underline;padding:6px;}
.push-modal-later:hover{color:var(--text);}
@media(max-width:600px){.push-modal{padding:24px 18px;}.push-modal-icon{font-size:44px;}.push-modal-title{font-size:20px;}}

/* Bildirim izin talimati (engellenmisse) */
.push-perm-help{margin-top:14px;padding:12px 14px;background:#fff8e6;border:1px solid #f5d78e;border-radius:10px;font-size:13px;line-height:1.6;color:#7a5a10;text-align:left;}
html.dark .push-perm-help{background:#3a2f10;border-color:#5a4a1a;color:#e8c874;}

/* --- MoM (Macin Adami) --- */
.mom-card{display:flex;align-items:center;gap:10px;justify-content:center;padding:12px;text-align:center}
.mom-badge{font-weight:600;font-size:14px;color:var(--text,#222)}
html.dark .mom-badge{color:var(--text,#eee)}
.mom-name{font-weight:700;color:var(--accent,#0a7);text-decoration:none}
.mom-name:hover{text-decoration:underline}

/* WATCH-STAR-HERO: player.php hero (koyu gradient) uzerindeki izleme butonu - gunduz/gece ayni gorunur */
.watch-star-hero {
    border-color: rgba(255,255,255,0.35);
    background: rgba(255,255,255,0.1);
    color: #fff;
    opacity: 0.9;
}
.watch-star-hero:hover {
    background: rgba(255,255,255,0.2);
    opacity: 1;
}
.watch-star-hero.watch-star-on {
    background: rgba(129,140,248,0.35);
    border-color: rgba(129,140,248,0.7);
    opacity: 1;
}

/* PLAYER-VALUE-ROW ORTALAMA: teklif/aksiyon bolumu de ortaya alinir (sag'a yaslanmasin) */
.player-value-row .po-actions { margin-left: 0; justify-content: center; }
.player-value-row .po-hint { text-align: center; }

/* AUCTION-CARD ORTALAMA: aciklama, buton ve oneri metni de ortaya alinir */
.auction-form label { align-items: center; }

/* TAKIM LOGOSU SECIM IZGARASI */
.logo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));
    gap: 10px;
}
.logo-option {
    display: flex; align-items: center; justify-content: center;
    background: var(--bg); border: 2px solid var(--border); border-radius: 10px;
    padding: 8px; cursor: pointer; transition: transform .12s, border-color .12s, box-shadow .12s;
}
.logo-option:hover { transform: translateY(-2px); border-color: var(--accent); }
.logo-option-selected {
    border-color: var(--accent); box-shadow: 0 0 0 3px rgba(99,102,241,0.18);
    background: rgba(99,102,241,0.06);
}
html.dark .logo-option-selected { box-shadow: 0 0 0 3px rgba(129,140,248,0.22); background: rgba(129,140,248,0.08); }
.logo-option svg { width: 100%; height: auto; max-width: 56px; }
@media (max-width: 480px) {
    .logo-grid { grid-template-columns: repeat(auto-fill, minmax(52px, 1fr)); gap: 8px; }
    .logo-option svg { max-width: 44px; }
}

/* HERO-LOGO: dashboard/club-view hero baslarindaki takim logosu */
.hero-logo {
    display: inline-flex; vertical-align: middle; margin-right: 6px;
    width: 32px; height: 32px;
}
.hero-logo svg { width: 100%; height: 100%; display: block; }
@media (max-width: 600px) {
    .hero-logo { width: 26px; height: 26px; }
}

/* LOGO IZGARA COLLAPSE: varsayilan 2 satir gorunur */
.logo-grid-collapsed {
    max-height: 148px;
    overflow: hidden;
}
.logo-grid-open { max-height: none; }
.logo-more-btn { width: 100%; margin-top: 10px; }
@media (max-width: 480px) {
    .logo-grid-collapsed { max-height: 124px; }
}

/* MC-LOGO: match.php skorbordunda takim logosu (buyuk, isim ustunde) */
.mc-team { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.mc-logo {
    display: inline-flex; width: 56px; height: 56px;
    filter: drop-shadow(0 3px 6px rgba(0,0,0,0.35));
}
.mc-logo svg { width: 100%; height: 100%; display: block; }
@media (max-width: 600px) {
    .mc-logo { width: 40px; height: 40px; }
    .mc-team { gap: 6px; }
}

/* PLAYERS.PHP: oyuncu listesi kulup sutunu + logo */
.pl-club { white-space: nowrap; }
.pl-logo { display: inline-flex; vertical-align: middle; margin-right: 5px; }
.pl-logo svg { display: block; }
.apv-card .pl-logo { width: 16px; height: 16px; }
.apv-card .pl-logo svg { width: 100%; height: 100%; }

/* GERI FAB: sol altta sabit, hareketli geri butonu */
.back-fab {
    position: fixed;
    left: 16px;
    bottom: 20px;
    z-index: 900;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 11px 18px 11px 15px;
    border: none;
    border-radius: 999px;
    background: var(--navy);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(0,0,0,0.28);
    transition: transform .18s ease, box-shadow .18s ease, padding .18s ease, background .15s;
    animation: backFabIn .35s cubic-bezier(.34,1.56,.64,1);
}
.back-fab:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.34); }
.back-fab:active { transform: scale(.94); }
.back-fab-arrow { font-size: 17px; line-height: 1; transition: transform .18s ease; }
.back-fab:hover .back-fab-arrow { transform: translateX(-3px); }
.back-fab-text { transition: max-width .22s ease, opacity .18s ease; max-width: 60px; opacity: 1; overflow: hidden; white-space: nowrap; }

/* Asagi kaydirinca yazi gizlenir, sadece ok kalir (yer kaplamasin) */
.back-fab-mini { padding: 12px 14px; }
.back-fab-mini .back-fab-text { max-width: 0; opacity: 0; }

@keyframes backFabIn {
    from { opacity: 0; transform: translateY(14px) scale(.85); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

html.dark .back-fab { background: #2c3e5e; box-shadow: 0 4px 14px rgba(0,0,0,0.5); }
html.dark .back-fab:hover { background: #34495e; }

@media (max-width: 600px) {
    .back-fab { left: 12px; bottom: 16px; padding: 10px 16px 10px 13px; font-size: 13.5px; }
}

/* ===== CM 01/02 TARZI HERO ARKA PLANLARI =====
   Tamamen SVG/CSS ile uretilmis, telifsiz desenler.
   Mevcut lacivert gradient'in uzerine cok soluk biner - yazilari BOZMAZ. */

.cm-hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}
/* Desen katmani: en altta, icerigin arkasinda */
.cm-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    opacity: 0.14;
    pointer-events: none;
}
/* Okunabilirlik perdesi: soldan saga koyulasan gradient (CM'deki gibi) */
.cm-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg,
        rgba(30,42,68,0.92) 0%,
        rgba(30,42,68,0.75) 45%,
        rgba(30,42,68,0.35) 100%);
    pointer-events: none;
}
html.dark .cm-hero::after {
    background: linear-gradient(90deg,
        rgba(20,28,46,0.92) 0%,
        rgba(20,28,46,0.75) 45%,
        rgba(20,28,46,0.35) 100%);
}

/* --- KULUP: stadyum silueti (tribun + kale agi + cim cizgileri) --- */
.cm-hero-stadium::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 200' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3Cpattern id='net' width='8' height='8' patternUnits='userSpaceOnUse'%3E%3Cpath d='M8 0 L0 0 0 8' fill='none' stroke='%23ffffff' stroke-width='0.7'/%3E%3C/pattern%3E%3C/defs%3E%3Crect x='250' y='40' width='150' height='110' fill='url(%23net)'/%3E%3Crect x='250' y='40' width='150' height='110' fill='none' stroke='%23ffffff' stroke-width='3'/%3E%3Cg stroke='%23ffffff' stroke-width='1.5' fill='none' opacity='0.8'%3E%3Cline x1='0' y1='165' x2='400' y2='165'/%3E%3Cline x1='0' y1='180' x2='400' y2='180'/%3E%3Cpath d='M60 200 A 60 40 0 0 1 180 200'/%3E%3C/g%3E%3Cg fill='%23ffffff' opacity='0.55'%3E%3Crect x='0' y='0' width='400' height='26'/%3E%3C/g%3E%3Cg fill='%23ffffff' opacity='0.35'%3E%3Crect x='5' y='30' width='14' height='7' rx='2'/%3E%3Crect x='25' y='30' width='14' height='7' rx='2'/%3E%3Crect x='45' y='30' width='14' height='7' rx='2'/%3E%3Crect x='65' y='30' width='14' height='7' rx='2'/%3E%3Crect x='85' y='30' width='14' height='7' rx='2'/%3E%3Crect x='105' y='30' width='14' height='7' rx='2'/%3E%3Crect x='125' y='30' width='14' height='7' rx='2'/%3E%3Crect x='145' y='30' width='14' height='7' rx='2'/%3E%3Crect x='165' y='30' width='14' height='7' rx='2'/%3E%3Crect x='185' y='30' width='14' height='7' rx='2'/%3E%3Crect x='205' y='30' width='14' height='7' rx='2'/%3E%3Crect x='225' y='30' width='14' height='7' rx='2'/%3E%3C/g%3E%3C/svg%3E");
}

/* --- OYUNCU: saha cizgileri + top + kale agi --- */
.cm-hero-pitch::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 200' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3Cpattern id='net2' width='9' height='9' patternUnits='userSpaceOnUse'%3E%3Cpath d='M9 0 L0 0 0 9' fill='none' stroke='%23ffffff' stroke-width='0.6'/%3E%3C/pattern%3E%3C/defs%3E%3Crect x='240' y='0' width='160' height='200' fill='url(%23net2)' opacity='0.9'/%3E%3Cg stroke='%23ffffff' stroke-width='2' fill='none'%3E%3Ccircle cx='120' cy='100' r='52'/%3E%3Cline x1='120' y1='0' x2='120' y2='200'/%3E%3Ccircle cx='120' cy='100' r='3' fill='%23ffffff'/%3E%3C/g%3E%3Cg transform='translate(320,150)'%3E%3Ccircle r='22' fill='none' stroke='%23ffffff' stroke-width='2.5'/%3E%3Cpath d='M0,-22 L13,-7 L8,10 L-8,10 L-13,-7 Z' fill='%23ffffff' opacity='0.9'/%3E%3Cpath d='M0,-22 L0,-30 M13,-7 L21,-12 M8,10 L13,19 M-8,10 L-13,19 M-13,-7 L-21,-12' stroke='%23ffffff' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
}

/* Mobilde desen daha soluk (kucuk ekranda dikkat dagitmasin) */
@media (max-width: 600px) {
    .cm-hero::before { opacity: 0.10; }
    .cm-hero::after {
        background: linear-gradient(90deg,
            rgba(30,42,68,0.95) 0%,
            rgba(30,42,68,0.85) 55%,
            rgba(30,42,68,0.55) 100%);
    }
    html.dark .cm-hero::after {
        background: linear-gradient(90deg,
            rgba(20,28,46,0.96) 0%,
            rgba(20,28,46,0.88) 55%,
            rgba(20,28,46,0.6) 100%);
    }
}

/* Hero foto rotasyonu - foto katmani */
/* Foto varsa SVG desen katmanini gizle (cift gorsel cakismasin) */
.cm-hero.has-hero-photo::before { display: none; }

.cm-hero {
    background-size: cover;
    background-position: center;
}
html.dark .cm-hero {
    background-size: cover !important;
    background-position: center !important;
}

/* Scout onerisinden gelen oyuncu vurgusu */
.apv-highlight {
    animation: apvHighlightPulse 1.5s ease-in-out 2;
    box-shadow: 0 0 0 3px var(--accent, #2e7dd7);
}
@keyframes apvHighlightPulse {
    0%, 100% { box-shadow: 0 0 0 3px var(--accent, #2e7dd7); }
    50% { box-shadow: 0 0 0 6px rgba(46,125,215,0.25); }
}

/* Surpriz akademi prospect'i */
.prospect-surprise {
    border: 1.5px solid #f5b301;
    background: linear-gradient(135deg, rgba(245,179,1,0.08), rgba(245,179,1,0.02));
}
html.dark .prospect-surprise {
    background: linear-gradient(135deg, rgba(245,179,1,0.12), rgba(245,179,1,0.03));
}
.surprise-badge {
    display: inline-block; background: #f5b301; color: #1a1a1a;
    font-size: 10px; font-weight: 800; padding: 2px 7px; border-radius: 999px;
    margin-left: 6px; letter-spacing: 0.3px; vertical-align: middle;
}
.surprise-countdown {
    display: inline-block; margin-top: 4px; font-size: 12.5px; font-weight: 700;
    color: #c0392b;
}
.surprise-countdown.timer-ended { color: #999; text-decoration: line-through; }

/* ===== MATCH PREVIEW (fikstür önizleme) ===== */
.mc-preview-vs { font-size: 22px; font-weight: 800; color: var(--muted); }
.mc-team-link { color: inherit; text-decoration: none; }
.mc-team-link:hover { text-decoration: underline; }

.pv-share-fab {
    position: fixed; right: 16px; bottom: 90px; z-index: 40;
}
.pv-icon-btn {
    display: inline-flex; align-items: center; justify-content: center;
    width: 52px; height: 52px; border-radius: 50%;
    background: #25D366; border: none;
    color: #fff; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease;
    text-decoration: none; box-shadow: 0 4px 14px rgba(0,0,0,0.28);
}
.pv-icon-btn:hover { transform: translateY(-2px) scale(1.05); box-shadow: 0 6px 20px rgba(0,0,0,0.34); }
.pv-icon-btn:active { transform: scale(.94); }
.pv-whatsapp-icon svg { width: 26px; height: 26px; }

.pv-compare-card h2, .pv-lineup-card h2 { margin-bottom: 10px; text-align: center; }
.pv-compare-row {
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px; flex-wrap: wrap;
}
.pv-compare-side { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; flex: 1; min-width: 120px; }
.pv-compare-right { align-items: flex-end; }
.pv-compare-mid { text-align: center; font-size: 12px; padding: 0 8px; }
.pv-form { display: flex; gap: 4px; flex-wrap: wrap; }
.pv-compare-right .pv-form { justify-content: flex-end; }
.pv-form-badge {
    display: inline-flex; align-items: center; justify-content: center;
    width: 22px; height: 22px; border-radius: 5px; font-size: 11px; font-weight: 800; color: #fff;
}
.pv-form-g { background: #1a8a4f; }
.pv-form-b { background: #8a8a1a; }
.pv-form-m { background: #c0392b; }
.pv-rank { font-size: 12.5px; color: var(--muted); font-weight: 600; }

.pv-h2h { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--border); }
.pv-h2h h3 { font-size: 14px; margin-bottom: 8px; text-align: center; }
.pv-h2h-summary {
    display: flex; gap: 14px; flex-wrap: wrap; justify-content: center; font-size: 12.5px; color: var(--muted);
    margin-bottom: 10px;
}
.pv-h2h-stat strong { color: var(--text); }
.pv-h2h-list { display: flex; flex-direction: column; gap: 6px; }
.pv-h2h-item { font-size: 13px; padding: 6px 0; border-bottom: 1px dashed var(--border); text-align: center; }
.pv-h2h-item:last-child { border-bottom: none; }

.pv-lineup-note { font-size: 12.5px; margin-top: -4px; margin-bottom: 12px; text-align: center; }

.pv-pitch-title-top, .pv-pitch-title-bottom {
    text-align: center; font-size: 14px; font-weight: 700; margin: 0 0 6px;
}
.pv-pitch-title-bottom { margin: 6px 0 0; }
.pv-auto-tag {
    font-size: 10px; font-weight: 700; color: var(--muted); background: var(--bg);
    border: 1px solid var(--border); border-radius: 999px; padding: 1px 7px; margin-left: 4px;
    vertical-align: middle;
}

.pv-pitch-full {
    position: relative; width: 100%; max-width: 480px; margin: 0 auto;
    aspect-ratio: 68 / 105;
    background-color: #2d7a3f;
    background-image:
        repeating-linear-gradient(0deg, rgba(255,255,255,0.05) 0, rgba(255,255,255,0.05) 8%, transparent 8%, transparent 16%);
    border: 3px solid #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
.pv-pitch-half-line {
    position: absolute; left: 0; right: 0; top: 50%; height: 2px;
    background: rgba(255,255,255,0.85); transform: translateY(-50%); z-index: 1;
}
.pv-pitch-center-circle {
    position: absolute; left: 50%; top: 50%; width: 26%; aspect-ratio: 1/1;
    border: 2px solid rgba(255,255,255,0.85); border-radius: 50%;
    transform: translate(-50%, -50%); z-index: 1;
}
.pv-pitch-center-circle::after {
    content: ""; position: absolute; left: 50%; top: 50%; width: 6px; height: 6px;
    background: rgba(255,255,255,0.85); border-radius: 50%; transform: translate(-50%, -50%);
}
.pv-pitch-full::before, .pv-pitch-full::after {
    content: ""; position: absolute; left: 50%; width: 60%; height: 15%;
    border: 2px solid rgba(255,255,255,0.85); transform: translateX(-50%);
    z-index: 1; pointer-events: none;
}
.pv-pitch-full::before { top: 0; border-top: none; }
.pv-pitch-full::after { bottom: 0; border-bottom: none; }

.pv-pitch-player {
    position: absolute; transform: translate(-50%, -50%);
    display: flex; flex-direction: column; align-items: center; gap: 2px;
    width: 78px; z-index: 2;
}
.pv-pp-link {
    display: flex; flex-direction: column; align-items: center; gap: 2px;
    text-decoration: none; color: #fff;
}
.pv-player-away .pv-pp-link { flex-direction: column-reverse; }
.pv-pp-ca {
    display: inline-flex; align-items: center; justify-content: center;
    width: 26px; height: 26px; border-radius: 50%;
    background: #fff; color: #1a1a1a; font-size: 11px; font-weight: 800;
    box-shadow: 0 1px 4px rgba(0,0,0,0.35); flex-shrink: 0;
}
.pv-pp-ca-home { border: 2px solid #2e7dd7; }
.pv-pp-ca-away { border: 2px solid #d73a2e; }
.pv-pp-name {
    font-size: 10.5px; font-weight: 700; text-align: center; line-height: 1.15;
    text-shadow: 0 1px 3px rgba(0,0,0,0.75); color: #fff;
    max-width: 78px; white-space: nowrap; overflow: visible;
}
.pv-pp-empty {
    display: inline-flex; align-items: center; justify-content: center;
    width: 26px; height: 26px; border-radius: 50%;
    background: rgba(255,255,255,0.3); color: #fff; font-size: 12px; font-weight: 800;
}

html.dark .pv-pitch-full { background-color: #1f5c30; }

@media (max-width: 700px) {
    .pv-compare-row { gap: 8px; }
    .pv-compare-mid { order: 3; width: 100%; padding-top: 8px; }
    .pv-h2h-summary { gap: 8px 14px; }
    .pv-pitch-full { max-width: 100%; }
    .pv-pitch-player { width: 62px; }
    .pv-pp-name { font-size: 9.5px; max-width: 62px; }
    .pv-pp-ca { width: 22px; height: 22px; font-size: 10px; }
}

.pv-h2h-mine { color: #2e7dd7; font-weight: 800; }
html.dark .pv-h2h-mine { color: #5b9bf0; }

.pv-h2h-item {
    display: flex; align-items: center; justify-content: center; gap: 10px;
    flex-wrap: wrap; text-align: center;
}
.pv-h2h-date { font-size: 11.5px; min-width: 60px; }
.pv-h2h-teams { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; justify-content: center; }
.pv-h2h-score { font-size: 14px; }
.pv-h2h-badge { flex-shrink: 0; }

.pv-h2h-summary .pv-h2h-stat { display: inline-flex; align-items: center; gap: 5px; font-weight: 700; color: var(--text); }

.nm-vs-link {
    text-decoration: none; color: inherit; cursor: pointer;
    border-bottom: 1px dashed var(--muted);
    transition: color .15s, border-color .15s;
}
.nm-vs-link:hover { color: var(--accent, #2e7dd7); border-color: var(--accent, #2e7dd7); }

/* ===== KART GOREVLERI ADMIN PANELI ===== */
.chal-form {
    background: var(--card); border: 1px solid var(--border); border-radius: 14px;
    padding: 20px 22px; margin-bottom: 24px;
}
.chal-form-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px;
}
.chal-form label {
    font-size: 12.5px; font-weight: 700; color: var(--muted);
    text-transform: uppercase; letter-spacing: .4px;
}
.chal-form input[type="text"], .chal-form input[type="number"], .chal-form textarea, .chal-form select {
    display: block; width: 100%; margin-top: 6px; padding: 9px 11px;
    border: 1px solid var(--border); border-radius: 8px;
    background: var(--bg); color: var(--text); font-size: 14px;
    transition: border-color .15s;
}
.chal-form input:focus, .chal-form textarea:focus, .chal-form select:focus {
    outline: none; border-color: var(--navy);
}
.chal-reward-box {
    display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px;
    background: rgba(245,179,1,.08); border: 1px solid rgba(245,179,1,.35);
    border-radius: 10px; padding: 14px; margin: 16px 0;
}
html.dark .chal-reward-box { background: rgba(245,179,1,.06); }
.chal-slots-title { font-size: 14px; font-weight: 800; margin: 20px 0 12px; color: var(--navy); }
html.dark .chal-slots-title { color: #8fb4e8; }

.chal-slot-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 10px; margin-bottom: 16px;
}
.chal-slot-card {
    border: 1.5px solid var(--border); border-radius: 10px; padding: 12px;
    background: var(--bg); transition: border-color .15s, box-shadow .15s;
    position: relative;
}
.chal-slot-card.active {
    border-color: #22d3ee; box-shadow: 0 0 0 1px #22d3ee inset;
    background: rgba(34,211,238,.06);
}
.chal-slot-num {
    display: inline-flex; align-items: center; justify-content: center;
    width: 22px; height: 22px; border-radius: 50%; background: var(--muted); color: #fff;
    font-size: 11px; font-weight: 800; flex-shrink: 0;
}
.chal-slot-card.active .chal-slot-num { background: #22d3ee; color: #0a2a2e; }
.chal-slot-head {
    display: flex; align-items: center; gap: 8px; margin-bottom: 10px;
    font-weight: 700; font-size: 13px;
}
.chal-slot-toggle { width: 16px; height: 16px; cursor: pointer; }
.chal-slot-fields { display: grid; grid-template-columns: 1fr; gap: 6px; }
.chal-slot-fields select { font-size: 13px; padding: 6px 8px; }
.chal-slot-mini-row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 5px; }
.chal-slot-mini-row input { font-size: 12.5px; padding: 6px 6px; text-align: center; }
.chal-slot-mini-row label { font-size: 9.5px; text-align: center; display: block; margin-bottom: 2px; }

.chal-submit-btn {
    background: linear-gradient(135deg, #1e3a5f, #2d5a8c); color: #fff; border: none;
    padding: 12px 26px; border-radius: 10px; font-weight: 700; font-size: 14.5px;
    cursor: pointer; transition: transform .15s, box-shadow .15s;
}
.chal-submit-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 14px rgba(0,0,0,.2); }

.chal-list-title { font-size: 15px; font-weight: 800; margin: 6px 0 12px; }
.chal-status-pending {
    display: inline-flex; align-items: center; gap: 5px;
    background: #fdf0e6; color: #c0691a; font-weight: 700; font-size: 12px;
    padding: 4px 10px; border-radius: 999px;
}
.chal-status-approved {
    display: inline-flex; align-items: center; gap: 5px;
    background: #e8f8ef; color: #1a8f4a; font-weight: 700; font-size: 12px;
    padding: 4px 10px; border-radius: 999px;
}
html.dark .chal-status-pending { background: #3a2410; color: #fb923c; }
html.dark .chal-status-approved { background: #123524; color: #4ade80; }

.chal-detail-row { display: none; }
.chal-detail-row.chal-detail-open { display: table-row; }
.chal-detail-box {
    background: var(--bg); border: 1px solid var(--border); border-radius: 8px;
    padding: 12px 14px; font-size: 13px; line-height: 1.6;
}
.chal-detail-box ul { padding-left: 18px; }
.chal-detail-box li { margin-bottom: 4px; }

.chal-detail-row { display: none; }
.chal-detail-row.chal-detail-open { display: table-row; }
.chal-detail-box {
    background: var(--bg); border: 1px solid var(--border); border-radius: 8px;
    padding: 12px 14px; font-size: 13px; line-height: 1.6;
}
.chal-detail-box ul { padding-left: 18px; }
.chal-detail-box li { margin-bottom: 4px; }

/* ===== Sakat / Cezalı Oyuncular - Kart Tasarımı ===== */
.status-group-title{
    display:flex; align-items:center; gap:8px;
    font-size:15px; margin:18px 0 10px;
}
.status-group-title .status-count{
    font-size:12px; font-weight:600; padding:2px 8px; border-radius:99px;
    background:var(--border); color:var(--text);
}
.status-group-title--injured .status-count{ background:var(--danger-bg); color:var(--danger); }
.status-group-title--banned .status-count{ background:#3a2f1c; color:#e8a94d; }
html:not(.dark) .status-group-title--banned .status-count{ background:#fbf1e0; color:#b8720a; }

.status-list{ display:flex; flex-direction:column; gap:8px; }

.status-row{
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    padding:12px 14px; border-radius:12px;
    background:var(--bg); border:1px solid var(--border);
    border-left:4px solid var(--border);
    transition:background .15s;
}
.status-row--injured{ border-left-color:var(--danger); }
.status-row--banned{ border-left-color:#e8a94d; }

.status-row-main{ display:flex; flex-direction:column; gap:4px; min-width:0; }
.status-name{ font-weight:600; color:var(--text); text-decoration:none; font-size:15px; }
.status-name:hover{ text-decoration:underline; }
.status-meta{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.status-pos{
    font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.3px;
    color:var(--muted); background:var(--border); padding:2px 7px; border-radius:6px;
}
.status-ca{ font-size:12px; color:var(--muted); font-weight:600; }

.status-timer-wrap{
    display:flex; flex-direction:column; align-items:flex-end; gap:2px; flex-shrink:0;
    text-align:right;
}
.status-timer{
    font-size:15px; font-weight:700; color:var(--danger); white-space:nowrap;
    font-variant-numeric:tabular-nums;
}
.status-timer--sm{ font-size:13px; font-weight:600; color:#e8a94d; }
.status-timer--ready{ color:var(--accent); font-size:14px; }
.status-timer.timer-ended{ color:var(--accent); }
.status-timer-label{ font-size:10px; color:var(--muted); text-transform:uppercase; letter-spacing:.3px; }
.status-ban-matches{ font-size:14px; font-weight:700; color:var(--text); }

@media (max-width: 480px){
    .status-row{ padding:10px 12px; gap:8px; }
    .status-name{ font-size:14px; }
    .status-timer{ font-size:13px; }
    .status-timer--sm{ font-size:11px; }
}

/* ===== Admin Sekme Navigasyonu ===== */
.admin-tabbar{
    display:flex; gap:6px; flex-wrap:wrap;
    margin:0 0 18px; padding:6px;
    background:var(--card); border:1px solid var(--border); border-radius:12px;
    position:sticky; top:8px; z-index:20;
}
.admin-tab-btn{
    flex:1 1 auto; min-width:120px;
    padding:9px 12px; border-radius:8px; border:1px solid transparent;
    background:transparent; color:var(--muted); font-size:13px; font-weight:600;
    cursor:pointer; transition:background .15s, color .15s;
    white-space:nowrap;
}
.admin-tab-btn:hover{ background:var(--bg); color:var(--text); }
.admin-tab-btn.active{
    background:var(--accent); color:#fff;
}
@media (max-width: 700px){
    .admin-tabbar{ overflow-x:auto; flex-wrap:nowrap; -webkit-overflow-scrolling:touch; }
    .admin-tab-btn{ flex:0 0 auto; min-width:auto; }
}

/* ===== Akademi Prospect Kartlari - Mobil Duzeltme ===== */
@media (max-width: 480px) {
    .prospect-item {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }
    .prospect-cost {
        text-align: left;
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .prospect-cost strong { font-size: 16px; }
    .prospect-action {
        min-width: 0;
        text-align: stretch;
    }
    .prospect-action .btn,
    .prospect-action button {
        width: 100%;
        display: block;
    }
    .prospect-action form { width: 100%; }
}

/* ===== Kart Gorevi - Kadro Durumu Rozeti ===== */
.chp-squad-badge{
    font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.3px;
    padding:2px 7px; border-radius:6px; margin-left:auto; white-space:nowrap;
}
.chp-status-starting{ background:#e0f5ea; color:#1a8a4f; }
.chp-status-bench{ background:#fef3d6; color:#b8720a; }
.chp-status-reserve{ background:var(--border); color:var(--muted); }
html.dark .chp-status-starting{ background:#123a28; color:#4ade80; }
html.dark .chp-status-bench{ background:#3a2f14; color:#facc15; }

/* ===== Scout Alarmi ===== */
.sc-alert-box{
    background:var(--card); border:1px solid var(--border); border-radius:12px;
    padding:16px; margin:16px 0;
}
.sc-alert-form{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-top:8px; }
.sc-alert-form select, .sc-alert-form input[type="number"]{
    padding:8px 10px; border:1px solid var(--border); border-radius:8px;
    background:var(--bg); color:var(--text); font-size:13px;
}
.sc-alert-form input[type="number"]{ width:110px; }
.sc-alert-list{ margin-top:12px; display:flex; flex-direction:column; gap:6px; }
.sc-alert-item{
    display:flex; align-items:center; justify-content:space-between;
    padding:8px 10px; background:var(--bg); border-radius:8px; font-size:13px;
}
@media (max-width: 480px){
    .sc-alert-form{ flex-direction:column; align-items:stretch; }
    .sc-alert-form input[type="number"]{ width:100%; }
}

/* ===== Yardimci Menajer - Oyuncu Linkleri ===== */
.am-player-link{ font-weight:700; text-decoration:underline; color:inherit; }
.am-msg-user .am-player-link{ color:#fff; }
.am-msg-assistant .am-player-link{ color:var(--accent); }

/* ===== Sahipsiz (sistem) oyuncu - Acik Artirma Kutusu ===== */
.po-orphan-box{
    display:flex; flex-direction:column; align-items:center; gap:10px;
    width:100%; padding:14px; margin-top:10px;
    background:var(--bg); border:1px solid var(--border); border-radius:12px;
    text-align:center;
}
.po-orphan-box .po-offer-form{ justify-content:center; width:100%; max-width:320px; }
.po-orphan-box .po-min-note{ flex-basis:auto; max-width:360px; text-align:center; }
.po-orphan-box form[action="/auction.php"]{ width:100%; max-width:320px; }
.po-orphan-box form[action="/auction.php"] button{ width:100%; }
@media (max-width:480px){
    .po-orphan-box .po-offer-form{ flex-direction:column; }
    .po-orphan-box .po-offer-input{ width:100%; }
}

/* ===== Duzeltme: po-actions icindeki po-orphan-box tam genislikte ve ortali olsun ===== */
.po-actions .po-orphan-box{
    margin-left: 0;
    width: 100%;
}

/* ===== Duzeltme 2: po-actions icindeki po-orphan-box gercekten ortalansin ===== */
.po-actions .po-orphan-box{
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 420px;
}

/* ===== Duzeltme 3: po-orphan-box, piyasa degeri satirinin ALTINA, tam genislikte dussun ===== */
.player-value-row .po-orphan-box{
    flex-basis: 100% !important;
    order: 10;
    margin: 12px auto 0 !important;
}

/* ===== Duzeltme 4: po-orphan-box icindeki TUM formlar/butonlar ayni genislikte ===== */
.po-orphan-box > form{
    width: 100%;
    max-width: 320px;
}
.po-orphan-box > form > button{
    width: 100%;
}

/* ===== Club.php - Kadro tablosu yatay scroll (forma numarasi sutunu eklenince tastigi icin) ===== */
.squad-table-wrap{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.squad-table-wrap .squad-table{
    min-width: 700px;
}

/* ===== Duzeltme: cok karakterli sale-mark rozetleri (emoji+rakam) tasmasin ===== */
.sale-mark.mark-warn,
.sale-mark.mark-ban {
    width: auto;
    padding: 0 6px;
    white-space: nowrap;
}
/* Bekleyen teklif rozeti (T) */
.sale-mark.mark-offer {
    background: #2d6cdf;
    color: #fff;
}

/* ===== Heksagon (alti koseli) ozellik grafigi ===== */
.hex-chart-wrap{
    display:flex; flex-direction:column; align-items:center;
    margin-top:16px; padding-top:12px; border-top:1px solid var(--border);
}
.hex-chart-svg{
    width:100%; max-width:320px; height:auto;
}
.hex-ring{
    fill:none; stroke:var(--border); stroke-width:1;
}
.hex-axis{
    stroke:var(--border); stroke-width:1;
}
.hex-label{
    fill:var(--muted); font-size:11px; font-weight:700;
}
.hex-fill-this{
    fill:rgba(59,167,118,0.35); stroke:var(--accent); stroke-width:2;
}
.hex-fill-mine{
    fill:rgba(232,185,35,0.30); stroke:#e8b923; stroke-width:2;
}
.hex-legend{
    display:flex; gap:16px; margin-top:8px; flex-wrap:wrap; justify-content:center;
}
.hex-legend-item{
    display:flex; align-items:center; gap:6px; font-size:12px; color:var(--text);
}
.hex-dot{
    display:inline-block; width:10px; height:10px; border-radius:50%;
}
.hex-dot-this{ background:var(--accent); }
.hex-dot-mine{ background:#e8b923; }

/* Kulup Rekorlari (history.php) */
.hist-record-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px;
}
.hist-record-item {
    background: var(--bg); border: 1px solid var(--border, rgba(127,127,127,.15));
    border-radius: 10px; padding: 12px 14px;
}
.hri-label { font-size: 12px; color: var(--muted); font-weight: 600; margin-bottom: 4px; }
.hri-value { font-size: 15px; font-weight: 700; color: var(--text); line-height: 1.3; }
.hri-value a { color: inherit; text-decoration: none; }
.hri-value a:hover { text-decoration: underline; }
.hri-sub { font-size: 12.5px; color: var(--muted); margin-top: 3px; }

.hist-transfer-list { display: flex; flex-direction: column; gap: 6px; }
.hist-transfer-item {
    display: flex; align-items: center; gap: 10px; padding: 9px 12px;
    background: var(--bg); border-radius: 8px; border-left: 3px solid var(--border, #ccc);
    flex-wrap: wrap; font-size: 13px;
}
.hist-transfer-item.ht-in { border-left-color: #1a8a4f; }
.hist-transfer-item.ht-out { border-left-color: #c0392b; }
.ht-dir { font-size: 15px; flex-shrink: 0; }
.ht-name { font-weight: 700; flex-shrink: 0; }
.ht-name a { color: inherit; text-decoration: none; }
.ht-name a:hover { text-decoration: underline; }
.ht-detail { color: var(--muted); flex: 1; min-width: 120px; }
.ht-amount { font-weight: 700; color: var(--text); white-space: nowrap; }
.ht-date { color: var(--muted); font-size: 11.5px; white-space: nowrap; }
.ht-profit { font-size: 11px; font-weight: 700; margin-left: 4px; }
.ht-profit-up { color: #1a8a4f; }
.ht-profit-down { color: #c0392b; }
@media (max-width: 600px) {
    .hist-record-grid { grid-template-columns: 1fr; }
    .hist-transfer-item { font-size: 12.5px; padding: 8px 10px; }
}

.coach-block-warning {
    background: rgba(232,185,35,.12); color: #b8860b; border: 1px solid rgba(232,185,35,.3);
    border-radius: 10px; padding: 14px 16px; font-size: 14px; line-height: 1.5; margin-top: 10px;
}
.coach-block-warning a { color: inherit; font-weight: 700; text-decoration: underline; }
html.dark .coach-block-warning { color: #e8b923; }

/* Ilk 11 / Yedek / Kadro disi renklendirme (training.php, conditioning.php) */
.tp-role-starter { border: 1px solid #2563eb; border-left: 4px solid #2563eb; }
.tp-role-bench { border: 1px solid #e8b923; border-left: 4px solid #e8b923; }
.tp-role-reserve { border: 1px solid #9aa5b1; border-left: 4px solid #9aa5b1; }
.tp-legend { display: flex; gap: 14px; flex-wrap: wrap; font-size: 11.5px; color: var(--muted); margin: 6px 0 10px; }
.tp-legend-item { display: flex; align-items: center; gap: 5px; }
.tp-legend-dot { width: 10px; height: 10px; border-radius: 3px; display: inline-block; }
.tp-legend-dot.starter { background: #2563eb; }
.tp-legend-dot.bench { background: #e8b923; }
.tp-legend-dot.reserve { background: #9aa5b1; }

/* Ihtiyac Analizi (player.php - sadece baska kulubun oyuncusunda gorunur) */
.need-analysis-box {
    margin-top: 14px; padding: 12px 14px; background: rgba(37,99,235,.06);
    border: 1px solid rgba(37,99,235,.2); border-radius: 10px;
}

.coach-player-link { color: var(--accent,#2563eb); font-weight: 700; text-decoration: underline; }

/* Sezon Fiksturu (club-view.php) */
.season-fixture-list { display: flex; flex-direction: column; max-height: 500px; overflow-y: auto; }
.sf-row {
    display: grid; grid-template-columns: 100px 46px 1fr 50px 1fr 26px;
    align-items: center; gap: 8px; padding: 7px 4px; font-size: 12.5px;
    border-bottom: 1px solid var(--border, rgba(127,127,127,.12));
}
.sf-row.sf-upcoming { opacity: .75; }
.sf-date { color: var(--muted); font-size: 11px; white-space: nowrap; }
.sf-type { font-size: 10px; font-weight: 700; text-align: center; padding: 2px 4px; border-radius: 5px; background: rgba(127,127,127,.12); }
.sf-type-lig { background: rgba(37,99,235,.15); color: #2563eb; }
.sf-type-kupa { background: rgba(232,185,35,.18); color: #b8860b; }
.sf-type-şl { background: rgba(26,138,79,.15); color: #1a8a4f; }
.sf-type-al { background: rgba(192,57,43,.15); color: #c0392b; }
.sf-home, .sf-away { text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sf-away { text-align: left; }
.sf-me { font-weight: 700; }
.sf-score { text-align: center; font-weight: 700; white-space: nowrap; }
.sf-result {
    width: 22px; height: 22px; border-radius: 5px; display: flex; align-items: center; justify-content: center;
    font-size: 11px; font-weight: 800; color: #fff;
}
.sf-result.sf-win { background: #1a8a4f; }
.sf-result.sf-draw { background: #e8b923; }
.sf-result.sf-loss { background: #c0392b; }
@media (max-width: 600px) {
    .sf-row { grid-template-columns: 62px 34px 1fr 40px 1fr 22px; font-size: 11px; gap: 4px; }
    .sf-date { font-size: 9.5px; line-height: 1.25; white-space: normal; }
    .sf-result { width: 18px; height: 18px; font-size: 10px; }
}

.sf-club-link, .sf-score-link { color: inherit; text-decoration: none; }
.sf-club-link:hover, .sf-score-link:hover { text-decoration: underline; }

/* Muhasebe Defteri (finances.php) */
.ledger-date-select {
    padding: 8px 12px; border-radius: 8px; border: 1px solid var(--border,#ccd);
    background: var(--input-bg,#f8f9fa); color: inherit; font-size: 13px; width: 100%; max-width: 260px;
}
.ledger-summary {
    display: flex; justify-content: space-between; align-items: center;
    padding: 8px 0; margin-bottom: 8px; border-bottom: 1px solid var(--border,rgba(127,127,127,.15)); font-size: 13px;
}
.ledger-list { display: flex; flex-direction: column; max-height: 500px; overflow-y: auto; }
.ledger-row {
    display: grid; grid-template-columns: 46px 150px 1fr 90px;
    align-items: center; gap: 8px; padding: 7px 4px; font-size: 12.5px;
    border-bottom: 1px solid var(--border, rgba(127,127,127,.08));
}
.ledger-time { color: var(--muted); font-size: 11px; white-space: nowrap; }
.ledger-cat { font-size: 11.5px; font-weight: 600; white-space: nowrap; }
.ledger-desc { color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ledger-amount { text-align: right; font-weight: 700; white-space: nowrap; }
.ledger-in .ledger-amount { color: #1a8a4f; }
.ledger-out .ledger-amount { color: #c0392b; }
@media (max-width: 600px) {
    .ledger-row { grid-template-columns: 40px 120px 1fr 76px; font-size: 11px; }
}

/* Mali Durum ozet kartlari (finances.php) */
.fin-summary {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 14px 0;
}
.fin-sum-item {
    background: var(--bg, #f8f9fa); border: 1px solid var(--border, rgba(127,127,127,.15));
    border-radius: 10px; padding: 12px 14px; display: flex; flex-direction: column; gap: 4px;
}
.fin-sum-label { font-size: 11.5px; color: var(--muted); font-weight: 600; text-transform: uppercase; letter-spacing: .3px; }
.fin-sum-value { font-size: 18px; font-weight: 800; }
@media (max-width: 700px) {
    .fin-summary { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 420px) {
    .fin-summary { grid-template-columns: 1fr 1fr; gap: 8px; }
    .fin-sum-item { padding: 10px 12px; }
    .fin-sum-value { font-size: 15px; }
}

/* ===== MiniGame ortak motor stilleri (training.php + conditioning.php) ===== */
.mg-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;}
.mg-box{background:#fff;border-radius:16px;padding:22px;max-width:420px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.4);}
html.dark .mg-box{background:#1e2530;color:#eee;}
.mg-title{font-size:20px;font-weight:700;color:#1e3a5f;margin-bottom:4px;}
html.dark .mg-title{color:#dce8f5;}
.mg-desc{font-size:14px;color:#667;margin-bottom:12px;}
.mg-score{font-size:26px;letter-spacing:8px;margin-bottom:14px;min-height:32px;}
.mg-timer-display{font-size:48px;font-weight:800;text-align:center;letter-spacing:2px;margin:20px 0;padding:16px;border-radius:14px;background:var(--card);border:2px solid var(--border);color:var(--text);font-variant-numeric:tabular-nums;transition:all .2s ease;}
.mg-timer-display.hit{background:rgba(46,204,113,.15);border-color:#2ecc71;color:#2ecc71;}
.mg-timer-display.miss{background:rgba(231,76,60,.12);border-color:#e74c3c;color:#e74c3c;}
.mg-score .goal{color:#2ecc71;}
.mg-score .miss{color:#e74c3c;}
.mg-field{position:relative;margin-bottom:16px;}
.mg-goal{height:95px;background:linear-gradient(#dfe9f3,#c8dced);border:3px solid #b0c4d8;border-bottom:none;border-radius:8px 8px 0 0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.mg-goal::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px);background-size:14px 14px;}
.mg-keeper{font-size:38px;position:relative;z-index:2;transition:transform .25s;}
.mg-ball{font-size:28px;margin:6px 0;transition:transform .4s ease-out;}
.mg-bar{height:32px;background:#e74c3c;border-radius:16px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.15);cursor:pointer;touch-action:none;}
.mg-target{position:absolute;top:0;bottom:0;background:#2ecc71;border-radius:4px;}
.mg-marker{position:absolute;top:-4px;bottom:-4px;width:6px;background:#1a1a1a;border-radius:3px;box-shadow:0 0 6px rgba(0,0,0,.5);}
.mg-result{margin-top:12px;font-size:16px;font-weight:700;min-height:22px;}
.mg-result.goal{color:#2ecc71;}
.mg-result.miss{color:#e74c3c;}
.mg-quit-btn{margin-top:8px;background:#eee;color:#555;}
html.dark .mg-quit-btn{background:#333;color:#ccc;}
.mg-skip-practice-btn{margin-top:8px;background:transparent;color:var(--muted);border:1px solid var(--border);font-size:13px;}
.mg-skip-practice-btn:hover{background:var(--bg);}
/* Mobil: buton ve bar daha kolay dokunulur olsun */
@media (max-width: 480px) {
  .mg-box{padding:16px;}
  .mg-bar{height:38px;}
  .mg-goal{height:85px;}
  .mg-keeper{font-size:32px;}
  .mg-ball{font-size:24px;}
}

/* ===== MiniGame: Reaksiyon oyunu ===== */
.mg-reaction-zone{
  height:140px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  font-size:22px;font-weight:800;color:#fff;cursor:pointer;user-select:none;
  transition:background-color .15s ease;margin-bottom:12px;touch-action:none;
}
.mg-reaction-zone.waiting{background:#c0392b;}
.mg-reaction-zone.go{background:#2ecc71;}
.mg-reaction-zone.success{background:#27ae60;}
.mg-reaction-zone.fail{background:#7f1d1d;}
@media (max-width: 480px) {
  .mg-reaction-zone{height:120px;font-size:18px;}
}

/* ===== MiniGame: Sirali Dokunma oyunu ===== */
.mg-seq-status{font-size:14px;font-weight:700;color:#1e3a5f;margin-bottom:10px;text-align:center;}
html.dark .mg-seq-status{color:#dce8f5;}
.mg-seq-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;margin-bottom:12px;}
.mg-seq-dot{
  width:100%;height:70px;border-radius:12px;background:#bdc3c7;cursor:pointer;
  transition:background-color .15s ease, transform .1s ease;touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.mg-seq-dot.lit{background:#f39c12;transform:scale(1.05);}
.mg-seq-dot.correct{background:#2ecc71;}
.mg-seq-dot.wrong{background:#e74c3c;}
@media (max-width: 480px) {
  .mg-seq-grid{gap:8px;}
}

/* ===== MiniGame: Renk mi Yazi mi oyunu ===== */
.mg-cm-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;margin-bottom:12px;}
.mg-cm-box{
  width:100%;height:70px;border-radius:12px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  font-size:18px;font-weight:800;letter-spacing:.5px;
  transition:transform .1s ease, box-shadow .15s ease;touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  box-shadow:0 2px 6px rgba(0,0,0,.15);
}
.mg-cm-box.correct{box-shadow:0 0 0 3px #2ecc71 inset;transform:scale(1.05);}
.mg-cm-box.wrong{box-shadow:0 0 0 3px #e74c3c inset;}

.mg-cm-timerbar-wrap{width:100%;height:6px;background:rgba(0,0,0,.08);border-radius:4px;overflow:hidden;margin-bottom:10px;}
html.dark .mg-cm-timerbar-wrap{background:rgba(255,255,255,.1);}
.mg-cm-timerbar{height:100%;width:100%;background:#2ecc71;border-radius:4px;}
.mg-cm-timerbar.mg-cm-timerbar-danger{background:#e74c3c;}
@media (max-width: 480px) {
  .mg-cm-grid{gap:8px;}
  .mg-cm-box{font-size:15px;height:62px;}
}
/* ===== MiniGame: Daralan Halka oyunu ===== */
.mg-ring-wrap{
  position:relative;height:240px;display:flex;align-items:center;justify-content:center;
  background:#f4f6f8;border-radius:12px;margin-bottom:12px;cursor:pointer;touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;overflow:hidden;
}
html.dark .mg-ring-wrap{background:#1a2029;}
.mg-ring-target{
  position:absolute;border-radius:50%;border:3px solid #2ecc71;background:rgba(46,204,113,.12);
  pointer-events:none;
}
.mg-ring-moving{
  position:absolute;border-radius:50%;border:4px solid #e74c3c;
  pointer-events:none;transition:none;
}
@media (max-width: 480px) {
  .mg-ring-wrap{height:200px;}
}

/* ===== MiniGame: Demo/Yardim sistemi ===== */
.mg-help-btn{
  position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;
  background:rgba(0,0,0,.06);border:none;font-size:15px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}
html.dark .mg-help-btn{background:rgba(255,255,255,.1);}
.mg-box{position:relative;}
.mg-demo-desc{font-size:14px;color:#445;line-height:1.6;margin:10px 0 18px;text-align:left;}
html.dark .mg-demo-desc{color:#c4cede;}
.mg-demo-checkbox{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#667;margin:14px 0;justify-content:center;flex-wrap:nowrap;white-space:nowrap;}
.mg-demo-checkbox input{margin:0;flex-shrink:0;width:16px;height:16px;}
html.dark .mg-demo-checkbox{color:#a8b0be;}

/* ===== Admin: Feedback yanit sistemi ===== */
.fb-admin-note-shown{background:#f4f8fc;border-left:3px solid #2d5a8c;padding:8px 12px;border-radius:6px;font-size:13px;color:#334;margin:8px 0;}
html.dark .fb-admin-note-shown{background:#1a2740;color:#c4cede;}
.fb-admin-respond{margin-top:8px;}
.fb-admin-note-input{width:100%;box-sizing:border-box;border:1px solid #dde3ea;border-radius:8px;padding:8px 10px;font-size:13px;font-family:inherit;resize:vertical;margin-bottom:8px;}
html.dark .fb-admin-note-input{background:#161c26;border-color:#2a3444;color:#e6ebf1;}
.fb-admin-status-select{border:1px solid #dde3ea;border-radius:8px;padding:6px 8px;font-size:13px;}
html.dark .fb-admin-status-select{background:#161c26;border-color:#2a3444;color:#e6ebf1;}
.fb-admin-reward-label{display:flex;align-items:center;gap:5px;font-size:12.5px;color:#556;white-space:nowrap;}
html.dark .fb-admin-reward-label{color:#a8b0be;}

/* ===== Bildir modali: Onceki Bildirimleriniz ===== */
.fb-history-toggle{margin-top:12px;font-size:13px;color:#2d5a8c;cursor:pointer;text-align:center;font-weight:600;padding:6px;}
html.dark .fb-history-toggle{color:#8fb4e8;}
.fb-history-box{margin-top:8px;max-height:260px;overflow-y:auto;border-top:1px solid #eef1f4;padding-top:8px;}
html.dark .fb-history-box{border-color:#2a3444;}
.fb-history-list{display:flex;flex-direction:column;gap:8px;}
.fb-hist-item{background:#f8f9fb;border-radius:8px;padding:8px 10px;font-size:12.5px;}
html.dark .fb-hist-item{background:#161c26;}
.fb-hist-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-weight:600;}
.fb-hist-status{font-size:11px;padding:2px 7px;border-radius:8px;font-weight:700;}
.fb-hist-msg{color:#334;line-height:1.5;margin-bottom:4px;}
html.dark .fb-hist-msg{color:#c4cede;}
.fb-hist-note{background:#e8f0fb;border-radius:6px;padding:5px 8px;font-size:12px;color:#2d5a8c;margin-bottom:4px;}
html.dark .fb-hist-note{background:#1a2740;color:#8fb4e8;}
.fb-hist-date{font-size:11px;color:#8a94a8;text-align:right;}

/* ===== Admin: odul verildi bilgisi ===== */
.fb-admin-reward-given{background:#e8f8ef;color:#1a8f4a;border-radius:6px;padding:6px 10px;font-size:12.5px;font-weight:600;margin:8px 0;}
html.dark .fb-admin-reward-given{background:#123524;color:#4ade80;}
.fb-admin-reward-done{color:#1a8f4a;font-weight:600;}
html.dark .fb-admin-reward-done{color:#4ade80;}

/* ===== Haberler: Tweet/X Kart Tasarimi ===== */
.news-post{
  display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid #eef1f4;
  background:#fff;
}
html.dark .news-post{background:var(--card);border-color:var(--border);}
.news-post-avatar{
  width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#1e3a5f,#2d5a8c);
  display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;
}
.news-post-body{flex:1;min-width:0;}
.news-post-author-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:14.5px;margin-bottom:2px;}
.news-post-author-name{font-weight:700;color:#0f1419;}
html.dark .news-post-author-name{color:#e7e9ea;}
.news-post-author-check{color:#1d9bf0;font-size:13px;}
.news-post-author-handle{color:#697177;}
html.dark .news-post-author-handle{color:#8a94a8;}
.news-post-author-dot{color:#697177;}
.news-post-time{color:#697177;font-size:14.5px;}
html.dark .news-post-time{color:#8a94a8;}
.news-post-tag{display:none;} /* eski kategori etiketi tweet tasariminda gizli, ikon zaten yeterli */
.news-post-headline{font-size:15px;line-height:1.4;color:#0f1419;margin:2px 0 6px;}
html.dark .news-post-headline{color:#e7e9ea;}
.news-post-comment{font-size:14px;line-height:1.4;color:#536471;margin-bottom:8px;}
html.dark .news-post-comment{color:#a8b0be;}
.news-post-media{
  width:100%;max-height:280px;object-fit:cover;border-radius:14px;
  border:1px solid #eef1f4;margin-bottom:8px;display:block;
}
html.dark .news-post-media{border-color:var(--border);}
.news-post-actions{display:flex;justify-content:space-between;max-width:420px;margin-top:6px;}
.news-post-action{
  display:flex;align-items:center;gap:5px;color:#697177;font-size:13px;cursor:pointer;
  padding:4px 6px;border-radius:16px;transition:background-color .15s, color .15s;user-select:none;
}
html.dark .news-post-action{color:#8a94a8;}
.news-post-action:hover{background:rgba(29,155,240,.1);color:#1d9bf0;}
.news-post-action.npa-like:hover{background:rgba(249,24,128,.1);color:#f91880;}
.news-post-action.npa-retweet:hover{background:rgba(0,186,124,.1);color:#00ba7c;}
.news-post-toggle{font-size:13px;color:#1d9bf0;cursor:pointer;margin-top:4px;}

/* ===== Haberler: avatar (gercek logo) boyutlandirma duzeltmesi ===== */
.news-post-avatar-link{display:block;width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;}
.news-post-avatar-img{width:44px;height:44px;object-fit:cover;display:block;border-radius:50%;}
.news-post-author-name{text-decoration:none;}
.news-post-author-handle{text-decoration:none;}

/* ===== Haberler: Paylas menusu ===== */
.npa-share{position:relative;}
.npa-share-menu{
  display:none;position:absolute;bottom:100%;right:0;margin-bottom:6px;
  background:#fff;border:1px solid #eef1f4;border-radius:10px;box-shadow:0 4px 18px rgba(0,0,0,.12);
  min-width:170px;overflow:hidden;z-index:20;
}
.npa-share-menu.open{display:block;}
html.dark .npa-share-menu{background:var(--card);border-color:var(--border);}
.npa-share-menu a{display:block;padding:10px 14px;font-size:13.5px;color:#0f1419;text-decoration:none;white-space:nowrap;}
html.dark .npa-share-menu a{color:#e7e9ea;}
.npa-share-menu a:hover{background:#f4f6f8;}
html.dark .npa-share-menu a:hover{background:#232a35;}

/* ===== Haberler: paylasim menusu ikon boyutu ===== */
.npa-share-menu a{display:flex;align-items:center;gap:8px;}
.npa-share-icon{width:16px;height:16px;flex-shrink:0;color:#0f1419;}
html.dark .npa-share-icon{color:#e7e9ea;}
.champion-badge {
    display: inline-flex; align-items: center; gap: 3px;
    font-size: 10.5px; font-weight: 800; color: #1a1a1a;
    background: linear-gradient(135deg, #ffd700, #f5b301);
    border-radius: 5px; padding: 2px 6px; margin-left: 6px;
    white-space: nowrap; vertical-align: middle;
}
html.dark .champion-badge { color: #1a1a1a; }
.champion-badge { padding: 2px 5px !important; white-space: nowrap !important; }
.champion-badge .champion-badge-text { display: none !important; }
.mg-practice-watermark {
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%) rotate(-18deg);
    font-size: 34px; font-weight: 900; color: rgba(231,76,60,.55);
    letter-spacing: 3px; pointer-events: none; z-index: 50;
    text-shadow: 0 2px 6px rgba(0,0,0,.15); white-space: nowrap;
    user-select: none;
}
@media (max-width: 420px) {
    .mg-practice-watermark { font-size: 24px; }
}
.tc-clickable { cursor: pointer; }
.tc-tooltip-bubble {
    position: absolute; z-index: 2000; max-width: 260px;
    background: #1a2030; color: #fff; font-size: 12.5px; line-height: 1.4;
    padding: 8px 12px; border-radius: 8px; box-shadow: 0 4px 16px rgba(0,0,0,.3);
    animation: tcTooltipIn .15s ease-out;
}
html.dark .tc-tooltip-bubble { background: #2a3450; }
@keyframes tcTooltipIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
.promotion-badge {
    display: inline-flex; align-items: center; gap: 3px;
    font-size: 10.5px; font-weight: 800; color: #fff;
    background: linear-gradient(135deg, #3498db, #2ecc71);
    border-radius: 5px; padding: 2px 6px; margin-left: 6px;
    white-space: nowrap; vertical-align: middle;
}
.promotion-badge { padding: 2px 5px !important; white-space: nowrap !important; }
.promotion-badge .champion-badge-text { display: none !important; }
.tc-item.tc-pending {
    position: relative;
    box-shadow: 0 0 0 2px #f5b301, 0 0 10px rgba(245,179,1,.5);
    animation: tcPendingPulse 2s ease-in-out infinite;
}
@keyframes tcPendingPulse {
    0%, 100% { box-shadow: 0 0 0 2px #f5b301, 0 0 10px rgba(245,179,1,.5); }
    50% { box-shadow: 0 0 0 2px #f5b301, 0 0 18px rgba(245,179,1,.8); }
}
.tc-pending-dot {
    position: absolute; top: -3px; right: -3px;
    width: 9px; height: 9px; border-radius: 50%;
    background: #f5b301; border: 1.5px solid #fff;
}
tr.math-champion-row { background: rgba(245, 179, 1, .16) !important; cursor: help; }
tr.math-champion-row:hover { background: rgba(245, 179, 1, .24) !important; }
tr.math-promotion-row { background: rgba(46, 204, 113, .12) !important; cursor: help; }
tr.math-promotion-row:hover { background: rgba(46, 204, 113, .2) !important; }
html.dark tr.math-champion-row { background: rgba(245, 179, 1, .12) !important; }
html.dark tr.math-champion-row:hover { background: rgba(245, 179, 1, .2) !important; }
html.dark tr.math-promotion-row { background: rgba(46, 204, 113, .1) !important; }
html.dark tr.math-promotion-row:hover { background: rgba(46, 204, 113, .17) !important; }
.club-link-bot { color: #8a94a8 !important; }
html.dark .club-link-bot { color: #6b7690 !important; }
.new-tab-btn {
    background: transparent;
    border: none;
    color: #e74c3c;
    cursor: pointer;
    margin-left: 14px;
    padding: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 0.85;
    transition: opacity 0.15s;
}
.new-tab-btn:hover { opacity: 1; }
@media (max-width: 768px) {
    .new-tab-btn { display: none !important; }
}

/* Dil tercihi - profile-hero kose toggle (profil.php) */
.lang-pref-toggle { position: absolute; top: 14px; right: 14px; display: flex; gap: 6px; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.25); border-radius: 22px; padding: 5px; backdrop-filter: blur(8px); }
.lang-pref-toggle form { display: contents; }
.lang-pref-btn {
    border: 2px solid transparent;
    background: rgba(255,255,255,0.06);
    padding: 5px 9px;
    border-radius: 18px;
    font-size: 22px;
    cursor: pointer;
    opacity: 0.6;
    transition: all 0.15s ease;
    line-height: 1;
}
.lang-pref-btn:hover { opacity: 0.9; background: rgba(255,255,255,0.14); }
.lang-pref-btn.lang-pref-active { background: rgba(255,255,255,0.22); border-color: rgba(255,255,255,0.55); opacity: 1; }
@media (max-width: 400px) { .lang-pref-toggle { top: 10px; right: 10px; padding: 4px; gap: 4px; } .lang-pref-btn { font-size: 19px; padding: 4px 7px; } }

/* ===== Oyuncu Karsilastirma (compare.php) ===== */
.cmp-search-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:14px;}
.cmp-search-slot{position:relative;}
.cmp-search-input{width:100%;padding:9px 10px;border-radius:8px;border:1px solid var(--border,#ccc);background:var(--card-bg,#fff);color:var(--text,#111);font-size:14px;box-sizing:border-box;}
html.dark .cmp-search-input{background:#1b1b1b;color:#eee;border-color:#3a3a3a;}
.cmp-search-results{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--card-bg,#fff);border:1px solid var(--border,#ccc);border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.15);z-index:50;max-height:260px;overflow-y:auto;}
.cmp-search-results.active{display:block;}
html.dark .cmp-search-results{background:#1e1e1e;border-color:#3a3a3a;}
.cmp-result-item{padding:8px 10px;cursor:pointer;font-size:13px;border-bottom:1px solid rgba(0,0,0,.06);}
.cmp-result-item:last-child{border-bottom:none;}
.cmp-result-item:hover{background:rgba(26,138,79,.1);}
html.dark .cmp-result-item{border-color:rgba(255,255,255,.08);}
.cmp-result-empty{padding:10px;font-size:13px;color:var(--muted,#888);}
.cmp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.cmp-table{border-collapse:collapse;width:100%;min-width:640px;}
.cmp-table th, .cmp-table td{padding:8px 10px;text-align:center;border-bottom:1px solid var(--border,#eee);}
html.dark .cmp-table th, html.dark .cmp-table td{border-color:#2f2f2f;}
.cmp-label-col{text-align:left !important;white-space:nowrap;font-size:13px;color:var(--muted,#666);min-width:110px;position:sticky;left:0;background:var(--card-bg,#fff);z-index:2;}
html.dark .cmp-label-col{background:#161616;color:#aaa;}
.cmp-player-col{min-width:130px;}
.cmp-player-head{display:flex;flex-direction:column;align-items:center;gap:2px;}
.cmp-player-name{font-weight:700;font-size:13.5px;text-decoration:none;color:var(--text,#111);}
html.dark .cmp-player-name{color:#eee;}
.cmp-player-meta{font-size:11.5px;color:var(--muted,#777);}
.cmp-player-club{font-size:11px;}
.cmp-val-col{font-size:13px;}
.cmp-val-col.cmp-best{background:rgba(26,138,79,.12);font-weight:700;}
html.dark .cmp-val-col.cmp-best{background:rgba(26,138,79,.22);}
.cmp-row-highlight td{background:rgba(0,0,0,.02);}
html.dark .cmp-row-highlight td{background:rgba(255,255,255,.03);}
.cmp-bar-wrap{position:relative;height:16px;background:rgba(0,0,0,.06);border-radius:4px;overflow:hidden;min-width:70px;}
html.dark .cmp-bar-wrap{background:rgba(255,255,255,.08);}
.cmp-bar-fill{height:100%;background:#1a8a4f;border-radius:4px;}
.cmp-bar-num{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text,#111);mix-blend-mode:difference;filter:invert(1) grayscale(1) contrast(9);}
@media (max-width: 480px) {
  .cmp-search-grid{grid-template-columns:1fr 1fr;}
  .cmp-table{min-width:560px;}
}

/* ===== Compare: sag ust X butonu + temizle satiri ===== */
.cmp-clear-row{margin-top:12px;text-align:right;}
.cmp-player-head{position:relative;padding-top:4px;}
.cmp-player-remove{position:absolute;top:-6px;right:-4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,0,0,.08);color:var(--muted,#666);text-decoration:none;font-size:12px;line-height:1;}
.cmp-player-remove:hover{background:#e74c3c;color:#fff;}
html.dark .cmp-player-remove{background:rgba(255,255,255,.1);color:#bbb;}
.cmp-result-item.cmp-result-added{opacity:.5;cursor:default;}
.cmp-added-tag{color:#1a8a4f;font-weight:700;font-size:11px;}

.cmp-search-bar-wrap{position:relative;margin-top:14px;}

@media (max-width: 600px) {
  .cmp-search-card{overflow:visible !important;}
}

/* ===== Compare: renk kodlama + sticky baslik opaklik + piyasa degeri ===== */
.cmp-label-col{background:#ffffff !important;}
html.dark .cmp-label-col{background:#161616 !important;}
.cmp-player-value{font-size:11.5px;color:#1a8a4f;font-weight:700;margin-top:2px;}
html.dark .cmp-player-value{color:#3ecf7a;}
.cmp-ca-best{background:rgba(26,138,79,.14) !important;font-weight:700;}
html.dark .cmp-ca-best{background:rgba(26,138,79,.24) !important;}
.cmp-ca-rest{background:rgba(231,76,60,.08) !important;}
html.dark .cmp-ca-rest{background:rgba(231,76,60,.14) !important;}
.cmp-bar-fill.cmp-bar-best{background:#1a8a4f;}
.cmp-bar-fill.cmp-bar-rest{background:#e0938a;}
html.dark .cmp-bar-fill.cmp-bar-rest{background:#a85c53;}

/* ===== Compare: mobilde kolonlari daralt, daha fazla oyuncu ayni anda gorunsun ===== */
@media (max-width: 600px) {
  .cmp-label-col{min-width:78px !important;font-size:11.5px !important;}
  .cmp-player-col{min-width:88px !important;}
  .cmp-bar-wrap{min-width:44px !important;height:14px !important;}
  .cmp-bar-num{font-size:10px !important;}
  .cmp-player-name{font-size:11.5px !important;}
  .cmp-player-meta{font-size:10px !important;}
  .cmp-player-club{font-size:9.5px !important;}
  .cmp-player-value{font-size:10px !important;}
  .cmp-table{min-width:0 !important;}
  .cmp-table th, .cmp-table td{padding:5px 4px !important;}
}

/* ===== Kart Gorevi oyuncu secim listesi: transfer-status rozeti ===== */
.chp-tstat-badge{font-size:13px;margin-left:2px;}

/* Sezon Fikstürü sezon seçici */
.sf-season-form { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; flex-wrap: wrap; }
.sf-season-form label { font-size: 13px; font-weight: 600; color: var(--muted); display: flex; align-items: center; gap: 8px; }
.sf-season-select {
    padding: 6px 12px; border: 1px solid var(--border); border-radius: 7px; font-size: 13px;
    background: var(--bg, #fff); color: var(--navy); cursor: pointer; font-weight: 600;
    appearance: none; -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 10px center; padding-right: 32px;
}
.sf-season-select:focus { outline: none; border-color: var(--green); }
html.dark .sf-season-select { background-color: #222a3d; color: var(--text); }
.lineup-legend { display:flex; flex-wrap:wrap; gap:10px 16px; margin-top:10px; padding-top:10px; border-top:1px solid var(--border); }
.lineup-legend-item { display:inline-flex; align-items:center; gap:5px; font-size:11.5px; color:var(--muted); }
.lineup-legend-dot { width:9px; height:9px; border-radius:50%; display:inline-block; flex-shrink:0; }

/* SQUAD_RATING */
.sq-rt{display:inline-block;min-width:38px;text-align:center;padding:2px 5px;border-radius:4px;font-weight:700;font-size:.82rem;color:#fff;line-height:1.3;}
.sq-rt-hi{background:#27ae60;}.sq-rt-mid{background:#2e7dd7;}.sq-rt-low{background:#7f8c8d;}.sq-rt-bad{background:#c0392b;}
html.dark .sq-rt-hi{background:#2ecc71;}html.dark .sq-rt-mid{background:#4a90e2;}html.dark .sq-rt-low{background:#95a5a6;}html.dark .sq-rt-bad{background:#e74c3c;}
@media(max-width:640px){.sq-rt{min-width:34px;font-size:.76rem;padding:2px 4px;}}


/* ===== SQUAD_V2: kadro tablosu - rozet kolonu, sabit isim, mobil uyum ===== */
/* --- genel daraltma --- */
.squad-table { font-size: 13px; }
.squad-table th, .squad-table td { padding: 6px 5px; }
.squad-table th.sortable { font-size: 11px; letter-spacing: -.2px; white-space: nowrap; }
.squad-table .pos-badge { font-size: 10px; padding: 1px 5px; }
/* SQUAD_BADGE_FIX_V1: "Kadro Disi" iki satira boluniyordu */
.squad-table .squad-badge { font-size: 10px; padding: 2px 7px; white-space: nowrap; display: inline-block; }
.squad-table td:nth-child(3) { white-space: nowrap; }
.squad-table .shirt-num-badge { font-size: 11px; min-width: 20px; }
.squad-table .player-stars-sm { font-size: 10px; margin-left: 3px; }
.squad-table .signal-bar { transform: scale(.9); transform-origin: left center; }
.sq-name-cell { white-space: nowrap; }

/* --- reyting rozeti --- */
.sq-rt { display:inline-block; min-width:38px; text-align:center; padding:2px 5px; border-radius:4px;
         font-weight:700; font-size:.82rem; color:#fff; line-height:1.3; }
.sq-rt-hi{background:#27ae60;} .sq-rt-mid{background:#2e7dd7;}
.sq-rt-low{background:#7f8c8d;} .sq-rt-bad{background:#c0392b;}
html.dark .sq-rt-hi{background:#2ecc71;} html.dark .sq-rt-mid{background:#4a90e2;}
html.dark .sq-rt-low{background:#95a5a6;} html.dark .sq-rt-bad{background:#e74c3c;}

/* --- reyting tooltip (mobilde tiklanabilir) --- */
.js-rt-tip { position: relative; cursor: pointer; }
.js-rt-tip::after {
  content: attr(data-tip); position: absolute; bottom: calc(100% + 6px); left: 50%;
  transform: translateX(-50%); background: #111827; color: #fff; font-size: 11px;
  font-weight: 600; padding: 5px 9px; border-radius: 6px; white-space: nowrap; z-index: 40;
  opacity: 0; visibility: hidden; transition: opacity .14s ease; pointer-events: none;
  box-shadow: 0 3px 10px rgba(0,0,0,.28);
}
.js-rt-tip.sq-rt-open::after { opacity: 1; visibility: visible; }
html.dark .js-rt-tip::after { background: #e5e7eb; color: #111827; }
.squad-table tbody tr:nth-child(-n+2) .js-rt-tip::after { bottom: auto; top: calc(100% + 6px); }

/* --- ROZET KOLONU --- */
.sq-badges-cell { white-space: nowrap; text-align: center; }
.sq-badges { display: inline-flex; flex-wrap: nowrap; gap: 3px; align-items: center; justify-content: center; }
.sq-b {
  display: inline-flex; align-items: center; gap: 1px;
  font-size: 10px; font-weight: 700; line-height: 1;
  padding: 3px 5px; border-radius: 5px; color: #fff; white-space: nowrap;
}
.sq-b-inj  { background: #c0392b; }
.sq-b-ban  { background: #7f1d1d; }
.sq-b-warn { background: #d97706; }
.sq-b-yel  { background: #a16207; }
.sq-b-a    { background: #1d4ed8; }
.sq-b-l    { background: #0891b2; }
.sq-b-o    { background: #7c3aed; }
.sq-b-lock { background: #2c3e50; }
.sq-b-out  { background: #8e44ad; }
.transfer-status-badge:empty { display: none; }

/* --- sakat/cezali satir vurgusu --- */
.squad-table tr.squad-blocked td { background: rgba(192,57,43,.07); }
.squad-table tr.squad-blocked:hover td { background: rgba(192,57,43,.12); }
html.dark .squad-table tr.squad-blocked td { background: rgba(231,76,60,.13); }
html.dark .squad-table tr.squad-blocked:hover td { background: rgba(231,76,60,.19); }

/* --- MOBIL --- */
@media (max-width: 900px) {
  .squad-table { font-size: 12px; }
  .squad-table th, .squad-table td { padding: 5px 4px; }
  .squad-table .player-stars-sm { display: none; }
  .sq-rt { min-width: 33px; font-size: .75rem; padding: 2px 4px; }
}
@media (max-width: 600px) {
  .squad-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .squad-table { min-width: 700px; font-size: 11.5px; }
  .squad-table th, .squad-table td { padding: 5px 3px; white-space: nowrap; }
  /* forma no + isim sabit */
  .squad-table th:nth-child(1), .squad-table td:nth-child(1) {
    position: sticky; left: 0; z-index: 2; background: var(--card, #fff);
  }
  .squad-table th:nth-child(2), .squad-table td:nth-child(2) {
    position: sticky; left: 34px; z-index: 2; background: var(--card, #fff);
    box-shadow: 2px 0 4px -2px rgba(0,0,0,.2);
  }
  .squad-table td:nth-child(2) .player-link {
    display: inline-block; max-width: 92px; overflow: hidden;
    text-overflow: ellipsis; vertical-align: middle;
  }
  html.dark .squad-table th:nth-child(1), html.dark .squad-table td:nth-child(1),
  html.dark .squad-table th:nth-child(2), html.dark .squad-table td:nth-child(2) {
    background: var(--card, #1e2430);
  }
  html.dark .squad-table tr.squad-blocked td:nth-child(1),
  html.dark .squad-table tr.squad-blocked td:nth-child(2) { background: #2a2226; }
  .squad-table tr.squad-blocked td:nth-child(1),
  .squad-table tr.squad-blocked td:nth-child(2) { background: #fdf0ef; }
  .sq-rt { min-width: 30px; font-size: .72rem; }
  .sq-b { font-size: 9px; padding: 2px 4px; }
  .sq-badges { gap: 2px; }
}

/* ===== SQUAD_V2_FIX: sabit kolon hizasi - Durum kesilmesin ===== */
@media (max-width: 600px) {
  /* 1. kolon (forma no) net genislik */
  .squad-table th:nth-child(1), .squad-table td:nth-child(1) {
    width: 30px !important; min-width: 30px !important; max-width: 30px !important;
    padding-left: 4px !important; padding-right: 2px !important;
  }
  /* 2. kolon (isim) 1. kolonun bittigi yerden baslar */
  .squad-table th:nth-child(2), .squad-table td:nth-child(2) {
    left: 30px !important;
    width: 108px !important; min-width: 108px !important; max-width: 108px !important;
    padding-left: 4px !important; padding-right: 4px !important;
  }
  .squad-table td:nth-child(2) .player-link { max-width: 74px; }
  /* 3. kolon (Durum) sabit alanin disinda, tam gorunur */
  .squad-table th:nth-child(3), .squad-table td:nth-child(3) {
    padding-left: 8px !important; min-width: 58px;
  }
}

/* ===== SQUAD_V2_FIX2: Y rozeti Durum'a tasmasin ===== */
@media (max-width: 600px) {
  .squad-table td:nth-child(2) {
    overflow: hidden !important;
  }
  .squad-table td:nth-child(2) .player-link { max-width: 62px; }
  .squad-table .mark-y {
    font-size: 8.5px; padding: 1px 3px; margin-left: 2px;
    flex: 0 0 auto; vertical-align: middle;
  }
}


/* ===== SQUAD_V2_FIX4: Y rozeti artik Rozet kolonunda ===== */
.sq-b-new { background: #2563eb; }
@media (max-width: 600px) {
  .squad-table td:nth-child(2) .player-link { max-width: 100px; }
}

/* ===== SQUAD_V2_FIX5: kilit/kapi salt-okunur ===== */
.sq-badges .sq-b-lock, .sq-badges .sq-b-out { cursor: default; }

/* ===== STANDINGS_V2: puan durumu - kadro kurallarindan bagimsiz ===== */
.standings-table { font-size: 13px; }
.standings-table th, .standings-table td { padding: 7px 4px; }
.standings-table th { font-size: 11px; font-weight: 700; }
.standings-table .rank-cell { width: 34px; font-weight: 700; }
.standings-table td:nth-child(2) { text-align: left; }
.standings-table .team-cell { display: inline-block; max-width: 100%; }
.standings-table .club-link {
  display: inline-block; max-width: 200px; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;
}
.standings-table .you-badge { font-size: 9px; padding: 1px 4px; margin-left: 3px; vertical-align: middle; }
/* sayi kolonlari dar ve esit */
.standings-table th:nth-child(n+3), .standings-table td:nth-child(n+3) {
  width: 34px; text-align: center;
}
/* puan kolonu vurgulu */
.standings-table th:last-child, .standings-table td:last-child { font-weight: 800; width: 40px; }

/* --- kadro tablosunun sabit-kolon kurallarini IPTAL et --- */
@media (max-width: 600px) {
  .standings-table th:nth-child(1), .standings-table td:nth-child(1),
  .standings-table th:nth-child(2), .standings-table td:nth-child(2) {
    position: static !important;
    left: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    overflow: visible !important;
  }
  .standings-table { min-width: 0; width: 100%; font-size: 11.5px; }
  .standings-table th, .standings-table td { padding: 6px 2px; }
  .standings-table .rank-cell { width: 26px !important; }
  .standings-table .club-link { max-width: 104px; font-size: 11.5px; }
  .standings-table .you-badge { font-size: 8px; padding: 1px 3px; margin-left: 2px; }
  .standings-table th:nth-child(n+3), .standings-table td:nth-child(n+3) { width: 22px; }
  .standings-table th:last-child, .standings-table td:last-child { width: 28px; }
  /* Attigi/Yedigi mobilde gizle - Averaj zaten var */
  .standings-table th:nth-child(7), .standings-table td:nth-child(7),
  .standings-table th:nth-child(8), .standings-table td:nth-child(8) { display: none; }
}

/* ===== STANDINGS_V3: kolon genislikleri dengeli dagitim ===== */
.standings-table { table-layout: fixed; width: 100%; }
.standings-table th:nth-child(2), .standings-table td:nth-child(2) { width: auto; }

@media (max-width: 600px) {
  .standings-table { table-layout: fixed; width: 100%; }
  .standings-table .rank-cell,
  .standings-table th:nth-child(1) { width: 24px !important; }
  /* takim kolonu kalan alani alir ama sisirmez */
  .standings-table th:nth-child(2), .standings-table td:nth-child(2) {
    width: auto !important; padding-right: 2px !important;
  }
  .standings-table .club-link { max-width: 100%; font-size: 11.5px; }
  /* O G B M sayilari - esit ve isim kolonuna yakin */
  .standings-table th:nth-child(3), .standings-table td:nth-child(3),
  .standings-table th:nth-child(4), .standings-table td:nth-child(4),
  .standings-table th:nth-child(5), .standings-table td:nth-child(5),
  .standings-table th:nth-child(6), .standings-table td:nth-child(6) {
    width: 21px !important; padding: 6px 1px !important;
  }
  /* AV biraz genis (-12 gibi degerler) */
  .standings-table th:nth-child(9), .standings-table td:nth-child(9) {
    width: 32px !important; padding: 6px 1px !important;
  }
  .standings-table th:last-child, .standings-table td:last-child {
    width: 26px !important; padding: 6px 3px 6px 1px !important;
  }
}


/* ===== STANDINGS_V5: takim adi kisaltilmasin ===== */
.standings-table .club-link {
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap;
}
@media (max-width: 600px) {
  .standings-table .club-link { max-width: none !important; font-size: 11.5px; }
  .standings-table th:nth-child(2), .standings-table td:nth-child(2) {
    white-space: nowrap !important;
  }
}

/* ===== STANDINGS_V6: Attigi/Yedigi mobilde de gorunsun ===== */
@media (max-width: 600px) {
  .standings-table th:nth-child(7), .standings-table td:nth-child(7),
  .standings-table th:nth-child(8), .standings-table td:nth-child(8) {
    display: table-cell !important;
    width: 21px !important;
    padding: 6px 1px !important;
  }
  /* yer acmak icin diger sayi kolonlarini biraz daralt */
  .standings-table th:nth-child(3), .standings-table td:nth-child(3),
  .standings-table th:nth-child(4), .standings-table td:nth-child(4),
  .standings-table th:nth-child(5), .standings-table td:nth-child(5),
  .standings-table th:nth-child(6), .standings-table td:nth-child(6) {
    width: 19px !important; padding: 6px 1px !important;
  }
  .standings-table th:nth-child(9), .standings-table td:nth-child(9) { width: 30px !important; }
  .standings-table th:last-child, .standings-table td:last-child { width: 24px !important; }
  .standings-table .club-link { font-size: 11px; }
  .standings-table th, .standings-table td { font-size: 11px; }
}

/* ===== STANDINGS_V7: masaustu bosluk duzeltmesi ===== */
@media (min-width: 601px) {
  .standings-table { table-layout: auto !important; width: 100% !important; }
  /* sira kolonu: dar ve sola yasli */
  .standings-table th:nth-child(1), .standings-table td:nth-child(1),
  .standings-table .rank-cell {
    width: 44px !important; text-align: center !important;
    padding-left: 10px !important; padding-right: 4px !important;
  }
  /* takim kolonu: kalan alani alir, adi sola yasli, bos yer birakmaz */
  .standings-table th:nth-child(2), .standings-table td:nth-child(2) {
    width: auto !important; text-align: left !important;
    padding-left: 6px !important; padding-right: 8px !important;
  }
  .standings-table th:nth-child(2) { text-align: left !important; }
  /* sayi kolonlari: icerik kadar dar, saga toplanir */
  .standings-table th:nth-child(n+3), .standings-table td:nth-child(n+3) {
    width: 44px !important; text-align: center !important; padding: 7px 4px !important;
  }
  .standings-table th:last-child, .standings-table td:last-child {
    width: 50px !important; padding-right: 12px !important;
  }
}

/* ===== PREMIUM_PAGE ===== */
.prem-hero { text-align: center; padding: 26px 16px; }
.prem-hero-active { background: linear-gradient(135deg, rgba(245,179,1,.12), rgba(245,179,1,.03)); border: 1px solid rgba(245,179,1,.35); }
.prem-hero-icon { font-size: 44px; line-height: 1; margin-bottom: 6px; }
.prem-hero h1 { margin: 4px 0 8px; font-size: 22px; }
.prem-hero-sub { color: var(--muted); margin: 0; }
.prem-hero-sub strong { color: var(--accent); font-size: 20px; }
.prem-table-wrap { overflow-x: auto; }
.prem-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.prem-table th, .prem-table td { padding: 10px 8px; border-bottom: 1px solid var(--border, #e5e7eb); }
.prem-table th { font-size: 12px; text-transform: uppercase; letter-spacing: .3px; color: var(--muted); }
.prem-table td.prem-feat { text-align: left; }
.prem-table td.prem-free, .prem-table td.prem-val,
.prem-table th:nth-child(2), .prem-table th:nth-child(3) { text-align: center; width: 92px; }
.prem-col-p { color: #b8860b; font-weight: 800; }
.prem-val { font-weight: 700; color: #16a34a; }
.prem-free { color: var(--muted); }
.prem-soon { display: inline-block; margin-left: 6px; font-size: 9.5px; font-weight: 700;
             padding: 2px 6px; border-radius: 8px; background: #94a3b8; color: #fff; vertical-align: middle; }
.prem-soon-row { opacity: .72; }
.prem-buy { text-align: center; }
.prem-note { font-size: 12.5px; margin-top: 10px; }
.nav-premium { color: #f5b301 !important; font-weight: 700; }
html.dark .prem-table th, html.dark .prem-table td { border-bottom-color: rgba(255,255,255,.09); }
html.dark .prem-col-p { color: #f5b301; }
@media (max-width: 600px) {
  .prem-table { font-size: 12.5px; }
  .prem-table th, .prem-table td { padding: 8px 5px; }
  .prem-table td.prem-free, .prem-table td.prem-val,
  .prem-table th:nth-child(2), .prem-table th:nth-child(3) { width: 68px; }
  .prem-hero h1 { font-size: 19px; }
}

/* ===== PREMIUM_PAGE ===== */
.prem-hero { text-align: center; padding: 26px 16px; }
.prem-hero-active { background: linear-gradient(135deg, rgba(245,179,1,.12), rgba(245,179,1,.03)); border: 1px solid rgba(245,179,1,.35); }
.prem-hero-icon { font-size: 44px; line-height: 1; margin-bottom: 6px; }
.prem-hero h1 { margin: 4px 0 8px; font-size: 22px; }
.prem-hero-sub { color: var(--muted); margin: 0; }
.prem-hero-sub strong { color: var(--accent); font-size: 20px; }
.prem-table-wrap { overflow-x: auto; }
.prem-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.prem-table th, .prem-table td { padding: 10px 8px; border-bottom: 1px solid var(--border, #e5e7eb); }
.prem-table th { font-size: 12px; text-transform: uppercase; letter-spacing: .3px; color: var(--muted); }
.prem-table td.prem-feat { text-align: left; }
.prem-table td.prem-free, .prem-table td.prem-val,
.prem-table th:nth-child(2), .prem-table th:nth-child(3) { text-align: center; width: 92px; }
.prem-col-p { color: #b8860b; font-weight: 800; }
.prem-val { font-weight: 700; color: #16a34a; }
.prem-free { color: var(--muted); }
.prem-soon { display: inline-block; margin-left: 6px; font-size: 9.5px; font-weight: 700;
             padding: 2px 6px; border-radius: 8px; background: #94a3b8; color: #fff; vertical-align: middle; }
.prem-soon-row { opacity: .72; }
.prem-buy { text-align: center; }
.prem-note { font-size: 12.5px; margin-top: 10px; }
.nav-premium { color: #f5b301 !important; font-weight: 700; }
html.dark .prem-table th, html.dark .prem-table td { border-bottom-color: rgba(255,255,255,.09); }
html.dark .prem-col-p { color: #f5b301; }
@media (max-width: 600px) {
  .prem-table { font-size: 12.5px; }
  .prem-table th, .prem-table td { padding: 8px 5px; }
  .prem-table td.prem-free, .prem-table td.prem-val,
  .prem-table th:nth-child(2), .prem-table th:nth-child(3) { width: 68px; }
  .prem-hero h1 { font-size: 19px; }
}

/* ===== PREMIUM_PAGE_V2: tablo toparlama ===== */
.prem-table { table-layout: auto; font-size: 13.5px; }
.prem-table th { text-align: center; padding: 8px 6px; }
.prem-table th:first-child { text-align: left !important; padding-left: 4px; }
.prem-table th, .prem-table td { padding: 7px 6px; }
/* ozellik kolonu genis, sola yasli, tek satir */
.prem-table th:first-child, .prem-table td.prem-feat {
  width: auto; text-align: left; white-space: nowrap;
}
/* deger kolonlari dar ve sabit, satir kirilmasin */
.prem-table th:nth-child(2), .prem-table th:nth-child(3),
.prem-table td.prem-free, .prem-table td.prem-val {
  width: 84px !important; min-width: 84px; text-align: center; white-space: nowrap;
}
.prem-table td.prem-val { font-size: 13px; }
.prem-soon { margin-left: 5px; font-size: 9px; padding: 1px 5px; background: #cbd5e1; color: #475569; }
html.dark .prem-soon { background: rgba(255,255,255,.14); color: #cbd5e1; }
.prem-soon-row { opacity: 1; }
.prem-soon-row .prem-feat, .prem-soon-row .prem-free, .prem-soon-row .prem-val { color: var(--muted); }
.prem-soon-row .prem-val { font-weight: 600; }

@media (max-width: 600px) {
  .prem-table { font-size: 12px; }
  .prem-table th, .prem-table td { padding: 6px 3px; }
  .prem-table td.prem-feat { white-space: normal; line-height: 1.3; }
  .prem-table th:nth-child(2), .prem-table th:nth-child(3),
  .prem-table td.prem-free, .prem-table td.prem-val {
    width: 62px !important; min-width: 62px; font-size: 11.5px; white-space: normal;
  }
  .prem-soon { display: inline-block; margin-left: 4px; font-size: 8.5px; }
}

/* CV_MOBILE_TIGHT_V1 START */
@media (max-width: 640px){
  .cv-hero{ padding:12px 12px 10px !important; margin-bottom:10px !important; }
  .cv-hero .hero-main{ margin-bottom:6px !important; }
  .cv-hero .hero-club{ font-size:17px !important; line-height:1.25 !important; }
  .cv-hero .hero-sub{ font-size:11.5px !important; margin-top:2px !important; }
  .cv-hero .hero-trophies{ margin:6px 0 !important; gap:4px !important; }
  .cv-hero .hero-trophies:empty{ display:none !important; margin:0 !important; }
  .cv-hero .hero-stats{ gap:6px !important; margin:8px 0 0 !important; }
  .cv-hero .hero-stat{ padding:7px 8px !important; }
  .cv-hero .hero-friend{ margin-top:8px !important; padding-top:8px !important; }
  .cv-hero .hero-friend .cv-friend{ margin:0 !important; gap:6px !important; }
  .cv-hero .cv-btn-row{ gap:6px !important; }
  .cv-hero .cv-badge{ padding:5px 9px !important; }

  .card.cv-card{ padding:10px !important; margin-bottom:10px !important; overflow-x:hidden !important; }
  .card.cv-card > h2{ font-size:15px !important; margin:0 0 8px !important; }

  /* club.php icin yazilmis 700px + sabit genislik + sticky kurallarini sifirla */
  .cv-squad{ min-width:0 !important; width:100% !important; table-layout:fixed !important; font-size:11.5px !important; }
  .cv-squad th, .cv-squad td{
    position:static !important; left:auto !important; z-index:auto !important;
    background:transparent !important; box-shadow:none !important;
    width:auto !important; min-width:0 !important; max-width:none !important;
    padding:5px 3px !important; white-space:nowrap !important;
    overflow:hidden !important; text-overflow:ellipsis !important; line-height:1.25 !important;
  }
  .cv-squad th:nth-child(1), .cv-squad td:nth-child(1){ width:24px !important; text-align:center !important; padding-left:0 !important; }
  .cv-squad th:nth-child(2), .cv-squad td:nth-child(2){ width:auto !important; text-align:left !important; }
  .cv-squad th:nth-child(3), .cv-squad td:nth-child(3){ width:46px !important; text-align:center !important; }
  .cv-squad th:nth-child(4), .cv-squad td:nth-child(4){ width:26px !important; text-align:center !important; }
  .cv-squad th:nth-child(5), .cv-squad td:nth-child(5){ width:32px !important; text-align:center !important; }
  .cv-squad th:nth-child(6), .cv-squad td:nth-child(6){ width:24px !important; text-align:center !important; }
  .cv-squad th:nth-child(7), .cv-squad td:nth-child(7){ width:24px !important; text-align:center !important; padding-right:0 !important; }
  .cv-squad td:nth-child(2) .player-link{ max-width:none !important; display:inline !important; }
  .cv-squad .pos-badge{ font-size:9.5px !important; padding:1px 4px !important; display:inline-block !important; }
  .cv-squad .shirt-num-badge{ font-size:10.5px !important; min-width:18px !important; padding:1px 3px !important; }
  .cv-squad .player-flag{ margin-right:3px !important; }

  .cv-card .sf-season-form{ margin:0 0 8px !important; }
  .cv-card .sf-season-form label{ font-size:12px !important; }
  .cv-card .season-fixture-list{ max-height:340px !important; }
  .cv-card .sf-row{ padding:5px 2px !important; gap:3px !important; line-height:1.3 !important; }
}
@media (max-width: 380px){
  .cv-squad{ font-size:11px !important; }
  .cv-squad th:nth-child(3), .cv-squad td:nth-child(3){ width:40px !important; }
  .cv-squad th:nth-child(5), .cv-squad td:nth-child(5){ width:28px !important; }
  .cv-squad .sale-mark{ display:none !important; }
}
/* CV_MOBILE_TIGHT_V1 END */

/* NAV_PREMIUM_STAR_V1 START */
.nav-premium-star{ display:none; }
@media (max-width: 900px){
  .nav-premium-star{
    display:inline-flex; align-items:center; justify-content:center;
    font-size:19px; line-height:1; text-decoration:none;
    margin-right:8px; padding:2px; filter:drop-shadow(0 0 3px rgba(255,200,0,.45));
  }
  .nav-premium-star:active{ transform:scale(.92); }
  /* menudeki "⭐ Premium" yazisinin yildizini mobilde kirp */
  .nav-premium{ text-indent:-1.35em !important; padding-left:1.35em !important; overflow:hidden !important; white-space:nowrap !important; }
}
/* NAV_PREMIUM_STAR_V1 END */

/* NAV_ONE_LINE_V1 START */
@media (max-width: 900px){
  .topbar{ flex-wrap:nowrap !important; gap:2px !important; padding-left:10px !important; padding-right:8px !important; }
  .topbar > .logo, .topbar > a:first-child{ flex:0 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .topbar .new-tab-btn{ display:none !important; }
  .topbar .theme-toggle{ margin-left:auto !important; order:2 !important; flex:0 0 auto; width:32px !important; height:32px !important; font-size:16px !important; padding:0 !important; }
  .topbar .nav-toggle{ order:3 !important; flex:0 0 auto; font-size:20px !important; padding:2px 4px !important; margin-left:2px !important; }
  .topbar .notif-bell, .topbar .soc-icon-link{ flex:0 0 auto; font-size:17px !important; padding:2px 3px !important; margin-left:2px !important; }
  .topbar .nav-premium-star{ flex:0 0 auto; font-size:17px !important; margin-right:2px !important; margin-left:2px !important; padding:2px 3px !important; }
  .topbar .lang-toggle-topbar{ flex:0 0 auto; margin:0 2px !important; }
  .topbar .lang-toggle-btn{ padding:2px !important; line-height:0 !important; }
  .topbar .lang-toggle-btn svg{ width:19px !important; height:14px !important; }
  .topbar .notif-count{ font-size:9px !important; padding:0 3px !important; }
}
@media (max-width: 400px){
  .topbar{ padding-left:8px !important; }
  .topbar .notif-bell, .topbar .soc-icon-link, .topbar .nav-premium-star{ font-size:15.5px !important; padding:2px !important; }
  .topbar .theme-toggle{ width:28px !important; height:28px !important; font-size:15px !important; }
  .topbar .lang-toggle-btn svg{ width:17px !important; height:12px !important; }
}
/* NAV_ONE_LINE_V1 END */

/* NAV_ONE_LINE_FIX_V1 START */
@media (max-width: 900px){
  /* kapali menu: tek satir; nav hic yer kaplamasin */
  .topbar #mainNav{ flex:0 0 auto; }
  .topbar #mainNav:not(.nav-open){ display:none !important; }
  /* menu acikken satir sarmalamasi geri gelsin */
  .topbar:has(#mainNav.nav-open){ flex-wrap:wrap !important; }
  .topbar #mainNav.nav-open{
    display:flex !important; flex-direction:column !important;
    order:9 !important; flex:1 0 100% !important; width:100% !important;
  }
}
/* NAV_ONE_LINE_FIX_V1 END */

/* SLOT_FIT_UI_V1 START */
.sf-banner{
  display:flex; align-items:center; gap:8px;
  background:rgba(232,185,35,.14); border:1px solid rgba(232,185,35,.45);
  color:#8a6d00; border-radius:9px; padding:8px 11px; margin:0 0 10px;
  font-size:12.8px; line-height:1.35; font-weight:600;
}
.sf-banner .sfb-ic{ font-size:15px; flex:0 0 auto; }
html.dark .sf-banner{ background:rgba(232,185,35,.12); border-color:rgba(232,185,35,.35); color:#e8c65a; }

.slot.slot-fit-near{ box-shadow:0 0 0 2px rgba(232,185,35,.85) inset; }
.slot.slot-fit-far{ box-shadow:0 0 0 2px rgba(230,126,34,.9) inset; }
.slot.slot-fit-gk{ box-shadow:0 0 0 2px rgba(192,57,43,.95) inset; }
.slot.slot-fit-near::after,
.slot.slot-fit-far::after,
.slot.slot-fit-gk::after{
  content:'!'; position:absolute; top:-4px; left:-4px;
  width:14px; height:14px; border-radius:50%;
  font-size:10px; font-weight:800; line-height:14px; text-align:center;
  color:#fff; pointer-events:none; z-index:3;
}
.slot.slot-fit-near::after{ background:#e8b923; color:#4a3a00; }
.slot.slot-fit-far::after{ background:#e67e22; }
.slot.slot-fit-gk::after{ background:#c0392b; }
@media (max-width: 640px){
  .sf-banner{ font-size:11.8px; padding:7px 9px; margin-bottom:8px; }
  .slot.slot-fit-near::after,
  .slot.slot-fit-far::after,
  .slot.slot-fit-gk::after{ width:12px; height:12px; line-height:12px; font-size:9px; }
}
/* SLOT_FIT_UI_V1 END */

/* SMART18_NOTE_V1 START */
.smart18-note{ font-size:11.5px; color:var(--muted); margin:5px 0 0; line-height:1.35; }
@media (max-width:640px){ .smart18-note{ font-size:11px; } }
/* SMART18_NOTE_V1 END */

/* FAC_PREMIUM_V1 START */
.fac-prem-banner{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  background:rgba(232,185,35,.13); border:1px solid rgba(232,185,35,.42);
  color:#7a6000; border-radius:11px; padding:12px 14px; margin:0 0 14px;
  font-size:13px; line-height:1.45;
}
.fac-prem-banner .fpb-ic{ font-size:18px; flex:0 0 auto; }
.fac-prem-banner .fpb-txt{ flex:1 1 240px; }
.fac-prem-banner .fpb-cta{ flex:0 0 auto; background:#e8b923; color:#4a3a00; border:none; font-weight:700; }
html.dark .fac-prem-banner{ background:rgba(232,185,35,.11); border-color:rgba(232,185,35,.32); color:#e8c65a; }

.level-capped{ font-size:11.5px; color:var(--muted); margin-left:5px; font-weight:600; white-space:nowrap; }
.fac-locked-btn{
  display:inline-flex; align-items:center; gap:6px; width:100%; justify-content:center;
  background:var(--bg); border:1px dashed var(--border); color:var(--muted);
  font-weight:600; text-decoration:none;
}
.fac-locked-btn:hover{ border-color:#e8b923; color:#8a6d00; }
html.dark .fac-locked-btn:hover{ color:#e8c65a; }
@media (max-width:640px){
  .fac-prem-banner{ font-size:12px; padding:10px 12px; gap:8px; }
  .fac-prem-banner .fpb-cta{ width:100%; }
  .level-capped{ font-size:10.5px; display:block; margin:2px 0 0; }
}
/* FAC_PREMIUM_V1 END */

/* PREM_TABLE_MOBILE_V1 START */
@media (max-width: 640px){
  .prem-table{ table-layout:fixed !important; width:100% !important; font-size:12px !important; }
  .prem-table th, .prem-table td{
    padding:9px 4px !important; vertical-align:middle !important; line-height:1.3 !important;
  }
  .prem-table th:first-child, .prem-table td.prem-feat{
    width:auto !important; white-space:normal !important; word-break:break-word !important;
    padding-left:2px !important; font-size:12px !important;
  }
  .prem-table th:nth-child(2), .prem-table td.prem-free{ width:62px !important; }
  .prem-table th:nth-child(3), .prem-table td.prem-val{ width:82px !important; }
  .prem-table td.prem-free, .prem-table td.prem-val{
    white-space:normal !important; font-size:11.5px !important; text-align:center !important;
    hyphens:none !important;
  }
  .prem-soon{
    display:inline-block !important; font-size:9.5px !important;
    padding:1px 5px !important; margin-left:4px !important; vertical-align:middle !important;
    white-space:nowrap !important;
  }
  .prem-table tr{ height:auto !important; }
}
@media (max-width: 380px){
  .prem-table{ font-size:11.5px !important; }
  .prem-table th:nth-child(2), .prem-table td.prem-free{ width:54px !important; }
  .prem-table th:nth-child(3), .prem-table td.prem-val{ width:66px !important; }
  .prem-table th, .prem-table td{ padding:8px 3px !important; }
}
/* PREM_TABLE_MOBILE_V1 END */

/* SMART_PREM_V1 */
.smart-locked-btn{ display:inline-flex; align-items:center; gap:5px; background:var(--bg); border:1px dashed var(--border); color:var(--muted); font-weight:600; text-decoration:none; }
.smart-locked-btn:hover{ border-color:#e8b923; color:#8a6d00; }
html.dark .smart-locked-btn:hover{ color:#e8c65a; }

/* REG_REPORT_V1 */
.reg-report-wrap{ margin-top:8px; }
.reg-report-form{ margin:0; }
.reg-report-btn{ background:none; border:none; color:#c0392b; font-size:12.5px; font-weight:600; text-decoration:underline; cursor:pointer; padding:2px 0; }
.reg-report-btn:hover{ opacity:.8; }
.reg-report-ok{ font-size:12.5px; color:#1a8a4f; font-weight:600; }

/* TIMER_FREE_NOTE_V1 */
.timer-free-note{ font-size:12px; text-align:center; color:var(--muted); margin:6px auto 0; max-width:520px; line-height:1.45; padding:7px 10px; background:rgba(232,185,35,.10); border:1px solid rgba(232,185,35,.30); border-radius:8px; }
.timer-free-note a{ text-decoration:none; }

/* FX_SCORE_LINK_V1 */
.efx-score-link{ color:inherit; text-decoration:none; }
.efx-score-link:hover{ text-decoration:underline; }

/* PT_UI_V1 START */
.pt-head-top{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.pt-head-top h1{ margin:0; }
.pt-status{ font-size:12px; font-weight:700; padding:3px 10px; border-radius:20px; }
.pt-status-draft{ background:rgba(232,185,35,.18); color:#8a6d00; }
.pt-status-running{ background:rgba(26,138,79,.16); color:#1a8a4f; }
.pt-status-finished{ background:rgba(37,99,235,.14); color:#2563eb; }
.pt-status-cancelled{ background:rgba(192,57,43,.14); color:#c0392b; }
html.dark .pt-status-draft{ color:#e8c65a; }
.pt-meta{ display:flex; gap:14px; flex-wrap:wrap; font-size:13px; color:var(--muted); margin-top:8px; }
.pt-neutral{ font-size:12.5px; line-height:1.45; margin-top:8px; padding:8px 10px; background:var(--bg); border-radius:8px; }
.pt-form{ display:flex; flex-direction:column; gap:12px; max-width:420px; }
.pt-field{ display:flex; flex-direction:column; gap:4px; font-size:13px; font-weight:600; }
.pt-field input, .pt-field select{ padding:8px 10px; border:1px solid var(--border); border-radius:8px; background:var(--input-bg,#fff); color:var(--text); font-size:14px; }
html.dark .pt-field input, html.dark .pt-field select{ background:#1f2532; }
.pt-check{ display:flex; align-items:center; gap:8px; font-size:13px; }
.pt-inline-form{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.pt-inline-form select{ padding:7px 10px; border:1px solid var(--border); border-radius:8px; background:var(--input-bg,#fff); color:var(--text); }
html.dark .pt-inline-form select{ background:#1f2532; }
.pt-danger{ background:rgba(192,57,43,.10); border:1px solid rgba(192,57,43,.35); color:#c0392b; }
.pt-danger:hover{ background:rgba(192,57,43,.18); }
.pt-invite{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:10px 0; border-bottom:1px solid var(--border); }
.pt-invite:last-child{ border-bottom:none; }
.pt-inv-info{ display:flex; flex-direction:column; gap:2px; font-size:13.5px; }
.pt-inv-info .muted{ font-size:12px; }
.pt-inv-btns{ display:flex; gap:6px; }
.pt-round-head{ font-size:12px; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.3px; margin:14px 0 6px; padding-bottom:4px; border-bottom:1px solid var(--border); }
.pt-match{ display:grid; grid-template-columns:1fr 78px 1fr; align-items:center; gap:8px; padding:7px 2px; font-size:13.5px; }
.pt-match .pt-home{ text-align:right; }
.pt-match .pt-away{ text-align:left; }
.pt-score{ text-align:center; font-weight:700; }
.pt-table tr.pt-me td{ background:rgba(37,99,235,.08); font-weight:600; }
html.dark .pt-table tr.pt-me td{ background:rgba(37,99,235,.16); }
.pt-table tr.pt-out td{ opacity:.45; text-decoration:line-through; }
@media (max-width:640px){
  .pt-form{ max-width:100%; }
  .pt-meta{ gap:8px; font-size:12px; }
  .pt-match{ grid-template-columns:1fr 62px 1fr; font-size:12.5px; gap:4px; }
  .pt-invite{ flex-direction:column; align-items:stretch; }
  .pt-inv-btns{ justify-content:stretch; }
  .pt-inv-btns form, .pt-inv-btns .btn{ flex:1; }
}
/* PT_UI_V1 END */

/* PT_UI_FIX_V1 START */
.pt-form{ max-width:460px; margin:0 auto; gap:14px; }
.pt-form .pt-field span{ font-size:12.5px; color:var(--muted); font-weight:600; }
.pt-form .pt-field input[type="text"],
.pt-form .pt-field input[type="datetime-local"],
.pt-form .pt-field select{ width:100%; box-sizing:border-box; }
.pt-check{
  display:flex !important; align-items:flex-start; gap:9px;
  font-size:13px; line-height:1.4; font-weight:500; cursor:pointer;
  padding:9px 11px; background:var(--bg); border:1px solid var(--border); border-radius:9px;
}
.pt-check input[type="checkbox"]{
  width:16px !important; min-width:16px; height:16px; margin:1px 0 0 !important;
  flex:0 0 auto; padding:0 !important; border-radius:4px; accent-color:var(--accent,#2563eb);
}
.pt-check span{ flex:1; }
.pt-form > p.muted{ margin:0; font-size:12px; }
.pt-form > button{ width:100%; padding:11px; font-size:14.5px; }
.card > h1{ text-align:center; }
.pt-neutral{ text-align:center; }
@media (max-width:640px){
  .pt-form{ max-width:100%; gap:12px; }
  .pt-check{ font-size:12.5px; padding:8px 10px; }
}
/* PT_UI_FIX_V1 END */

/* PT_ENTRY_V1 START */
.pt-entry-list{ display:flex; flex-direction:column; gap:2px; margin-top:6px; }
.pt-entry{ display:flex; align-items:center; gap:10px; padding:9px 4px; border-bottom:1px solid var(--border); font-size:13.5px; }
.pt-entry:last-child{ border-bottom:none; }
.pt-entry-name{ flex:1; display:flex; align-items:center; gap:7px; min-width:0; }
.pt-owner{ font-size:10px; font-weight:700; padding:1px 6px; border-radius:10px; background:rgba(37,99,235,.14); color:#2563eb; white-space:nowrap; }
.pt-entry-st{ font-size:11px; font-weight:700; padding:2px 9px; border-radius:12px; white-space:nowrap; }
.pt-st-invited{ background:rgba(232,185,35,.18); color:#8a6d00; }
.pt-st-joined{ background:rgba(26,138,79,.16); color:#1a8a4f; }
.pt-st-declined{ background:rgba(154,165,177,.20); color:#6b7280; }
.pt-st-withdrawn{ background:rgba(192,57,43,.14); color:#c0392b; }
html.dark .pt-st-invited{ color:#e8c65a; }
html.dark .pt-st-declined{ color:#98a2b3; }
.pt-entry-declined .pt-entry-name, .pt-entry-withdrawn .pt-entry-name{ opacity:.5; }
.pt-x{ background:none; border:none; color:var(--muted); font-size:19px; line-height:1; cursor:pointer; padding:0 4px; border-radius:5px; }
.pt-x:hover{ color:#c0392b; background:rgba(192,57,43,.10); }
.pt-x-sp{ width:19px; display:inline-block; }
@media (max-width:640px){ .pt-entry{ font-size:12.5px; gap:7px; } .pt-entry-st{ font-size:10px; padding:2px 7px; } }
/* PT_ENTRY_V1 END */

/* PT_FIX_V2 START */
.pt-round-head{
  font-size:11px; font-weight:700; color:var(--muted);
  text-transform:uppercase; letter-spacing:.5px;
  margin:16px 0 2px; padding:0 0 6px; border-bottom:1px solid var(--border);
  max-width:560px; margin-left:auto; margin-right:auto;
}
.pt-round-head:first-child{ margin-top:4px; }
.pt-match{
  display:grid; grid-template-columns:1fr 92px 1fr;
  align-items:center; gap:10px;
  max-width:560px; margin:0 auto;
  padding:10px 8px; font-size:13.5px;
  border-bottom:1px solid var(--border);
  border-radius:8px; transition:background .15s;
}
.pt-match:hover{ background:var(--bg); }
.pt-match:last-child{ border-bottom:none; }
.pt-match .pt-home{ text-align:right; font-weight:500; }
.pt-match .pt-away{ text-align:left; font-weight:500; }
.pt-score{
  text-align:center; font-weight:700; font-size:14px;
  padding:4px 6px; background:var(--bg); border-radius:7px;
  border:1px solid var(--border); white-space:nowrap;
}
.pt-match:hover .pt-score{ background:var(--card-bg,#fff); }
html.dark .pt-match:hover .pt-score{ background:#232a38; }
.pt-score .live-tag{
  display:inline-flex; align-items:center; gap:4px;
  font-size:10.5px; font-weight:800; letter-spacing:.3px;
}
.pt-score a{ text-decoration:none; color:inherit; display:block; }
.pt-score a:hover{ color:var(--accent,#2563eb); }
@media (max-width:640px){
  .pt-round-head{ font-size:10px; margin:12px 0 2px; padding-bottom:5px; }
  .pt-match{ grid-template-columns:1fr 74px 1fr; gap:5px; padding:9px 2px; font-size:12px; }
  .pt-score{ font-size:12.5px; padding:3px 4px; }
}
@media (max-width:380px){
  .pt-match{ grid-template-columns:1fr 64px 1fr; font-size:11.5px; }
}
/* PT_FIX_V2 END */

/* PT_STATS_V1 START */
.pt-stat-block{ max-width:560px; margin:0 auto 20px; }
.pt-stat-block:last-child{ margin-bottom:0; }
.pt-stat-title{ font-size:13px; font-weight:700; margin-bottom:6px; color:var(--text); }
.pt-stat-table{ width:100%; border-collapse:collapse; font-size:13px; }
.pt-stat-table th{ font-size:11px; text-transform:uppercase; letter-spacing:.3px; color:var(--muted); font-weight:700; padding:6px 4px; border-bottom:1px solid var(--border); text-align:center; }
.pt-stat-table th:nth-child(2){ text-align:left; }
.pt-stat-table td{ padding:7px 4px; border-bottom:1px solid var(--border); text-align:center; }
.pt-stat-table tr:last-child td{ border-bottom:none; }
.pt-stat-table th:first-child, .pt-stat-table td:first-child{ width:26px; color:var(--muted); }
.pt-stat-name{ text-align:left !important; display:flex; flex-direction:column; gap:1px; }
.pt-stat-club{ font-size:10.5px; color:var(--muted); }
.pt-hist-list{ display:flex; flex-direction:column; max-width:560px; margin:0 auto; }
.pt-hist{ display:grid; grid-template-columns:1fr 54px 92px; align-items:center; gap:8px; padding:11px 8px; border-bottom:1px solid var(--border); text-decoration:none; color:var(--text); border-radius:8px; }
.pt-hist:hover{ background:var(--bg); }
.pt-hist:last-child{ border-bottom:none; }
.pt-hist-name{ display:flex; flex-direction:column; gap:2px; font-size:13.5px; font-weight:600; min-width:0; }
.pt-hist-meta{ font-size:11px; color:var(--muted); font-weight:400; }
.pt-hist-rank{ text-align:center; font-weight:700; font-size:13px; }
.pt-hist-win{ color:#e8b923; }
.pt-hist-cancel{ font-size:11px; font-weight:600; color:#c0392b; grid-column:2 / span 2; }
.pt-hist-prize{ text-align:right; font-size:12px; font-weight:700; color:#1a8a4f; white-space:nowrap; }
@media (max-width:640px){
  .pt-stat-table{ font-size:12px; }
  .pt-hist{ grid-template-columns:1fr 44px 78px; gap:5px; padding:10px 4px; }
  .pt-hist-name{ font-size:12.5px; }
  .pt-hist-prize{ font-size:11px; }
}
/* PT_STATS_V1 END */

/* PT_PRIZE_DIST_V1 */
.pt-prize-dist{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:10px; padding:9px 11px; background:rgba(26,138,79,.07); border:1px solid rgba(26,138,79,.22); border-radius:9px; font-size:12.5px; }
.pt-pd-label{ font-weight:700; color:var(--muted); font-size:11.5px; text-transform:uppercase; letter-spacing:.3px; }
.pt-pd-item{ padding:2px 8px; background:var(--card-bg,#fff); border:1px solid var(--border); border-radius:14px; white-space:nowrap; }
html.dark .pt-pd-item{ background:#232a38; }
.pt-pd-item b{ color:var(--muted); font-weight:700; margin-right:2px; }
.pt-pd-first{ border-color:rgba(232,185,35,.55); background:rgba(232,185,35,.12); font-weight:700; }
html.dark .pt-pd-first{ background:rgba(232,185,35,.14); }
@media (max-width:640px){ .pt-prize-dist{ font-size:11.5px; gap:5px; padding:8px 9px; } .pt-pd-item{ padding:2px 6px; } }
/* PT_PRIZE_DIST_V1 END */

/* PT_LISTS_V1 START */
.pt-lists{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:18px; max-width:720px; margin:0 auto; }
.pt-list-head{ font-size:12px; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.4px; padding-bottom:6px; margin-bottom:2px; border-bottom:1px solid var(--border); }
.pt-list-row{ display:grid; grid-template-columns:20px 1fr 32px; align-items:center; gap:6px; padding:7px 2px; border-bottom:1px solid var(--border); font-size:13px; }
.pt-list-row:last-child{ border-bottom:none; }
.pt-lr-no{ color:var(--muted); font-size:11.5px; font-weight:700; }
.pt-lr-name{ display:flex; flex-direction:column; gap:1px; min-width:0; }
.pt-lr-name small{ font-size:10.5px; color:var(--muted); }
.pt-lr-val{ text-align:right; font-weight:800; font-size:14px; }
@media (max-width:640px){
  .pt-lists{ grid-template-columns:1fr; gap:14px; }
  .pt-list-row{ font-size:12.5px; padding:6px 2px; }
}
/* PT_LISTS_V1 END */

/* PT_PD_FIX_V1 START */
.pt-prize-dist{ flex-wrap:nowrap !important; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.pt-pd-label{ flex:0 0 auto; }
.pt-pd-item{ flex:0 0 auto; }
@media (max-width:640px){
  .pt-prize-dist{ flex-wrap:wrap !important; gap:4px 5px; }
  .pt-pd-label{ flex:1 0 100%; margin-bottom:2px; }
  .pt-pd-item{ flex:1 1 0; text-align:center; font-size:11px; padding:3px 4px; min-width:0; }
}
@media (max-width:380px){
  .pt-pd-item{ font-size:10.5px; padding:3px 2px; }
}
/* PT_PD_FIX_V1 END */

/* ZONE_BAR_FIX_V1 START */
.standings-table tr.zone-cl .rank-cell,
.standings-table tr.zone-el .rank-cell,
.standings-table tr.zone-stay .rank-cell{
  position:relative !important; overflow:hidden;
}
.standings-table tr.zone-cl .rank-cell::before,
.standings-table tr.zone-el .rank-cell::before,
.standings-table tr.zone-stay .rank-cell::before{
  left:0 !important; right:auto; width:3px !important;
  border-radius:0 2px 2px 0;
}
@media (max-width:640px){
  .standings-table tr.zone-cl .rank-cell::before,
  .standings-table tr.zone-el .rank-cell::before,
  .standings-table tr.zone-stay .rank-cell::before{ width:3px !important; }
  .standings-table tr.zone-cl .rank-cell,
  .standings-table tr.zone-el .rank-cell,
  .standings-table tr.zone-stay .rank-cell{ padding-left:7px !important; }
}
/* ZONE_BAR_FIX_V1 END */

/* NEWS_COMPACT_V1 START */
@media (max-width:640px){
  .news-post{ padding:9px 10px !important; gap:8px !important; margin-bottom:7px !important; }
  .news-post-avatar-link img, .news-post img.news-post-avatar{ width:30px !important; height:30px !important; }
  .news-post-author-row{ font-size:12px !important; gap:3px !important; margin-bottom:1px !important; line-height:1.25 !important; }
  .news-post-author-handle, .news-post-author-dot{ display:none !important; }
  .news-post-time{ font-size:10.5px !important; }
  .news-post-headline{ font-size:12.8px !important; line-height:1.35 !important; margin:2px 0 4px !important; }
  .news-post-actions, .news-post-stats{ gap:12px !important; font-size:10.5px !important; padding-top:4px !important; }
  .news-list{ gap:6px !important; }
}
@media (max-width:380px){
  .news-post-headline{ font-size:12.2px !important; }
  .news-post{ padding:8px 9px !important; }
}
/* NEWS_COMPACT_V1 END */

/* SCORE_TICKER_V1 START */
.score-ticker{
  display:flex; align-items:stretch; margin:0 0 14px;
  background:#12181f; border-radius:9px; overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,.18);
}
.stk-label{
  flex:0 0 auto; display:flex; align-items:center; gap:6px;
  background:#c0392b; color:#fff; font-size:11.5px; font-weight:800;
  letter-spacing:.6px; padding:0 13px; white-space:nowrap;
}
.stk-dot{
  width:7px; height:7px; border-radius:50%; background:#fff;
  animation:stkBlink 1.1s ease-in-out infinite;
}
@keyframes stkBlink{ 0%,100%{opacity:1} 50%{opacity:.25} }
.stk-track{ flex:1 1 auto; overflow:hidden; position:relative; min-width:0; }
.stk-move{
  display:inline-flex; align-items:center; white-space:nowrap;
  padding:9px 0; animation:stkScroll 40s linear infinite; /* TICKER_SPEED_V2: 22s -> 40s */
}
/* TICKER_NEWS_V1: haber modunda satirlar uzun metin, biraz daha yavas aksin */
.stk-newsmode .stk-move{ animation-duration:26s; }
.score-ticker:hover .stk-move{ animation-play-state:paused; }
@keyframes stkScroll{ from{ transform:translateX(0) } to{ transform:translateX(-50%) } }
.stk-item{
  display:inline-flex; align-items:center; gap:7px;
  padding:0 18px; color:#dfe6ee; text-decoration:none;
  font-size:13px; border-right:1px solid rgba(255,255,255,.10);
}
.stk-item:hover{ color:#fff; }
.stk-item b{ color:#fff; font-weight:800; letter-spacing:.4px; }
.stk-team{ font-weight:500; }
.stk-badge{
  font-style:normal; font-size:9px; font-weight:800; letter-spacing:.4px;
  background:#c0392b; color:#fff; padding:2px 5px; border-radius:3px;
}
.stk-live b{ color:#ffd166; }
.stk-mine{ background:rgba(37,99,235,.16); }
.stk-mine .stk-team{ font-weight:700; color:#fff; }
@media (max-width:640px){
  .score-ticker{ margin-bottom:11px; border-radius:8px; }
  .stk-label{ font-size:10px; padding:0 9px; gap:5px; letter-spacing:.4px; }
  .stk-dot{ width:6px; height:6px; }
  .stk-move{ padding:7px 0; animation-duration:18s; }
  .stk-newsmode .stk-move{ animation-duration:21s; }
  .stk-item{ font-size:11.5px; padding:0 12px; gap:5px; }
  .stk-badge{ font-size:8px; padding:1px 4px; }
}
@media (prefers-reduced-motion: reduce){
  .stk-move{ animation:none; }
  .stk-track{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .stk-dot{ animation:none; }
}
/* SCORE_TICKER_V1 END */

/* STK_LIVE_BLINK_V1 START */
.stk-live b{
  color:#ff5c4d !important;
  animation:stkScoreBlink 1.2s ease-in-out infinite;
}
@keyframes stkScoreBlink{
  0%,100%{ opacity:1; text-shadow:0 0 8px rgba(255,92,77,.65); }
  50%    { opacity:.45; text-shadow:none; }
}
.stk-live .stk-badge{ animation:stkScoreBlink 1.2s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce){
  .stk-live b, .stk-live .stk-badge{ animation:none; opacity:1; }
}
/* STK_LIVE_BLINK_V1 END */

/* STK_GOAL_V1 START */
.score-ticker{ position:relative; }
.stk-goal{
  position:absolute; inset:0; z-index:5;
  display:flex; align-items:center; justify-content:center; gap:12px;
  background:linear-gradient(90deg,#8e1a12,#c0392b 45%,#8e1a12);
  color:#fff; font-size:15px; font-weight:800; letter-spacing:.3px;
  animation:stkGoalIn .35s cubic-bezier(.2,.8,.3,1);
}
.stk-goal-out{ animation:stkGoalOut .4s ease forwards; }
@keyframes stkGoalIn{ from{ opacity:0; transform:translateY(100%); } to{ opacity:1; transform:none; } }
@keyframes stkGoalOut{ to{ opacity:0; transform:translateY(-100%); } }
.stk-g-tag{
  font-size:12px; font-weight:900; letter-spacing:1px;
  background:#fff; color:#c0392b; padding:3px 9px; border-radius:4px;
  animation:stkGoalPulse .55s ease-in-out infinite alternate;
}
@keyframes stkGoalPulse{ from{ transform:scale(1); } to{ transform:scale(1.08); } }
.stk-g-txt b{ font-size:17px; font-weight:900; margin:0 6px; text-shadow:0 0 12px rgba(255,255,255,.5); }
.score-ticker.stk-goal-on .stk-move{ animation-play-state:paused; }
@media (max-width:640px){
  .stk-goal{ font-size:12.5px; gap:8px; padding:0 8px; }
  .stk-g-tag{ font-size:10px; padding:2px 6px; letter-spacing:.6px; }
  .stk-g-txt b{ font-size:14px; margin:0 4px; }
}
@media (prefers-reduced-motion: reduce){
  .stk-goal, .stk-g-tag{ animation:none; }
}
/* STK_GOAL_V1 END */

/* NM_TYPE_OZEL_V1 */
.nm-type-ozel{ background:rgba(232,185,35,.18); color:#8a6d00; }
html.dark .nm-type-ozel{ background:rgba(232,185,35,.16); color:#e8c65a; }

/* KIT_EDITOR_V1 START */
.kit-svg{ display:block; max-width:100%; height:auto; }

.ke-tabs{ display:flex; gap:6px; margin-bottom:14px; background:var(--bg); padding:5px; border-radius:12px; }
.ke-tab{ flex:1; text-align:center; padding:9px 6px; border-radius:9px; font-size:13px; font-weight:600;
         color:var(--muted); text-decoration:none; transition:background .15s,color .15s; }
.ke-tab-on{ background:var(--card-bg,#fff); color:var(--text); box-shadow:0 1px 3px rgba(0,0,0,.08); }
html.dark .ke-tab-on{ background:#232a38; }

.ke-wrap{ display:grid; grid-template-columns:1fr; gap:14px; }

.ke-preview{
  background:var(--card-bg,#fff); border:1px solid var(--border); border-radius:14px;
  padding:18px 14px 14px; text-align:center;
  position:sticky; top:8px; z-index:20;
}
html.dark .ke-preview{ background:#1b2129; }
.ke-stage{ display:flex; justify-content:center; align-items:center; min-height:200px; }
.ke-club{ font-size:12.5px; color:var(--muted); font-weight:600; margin-top:8px; }

.ke-panel{ display:flex; flex-direction:column; gap:9px; }
.ke-sec{ background:var(--card-bg,#fff); border:1px solid var(--border); border-radius:11px; overflow:hidden; }
html.dark .ke-sec{ background:#1b2129; }
.ke-sec summary{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:13px 15px; font-size:13.5px; font-weight:600; cursor:pointer; list-style:none;
}
.ke-sec summary::-webkit-details-marker{ display:none; }
.ke-sec summary::after{ content:'⌄'; font-size:15px; color:var(--muted); transition:transform .2s; margin-left:auto; }
.ke-sec[open] summary::after{ transform:rotate(180deg); }
.ke-cur{ font-size:12px; color:var(--muted); font-weight:500; }
.ke-dot{ width:19px; height:19px; border-radius:50%; border:2px solid var(--border); flex:0 0 auto; }

.ke-pats{ display:grid; grid-template-columns:repeat(auto-fill,minmax(62px,1fr)); gap:8px; padding:4px 13px 14px; }
.ke-pat{ background:var(--bg); border:2px solid transparent; border-radius:9px; padding:5px; cursor:pointer; line-height:0; }
.ke-pat:hover{ border-color:var(--border); }
.ke-pat-on{ border-color:var(--accent,#2563eb); background:rgba(37,99,235,.08); }

.ke-colors{ display:grid; grid-template-columns:repeat(auto-fill,minmax(38px,1fr)); gap:7px; padding:4px 13px 14px; }
.ke-color{
  aspect-ratio:1; border-radius:8px; border:2px solid rgba(0,0,0,.10);
  cursor:pointer; padding:0; transition:transform .12s;
}
.ke-color:hover{ transform:scale(1.08); }
.ke-color-on{ border-color:var(--accent,#2563eb); border-width:3px; box-shadow:0 0 0 2px rgba(37,99,235,.22); }

.ke-save{ width:100%; padding:13px; font-size:15px; margin-top:4px; }
.ke-back{ text-align:center; font-size:12.5px; color:var(--muted); text-decoration:none; padding:6px; }
.ke-back:hover{ color:var(--text); }

@media (min-width:820px){
  .ke-wrap{ grid-template-columns:300px 1fr; align-items:start; }
  .ke-preview{ top:16px; padding:24px 18px 18px; }
  .ke-stage{ min-height:250px; }
  .ke-pats{ grid-template-columns:repeat(auto-fill,minmax(70px,1fr)); }
  .ke-colors{ grid-template-columns:repeat(auto-fill,minmax(42px,1fr)); }
}
@media (max-width:640px){
  .ke-tab{ font-size:12px; padding:8px 4px; }
  .ke-preview{ padding:14px 10px 10px; }
  .ke-stage{ min-height:170px; }
  .ke-stage svg{ width:150px !important; height:180px !important; }
  .ke-sec summary{ padding:12px 13px; font-size:12.8px; }
  .ke-pats{ grid-template-columns:repeat(auto-fill,minmax(56px,1fr)); gap:6px; padding:2px 10px 12px; }
  .ke-colors{ grid-template-columns:repeat(7,1fr); gap:6px; padding:2px 10px 12px; }
}
/* KIT_EDITOR_V1 END */

/* MATCH_COMPACT_V1 — mobilde filtreler ve mac satirlari tek satirda */
@media (max-width: 600px) {
  .match-filters{ flex-wrap: wrap; gap: 5px; }
  .match-filters .btn{ font-size: 11.5px; padding: 6px 9px; white-space: nowrap; flex: 1 1 auto; text-align: center; }
  .match-filters .btn:first-child{ flex: 1 1 100%; }
  .match-row{
    grid-template-columns: auto auto 1fr auto;
    grid-template-areas: "res type teams date";
    align-items: center; row-gap: 0; column-gap: 7px; padding: 8px 10px;
  }
  .mr-result{ grid-area: res; width: 20px; height: 20px; font-size: 10.5px; }
  .mr-type{ grid-area: type; font-size: 9.5px; padding: 1px 5px; min-width: 0; }
  .mr-teams{
    grid-area: teams; font-size: 12px; line-height: 1.25;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0;
  }
  .mr-teams strong{ max-width: none; }
  .mr-date{ grid-area: date; display: block; font-size: 10px; }
  .match-summary{ gap: 6px; }
  .match-summary .ms-item{ flex: 1; min-width: 0; padding: 9px 4px; }
  .match-summary .ms-item strong{ font-size: 17px; }
  .match-summary .ms-item span{ font-size: 10px; }
}
@media (max-width: 400px) {
  .mr-date{ display: none; }
  .mr-teams{ font-size: 11.5px; }
}
/* WATCH_MYOFFER_CSS_V1: izleme listesinde kendi teklifim */
.apv-card.wmo-mine{opacity:.82;}
.apv-card.wmo-mine .apv-stripe{opacity:.55;}
.wmo-pending{background:rgba(59,167,118,.12);border:1px solid rgba(59,167,118,.45);color:var(--accent);font-weight:600;cursor:default;}
.wmo-goto{font-size:12px;opacity:.9;}
.wmo-rej,.wmo-exp{display:inline-block;font-size:11px;padding:1px 7px;border-radius:10px;border:1px solid;line-height:1.6;white-space:nowrap;}
.wmo-rej{color:#c0392b;border-color:#c0392b;background:rgba(192,57,43,.08);}
.wmo-exp{color:#8a6d3b;border-color:#c0a16b;background:rgba(192,161,107,.10);}
html.dark .apv-card.wmo-mine{opacity:.78;}
html.dark .wmo-pending{background:rgba(59,167,118,.18);border-color:rgba(59,167,118,.55);}
html.dark .wmo-rej{color:#ff7a6b;border-color:#ff7a6b;background:rgba(255,122,107,.12);}
html.dark .wmo-exp{color:#d9b877;border-color:#d9b877;background:rgba(217,184,119,.12);}
@media(max-width:520px){.wmo-pending{font-size:12px;padding:0 9px;}.wmo-goto{display:none;}}

/* LIVE_SCORE_CSS_V2: canli mac - kirmizi zemin/beyaz skor, solunda dakika */
.live-wrap{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;}
.live-min{color:#e02020;font-weight:700;font-size:13px;letter-spacing:.3px;white-space:nowrap;}
.live-score{display:inline-block;background:#e02020;color:#fff;font-weight:800;
  padding:2px 11px;border-radius:7px;letter-spacing:.5px;white-space:nowrap;
  box-shadow:0 0 0 1px rgba(224,32,32,.30);animation:liveScorePulse 1.8s ease-in-out infinite;}
@keyframes liveScorePulse{0%,100%{box-shadow:0 0 0 1px rgba(224,32,32,.30);}
  50%{box-shadow:0 0 0 4px rgba(224,32,32,.16);}}
a .live-score,.live-score a{text-decoration:none;color:#fff;}
a .live-wrap,a:hover .live-score{text-decoration:none;}
html.dark .live-score{background:#ff3b30;color:#111;box-shadow:0 0 0 1px rgba(255,59,48,.40);}
html.dark .live-min{color:#ff5146;}
@media(max-width:520px){.live-score{padding:2px 8px;font-size:13px;}.live-min{font-size:12px;}}
@media(prefers-reduced-motion:reduce){.live-score{animation:none;}}

/* FR_QUOTA_CSS_V1: hazirlik maci gunluk hak sayaci */
.fm-quota{display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:12px;padding:9px 13px;border-radius:10px;font-size:14px;
  border:1px solid var(--border);background:rgba(59,167,118,.08);}
.fm-quota-count{color:var(--text);}
.fm-quota-count strong{color:var(--accent);font-weight:700;}
.fm-quota-left{font-size:13px;color:var(--muted);}
.fm-quota-full{border-color:rgba(192,57,43,.45);background:rgba(192,57,43,.08);}
.fm-quota-full .fm-quota-count strong,.fm-quota-full .fm-quota-left{color:#c0392b;}
html.dark .fm-quota{background:rgba(59,167,118,.14);}
html.dark .fm-quota-full{background:rgba(255,122,107,.12);border-color:rgba(255,122,107,.45);}
html.dark .fm-quota-full .fm-quota-count strong,html.dark .fm-quota-full .fm-quota-left{color:#ff7a6b;}
@media(max-width:420px){.fm-quota{flex-direction:column;align-items:flex-start;gap:3px;}}

/* CMP_CONTRAST_V1: karsilastirma tablosunda "en iyi" hucre okunakliligi.
   Onceden sadece arka plan yesildi, yazi rengi ayarli degildi -> soluk goruntu. */
.cmp-val-col.cmp-best{background:rgba(26,138,79,.16);color:#14663a;font-weight:800;}
.cmp-ca-best{background:rgba(26,138,79,.18) !important;color:#14663a !important;font-weight:800;}
html.dark .cmp-val-col.cmp-best{background:rgba(46,204,113,.20);color:#7ee2a8;}
html.dark .cmp-ca-best{background:rgba(46,204,113,.24) !important;color:#7ee2a8 !important;}
.cmp-val-col.cmp-best::after{content:" ★";font-size:10px;opacity:.65;}
html.dark .cmp-bar-fill.cmp-bar-best{background:#2ecc71;}

/* CMP_CONTRAST_V2: cmp-bar-num'daki mix-blend-mode:difference + invert + contrast(9)
   yesil/pembe zeminde okunamayan renkler uretiyordu. Blend kaldirildi; sayi beyaz
   ve golgeli - hem dolu hem bos kisimda okunur. Bar renkleri de netlestirildi. */
.cmp-bar-num{
  mix-blend-mode:normal !important;
  filter:none !important;
  color:#fff !important;
  text-shadow:0 1px 2px rgba(0,0,0,.55), 0 0 3px rgba(0,0,0,.45) !important;
  font-weight:800 !important;
}
.cmp-bar-fill.cmp-bar-best{background:#1a8a4f !important;}
.cmp-bar-fill.cmp-bar-rest{background:#6b7a86 !important;}
html.dark .cmp-bar-fill.cmp-bar-best{background:#2ecc71 !important;}
html.dark .cmp-bar-fill.cmp-bar-rest{background:#5a6572 !important;}
.cmp-bar-wrap{background:rgba(0,0,0,.28) !important;}
html.dark .cmp-bar-wrap{background:rgba(255,255,255,.14) !important;}
/* en iyi hucre vurgusu: yazi rengi degil, sadece zemin + kalinlik */
.cmp-val-col.cmp-best{background:rgba(26,138,79,.14) !important;color:inherit !important;}
html.dark .cmp-val-col.cmp-best{background:rgba(46,204,113,.18) !important;color:inherit !important;}
.cmp-ca-best{color:inherit !important;}
.cmp-val-col.cmp-best::after{content:"" !important;}

/* CHEM_STAT_V1 */
.chem-pill{display:inline-block;min-width:32px;text-align:center;color:#fff;font-weight:800;font-size:12.5px;border-radius:20px;padding:2px 8px;line-height:1.45}

/* TOTD_V1 */
.totd-date{font-size:11px;font-weight:600;color:var(--muted);margin-left:6px}
.totd-pitch{position:relative;width:100%;aspect-ratio:2/3;border-radius:12px;margin-top:8px;background:linear-gradient(180deg,#2e8b4f 0%,#277944 100%);border:2px solid rgba(255,255,255,.25);overflow:hidden}
.totd-half{position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(255,255,255,.28)}
.totd-circle{position:absolute;left:50%;top:50%;width:22%;aspect-ratio:1;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.28);border-radius:50%}
.totd-slot{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1px;text-decoration:none;z-index:2;width:52px}
.totd-rt{background:#f5b301;color:#1a1a1a;font-size:11px;font-weight:800;border-radius:20px;padding:1px 7px;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.totd-nm{font-size:9.5px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.85);text-align:center;line-height:1.2}
.totd-ga{font-size:8.5px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.85)}
.totd-slot.totd-bot .totd-rt{background:#9aa0a6;color:#fff}
.totd-slot.totd-bot .totd-nm{opacity:.75}
a.totd-slot:hover .totd-rt{transform:scale(1.12);transition:transform .15s}
.totd-note{font-size:11px;color:var(--muted);margin:8px 0 0;line-height:1.4}
@media(max-width:520px){.totd-slot{width:46px}.totd-nm{font-size:9px}}

/* TOTD_V2: buyuk slot + forma + kulup adi */
.totd-pitch{aspect-ratio:9/14}
.totd-slot{width:74px;gap:0}
.totd-kit{width:30px;height:30px;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}
.totd-kit svg{width:100%;height:100%;display:block}
.totd-rt{font-size:11.5px;padding:1px 8px;margin-top:-5px;position:relative;z-index:2}
.totd-nm{font-size:10px;margin-top:1px}
.totd-cl{font-size:8.5px;color:#e8f5ec;opacity:.9;text-shadow:0 1px 3px rgba(0,0,0,.9);text-align:center;line-height:1.15;max-width:74px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.totd-ga{font-size:9px}
@media(max-width:520px){.totd-slot{width:60px}.totd-kit{width:25px;height:25px}.totd-nm{font-size:9px}.totd-cl{font-size:8px;max-width:60px}}
/* TOTD_V2: haber yazilari kucultuldu */
.news-post-headline{font-size:13px}
.news-post-author-name{font-size:13px}
.news-post-time{font-size:11.5px}
.news-post-author-handle{font-size:12px}
.news-post-comment{font-size:12px}
@media(max-width:520px){.news-post-headline{font-size:12.5px}}

/* NEWS_MEDIA_V1 START */
/* Haber medya gorselleri kapatildi: icerik haberle ilgisiz stok foto, bilgi
   tasimiyor, fallback dosyalari 2.2MB. PHP tarafinda da uretim durduruldu
   (NEWS_MEDIA_OFF_V1). Geri acmak icin iki tarafi da geri al. */
.news-post-media{ display:none !important; }
/* NEWS_MEDIA_V1 END */

/* ===== LIKES_V1: begeni butonlari ===== */
.like-btn{
  display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none;
  border:1px solid var(--border);background:var(--card);color:var(--muted);
  padding:5px 12px;border-radius:20px;font-size:13px;font-weight:600;
  transition:background .15s,color .15s,border-color .15s,transform .1s;
  font-family:inherit;line-height:1.2;
}
.like-btn:hover{background:rgba(249,24,128,.08);color:#f91880;border-color:#f91880;}
.like-btn:active{transform:scale(.95);}
.like-btn.is-liked{background:rgba(249,24,128,.12);color:#f91880;border-color:#f91880;}
.like-btn.is-busy{opacity:.55;pointer-events:none;}
.like-btn[disabled]{opacity:.45;cursor:default;pointer-events:none;}
.like-btn .like-ico{font-size:14px;line-height:1;}
.like-btn .like-num{font-variant-numeric:tabular-nums;}
html.dark .like-btn{background:var(--card);border-color:var(--border);color:var(--muted);}
html.dark .like-btn.is-liked{background:rgba(249,24,128,.18);color:#ff5fa2;border-color:#ff5fa2;}
.news-post-action.npa-like{cursor:pointer;}
.news-post-action.npa-like.is-liked{color:#f91880;}
@media (max-width:640px){ .like-btn{padding:4px 10px;font-size:12px;gap:5px;} }

/* Hero uzerindeki kompakt buton (oyuncu profili: goz/grafik yaninda) */
.like-btn-hero{
  vertical-align:middle;margin-left:8px;padding:4px 10px;font-size:13px;gap:5px;
  background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);color:#fff;
}
.like-btn-hero:hover{background:rgba(249,24,128,.35);border-color:#ff5fa2;color:#fff;}
.like-btn-hero.is-liked{background:rgba(249,24,128,.42);border-color:#ff5fa2;color:#fff;}
.like-btn-hero[disabled]{opacity:.5;}
html.dark .like-btn-hero{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24);color:#fff;}
html.dark .like-btn-hero.is-liked{background:rgba(249,24,128,.42);border-color:#ff5fa2;color:#fff;}
@media (max-width:640px){ .like-btn-hero{padding:3px 8px;font-size:12px;margin-left:6px;} }

/* Kulup profili: begeni, arkadaslik butonlariyla ayni satirda.
   .hero-friend .cv-btn-row flex:1 aliyor ve butonlari saga itiyor - burada iptal. */
.cv-hero .cv-like-row{
  margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
}
.cv-hero .cv-like-row + .hero-friend{margin-top:0;padding-top:0;border-top:0;}
@media (min-width:641px){
  .cv-hero .cv-like-row{float:left;margin-right:12px;padding-bottom:0;margin-bottom:0;}
  .cv-hero .cv-like-row + .hero-friend{overflow:hidden;}
  .cv-hero .cv-like-row + .hero-friend .cv-btn-row{flex:0 0 auto;}
  .cv-hero .cv-like-row + .hero-friend .cv-friend{justify-content:flex-start;}
}
@media (max-width:640px){ .cv-hero .cv-like-row{margin-top:10px;padding-top:10px;} }
/* ===== LIKES_V1 END ===== */

/* ===== HERO_ICON_BTN_V1: oyuncu profili hero ikon butonlari (goz / terazi / kalp)
   Uculu ayni boyut, ayni kenarlik. Eskiden watch-star (kare) ve like-btn (yuvarlak)
   karisikti - boyutlar tutmuyordu. ===== */
.hero-icon-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:5px;
  height:34px;min-width:34px;padding:0 9px;box-sizing:border-box;
  border:1px solid rgba(255,255,255,.35);border-radius:9px;
  background:rgba(255,255,255,.1);color:#fff;opacity:.9;
  font-size:16px;line-height:1;font-family:inherit;cursor:pointer;
  vertical-align:middle;margin-left:7px;
  transition:background .15s,border-color .15s,opacity .15s,transform .1s;
}
.hero-icon-btn:hover{background:rgba(255,255,255,.2);opacity:1;transform:scale(1.06);}
.hero-icon-btn:active{transform:scale(.96);}
.hero-icon-btn[disabled]{opacity:.45;cursor:default;pointer-events:none;}
.hero-icon-btn.is-on{background:rgba(129,140,248,.35);border-color:rgba(129,140,248,.7);opacity:1;}
.hero-icon-btn .like-ico{font-size:15px;line-height:1;}
.hero-icon-btn .like-num{font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;}
.hero-icon-like.is-liked{background:rgba(249,24,128,.42);border-color:#ff5fa2;opacity:1;}
.hero-icon-btn.is-busy{opacity:.55;pointer-events:none;}
.watch-star-form{display:inline;margin-left:0;}
@media (max-width:640px){
  .hero-icon-btn{height:30px;min-width:30px;padding:0 7px;font-size:14px;margin-left:5px;}
  .hero-icon-btn .like-num{font-size:11.5px;}
}
/* ===== HERO_ICON_BTN_V1 END ===== */

/* CV_LIKE_DARK_V1: kulup profilinde begeni butonu hero fotografi uzerinde duruyor.
   Gunduz modunda var(--card) beyaz zemin veriyordu, foto koyu oldugu icin
   okunmuyordu. Iki temada da koyu yari saydam zemin. */
.cv-hero .cv-like{
  background:rgba(0,0,0,.42);border-color:rgba(255,255,255,.32);color:#fff;
  backdrop-filter:blur(2px);
}
.cv-hero .cv-like:hover{background:rgba(249,24,128,.42);border-color:#ff5fa2;color:#fff;}
.cv-hero .cv-like.is-liked{background:rgba(249,24,128,.5);border-color:#ff5fa2;color:#fff;}
.cv-hero .cv-like[disabled]{opacity:.5;}
html.dark .cv-hero .cv-like{background:rgba(0,0,0,.42);border-color:rgba(255,255,255,.32);color:#fff;}
html.dark .cv-hero .cv-like.is-liked{background:rgba(249,24,128,.5);border-color:#ff5fa2;color:#fff;}
/* CV_LIKE_DARK_V1 END */

/* PLAYER_HERO_7COL_V1: oyuncu profilinde ilk istatistik satiri 7 kutu icerir
   (mac/gol/asist/motm/gunun11/sari/kirmizi). minmax(120px) yuzunden 7. kutu
   alt satira dusuyordu. Sadece bu satiri daraltiyoruz; alttaki 4'lu satir ve
   kulup profili (cm-hero-stadium) etkilenmez. */
.hero-stats-7{
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 7px;
}
.hero-stats-7 .hero-stat{ padding: 10px 4px; gap: 2px; }
.hero-stats-7 .hs-label{ font-size: 9px; letter-spacing: .2px; }
.hero-stats-7 .hs-value{ font-size: 17px; }
@media (max-width: 900px){
  .hero-stats-7{ grid-template-columns: repeat(4, minmax(0,1fr)); }
}
@media (max-width: 600px){
  .hero-stats-7{ grid-template-columns: repeat(3, minmax(0,1fr)); gap:6px; }
  .hero-stats-7 .hs-value{ font-size: 15px; }
  .hero-stats-7 .hs-label{ font-size: 8.5px; }
}
/* PLAYER_HERO_7COL_V1 END */

/* EURO_LVL_DD_V3: Avrupa sayfasi seviye secici (dropdown). */
.euro-lvl-row { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:12px; }
.euro-lvl-label { font-size:12px; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.3px; }
.euro-lvl-select {
  padding:8px 32px 8px 12px; border-radius:9px; border:1px solid var(--border);
  background:var(--card); color:var(--text); font-size:13.5px; font-weight:600;
  font-family:inherit; cursor:pointer; appearance:none;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M2 4l4 4 4-4z'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 11px center; background-size:11px;
  transition:border-color .15s;
}
.euro-lvl-select:hover, .euro-lvl-select:focus { border-color:var(--green); outline:none; }
@media (max-width:520px){ .euro-lvl-select { font-size:13px; padding:7px 30px 7px 10px; } }