.filter-btn[data-v-16ab7dd9] {
  padding: 7px 14px; font-size: 13px; border: 1px solid #e2e8f0; border-radius: 8px;
  background: #fff; color: #475569; display: inline-flex; align-items: center; gap: 5px;
  font-weight: 500; cursor: pointer; transition: all 0.15s;
}
.filter-btn[data-v-16ab7dd9]:hover { border-color: #93c5fd; color: #2563eb;
}
.filter-btn-primary[data-v-16ab7dd9] { background: #eff6ff; color: #1d4ed8; border-color: #bfdbfe;
}
.filter-dropdown[data-v-16ab7dd9] { position: relative;
}
.filter-dropdown-menu[data-v-16ab7dd9] {
  position: absolute; top: calc(100% + 4px); left: 0; z-index: 30; min-width: 200px;
  background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 4px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
.filter-dropdown-item[data-v-16ab7dd9] {
  display: block; width: 100%; text-align: left; padding: 8px 10px; border: none;
  background: transparent; border-radius: 6px; font-size: 13px; color: #475569; cursor: pointer;
}
.filter-dropdown-item[data-v-16ab7dd9]:hover { background: #eff6ff; color: #1d4ed8;
}
.filter-dropdown-item.active[data-v-16ab7dd9] { background: #dbeafe; color: #2563eb; font-weight: 600;
}