/**
 * 筛选面板组件样式
 */

/* 筛选面板容器 */
.filter-panel {
  @apply bg-white rounded-lg border border-gray-200 shadow-sm p-4 mb-5;
}

/* 筛选条件列表 */
.filter-list {
  @apply flex flex-wrap items-end gap-3;
}

/* 筛选项 */
.filter-item {
  @apply mb-0;
}

/* 筛选标签 */
.filter-label {
  @apply block text-sm font-medium mb-1 text-gray-700;
}

/* 筛选控件 */
.filter-control {
  @apply w-full  focus:border-[#00684a] focus:shadow-[0,0,0,2px,rgba(0,104,74,0.2)] focus:outline-none;
}

/* 筛选操作按钮区域 */  
.filter-actions {
  @apply flex justify-end items-center pt-4 mt-4 border-t border-gray-100 space-x-3;
}

/* 无分割线的按钮区域 */
.filter-actions-no-divider {
  @apply border-t-0 pt-0 mt-2;
}

/* 收起/展开状态 */
.filter-panel-collapsed {
  @apply max-h-[120px] overflow-hidden relative;
}

.filter-panel-collapsed::after {
  content: '';
  @apply absolute bottom-0 left-0 right-0 h-12 bg-gradient-to-t from-white to-transparent;
}

/* 收起/展开切换按钮 */
.filter-toggle {
  @apply text-sm text-[#00684a] cursor-pointer hover:text-[#005a3f] flex items-center;
}

.filter-toggle i {
  @apply ml-1;
} 