/* Dashboard Responsive Styles */

/* Istatistik Kartlari */
.dashboard-stat-card {
    min-height: 130px;
}
.dashboard-stat-card .stat-value {
    font-size: 1.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dashboard-stat-card .stat-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
}
.dashboard-stat-card .stat-badge {
    white-space: nowrap;
    font-size: 0.7rem;
}

/* Tablo sabit genislikler */
.dashboard-table {
    table-layout: fixed;
    width: 100%;
}
.dashboard-table th,
.dashboard-table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dashboard-table .col-name { width: 28%; }
.dashboard-table .col-type { width: 17%; }
.dashboard-table .col-debit { width: 17%; }
.dashboard-table .col-credit { width: 17%; }
.dashboard-table .col-date { 
    width: 21%; 
    min-width: 90px;
}

/* Tarih sutunu icin ozel stil - kesilmeyi onle */
.dashboard-table .col-date,
.dashboard-table td.col-date,
.dashboard-table td.col-date span {
    white-space: nowrap;
    overflow: visible;
}

/* Product list items */
.product-list-item {
    min-height: 60px;
}
.product-list-item .product-name {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product-list-item .product-amount {
    white-space: nowrap;
    font-size: 0.85rem;
}

/* Yillik ozet kartlari */
.yearly-stat-card {
    min-height: 100px;
}
.yearly-stat-card .yearly-value {
    font-size: 1.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.yearly-stat-card .yearly-icon {
    width: 56px;
    height: 56px;
    min-width: 56px;
}

/* Grafik container */
.chart-container {
    min-height: 300px;
    position: relative;
}

/* Responsive duzenlemeler */
@media (max-width: 1399px) {
    .dashboard-stat-card .stat-value {
        font-size: 1rem;
    }
    .yearly-stat-card .yearly-value {
        font-size: 1.1rem;
    }
}

@media (max-width: 1199px) {
    .dashboard-stat-card .stat-icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
    .dashboard-stat-card .stat-value {
        font-size: 0.95rem;
    }
    .yearly-stat-card .yearly-icon {
        width: 48px;
        height: 48px;
        min-width: 48px;
    }
    .yearly-stat-card .yearly-value {
        font-size: 1rem;
    }
    .product-list-item .product-name {
        max-width: 100px;
    }
}

@media (max-width: 991px) {
    .chart-container {
        min-height: 280px;
    }
    .dashboard-table .col-name { width: 26%; }
    .dashboard-table .col-type { width: 18%; }
    .dashboard-table .col-debit { width: 17%; }
    .dashboard-table .col-credit { width: 17%; }
    .dashboard-table .col-date { width: 22%; min-width: 85px; }
}

@media (max-width: 767px) {
    .dashboard-stat-card {
        min-height: 120px;
    }
    .dashboard-stat-card .stat-icon {
        width: 36px;
        height: 36px;
        min-width: 36px;
    }
    .dashboard-stat-card .stat-icon iconify-icon {
        font-size: 1.25rem !important;
    }
    .dashboard-stat-card .stat-value {
        font-size: 0.9rem;
    }
    .dashboard-stat-card .stat-label {
        font-size: 0.75rem;
    }
    .dashboard-stat-card .stat-badge {
        font-size: 0.65rem;
        padding: 2px 6px !important;
    }
    .yearly-stat-card {
        min-height: 90px;
    }
    .yearly-stat-card .yearly-icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
    .yearly-stat-card .yearly-value {
        font-size: 0.9rem;
    }
    .yearly-stat-card .yearly-label {
        font-size: 0.75rem;
    }
    .chart-container {
        min-height: 250px;
    }
    .product-list-item .product-name {
        max-width: 80px;
    }
    .product-list-item .product-amount {
        font-size: 0.8rem;
    }
}

@media (max-width: 575px) {
    .dashboard-stat-card {
        min-height: 110px;
    }
    .dashboard-stat-card .stat-value {
        font-size: 0.85rem;
    }
    .yearly-stat-card .yearly-value {
        font-size: 0.85rem;
    }
    .chart-container {
        min-height: 220px;
    }
    /* Mobilde tablo scroll */
    .dashboard-table-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .dashboard-table {
        min-width: 520px;
    }
    /* Mobilde tarih sutunu tam gorunsun */
    .dashboard-table .col-date {
        width: 22%;
        min-width: 90px;
    }
}