/* Responsive Ayarlamalar */
@media (max-width: 600px) {
    /* Puan Girişi: Takımları alt alta getir */
    .score-entry-teams {
        grid-template-columns: 1fr; /* Tek sütun */
        gap: 10px; /* Aradaki boşluğu azalt (20px -> 10px) */
    }

    /* Puan Girişi: Oyuncu adı ve inputu TEK SATIRA sığdır */
     .player-score-entry {
        grid-template-columns: auto 1fr auto; /* Ad | Input | Cezalar */
        grid-template-areas: "name input penalties"; /* Tek satır */
        gap: 4px 6px; /* Dikey/Yatay boşlukları azalt */
        padding: 6px 8px; /* İç boşluğu azalt */
        align-items: center; /* Dikeyde ortala */
    }
    .player-name {
         font-size: 0.85em; /* Adı daha da küçült */
         margin-bottom: 0; /* Alt boşluğu kaldır */
         white-space: nowrap; 
         overflow: hidden;
         text-overflow: ellipsis; 
         max-width: 80px; /* Maksimum genişliği azalt */
         grid-area: name; /* Grid alanını tekrar ata */
    }
    .score-input {
        width: 100%; /* Input kalan alanı doldursun */
        padding: 8px 5px; /* Input iç boşluğunu dikeyde artır */
        font-size: 16px; /* Input fontunu küçültme, 16px yap (zoom engellemek için) */
        grid-area: input; /* Grid alanını tekrar ata */
    }
    .round-penalties-display {
        grid-area: penalties; /* Grid alanını tekrar ata */
        align-items: center; 
        min-height: auto; 
        gap: 3px; /* Ceza arası boşluğu azalt */
    }
    .penalty-item {
        font-size: 0.7em; /* Ceza etiketini daha da küçült */
        padding: 1px 2px;
    }

    /* Mobil için Hızlı Eylem Etiketleri (Skor Geçmişi Detayları) */
    #score-history-list .details-player .player-quick-actions-row .quick-action-history-tag {
        font-size: 6px; /* Piksel değeri kullan */
        /* Diğer mobil özel stiller buraya eklenebilir, örneğin margin ayarları */
        margin-left: 0; /* Satır başına geldiği için sol boşluğu sıfırla */
        margin-right: 4px; /* Etiketler arası sağ boşluk */
        margin-bottom: 2px; /* Alt alta gelirse diye alt boşluk */
    }

     /* Header'ı Daha Kompakt Yap */
    .header-top {
        gap: 8px; /* Genel boşluğu azalt */
        align-items: baseline; /* Hizalamayı değiştir */
    }
    .team-scores {
        font-size: 0.95em; /* Fontu küçült */
        gap: 4px; /* Takım elemanları arası boşluk azalt */
        flex-grow: 1; 
        justify-content: center; 
    }
    .team-scores .score {
        padding: 2px 5px; /* Skor kutusu iç boşluk çok azalt */
        font-size: 0.95em; /* Skor fontunu küçült */
    }
     .team-scores .vs {
        font-size: 0.8em;
    }
     .winner-indicator { 
        font-size: 0.7em; /* Küçült */
        margin: 0 2px;
    }
     .game-info {
        font-size: 0.8em; /* Oyun bilgisini küçült */
        flex-shrink: 0; 
        text-align: right;
    }
     .part-round-info {
         display: inline; /* Satırda kalmaya zorla */
         margin-left: 5px;
    }
    /* Parti Sekmeleri */
     .part-tabs {
        overflow-x: auto; 
        white-space: nowrap;
    }
    .tab-btn {
        padding: 8px 10px; 
        font-size: 0.9em;
    }

    /* Skor Geçmişi Özetini TEK SATIR Yap (Çok Agresif Küçültme) */
    .history-entry .summary {
        /* Flexbox ile düzenle */
        display: flex;
        flex-direction: row; /* Tekrar satır */
        align-items: center;
        flex-wrap: wrap;
        gap: 2px 4px; /* Boşlukları çok azalt */
        padding: 5px 6px; /* İç boşluğu çok azalt */
    }
    .history-entry .summary .round-badge {
         margin-right: auto; /* El numarasını sola yasla */
         margin-bottom: 0;
         font-size: 0.7em; /* Fontu çok küçült */
         padding: 1px 3px; /* Padding çok azalt */
         flex-shrink: 0;
    }
     .history-entry .summary .team-abbr {
        font-size: 0.75em; /* Fontu çok küçült */
        margin: 0 1px;
    }
    .history-entry .summary .score-badge {
        font-size: 0.8em; /* Skoru çok küçült */
        padding: 1px 4px; /* Padding azalt */
        min-width: 28px; /* Min genişlik çok azalt */
    }
     .history-entry .summary .vs-history {
        margin: 0 2px;
        font-size: 0.75em;
    }
     .history-entry .summary .winner-indicator {
        font-size: 0.65em; /* İkonu çok küçült */
        margin: 0 1px;
    }
    .history-entry .summary .toggle-details {
         margin-left: auto; /* Butonu sağa it */
         font-size: 0.9em; /* Buton boyutunu çok küçült */
         padding: 4px 5px; /* Buton padding'ini artır */
    }
     
    /* Skor geçmişi detaylarını ÇOK küçült */
    .history-entry .details {
         padding: 8px 10px; /* Padding azalt */
    }
    #score-history-list .round-player-details { /* game-content.css için */
        padding: 10px 0 10px 15px;
        font-size: 0.9em;
    }
    .details-grid {
         grid-template-columns: 1fr;
         gap: 6px; /* Detaylar arası boşluğu azalt */
    }
     .details-team-name { /* Takım adını küçült - Ortak */
        font-size: 0.9em;
        margin-bottom: 4px; /* Alt boşluğu azalt */
    }
     .details-player { /* Ortak */
        font-size: 0.8em; /* Detay fontunu küçült */
    }
     #score-history-list .detail-penalty, /* game-content */
     .round-player-details .detail-penalty, /* history-page */
     #score-history-list .detail-reward, /* game-content */
     .round-player-details .detail-reward { /* history-page */
        font-size: 6px; /* Piksel değeri kullan */
    }

    /* Modal içeriğini biraz daralt */
     /* @media (max-width: 600px) içinde bu genel kural sorun yaratıyor olabilir */
     /* .modal-content {
        padding: 15px 10px; 
     } */

    /* Geçmiş Oyunlar Akordiyon Başlığını Düzenle */
    .accordion-header {
        flex-direction: row; /* Tek satırda kal */
        align-items: center; /* Dikeyde ortala */
        flex-wrap: wrap; /* Gerekirse alta kaydırabilir */
        gap: 6px 10px; /* Dikey boşluk azaltıldı, yatay biraz artsın */
        padding: 10px 12px; /* Padding ayarı */
        font-size: 0.9em; /* Genel fontu biraz küçült */
    }
    .game-summary-info {
        gap: 8px; /* İç boşluğu ayarla */
        font-size: 0.9em; /* Fontu ayarla */
        flex-shrink: 0; 
        flex-grow: 0; 
        order: 1; /* Sıralama */
    }
    .game-summary-info .score-badge {
         font-size: 0.95em; /* Skoru ayarla */
         padding: 1px 5px; /* Padding ayarla */
    }
    .game-meta-info {
        flex-direction: row; /* Yan yana */
        align-items: center;
        gap: 5px; /* Boşluğu azalt */
        font-size: 0.7em; /* Fontu çok küçült */
        color: var(--text-muted-color);
        margin-left: auto; /* Ortaya al */
        margin-right: auto; /* Ortaya al */
        text-align: center;
        order: 3; /* Sıralama: Butonlardan sonra */
        flex-basis: 100%; /* Tam genişlik kaplasın */
        margin-top: 5px; /* Üstten biraz boşluk */
    }
    .game-actions {
         margin-left: auto; /* Sağa it */
         flex-shrink: 0; /* Butonlar küçülmesin */
         order: 2; /* Sıralama: Meta bilgiden önce */
         /* flex-direction: column; Butonları alt alta getir */
         /* align-items: flex-end; Sağda hizala */
         gap: 5px; /* Buton arası boşluğu azalt */
    }
     .game-actions button {
         font-size: 0.7em; /* Güncellendi: 0.7em */
         padding: 3px 4px; /* Buton padding azalt */
     }

    /* Parti Akordiyon Başlığı */
     .part-accordion-header {
        padding-left: 15px; /* İçeriği azalt */
        padding-right: 10px;
        padding-top: 8px;
        padding-bottom: 8px;
        gap: 6px; /* Boşluk azalt */
        font-size: 0.85em; /* Fontu küçült */
    }
     .part-summary-info {
        gap: 5px; /* İç boşluk azalt */
        font-size: 0.65em; /* Fontu küçült (0.9em -> 0.65em) */
    }
    .part-summary-info > span:first-child { /* Parti numarasını hedefle */
        font-size: 0.65em !important; /* Yüksek öncelik */
    }
    /* Parti başlığındaki skor rozetleri (game-summary-info içindekilerle aynı mı?) */
     .part-accordion-header .score-badge {
         font-size: 0.9em;
         padding: 1px 4px;
     }
    /* Parti başlığındaki kazanan göstergesi - GÖRÜNÜRLÜĞÜ KONTROL ET */
    .part-accordion-header .winner-indicator {
         font-size: 0.7em;
         display: inline-block; /* Görünür olduğundan emin ol */
         margin: 0 3px; /* Boşluk ayarı */
     }
    /* Parti başlığındaki açma/kapama ikonu */
    .part-accordion-header .toggle-details-icon { /* Sınıf adını değiştirdim */
        font-size: 0.7em; /* İkon boyutunu küçült */
    }

    .part-accordion-header .part-duration { /* Parti süresi için boyut */
        font-size: 0.7em;
    }

     .part-accordion-content {
        padding: 10px 15px 10px 25px; /* İçeriği azalt */
    }

    /* Yeni: Mobil El Detayları Stilleri */
    /*
     .round-detail-grid {
        grid-template-columns: 1fr; // Tek sütuna düşür
        gap: 8px;
    }
     .round-detail-summary {
        // Özet kısmı yan yana olabilir
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 3px 6px;
        font-size: 0.8em;
    }
    .round-detail-summary strong { // El no 
        font-size: 1em; // Daha küçük 
        margin-right: auto; // Skorları sağa it 
    }
    .round-detail-summary .team-score-summary {
        // Özet içindeki takım skor alanı 
        display: flex;
        align-items: center;
        gap: 4px;
    }
    .round-detail-summary .score-badge {
        font-size: 0.85em;
    }
    .round-detail-summary .winner-indicator {
        font-size: 0.7em;
    }

     .round-detail-players {
        grid-template-columns: 1fr; // Takımları alt alta getir 
        gap: 8px;
    }
    .round-detail-team-box {
         padding: 8px;
    }
     .round-detail-team-box .team-name {
         font-size: 0.85em;
         margin-bottom: 5px;
     }
     .round-detail-team-box .player-detail {
        font-size: 0.85em;
    }
    */

    /* === Oyuncu Performansı Stilleri (600px - Yorumlandı) ===
    .stats-grid-players {
        grid-template-columns: repeat(2, 1fr); 
        gap: 8px; 
    }
    .stats-player-group {
        padding: 10px 8px; 
    }
    .stats-player-name {
        font-size: 0.95em; 
        margin-bottom: 8px; 
    }
    .player-stat-row {
        margin-bottom: 4px; 
        gap: 5px; 
    }
    .player-stat-row .stat-label,
    .player-stat-row .stat-value {
        font-size: 0.85em; 
    }
    .player-stat-row .stat-label i { 
        font-size: 0.9em; 
        margin-right: 3px; 
    }
    .stats-player-group.player-p2 {
        border-right: none;
    }
    === Oyuncu Performansı Stilleri Sonu (600px - Yorumlandı) === */

    /* Oyuncu Performansı (Sıfırdan - Mobil 600px) */
    .stats-grid-players {
        grid-template-columns: repeat(2, 1fr); /* 2 columns */
        gap: 8px;
    }
    .stats-player-group {
        padding: 8px;
    }
    .stats-player-name {
        font-size: 0.85em;
        margin-bottom: 6px;
    }
    .player-stat-row {
        font-size: 0.8em;
        line-height: 1.2; /* Satır yüksekliğini biraz azalt */
    }

    /* Takım Performansı (Sıfırdan - Mobil 600px) */
    .stats-columns-teams {
        grid-template-columns: 1fr; /* Single column */
        gap: 10px;
    }
    .team-column {
        padding: 8px 10px;
    }

    /* Parti Özetleri (Sıfırdan - Mobil 600px) */
    .stats-part-item {
        padding: 6px 8px;
    }
    .part-item-header {
        font-size: 0.85em; /* Biraz küçült */
        margin-bottom: 6px;
    }
    .stats-part-player-scores {
        grid-template-columns: 1fr; /* Takımları alt alta */
        gap: 6px;
        font-size: 0.8em; /* Biraz küçült */
    }
    .part-team-scores {
        /* Zaten dikeyde, ekstra kurala gerek yok */
    }

    /* Mobile Responsive Stilller */
    body {
        padding: 10px;
    }
    .container {
        padding: 5px;
    }
    h1 {
        font-size: 1.8em;
    }
    h2 {
        font-size: 1.5em;
    }
    h3 {
        font-size: 1.2em;
    }
    button {
        font-size: 14px;
        padding: 10px 15px;
    }
    
    /* Modal butonlarını mobilde düzenle */
    #modal-player-options {
        display: grid;
        grid-template-columns: 1fr 1fr; /* 2 sütunlu grid */
        gap: 10px; /* Izgara boşluğu */
        width: 100%; /* Tam genişlik */
    }
    
    #modal-player-options label {
        width: 100%; /* Her bir buton tam genişlikte olsun */
        padding: 8px 5px; /* Mobilde daha rahat dokunulabilir */
        font-size: 0.85em; /* Yazı boyutu */
        white-space: nowrap; /* Metni satır sonunda kesme */
        justify-content: center; /* İçeriği ortala */
        text-align: center; /* Metni ortala */
    }
    
    #modal-player-options input[type="radio"]:checked + label {
        transform: none; /* Transform kullanmama */
        box-shadow: none; /* Gölge kaldırma (scroll sorununu engelleme) */
        border-width: 2px; /* Kenarlık kalınlığını artırma */
    }
    
    /* Çok küçük ekranlar için */
    @media (max-width: 360px) {
        #modal-player-options {
            grid-template-columns: 1fr; /* Tek sütun */
        }
    }
}

/* Daha dar ekranlar için ek ayar (opsiyonel) */
@media (max-width: 400px) {
     body { padding: 10px; } 
     .container { padding: 0 5px; } 
     .section { padding: 15px; } 
     h1 { font-size: 1.5em; } 
     h2 { font-size: 1.3em; } 
     h3 { font-size: 1.1em; } 

    /* === Oyuncu Performansı Stilleri (400px - Yorumlandı) ===
    .stats-grid-players {
        grid-template-columns: 1fr; 
        gap: 6px; 
    }
    .stats-player-group {
        padding: 12px 10px; 
    }
    .player-stat-row .stat-label,
    .player-stat-row .stat-value {
        font-size: 0.9em; 
    }
     === Oyuncu Performansı Stilleri Sonu (400px - Yorumlandı) === */

     /* Puan girişini daha da daralt */
     .player-score-entry {
        padding: 5px 6px;
        gap: 3px 5px;
    }
     .player-name {
        font-size: 0.8em;
        max-width: 65px; /* Daha da daralt */
    }
    .score-input {
        padding: 4px; 
        font-size: 0.85em;
    }
    .penalty-item {
        font-size: 0.65em;
    }

     /* Header'ı daha da daralt (Alt alta gelsin) */
     .header-top {
        flex-direction: column; /* Alt alta getir */
        align-items: center; /* Ortala */
        gap: 5px;
    }
     .team-scores {
        font-size: 0.9em; 
        gap: 4px;
        width: 100%; 
        justify-content: center;
        order: 1;
    }
     .game-info {
        font-size: 0.75em;
        order: 2;
        width: 100%;
        text-align: center;
    }
     .part-round-info {
         display: block; /* Blok yap */
         margin-left: 0;
         text-align: center;
    }
    .tab-btn {
        font-size: 0.85em;
        padding: 6px 8px;
    }

    /* Skor geçmişi özetini daha da daralt */
     .history-entry .summary {
        padding: 4px 5px; 
        gap: 2px 3px; 
    }
    .history-entry .summary .round-badge {
         font-size: 0.65em; 
         padding: 1px 2px; 
    }
     .history-entry .summary .team-abbr {
        font-size: 0.7em; 
    }
     .history-entry .summary .score-badge {
        font-size: 0.75em; 
        padding: 1px 3px; 
        min-width: 25px; 
    }
    .history-entry .summary .vs-history {
        font-size: 0.7em;
    }
     .history-entry .summary .winner-indicator {
        font-size: 0.6em; 
    }
     .history-entry .summary .toggle-details {
         font-size: 0.8em; 
         padding: 0 1px;
    }

     /* Skor geçmişi detaylarını daha da daralt */
     .history-entry .details {
         padding: 6px 8px;
    }
    #score-history-list .round-player-details { /* game-content.css için */
        padding: 10px 0 10px 10px; /* Sol padding azaltılabilir */
        font-size: 0.85em;
    }
     .details-grid {
         gap: 4px;
    }
      .details-team-name { /* Takım adını daha da küçült - Ortak */
        font-size: 0.8em;
        margin-bottom: 3px;
    }
      .details-player { /* Ortak */
        font-size: 0.75em;
    }
     #score-history-list .detail-penalty, /* game-content */
     .round-player-details .detail-penalty { /* history-page */
        font-size: 0.6em; /* Ceza fontunu daha da küçült (0.65 -> 0.6) */
    }

    /* Geçmiş Oyunlar Akordiyonunu daha da daralt */
    .accordion-header {
         padding: 8px 10px; /* Padding daha da azalt */
         gap: 4px 8px; /* Boşluk daha da azalt */
         font-size: 0.85em;
    }
    .game-summary-info {
         gap: 5px;
         font-size: 0.85em;
    }
    .game-summary-info .score-badge {
        font-size: 0.9em;
        padding: 1px 4px;
        min-width: 25px; /* Min genişliği ayarla */
    }
    .game-meta-info {
        font-size: 0.65em; /* Fontu daha da küçült */
        margin-top: 4px;
    }
    .game-actions {
        gap: 4px;
    }
    .game-actions button {
        font-size: 1em; /* Butonları daha da küçült */
        padding: 2px 3px;
    }

    /* Parti Akordiyon Başlığını daha da daralt */
     .part-accordion-header {
         padding: 6px 8px 6px 10px; /* Padding daha da azalt */
         gap: 4px; /* Boşluk daha da azalt */
         font-size: 0.8em;
     }
    .part-summary-info {
        gap: 3px;
        font-size: 0.85em;
    }
    .part-summary-info > span:first-child { /* Parti numarasını hedefle */
        font-size: 0.65em !important; /* Yüksek öncelik */
    }
    .part-accordion-header .score-badge {
        font-size: 0.8em;
        padding: 1px 3px;
    }
     .part-accordion-header .winner-indicator {
         font-size: 0.6em;
         margin: 0 2px;
     }
      .part-accordion-header .toggle-details-icon { /* Sınıf adını değiştirdim */
        font-size: 0.7em; /* İkon boyutunu küçült */
    }

    /* Mobil El Detaylarını daha da daralt */
    /*
     .round-detail-grid {
         gap: 5px;
     }
     .round-detail-summary {
        font-size: 0.75em;
        gap: 2px 4px;
     }
     .round-detail-players {
        gap: 5px;
     }
      .round-detail-team-box .player-detail {
        font-size: 0.8em;
     }
    */

    /* Oyuncu Performansı (Sıfırdan - Mobil 400px) */
    .stats-grid-players {
        grid-template-columns: 1fr; /* 1 column */
        gap: 10px; /* Tek sütunda boşluk biraz artabilir */
    }
    /* 600px'deki padding ve font boyutları genellikle yeterli olur */

    /* Takım Performansı (Sıfırdan - Mobil 400px) */
    /* 600px stilleri genellikle yeterli */

    /* Parti Özetleri (Sıfırdan - Mobil 400px) */
    .part-item-header {
        font-size: 0.8em; /* Daha da küçült */
        flex-wrap: wrap; /* Sığmazsa alt satıra */
        gap: 2px 6px;
    }
    .part-item-header .stats-part-duration {
        /* Süre sığmazsa ayrı satırda gibi davranabilir */
    }
    .stats-part-player-scores {
        font-size: 0.75em; /* Daha da küçült */
    }
}

/* Eski media query (min-width: 500px) kaldırılabilir veya yorumlanabilir */
/* @media (min-width: 500px) { ... } */ 

/* Tüm ekran boyutlarında overflow ve order kullanımı - ÇOK YÜKSELTİLMİŞ ÖNCELİK */
@media all {
    /* Accordion Header öğelerin sıralaması ve görünürlüğü için %100 kesin kurallar */
    .recent-games-list .accordion-header {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important; /* Soldan sağa sıralama için */
        width: 100% !important;
        position: relative !important;
        gap: 5px !important; /* Elemanlar arası boşluk */
    }
    
    .recent-games-list .game-summary-info {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        order: 1 !important; /* En solda */
        flex: 0 1 auto !important; /* Daralabilir, otomatik boyut */
        min-width: 0 !important;
        max-width: 35% !important; /* Mobildekiyle uyumlu max genişlik */
        text-overflow: ellipsis !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        margin-right: 0 !important; /* auto kaldırıldı */
    }
    
    .recent-games-list .game-date {
        display: inline-block !important; /* Veya flex item olarak display:flex */
        visibility: visible !important;
        opacity: 1 !important;
        order: 2 !important; /* Ortada */
        white-space: nowrap !important;
        text-align: center !important;
        flex: 0 0 auto !important; /* Büyümesin, daralmasın */
    }

    .recent-games-list .game-meta-info {
        display: flex !important;
        align-items: center !important;
        visibility: visible !important;
        opacity: 1 !important;
        order: 3 !important; /* Yeni sıra */
        flex: 0 0 auto !important;
        white-space: nowrap !important;
        margin-left: 0 !important;
        gap: 3px !important;
    }
    
    .recent-games-list .game-header-actions {
        display: flex !important;
        align-items: center !important;
        visibility: visible !important;
        opacity: 1 !important;
        order: 4 !important; /* Yeni sıra */
        margin-left: auto !important; /* Sağ tarafa iter */
        flex: 0 0 auto !important;
        gap: 3px !important;
    }
    
    .recent-games-list .toggle-details-icon {
        display: inline-block !important; /* Veya flex item olarak display:flex */
        visibility: visible !important;
        opacity: 1 !important;
        order: 5 !important; /* Yeni sıra */
        flex-shrink: 0 !important;
        margin-left: 3px !important;
    }
    
    /* Bu selector'lar herhangi bir !important kuralı ezmesin diye daha spesifik (GEREKİRSE KULLANILIR) */
    /* Şimdilik üstteki kurallar yeterli olmalı, eğer hala sorun varsa bunlar aktif edilebilir.
    .recent-games-list .accordion-header .game-summary-info,
    .accordion-header .game-summary-info,
    .recent-games-list.profile-card .accordion-header .game-summary-info {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .recent-games-list .accordion-header .game-date,
    .accordion-header .game-date,
    .recent-games-list.profile-card .accordion-header .game-date {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .recent-games-list .accordion-header .game-meta-info,
    .accordion-header .game-meta-info,
    .recent-games-list.profile-card .accordion-header .game-meta-info {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .recent-games-list .accordion-header .game-header-actions,
    .accordion-header .game-header-actions,
    .recent-games-list.profile-card .accordion-header .game-header-actions {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .recent-games-list .accordion-header .toggle-details-icon,
    .accordion-header .toggle-details-icon,
    .recent-games-list.profile-card .accordion-header .toggle-details-icon {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    */
}

/* Oyuncu Profili Kart Başlıkları için Mobil Düzenleme */
@media (max-width: 768px) {
    .profile-card h3,
    .recent-games-card h3,
    .profile-card .card-header-with-action h3 {
        display: flex;
        flex-direction: row; /* Yatay hizalama */
        align-items: center; /* Dikeyde merkeze hizala */
        justify-content: flex-start; /* Başlığı sola yasla */
    }

    .profile-card h3 i,
    .recent-games-card h3 i,
    .profile-card .card-header-with-action h3 i {
        margin-right: 8px; /* İkon ile metin arasındaki boşluk */
        font-size: 1em; /* İkon boyutunu metin ile uyumlu yap */
    }
    
    /* Oyuncu Başarımları kartı için özel stil */
    .card-header-with-action {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    
    /* Başarımlar kartının h3'ünü yapılandır */
    .achievements-card .card-header-with-action h3 {
        display: flex;
        align-items: center;
        margin: 0;
        padding: 0;
        border: none;
    }
    
    /* Başarımlar kartındaki silme butonu */
    .achievements-card .icon-button.danger-icon-button {
        margin-left: 8px;
    }
    
    /* Son Oyunlar Akordiyon Başlık Düzenlemesi - Tek Satır */
    .recent-games-list .accordion-header {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        padding: 8px 6px !important;
        gap: 5px !important;
        position: relative !important;
        width: 100%;
    }
    
    .recent-games-list .game-summary-info {
        display: flex !important;
        font-size: 0.7em !important;
        flex: 0 1 auto !important;
        min-width: 0 !important;
        max-width: 40% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        order: 1 !important; /* En solda */
        margin-right: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    .recent-games-list .game-date {
        font-size: 0.65em !important;
        flex: 0 1 auto !important;
        text-align: center !important;
        white-space: nowrap !important;
        padding: 0 3px !important;
        order: 2 !important; /* Ortada */
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    .recent-games-list .game-header-actions {
        display: flex !important;
        align-items: center !important;
        gap: 3px !important;
        margin-left: auto !important;
        flex: 0 0 auto !important;
        order: 3 !important; /* Sağda */
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    .recent-games-list .toggle-details-icon {
        flex-shrink: 0 !important;
        font-size: 0.7em !important;
        margin-left: 3px !important;
        order: 4 !important; /* En sağda */
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* Skor rozeti ve takım kısaltmalarını düzenle */
    .recent-games-list .team-abbr {
        font-size: 0.7em;
    }
    
    .recent-games-list .score-badge {
        font-size: 0.7em;
        min-width: 20px;
        padding: 1px 3px;
    }
}

@media (max-width: 480px) {
    /* Daha küçük ekranlar için ek düzenlemeler */
    .recent-games-list .accordion-header {
        padding: 5px 4px !important;
        gap: 3px !important;
    }
    
    .recent-games-list .game-summary-info {
        font-size: 0.6em !important;
        max-width: 35% !important;
    }
    
    .recent-games-list .game-date {
        font-size: 0.6em !important;
        padding: 0 2px !important;
    }
    
    .recent-games-list .toggle-details-icon {
        font-size: 0.6em !important;
    }
    
    /* Butonları daha da küçült */
    .recent-games-list .game-header-actions .icon-button {
        width: 20px;
        height: 20px;
        font-size: 0.65em;
        padding: 1px;
    }
}