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

body { font-family: 'Inter', sans-serif; }
img { image-rendering: -webkit-optimize-contrast; }
.antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #F3F3EF; }
::-webkit-scrollbar-thumb { background: #D4D4D0; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #999; }

/* Modal and Loader Additions */
.loader {
    border-top-color: #1A1A1A;
    -webkit-animation: spinner 1.5s linear infinite;
    animation: spinner 1.5s linear infinite;
}
@keyframes spinner {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Kanban custom dragging classes */
.kanban-col-dragging {
    opacity: 0.5;
}
.card-dragging {
    cursor: grabbing !important;
    transform: rotate(2deg);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Remove Google Chrome Autocomplete Blue Background */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

/* Reorder Smoothness */
#item-list li {
    transition: transform 0.2s, opacity 0.2s;
}

/* Color markers for dynamic cards */
.color-marker-blue { border-left-color: #3B82F6 !important; }
.color-marker-green { border-left-color: #10B981 !important; }
.color-marker-yellow { border-left-color: #EAB308 !important; }
.color-marker-orange { border-left-color: #F97316 !important; }
.color-marker-red { border-left-color: #EF4444 !important; }
.color-marker-neutral { border-left-color: #D4D4D0 !important; }

/* Radar Search Highlight */
@keyframes pulse-search {
    0% { transform: scale(1); }
    50% { transform: scale(1.03); border-color: #1A1A1A; box-shadow: 0 0 20px rgba(26,26,26,0.15); }
    100% { transform: scale(1); }
}
.search-highlight {
    animation: pulse-search 1.2s infinite ease-in-out;
    z-index: 20;
    position: relative;
    border-color: #1A1A1A !important;
}