/* MUSIKSCHULE365.DE - Mobile Optimierungen für Teacher Dashboard */

/* Mobile Optimierungen für Teacher Dashboard */
@media (max-width: 767.98px) {
    /* Container und Abstände reduzieren */
    .container {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }
    
    /* Header kleiner machen */
    .teacher-dashboard h1 {
        font-size: 1.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .teacher-dashboard p {
        font-size: 0.875rem !important;
        margin-bottom: 1rem !important;
    }
    
    /* Stats Cards kompakter */
    .teacher-dashboard .grid {
        gap: 0.75rem !important;
        margin-bottom: 1rem !important;
    }
    
    .teacher-dashboard .bg-white {
        padding: 0.75rem !important;
    }
    
    .teacher-dashboard .p-6 {
        padding: 0.75rem !important;
    }
    
    .teacher-dashboard .mb-8 {
        margin-bottom: 1rem !important;
    }
    
    .teacher-dashboard .mb-4 {
        margin-bottom: 0.5rem !important;
    }
    
    /* Icons kleiner */
    .teacher-dashboard .text-xl {
        font-size: 1rem !important;
    }
    
    .teacher-dashboard .text-2xl {
        font-size: 1.25rem !important;
    }
    
    .teacher-dashboard .text-3xl {
        font-size: 1.5rem !important;
    }
    
    /* Text kleiner */
    .teacher-dashboard .text-sm {
        font-size: 0.75rem !important;
    }
    
    /* Abstände zwischen Elementen reduzieren */
    .teacher-dashboard .space-y-6 > * + * {
        margin-top: 0.75rem !important;
    }
    
    .teacher-dashboard .space-y-4 > * + * {
        margin-top: 0.5rem !important;
    }
    
    /* Grid Layout für mobile optimieren */
    .teacher-dashboard .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
    
    .teacher-dashboard .lg\:grid-cols-3 {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
    
    .teacher-dashboard .lg\:grid-cols-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    
    /* Cards kompakter */
    .teacher-dashboard .rounded-lg {
        border-radius: 0.375rem !important;
    }
    
    .teacher-dashboard .shadow-md {
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    }
    
    /* Flexbox Abstände reduzieren */
    .teacher-dashboard .ml-4 {
        margin-left: 0.5rem !important;
    }
    
    .teacher-dashboard .mr-2 {
        margin-right: 0.25rem !important;
    }
    
    .teacher-dashboard .mr-3 {
        margin-right: 0.5rem !important;
    }
    
    /* Padding reduzieren */
    .teacher-dashboard .p-3 {
        padding: 0.5rem !important;
    }
    
    .teacher-dashboard .p-4 {
        padding: 0.5rem !important;
    }
    
    /* Gap zwischen Grid-Elementen reduzieren */
    .teacher-dashboard .gap-6 {
        gap: 0.5rem !important;
    }
    
    .teacher-dashboard .gap-8 {
        gap: 0.75rem !important;
    }
    
    /* Rating Cards kompakter */
    .teacher-dashboard .border {
        border-width: 1px !important;
    }
    
    .teacher-dashboard .w-10 {
        width: 2rem !important;
    }
    
    .teacher-dashboard .h-10 {
        height: 2rem !important;
    }
    
    /* Quick Actions kompakter */
    .teacher-dashboard .space-y-3 > * + * {
        margin-top: 0.5rem !important;
    }
    
    .teacher-dashboard .p-3 {
        padding: 0.5rem !important;
    }
    
    /* Earnings Summary kompakter */
    .teacher-dashboard .space-y-3 > * + * {
        margin-top: 0.5rem !important;
    }
    
    /* Buttons kleiner */
    .teacher-dashboard .btn {
        padding: 0.375rem 0.75rem !important;
        font-size: 0.875rem !important;
    }
    
    .teacher-dashboard .btn-lg {
        padding: 0.5rem 1rem !important;
        font-size: 1rem !important;
    }
    
    /* Links kleiner */
    .teacher-dashboard a {
        font-size: 0.875rem !important;
    }
    
    /* Icons in Buttons kleiner */
    .teacher-dashboard .fas {
        font-size: 0.875rem !important;
    }
    
    .teacher-dashboard .text-lg {
        font-size: 1rem !important;
    }
    
    /* Responsive Text */
    .teacher-dashboard .text-xs {
        font-size: 0.75rem !important;
    }
    
    /* Kompakte Sidebar */
    .teacher-dashboard .space-y-6 > * + * {
        margin-top: 0.75rem !important;
    }
    
    /* Rating Stars kleiner */
    .teacher-dashboard .text-yellow-400 {
        font-size: 0.875rem !important;
    }
    
    /* Kompakte Bewertungsanzeige */
    .teacher-dashboard .flex.items-start {
        align-items: flex-start !important;
    }
    
    .teacher-dashboard .justify-between {
        justify-content: space-between !important;
    }
    
    /* Kompakte Earnings Anzeige */
    .teacher-dashboard .flex.justify-between {
        justify-content: space-between !important;
    }
    
    /* Kompakte Quick Actions */
    .teacher-dashboard .flex.items-center {
        align-items: center !important;
    }
    
    /* Responsive Grid für Stats */
    @media (max-width: 480px) {
        .teacher-dashboard .md\:grid-cols-2 {
            grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
        }
        
        .teacher-dashboard .lg\:grid-cols-4 {
            grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
        }
    }
}

/* Tablet Optimierungen */
@media (min-width: 768px) and (max-width: 1023px) {
    .teacher-dashboard .container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    
    .teacher-dashboard .grid-cols-1 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    
    .teacher-dashboard .lg\:grid-cols-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    
    .teacher-dashboard .lg\:grid-cols-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}