/* Mobile-specific styles for admin portal */

@media (max-width: 480px) {
    .topbar {
        padding: 0.75rem;
    }
    
    .page-title {
        font-size: 1.2rem;
    }
    
    .content-wrapper {
        padding: 0.75rem;
    }
    
    .stat-card {
        padding: 1rem;
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }
    
    .stat-icon {
        font-size: 2.5rem;
    }
    
    .stat-number {
        font-size: 1.8rem;
    }
    
    .stat-link {
        position: static;
        margin-top: 0.5rem;
    }
    
    .action-card {
        padding: 1rem;
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }
    
    .action-icon {
        font-size: 2rem;
    }
    
    .activity-item {
        padding: 0.75rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    
    .activity-icon {
        align-self: center;
    }
    
    .status-item {
        padding: 1rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    
    .status-indicator {
        align-self: center;
    }
    
    .login-card {
        padding: 1.5rem;
    }
    
    .login-logo {
        height: 50px;
    }
    
    .login-header h1 {
        font-size: 1.5rem;
    }
    
    .demo-credentials {
        font-size: 0.75rem;
    }
}

@media (max-width: 320px) {
    .sidebar {
        width: 100%;
    }
    
    .topbar {
        padding: 0.5rem;
    }
    
    .page-title {
        font-size: 1rem;
    }
    
    .content-wrapper {
        padding: 0.5rem;
    }
    
    .section-title {
        font-size: 1.2rem;
    }
    
    .stat-number {
        font-size: 1.5rem;
    }
    
    .stat-label {
        font-size: 0.8rem;
    }
    
    .login-card {
        padding: 1rem;
    }
    
    .login-header h1 {
        font-size: 1.3rem;
    }
    
    .btn {
        padding: 0.6rem 1.2rem;
        font-size: 0.8rem;
    }
}