/* ===== GENEL ===== */
body {
    font-family: Calibri, Arial, sans-serif;
    background-color: #f4f6f8;
    padding: 30px;
}

/* ===== TABLO DIŞ ÇERÇEVE ===== */
.table-container {
    background: white;
    padding: 10px;                 /* sol–sağ eşit boşluk */
    border: 1px solid #cfcfcf;
    max-width: 620px;
    margin: 0 auto;
    box-sizing: border-box;

    overflow-x: auto;              /* küçük ekranda scroll */
}

/* ===== TABLO ===== */
table {
    width: 100%;
    min-width: 580px;              /* ezilmeyi önler */
    font-size: 14px;

    border-collapse: separate;     /* dönemler arası boşluk */
    border-spacing: 0 10px;

    table-layout: fixed;           /* sütunlar sabit */
    box-sizing: border-box;
}

/* ===== HÜCRELER ===== */
th, td {
    border: 1px solid #bfbfbf;
    padding: 8px 12px;
    background-color: white;
    text-align: left;

    /* 🔥 TAŞMAYI BİTİREN AYARLAR */
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
}

/* ===== BAŞLIKLAR ===== */
th {
    background-color: #e9ecef;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;           /* başlıklar tek satır */
}

/* ===== ÜST BAŞLIK ===== */
.title-row {
    background-color: #dee2e6;
    font-weight: bold;
    text-align: center;
    font-size: 15px;
}

/* ===== DÖNEM SATIRI ===== */
.period {
    font-weight: bold;
    background-color: #f8f9fa;
}

/* ===== TUTAR ===== */
.amount {
    text-align: left;
    font-weight: bold;
    font-size: 15px;
}

/* ===== DÖNEMLER ARASI BOŞ SATIR ===== */
tr.space-row td {
    height: 30px;
    padding: 0;
    border: none;
    background-color: white;
}



.party-count {
    text-align: left;
    font-weight: bold;
    font-size: 15px;
}