/* Mobile First - Große Buttons für Touch-Bedienung */
.btn {
    min-height: 44px; /* Apple HIG empfiehlt mindestens 44x44px für Touch */
    padding: 0.75rem 1.5rem;
}

.form-control, .form-select {
    min-height: 44px;
    font-size: 16px; /* Verhindert Zoom auf iOS */
}

/* Bessere Lesbarkeit auf kleinen Screens */
@media (max-width: 576px) {
    .table-responsive {
        font-size: 0.875rem;
    }
    
    .card {
        margin-bottom: 1rem;
    }
}

/* Touch-freundliche Tabellen */
.table tbody tr {
    cursor: pointer;
}

/* Chart Container */
.chart-container {
    position: relative;
    height: 300px;
    margin-bottom: 2rem;
}

@media (min-width: 768px) {
    .chart-container {
        height: 400px;
    }
}