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

.radar-scan { animation: scan 4s linear infinite; }

@keyframes scan { 
    0% { transform: rotate(0deg); } 
    100% { transform: rotate(360deg); } 
}

.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Filter Buttons & Badges Colors */

/* 按鈕基礎樣式 (Default State) - 取代原本 HTML 中的 Tailwind class */
.filter-btn {
    background-color: white;
    color: #475569; /* slate-600 */
    border: 1px solid #e2e8f0; /* slate-200 */
}
.filter-btn:hover {
    background-color: #f1f5f9; /* slate-100 */
}

/* Faculty: Blue */
.filter-btn.active.type-faculty {
    background-color: #3b82f6; /* blue-500 */
    color: white;
    border-color: #3b82f6;
    box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.4);
}
.badge-faculty {
    background-color: #eff6ff; /* blue-50 */
    color: #1d4ed8; /* blue-700 */
    border: 1px solid #dbeafe; /* blue-200 */
}

/* Project: Orange */
.filter-btn.active.type-project {
    background-color: #f97316; /* orange-500 */
    color: white;
    border-color: #f97316;
    box-shadow: 0 4px 6px -1px rgba(249, 115, 22, 0.4);
}
.badge-project {
    background-color: #fff7ed; /* orange-50 */
    color: #c2410c; /* orange-700 */
    border: 1px solid #ffedd5; /* orange-200 */
}

/* Adjunct: Cyan */
.filter-btn.active.type-adjunct {
    background-color: #06b6d4; /* cyan-500 */
    color: white;
    border-color: #06b6d4;
    box-shadow: 0 4px 6px -1px rgba(6, 182, 212, 0.4);
}
.badge-adjunct {
    background-color: #ecfeff; /* cyan-50 */
    color: #0e7490; /* cyan-700 */
    border: 1px solid #cffafe; /* cyan-200 */
}

/* Postdoc: Purple */
.filter-btn.active.type-postdoc {
    background-color: #a855f7; /* purple-500 */
    color: white;
    border-color: #a855f7;
    box-shadow: 0 4px 6px -1px rgba(168, 85, 247, 0.4);
}
.badge-postdoc {
    background-color: #faf5ff; /* purple-50 */
    color: #7e22ce; /* purple-700 */
    border: 1px solid #f3e8ff; /* purple-200 */
}

/* Assistant: Emerald */
.filter-btn.active.type-assistant {
    background-color: #10b981; /* emerald-500 */
    color: white;
    border-color: #10b981;
    box-shadow: 0 4px 6px -1px rgba(16, 185, 129, 0.4);
}
.badge-assistant {
    background-color: #ecfdf5; /* emerald-50 */
    color: #047857; /* emerald-700 */
    border: 1px solid #d1fae5; /* emerald-200 */
}

/* Other: Slate */
.filter-btn.active.type-other {
    background-color: #64748b; /* slate-500 */
    color: white;
    border-color: #64748b;
    box-shadow: 0 4px 6px -1px rgba(100, 116, 139, 0.4);
}
.badge-other {
    background-color: #f1f5f9; /* slate-100 */
    color: #475569; /* slate-600 */
    border: 1px solid #e2e8f0; /* slate-200 */
}

/* Default Active State (All) */
.filter-btn.active.btn-all {
    background-color: #1e293b; /* slate-800 */
    color: white;
    border-color: #1e293b;
}