/* assets/hareket-liste.css - GÜNCEL TAM VERSİYON */

/* --- TABLO GENEL TASARIMI --- */
.table-container {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin-top: 20px;
    border-top: 4px solid #3b82f6; /* Mavi Şerit (Varsayılan) */
}

table { width: 100%; border-collapse: collapse; }
thead { background-color: #eff6ff; border-bottom: 2px solid #bfdbfe; } /* Açık Mavi Başlık */

th {
    padding: 15px;
    text-align: left;
    font-size: 0.8rem;
    font-weight: 800;
    color: #1e40af;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

td {
    padding: 15px;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
    font-size: 0.9rem;
    vertical-align: middle;
}

tbody tr:hover { background-color: #f8fafc; }

/* Özel Hücre Tasarımları */
.td-tarih { font-family: 'Inter', sans-serif; color: #64748b; font-size: 0.85rem; }
.td-cari { font-weight: 700; color: #1e293b; }
.td-urun { color: #0891b2; font-weight: 600; }

/* Sayısal Değerler (Renkli Kutucuklar) */
.val-giris { color: #d97706; font-weight: 600; background: #fffbeb; padding: 4px 8px; border-radius: 4px; }
.val-net { color: #059669; font-weight: 700; background: #d1fae5; padding: 4px 8px; border-radius: 4px; }
.val-tutar { color: #dc2626; font-weight: 700; }

/* --- FİLTRELEME ALANI --- */
.filter-container {
    background: white;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 20px;
    display: flex;
    gap: 15px;
    align-items: flex-end;
    flex-wrap: wrap;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03);
}

.filter-item { display: flex; flex-direction: column; gap: 5px; flex: 1; min-width: 150px; }
.filter-item label { font-size: 0.8rem; font-weight: 700; color: #64748b; }
.filter-input {
    padding: 10px; border: 1px solid #cbd5e1; border-radius: 8px; width: 100%; box-sizing: border-box;
}

.btn-filter {
    background: #3b82f6; color: white; padding: 10px 20px; border-radius: 8px; border: none; cursor: pointer; font-weight: 600; height: 40px; display: flex; align-items: center; gap: 5px;
}
.btn-filter:hover { background: #2563eb; }

.btn-reset {
    background: #ef4444; color: white; padding: 10px 20px; border-radius: 8px; border: none; cursor: pointer; font-weight: 600; height: 40px; text-decoration: none; display: flex; align-items: center;
}

/* --- CARİ EKSTRE ÖZEL ALANLARI --- */

/* Üst Başlık ve Butonlar */
.extre-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 25px;
    flex-wrap: wrap;
    gap: 20px;
}

.cari-info h1 { font-size: 1.8rem; color: #1e293b; margin: 0; }
.cari-info p { color: #64748b; margin: 5px 0 0 0; font-size: 0.95rem; }

.action-buttons { display: flex; gap: 10px; flex-wrap: wrap; }

.btn-save {
    display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; 
    border-radius: 8px; color: white; text-decoration: none; 
    font-weight: 600; font-size: 0.9rem; border: none; cursor: pointer;
    transition: transform 0.2s;
}
.btn-save:hover { transform: translateY(-2px); opacity: 0.9; }

/* Özet Kartlar (Grid) */
.summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.summary-card {
    background: white;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    transition: transform 0.2s;
}
.summary-card:hover { transform: translateY(-3px); }

.summary-card .title { font-size: 0.85rem; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; }
.summary-card .amount { font-size: 1.8rem; font-weight: 800; margin-top: 10px; }
.summary-card .icon { position: absolute; right: 20px; top: 25px; font-size: 3rem; opacity: 0.08; }

/* Kart Renkleri */
.card-borc { border-bottom: 5px solid #dc2626; }
.card-borc .amount { color: #dc2626; }

.card-alacak { border-bottom: 5px solid #16a34a; }
.card-alacak .amount { color: #16a34a; }

.card-bakiye { border-bottom: 5px solid #3b82f6; }
.card-bakiye .amount { color: #1e293b; }

/* --- YAZDIRMA (PRINT) MODU --- */
/* Yazdır deyince gereksiz her şeyi gizle */
@media print {
    .sidebar, header, .action-buttons, .btn-filter, .filter-container { display: none !important; }
    .main-content { margin-left: 0 !important; width: 100% !important; padding: 0 !important; }
    .container { padding: 0 !important; margin: 0 !important; }
    .table-container { box-shadow: none; border: 1px solid #ccc; margin-top: 10px; }
    
    body { background: white; -webkit-print-color-adjust: exact; }
    
    .summary-card { border: 1px solid #ddd; box-shadow: none; break-inside: avoid; }
    .summary-grid { gap: 10px; }
    
    /* Tabloyu güzelleştir */
    table { font-size: 12px; }
    th { background-color: #eee !important; color: #000 !important; }
    td { border-bottom: 1px solid #ddd; }
    
    /* Sayfa Başlığı */
    .cari-info h1 { font-size: 24px; color: #000; }
    .cari-info p { color: #333; }
}