/* Target Path: d:/1.ห้ามลบ/5.WebApp-_ห้ามลบ/1-ข้อมูลโค้ด/0-claudflare-gas-sheet/tasktask/style.css */

/* Prevent pull-to-refresh on mobile */
body { 
    overscroll-behavior-y: none; 
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1; 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8; 
}

/* Custom Textarea for Add Task */
.custom-textarea {
    resize: none;
    overflow-y: hidden;
    min-height: 56px;
    max-height: 200px;
    line-height: 1.5;
}
/* Allow scrolling if content exceeds max-height */
.custom-textarea.max-height-reached {
    overflow-y: auto;
}

/* Navigation Active State */
.nav-link.nav-active {
    color: #ec4899; /* pink-500 */
}
.md\:flex .nav-link.nav-active {
    background-color: #fdf2f8; /* pink-50 */
}

/* Task Cards Colors */
.card-overdue {
    background-color: #FFEBEE;
    border-left: 4px solid #ef4444; /* red-500 */
}
.card-due-today {
    background-color: #FFFDE7;
    border-left: 4px solid #eab308; /* yellow-500 */
}
.card-upcoming {
    background-color: #E8F5E9;
    border-left: 4px solid #22c55e; /* green-500 */
}
.card-completed {
    background-color: #f8fafc; /* slate-50 */
    border-left: 4px solid #94a3b8; /* slate-400 */
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in {
    animation: fadeIn 0.3s ease-out forwards;
}

/* Utilities */
.text-xxs {
    font-size: 0.65rem;
}