@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body { 
    font-family: 'Inter', sans-serif; 
}

.glass { 
    background: rgba(30, 41, 59, 0.8); 
    backdrop-filter: blur(10px); 
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1); 
}

/* Mobile optimizations */
@media (max-width: 768px) {
    .modal-mobile-content {
        padding-bottom: max(1rem, env(safe-area-inset-bottom));
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }
    
    .mobile-card {
        min-height: 44px;
        cursor: pointer;
    }
    
    .touch-target {
        min-width: 44px;
        min-height: 44px;
    }
    
    /* Smooth horizontal scroll for Kanban */
    .kanban-scroll {
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        scroll-snap-type: x proximity;
    }
    
    .kanban-col {
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }
    
    /* Better tap highlight */
    button, a, [onclick] {
        -webkit-tap-highlight-color: rgba(59, 130, 246, 0.2);
    }
}

.sidebar-item { 
    transition: all 0.3s ease; 
}

.sidebar-item:hover { 
    transform: translateX(5px); 
    background: rgba(59, 130, 246, 0.1); 
}

.fade-in { 
    animation: fadeIn 0.3s ease-in; 
}

@keyframes fadeIn { 
    from { opacity: 0; transform: translateY(10px); } 
    to { opacity: 1; transform: translateY(0); } 
}

.no-print { 
    display: block; 
}

@media print {
    .no-print { 
        display: none !important; 
    }
    .print-only { 
        display: block !important; 
    }
    body { 
        background: white; 
        color: black; 
    }
}

.scroll-touch {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #1f2937; 
}

::-webkit-scrollbar-thumb {
    background: #4b5563; 
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #6b7280; 
}